/* HTML5 ✰ Boilerplate
 * ==|== normalize ==========================================================
 */

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; }
[hidden] { display: none; }

html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; font-size: 13px; line-height: 1.231; background:#FFF }
body, button, input, select, textarea { font-family: sans-serif; color: #222; }

::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }

a { color: #d03638; text-decoration:none }
a:visited { color:#bb3032; text-decoration:none }
a:hover { color: #999; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
ul, ol {  list-style:none }
dd { margin: 0 0 0 0px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; max-width:100%; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
table button, table input { *overflow: auto; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
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-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

table { border-collapse: collapse; border-spacing: 0; }

.ui-content{ padding:0}
@font-face {
    font-family: 'AdobeGaramondProItalic';
    src: url('font/agaramondpro-italic.eot');
    src: url('font/agaramondpro-italic.eot') format('embedded-opentype'),
         url('font/agaramondpro-italic.woff') format('woff'),
         url('font/agaramondpro-italic.ttf') format('truetype'),
         url('font/agaramondpro-italic.svg#AdobeGaramondProItalic') format('svg');
	font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AdobeGaramondProRegular';
    src: url('font/agaramondpro-regular.eot');
    src: url('font/agaramondpro-regular.eot') format('embedded-opentype'),
         url('font/agaramondpro-regular.woff') format('woff'),
         url('font/agaramondpro-regular.ttf') format('truetype'),
         url('font/agaramondpro-regular.svg#AdobeGaramondProRegular') format('svg');
	font-weight: normal;
    font-style: normal;	 
}

/*@font-face {
    font-family: 'FranklinGothicHeavyRegular';
    src: url('font/frankingothicheavy.eot');
    src: url('font/frankingothicheavy.eot') format('embedded-opentype'),
         url('font/frankingothicheavy.woff') format('woff'),
         url('font/frankingothicheavy.ttf') format('truetype'),
         url('font/frankingothicheavy.svg#FranklinGothicHeavyRegular') format('svg');
	font-weight: normal;
    font-style: normal;		 
}*/
@font-face {
    font-family: 'FranklinGothicBookRegular';
    src: url('font/franklingothicbookregular.eot');
    src: url('font/franklingothicbookregular.eot') format('embedded-opentype'),
         url('font/franklingothicbookregular.woff') format('woff'),
         url('font/franklingothicbookregular.ttf') format('truetype'),
         url('font/franklingothicbookregular.svg#FranklinGothicBookRegular') format('svg');
	font-weight: normal;
    font-style: normal;		 
}

@font-face {
    font-family: 'FranklinGothicDemiCondRegular';
    src: url('font/franklingothicdemicond.eot');
    src: url('font/franklingothicdemicond.eot') format('embedded-opentype'),
         url('font/franklingothicdemicond.woff') format('woff'),
         url('font/franklingothicdemicond.ttf') format('truetype'),
         url('font/franklingothicdemicond.svg#FranklinGothicDemiCondRegular') format('svg');
	font-weight: normal;
    font-style: normal;		 
}
@font-face {
    font-family: 'FranklinGothicDemiRegular';
    src: url('font/franklingothicdemiregular.eot');
    src: url('font/franklingothicdemiregular.eot') format('embedded-opentype'),
         url('font/franklingothicdemiregular.woff') format('woff'),
         url('font/franklingothicdemiregular.ttf') format('truetype'),
         url('font/franklingothicdemiregular.svg#FranklinGothicDemiRegular') format('svg');
	font-weight: normal;
    font-style: normal;		 
}
/*@font-face {
    font-family: 'FranklinGothicMediumCondRegular';
    src: url('font/franklingothicmediumcond.eot');
    src: url('font/franklingothicmediumcond.eot') format('embedded-opentype'),
         url('font/franklingothicmediumcond.woff') format('woff'),
         url('font/franklingothicmediumcond.ttf') format('truetype'),
         url('font/franklingothicmediumcond.svg#FranklinGothicMediumCondRegular') format('svg');
	font-weight: normal;
    font-style: normal;		 
}*/

/* ===================================================
    Initializr styles
    http://verekia.com/initializr/responsive-template
    Author: Jonathan Verrecchia
   =================================================== */

body{ font:16px/24px Helvetica, Helvetica Neue, Arial, sans-serif; }

.wrapper{margin:0 17px;}

/* ===================
    ALL: Orange Theme
   =================== */


#footer-container{ }
#main aside      { border-top:    20px solid #e44d26; }
#header-container{/*position: absolute;z-index: 2;top: 0;left: 0; width:100%; height:61px;*/ width:100%; }
.header_bar{background:#fff;width:100%;}
.back{ float:left;background: url(../images/back.jpg) no-repeat;width: 14px;height: 14px;-webkit-background-size: 14px 14px;-moz-background-size:14px 14px;background-size: 14px 14px;margin:.89em 0}
.header_bar a{ margin-left:1.4em; line-height:16px; font-size:.9em; height:20px; display:block; color:#ababab;}
.header_bar .p_name{font-size:.9em; float:right;height: 20px;margin:.89em 0; line-height:20px;color:#ababab;text-overflow: ellipsis;overflow: hidden; }
.sm_head{ line-height:18px; margin-top:6px; margin-left:8px; float:left}
#header-container,
#footer-container,
#header-we,
#main aside{
	background:#000;
}
.play_icon{ background:url(../images/video.png) no-repeat; width:32px; height:32px; position:absolute; top:10px; right:8px;}
#search{ width:75%; height:36px; border:none;-moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; line-height:36px; color:#898989; margin:10px 0; background:  #f4f4f4; padding:6px 12px; outline:none; float:left;text-overflow:ellipsis;white-space: nowrap}
.search_btn{ width:20%; height:36px; border:none;-moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;margin:10px 0; float:right;background: url(../images/search_btn.png) center center no-repeat #d53133;height: 36px;-webkit-background-size: 41px 36px;-moz-background-size: 41px 36px;background-size: 41px 36px; }
#main-container{
	/*position: absolute;
	z-index: 1;
	top: 61px;
	bottom: 0px;
	left: 0;
	width: 100%;
	overflow: hidden;*/
	padding-top:60px;
}
#main-container_01{ padding-top:108px}
#main-container_02{ padding-top:126px}
#main-container_03{ padding-top:158px}
#main-container_04{ padding-top:117px}
#main-container_05{ padding-top:105px}
#main-container_07{ padding-top:60px}
#main-container_06{ padding-top:113px}
::-moz-selection { background: #f16529; color: #fff; text-shadow: none; }
::selection      { background: #f16529; color: #fff; text-shadow: none; }

/* ==============
    MOBILE: Menu
   ============== */
.logo {float:left;background: url(../images/logo.jpg) no-repeat;width: 180px;height: 20px;-webkit-background-size: 180px 20px;-moz-background-size: 180px 20px;background-size: 180px 20px;margin:1.27em 0}
.login{ float:right;}
.login a{ color:#69696b;padding:1em 0; float:left}
.we_bg{background: url(../images/bg.jpg) no-repeat;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;}
.bar_btn{ float:right;background: url(../images/bar_btn.jpg) no-repeat;width: 22px;height: 20px;-webkit-background-size: 22px 20px;-moz-background-size: 22px 20px;background-size: 22px 20px;margin:1.27em 0;}
.mm-opening .bar_btn{ float:right;background: url(../images/bar_btn_01.jpg) no-repeat;width: 22px;height: 20px;-webkit-background-size: 22px 20px;-moz-background-size: 22px 20px;background-size: 22px 20px;margin:1.27em 0;}
.sologn{width: 195px;height: 127px;margin: 0 auto ; padding-top:80%}
.change{ margin:0 auto; padding:20px 0 ; width:278px;}
.topSelectBar{height:36px; width:230px;text-align: center; overflow:hidden;background-image:url(../images/select_bg.png); background-repeat:no-repeat;-webkit-background-size: 230px 36px;
-moz-background-size: 230px 36px;background-size: 230px 36px; float:left}
.topSelectBar select { padding:5px; background:transparent; width:230px; border:none; height:36px;-webkit-appearance: none; outline:none; color:#fff}
.go_btn{background-image:url(../images/go_btn.png); background-repeat:no-repeat;-webkit-background-size: 41px 36px;-moz-background-size: 41px 36px;background-size: 41px 36px; float:right; width:41px; height:36px}
#footer {width:100%}
.foot_list{ border-bottom:1px solid #262626}
.foot_list ul li{ width:33%; float:left; text-align:center}
.foot_list ul li a{ color:#797a7a; padding:25px 0; display:block}
.foot_logo{float:left;background: url(../images/foot_logo.jpg) no-repeat;width: 98px;height: 12px;-webkit-background-size: 98px 12px;-moz-background-size:98px 12px;background-size: 98px 12px; margin:.67em 0}
.icp{ float:right; font-size:.6em; color:#383838;margin:.47em 0}
#infoot{ background:#2a272a;  height:188px; margin:0 auto; padding-top:30px;color:#929292 }
#infoot a{ color:#929292}
nav a{
	display:block;
	margin-bottom:10px;
	padding:15px 0;
	color:white; font-family:FranklinGothicDemiRegular,Helvetica, Arial, sans-serif;
 		
	text-align:left;
	text-decoration:none;
	font-weight:bold;
	border-bottom:1px solid #1e1e1e
}

nav a:hover, nav a:visited{
	color:white;
}

nav a:hover{
	text-decoration:underline;
}
.loop div p {
    text-align: center;
    margin-bottom: 0px;
    margin-top: .37em;
    color: #222;
    font-size: .87em;
}
.media_bar{ width:100%}
.media_bar li{ width:25%; float:left; text-align:center;margin: .89em 0;}
.media_bar li a{ margin-left:0; line-height:24px; height:24px; display:block}
.space{ margin-bottom:2px}
.menu_bar_m{ background:#fafafa; width:100%; height:61px}
.mm-list > .menu_bar_m a{ float:left; width:100%; padding:0; text-decoration:none;border-bottom: none; color:#000}
.mm-list > .menu_bar_m a img{  margin:0 auto; padding:18px 0; display:block  }

/* ==============
    MOBILE: Main
   ============== */
.bg_coler{ background:#FFF}
#main article header h1{
	
}

#main article header p{
	font-family:FranklinGothicBookRegular,Helvetica,Arial, sans-serif;
	 text-align:center; line-height:1.5em; color:#797979; font-size:18px;
}
#main article header span{
	border-top:2px solid #fb4648;  width:22px; margin:0 auto; display:block
}
.section_01{  margin-top:2.6em;padding-bottom:.67em}
.bottom_line{border-bottom:5px solid #fb4648;}
.section_01 h2{font-family:FranklinGothicDemiCondRegular,Helvetica,Arial, sans-serif;text-align:center; font-weight:bold; letter-spacing:-1px}
.section_01 span{border-top:2px solid #fb4648;  width:22px; margin:0 auto; display:block}
.section_01 p{font-family:FranklinGothicBookRegular,Helvetica,Arial, sans-serif;text-align:center; line-height:1.5em; color:#717171; font-size:18px;}
.section_02{border-bottom:2px solid #fb4648;}
.section_02 p{font-family:AdobeGaramondProItalic,Helvetica,Arial, sans-serif;text-align:center; line-height:1.5em; color:#717171; font-size:18px;}
.section_03 p{ color:#6c6c6c}
.section_05{background: url(../images/img_04.jpg) no-repeat;-webkit-background-size: 100%;
-moz-background-size: 100%;background-size:100%;}
.section_06{ padding-top:95%;border-bottom:2px solid #fb4648;}
.section_07 p{  color:#797979; }
.section_08{ background:#ebebeb}
.section_10{ background:#FFF;padding-bottom:.67em; margin-bottom:2.67em}
.section_10 h3{font-family: 'FranklinGothicDemiRegular'; margin-left:15px; margin-right:15px;letter-spacing:-1px}
.section_10 .wen{ color:#6c6c6c;margin-left:15px; margin-right:15px}
.title{ border-bottom:1px solid #f1f1f1}
.section_11 h1{ text-align:center;font-family:FranklinGothicDemiCondRegular,Helvetica,Arial, sans-serif; font-size:1.3em}
.section_11 span{border-top:2px solid #fb4648;  width:22px; margin:0 auto; display:block}
.section_11 h5{text-align:center;font-family:FranklinGothicDemiCondRegular,Helvetica,Arial, sans-serif;}

#main header .section_11 .abstract{font-family:AdobeGaramondProItalic,Helvetica,Arial, sans-serif; color:#7e7e7e; line-height:1em; margin:.57em 0 1.5em 0; text-align:center}
.pr_list{ margin:.67em 0; padding:0 0 .67em 0;}
.pr_list li{ display:inline-block;width:49%;vertical-align:top; }
.pr_list li img{ width:60%; margin:0 auto; display:block; margin-top:.9em}
.pr_list li a{ color:#6c6c6c; text-align:center}
.pr_list li  p{text-align:center; font-size:.68em; line-height:18px;}
.help{/* border-top:1px solid #f5f5f5*/}
.help h4{ text-align:center; color:#545454;font-family:FranklinGothicDemiCondRegular; font-size:1.3em; margin:.47em 0}
.help_bar{ background:#d53133}
.help_bar ul{ margin-left:10px; margin-right:10px; padding-top:1em}
.help_bar ul li{ float:left; width:33%}
.help_bar ul li a{ color:#fff}
.help_bar ul li img{ width:60%; margin:0 auto; display:block}
.help_bar ul li p{ font-size:.8em; text-align:center}
.style{ border:1px solid #ebebeb; border-left:none;border-right:none; margin-top:-1px;}
.style a{ color:#222}
.style .style_lt{ float:left; width:50%}
.style_rg{ float:right; width:45%; background: url(../images/arrow-nav.jpg) 95% 10% no-repeat;background-size: 13%; margin-top:1.5em; }
.style_rg  p{font-family:FranklinGothicDemiRegular; font-weight:bold; font-size:1.1em; line-height:.97em; margin:0; letter-spacing:-1px;}
.style_rg span{ color:#afafaf}
.groom{}
.groom h4{ text-align:center; color:#545454; margin: 1.33em 0 .37em 0;}
.groom_a{ background:#e9e9e9; height:105px; margin-top:1px}
.groom_a a{color: #000;}
.relf{ width:30%; margin:13px 0 0 20px; float:left;}
.rect{ height:100px; display:table-cell; vertical-align:middle; }
.rerg{background: url(../images/go_img.jpg) no-repeat;-webkit-background-size: 20px 20px;
-moz-background-size:20px 20px;background-size:20px 20px; width:20px; height:20px; float:left;margin:42px 0 0 20px;}
.section_06{ padding-top:95%;border-bottom:2px solid #fb4648;}

.silder{ width:100%; margin:0 auto}
.sm_t{font-family:AdobeGaramondProRegular; font-size:1.2em; color:#6c6c6c; text-align:center; margin:.37em}
.Model{font-family:FranklinGothicBookRegular; font-size:2em; color:#222222; text-align:center; margin-bottom:.67em}
.line{  height:0px;}
.Attribute{border-top:1px solid #f0f0f0;}
.Attribute p{ float:left; width:50%}
.Attribute ul{ float:left; margin-top:.67em ; padding-bottom:.67em; border-bottom:1px solid #f0f0f0;}
.Attribute ul li{ float:left; width:100%; margin:.17em ; color:#989898  }
.dice{ margin-left:2px; line-height:1em; width:97%}
.Attribute span{ float:left}
.color{ font-family: Helvetica,Arial, sans-serif; font-weight:bold; color:#7e7e7e; font-size:.87em}
._style{text-align: left;background: url(../images/coler_bg.jpg) no-repeat;width: 20px;height: 20px;-webkit-background-size: 20px 20px;
-moz-background-size:20px 20px;background-size:20px 20px;margin-top:2px; margin-left:10px  }
._style img{ float:left; width:91%; margin:1px 0 0 1px}
.ENERGY_box,.size_box{ float:left}
.ENERGY{font-family: Helvetica,Arial, sans-serif;color:#7e7e7e; font-size:.87em; margin-left:35px}
.size_box{ width:100%;padding:1em 0;border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0;}
.size{font-family: Helvetica,Arial, sans-serif;color:#7e7e7e; font-size:1em; float:right; }
.buy{ margin-top:1em;margin-bottom:.67em;}
.buy_btn{background: url(../images/buy_btn.jpg) no-repeat; width:286px;height: 37px;-webkit-background-size:286px 37px;
-moz-background-size:286px 37px;;background-size: 286px 37px;;text-align:center; margin:0 auto}
.buy_btn a{ color:#fff;text-align:center;font-family:FranklinGothicDemiCondRegular; line-height:36px; font-size:1.3em; display:block}

.video_box{ margin-top:1em;margin-bottom:.67em; }
.video_btn{background: url(../images/video.jpg) no-repeat;width:286px;height: 37px;-webkit-background-size:286px 37px;
-moz-background-size:286px 37px;;background-size: 286px 37px;;text-align:center;margin:0 auto }
.video_btn a{ color:#fff;text-align:center;font-family:FranklinGothicDemiCondRegular; line-height:36px; font-size:1.3em; display:block}
.bnt_box a{color: #3c3c3c;font-size: 15px;font-weight: bold;letter-spacing: -1px; display: inline-table;}
.bnt_box a p{ margin-top:.27em; margin-bottom:1em;}
.bnt_box{ text-align:center}
.bnt_box .style_btn {background-image: url(../images/icon_img.jpg);background-repeat: no-repeat; background-position:0 3px;height: 21px;-webkit-background-size:18px 18px;
-moz-background-size:18px 18px;;background-size:18px 18px;;background-position: 0px 0px;display: block; margin-top:1px; line-height:21px}
.bnt_box .style_btn span{ margin-left:17px}
.Spacing{ line-height:0px}
.FEATURES{}
.FEATURES h4{text-align:center; color:#545454; margin:.47em 0 0 0; padding-bottom:.47em; border-bottom:1px solid #f5f5f5; font-size:1.3em;font-family:FranklinGothicDemiCondRegular}
.but_row p{background-image:url(../images/arrow-nav.jpg);background-repeat: no-repeat;background-position: 94% center;border-bottom: 1px solid #f1f1f1;-webkit-background-size: 18px 18px;
-moz-background-size:18px 18px;;background-size:18px 18px; margin:0}
.but_row p a{padding: 17px 25px 15px 25px;color: #727272;font-size: 1.3em;text-decoration: none;display: block; font-family:FranklinGothicDemiCondRegular}
.but_row p .Specs:before {content: " ";
background: url(../images/Specs.jpg) no-repeat;
display: block;
width: 24px;
height: 24px;
float: left;
margin-top: 4px;
-webkit-background-size: 17px 17px;
-moz-background-size: 17px 17px;
background-size: 17px 17px;
}
.but_row p .maile:before {content: " ";
background: url(../images/maile.jpg) no-repeat;
display: block;
width: 24px;
height: 24px;
float: left;
margin-top: 4px;
-webkit-background-size: 17px 17px;
-moz-background-size: 17px 17px;
background-size: 17px 17px;
}
.but_row p .pdf:before {content: " ";
background: url(../images/pdf.jpg) no-repeat;
display: block;
width: 24px;
height: 24px;
float: left;
margin-top: 4px;
-webkit-background-size: 17px 17px;
-moz-background-size: 17px 17px;
background-size: 17px 17px;
}
.Size_wh{ position:relative;}
.Size_pic{ position:absolute; width:100%; top:0px; left:0px}
.Size_pic img{ margin:5% 0 0 25%;width:50%;}
.Size_box{display:table-cell; vertical-align:middle; text-align:center; overflow:hidden}
.size_hight,.size_width{ position:absolute;font-size:.57em;}
.size_hight{ left:78%; top:48%; width:20%; line-height:normal }
.size_width{ bottom:1.1em; left:14.3em;width:30%;}

.title_bg{ background:#eaeaea;-moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;margin:1em 0;}
.title_bg p,.ggcs td p{ margin:0; }
.ggcs td p{ margin:10px;font-size:.67em; line-height:normal}
.title_bg  span{padding:7px 0 7px 10px; display:block; font-weight:bold}
.ggcs{ border-top:1px solid #dcdcdc; margin-top:10px; }
.ggcs td ,.table_info td{border-bottom:1px solid #dcdcdc;}
.ggcs .tdleft ,.table_info .tdleft{ width:35% }
.ggcs .tdright ,.table_info .tdright{background:#f9f9f9;}
.ggcs .tdright p,.table_info .tdright p{ line-height:1.5}
.table_info td p{ float:left; margin-left:15px; display:inline;}
.ggcs .tdright img{ display:block;}
.empty{ height:3em}
.back_info a{ color:#000; display:block;padding: 17px 25px 15px 25px;font-family: FranklinGothicDemiCondRegular; font-size:1.3em;
color: #727272;}
.back_btn{background: url(../images/back.jpg) 0 18px no-repeat;
-webkit-background-size: 18px 18px;
-moz-background-size: 18px 18px;
background-size: 18px 18px;
text-align:center}

.device {
  width: 100%;
  height:241px;
  position: relative;
  padding: 10px 0px 30px 0;
}
.device .arrow-left {
  background: url(img/arrows.png) no-repeat left top;
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -15px;
  width: 17px;
  height: 30px;
}
.device .arrow-right {
  background: url(img/arrows.png) no-repeat left bottom;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -15px;
  width: 17px;
  height: 30px;
}
.device .swiper-container {
   width: 100%;
  height:241px;
}
.device .content-slide {
  padding: 20px;
  color: #fff;
}
.device .title {
  font-size: 25px;
  margin-bottom: 10px;
}
.device .pagination {
  position: absolute;
  left: 0;
  text-align: center;
  bottom:5px;
  width: 100%;
}
.device .swiper-pagination-switch {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: #cdccca;
 
  margin: 0 3px;
  cursor: pointer;
}
.device .swiper-active-switch {
  background: #d03638;
}

.device .swiper-slide img{ width:100%; margin:0 auto}


.device_01 {
  width: 100%;
  height:201px;
  position: relative;
  padding: 0px 0px 30px 0;
}
.device_01 .arrow-left {
  background: url(img/arrows.png) no-repeat left top;
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -15px;
  width: 17px;
  height: 30px;
}
.device_01 .arrow-right {
  background: url(img/arrows.png) no-repeat left bottom;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -15px;
  width: 17px;
  height: 30px;
}
.device_01 .swiper-container {
   width: 100%;
  height:201px;
}
.device_01 .content-slide {
  padding: 20px;
  color: #fff;
}
.device_01 .title {
  font-size: 25px;
  margin-bottom: 10px;
}
.device_01 .pagination {
  position: absolute;
  left: 0;
  text-align: center;
  bottom:30px;
  width: 100%;
  z-index:2;
}
.device_01 .swiper-pagination-switch {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: #cdccca;
 
  margin: 0 3px;
  cursor: pointer;
}
.device_01 .swiper-active-switch {
  background: #d03638;
}

.device_01 .swiper-slide img{ width:100%; margin:0 auto}


.home {
  width: 100%;
  position: relative;
}
.home .arrow-left {
  background: url(img/arrows.png) no-repeat left top;
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -15px;
  width: 17px;
  height: 30px;
}
.home .arrow-right {
  background: url(img/arrows.png) no-repeat left bottom;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -15px;
  width: 17px;
  height: 30px;
}
.home .swiper-container {
   width: 100%;
   height:298px;
}
.home .content-slide {
  padding: 20px;
  color: #fff;
}
.home .title {
  font-size: 25px;
  margin-bottom: 10px;
}
.home .pagination {
  position: absolute;
  left: 0;
  text-align: center;
  bottom:0px;
  width: 100%;
  z-index:2;
}
.home .swiper-pagination-switch {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: #cdccca;
 
  margin: 0 3px;
  cursor: pointer;
}
.home .swiper-active-switch {
  background: #d03638;
}

.device_01 .swiper-slide img{ width:100%; margin:0 auto}

.shadow{-webkit-box-shadow: 3px 3px 3px #ababab; -moz-box-shadow: 3px 3px 3px #ababab; box-shadow: 3px 3px 3px #ababab;}
.year{ margin:2.57em 0 .67em 0}
@media (device-height:480px) and (-webkit-min-device-pixel-ratio:2){/* 兼容iphone4/4s */
.year{ margin:.67em 0}
}
.year a{ display:block; width:25%;text-align:center; color:#000;font-family: FranklinGothicDemiCondRegular; font-size:1.2em}
.year span{ width:39%; float:left;text-align:center;font-family: FranklinGothicDemiCondRegular;font-size:1.2em; border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5; margin-left:5%; margin-right:5%}
.events_row{background:#fff;border-bottom: 1px solid #e7e7e7;}
.events_bar{ padding:.57em 0; }
.events_bar a{ display:block;color:#000;}
.events_bar span{ width:39%; float:left;text-align:center;font-family: FranklinGothicDemiCondRegular;font-size:1.2em; border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5; margin-left:5%; margin-right:5%}
.events_bar span:before {content: " ";
background: url(../images/Specs.jpg) 6px 0 no-repeat;
display: block;
width: 24px;
height: 24px;
float: left;
margin-top: 2px;
-webkit-background-size: 20px 20px;
-moz-background-size: 20px 20px;
background-size: 20px 20px;}

.y_lf{float:left;  width:25%;text-align:center; font-family: FranklinGothicDemiCondRegular; font-size:1.2em}
.y_rg{ float:right; width:25%;text-align:center; color:#000;font-family: FranklinGothicDemiCondRegular; font-size:1.2em}
.y_lf:before {content: " ";
background: url(../images/year_lf.jpg) no-repeat;
display: block;
width: 24px;
height: 24px;
float: left;
margin-top: 2px;
-webkit-background-size: 18px 18px;
-moz-background-size: 18px 18px;
background-size: 18px 18px;}
.y_lf_01{float:left;  width:25%;text-align:center; font-family: FranklinGothicDemiCondRegular; font-size:1.2em; color:#68686b}
.y_lf_01:before {content: " ";
background: url(../images/year_lf.jpg) no-repeat;
display: block;
width: 24px;
height: 24px;
float: left;
margin-top: 2px;
-webkit-background-size: 18px 18px;
-moz-background-size: 18px 18px;
background-size: 18px 18px;filter:alpha(opacity=30); /*IE,透明度0%*/-moz-opacity:0.3; /*Firefox,透明度0%*/opacity:0.3;/*其他浏览器,透明度0%*/}


.y_rg:after {content: " ";
background: url(../images/year_rg.jpg) 7px 0 no-repeat;
display: block;
width: 24px;
height: 24px;
float: right;
margin-top: 2px;
-webkit-background-size: 18px 18px;
-moz-background-size: 18px 18px;
background-size: 18px 18px;}

.y_rg_01{ float:right; width:25%;text-align:center; color:#000;font-family: FranklinGothicDemiCondRegular; font-size:1.2em}
.y_rg_01:after {content: " ";
background: url(../images/year_rg.jpg) 7px 0 no-repeat;
display: block;
width: 24px;
height: 24px;
float: right;
margin-top: 2px;
-webkit-background-size: 18px 18px;
-moz-background-size: 18px 18px;
background-size: 18px 18px;filter:alpha(opacity=30); /*IE,透明度0%*/-moz-opacity:0.3; /*Firefox,透明度0%*/opacity:0.3;/*其他浏览器,透明度0%*/}
.events_box{ background:#FFF; padding-bottom:.87em; margin-bottom:17px;box-shadow: 0 1px 3px rgba(0,0,0,0.1);}
.events_box .ev_t{font-family: FranklinGothicDemiCondRegular;font-size:1.2em; margin:.57em }
.events_box span{color:#acacac; font-size:.67em; margin:.57em .57em 0 .97em; line-height:normal ; display:block}
.downpdf{background: url(../images/down_pdf.jpg) no-repeat;
width: 200px;
height: 36px;
-webkit-background-size: 200px 36px;
-moz-background-size: 200px 36px;
background-size: 200px 36px;
text-align: center;
margin: 0 auto;}
.downpdf a{color: #fff;
text-align: center;
font-family: FranklinGothicDemiCondRegular;
line-height: 36px;
font-size: 1.3em;
display: block
}
.events_ct{}
.ev_time{ margin:0; line-height:normal; font-size:.87em}
.ev_title{font-family: FranklinGothicDemiCondRegular;font-size:1.2em; margin-top:.37em}
.ev_cont{ padding-bottom:2em}
.store_bra{ background:#FFF}
.store_tt{font-family: FranklinGothicDemiCondRegular;font-size:1.2em; margin:.8em 0; float:left}
.store_tt:before {content: " ";
background: url(../images/seach.png) no-repeat;
display: block;
width: 24px;
height: 24px;
float: left;
margin-top: 2px;
-webkit-background-size: 18px 18px;
-moz-background-size: 18px 18px;
background-size: 18px 18px;}
.store_list{ background:#FFF; overflow-x:hidden;  position:fixed; top:0px;-webkit-overflow-scrolling : touch}
.animation{
	-webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    -o-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;}

.storeselect{ height:110px; background:#d53133}
.st_info{ padding-bottom:1em; border-bottom:1px solid #dddddd; margin-top:1.3em; }
.map_icon{ width:10%; float:right;margin:.87em 0;}
.store_select{height:37px; width:287px;text-align: center; overflow:hidden;background-image:url(../images/store_select.png); background-repeat:no-repeat;-webkit-background-size: 287px 37px;
-moz-background-size: 287px 37px;background-size: 287px 37px;; margin:0 auto; margin-top:.77em; float:left}
.store_select select { padding:5px; background:transparent; width:280px; border:none; height:37px;-webkit-appearance: none; outline:none; color:#fff}
.st_name{font-family: FranklinGothicDemiCondRegular;font-size:1.3em; margin:0}
.icon_st{
background: url(../images/icon_st.jpg) no-repeat;
display: block;
width: 24px;
height: 24px;
float: left;
margin-top: 2px; margin-right:.57em;
-webkit-background-size: 19px 19px;
-moz-background-size: 19px 19px;
background-size: 19px 19px; float:left}
.st_add{ margin:.57em 0}
.st_cont{ float:left; width:88%}
.st_cont span{ color:#000; font-weight:bold; margin-left:24px; display:block; line-height: normal; float:left; padding:5px }
.show_more{ display:none}
.carries{ margin:1em 0 .37em 0}
.st_tel ,.st_mail,.st_time,.st_stop{ margin:0}
.st_tel {
background: url(../images/st_tel.jpg) 0 5px no-repeat;
display: block;
-webkit-background-size: 18px 18px;
-moz-background-size: 18px 18px;
background-size: 18px 18px;}
.st_tel a{ color:#000}
.st_mail {
background: url(../images/st_mail.jpg) 0 5px  no-repeat;
display: block;

-webkit-background-size: 18px 18px;
-moz-background-size: 18px 18px;
background-size: 18px 18px;}

.st_time {
background: url(../images/st_time.jpg) 0 5px  no-repeat;
display: block;
-webkit-background-size: 18px 18px;
-moz-background-size: 18px 18px;
background-size: 18px 18px;}

.st_stop{
background: url(../images/st_stop.jpg) 0 5px  no-repeat;
display: block;
-webkit-background-size: 18px 18px;
-moz-background-size: 18px 18px;
background-size: 18px 18px;}
.st_btn{ cursor:pointer; color:#da2022; margin:.27em 0}
.st_img ul li{ width:12%; padding:3px; display:inline-table}
.st_img ul { margin-bottom:.37em}
.map_box{ padding:.37em 0}
.map_btn{background: url(../images/map_btn.jpg) no-repeat;
display: block;
width:80px; height:33px;
-webkit-background-size: 80px 33px;
-moz-background-size: 80px 33px;
background-size: 80px 33px; line-height:33px; color:#fff; float:left; text-align:center;margin-right:5px; margin-bottom:5px}

.yy_btn{background: url(../images/icon_01.jpg) no-repeat;
display: block;
width:80px; height:33px;
-webkit-background-size: 80px 33px;
-moz-background-size: 80px 33px;
background-size: 80px 33px; line-height:33px; color:#fff; float:left; text-align:center;margin-right:5px; margin-bottom:5px}


.sj_btn{background: url(../images/icon_02.jpg) no-repeat;
display: block;
width:80px; height:33px;
-webkit-background-size: 80px 33px;
-moz-background-size: 80px 33px;
background-size: 80px 33px; line-height:33px; color:#fff; float:left; text-align:center; margin-bottom:5px}

.yx_btn{background: url(../images/icon_03.jpg) no-repeat;
display: block;
width:80px; height:33px;
-webkit-background-size: 80px 33px;
-moz-background-size: 80px 33px;
background-size: 80px 33px; line-height:33px; color:#fff; float:left; text-align:center;margin-right:5px; margin-bottom:5px}

.fx_btn{background: url(../images/icon_03.jpg) no-repeat;
display: block;
width:80px; height:33px;
-webkit-background-size: 80px 33px;
-moz-background-size: 80px 33px;
background-size: 80px 33px; line-height:33px; color:#fff; float:left; text-align:center}



.share_btn{background: url(../images/st_btn.jpg) no-repeat;
display: block;
width:80px; height:33px;
-webkit-background-size: 80px 33px;
-moz-background-size: 80px 33px;
background-size: 80px 33px; line-height:33px; color:#fff; float:left; text-align:center}

.send_btn{background: url(../images/st_btn.jpg) no-repeat;
display: block;
width:80px; height:33px;
-webkit-background-size: 80px 33px;
-moz-background-size: 80px 33px;
background-size: 80px 33px; line-height:33px; color:#fff; float:left; text-align:center; margin:0 2px}
#ShowContent{ display:none;position: absolute;z-index:20;top:0px; left:0px; background:#fff; width:100%; height:100%}
.sendBox_row{ width:100%; height:255px; display:none;z-index: 21;position:fixed; }
.sendBox{background:#FFF;width:100%; height:255px; margin:0 auto;}
.sendBox_close{ background:url(../images/close.png) no-repeat; width:19px; height:19px; float:right;display:inline; cursor:pointer; position:absolute; top:12px; right:12px; z-index:100 }
.sendtitle{font-family: FranklinGothicDemiCondRegular;font-size:1.3em; text-align:center; margin-top:2em }
#input{ width:100%; height:36px; border:none; background:#f4f4f4;-moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; text-indent:15px; line-height:36px;font-family: 'AdobeGaramondProItalic'; color:#898989}
.mail_info{ color:#a1a1a1; text-align:center; font-size:.67em; margin-top:.37em}
.send_mail_btn{
background: url(../images/send_btn.jpg)  no-repeat;
display: block; width:200px; height:36px; margin:0 auto;
-webkit-background-size: 200px 36px;
-moz-background-size: 200px 36px;
background-size: 200px 36px; cursor:pointer; line-height:36px; color:#FFF;font-family: FranklinGothicDemiCondRegular;font-size:1.3em; text-align:center
}
input[type="text"]{
   -moz-box-sizing:    border-box;
   -webkit-box-sizing: border-box;
    box-sizing:        border-box;
}
#email-us{ background:#d53133; width:100%; padding-bottom:1.5em}
#email-us input{width:100%; height:36px; border:none; background:#fff;-moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; padding:6px 12px; line-height:36px; color:#898989; margin-top:.57em; -moz-box-sizing:    border-box;
   -webkit-box-sizing: border-box;
    box-sizing:}
#email-us textarea{width:100%; height:155px;border:none; background:#fff;-moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; padding:6px 12px;  margin-top:.57em;overflow: hidden;  color:#898989;-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;}
.send_us{width:100%; height:36px; border:none; background:#000;-moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; }
.send_us a{background: url(../images/send_us.jpg) 17px 10px  no-repeat;-webkit-background-size: 22px 18px;
-moz-background-size: 22px 18px;
background-size: 22px 18px; color:#fff;font-family: FranklinGothicDemiCondRegular;font-size:1.3em; height:36px; line-height:36px; text-align:center; display:block ;margin-top:.57em;}
.social_box{ border-bottom:1px solid #f0f0f0; padding-bottom:1.3em; margin-top:.37em}
.social_t h2{ font-size:1.6em; text-align:center;font-family: FranklinGothicDemiCondRegular;}
.social_row{ float:left; width:40%; margin:0 5%}
.icon_box img{ width:70%; padding:1em;border:1px solid #d1d1d1;-moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; margin:0 auto; display:block}
.social_row p{ width:100%; text-align:center; margin:.37em 0; width:100%; font-size:.87em}
.contacts{ margin-bottom:1.0em}
.c_t_n{font-family: FranklinGothicDemiCondRegular;font-size:1.3em; margin:.57em 0 0 0} 
.c_t_a{ margin:.47em 0 0 0; color:#6c6c6c}
.c_t_p{ margin:.47em 0 0 0; font-weight:bold}
.c_t_p a,.c_t_f a{ color:#000}
.c_t_f{ margin:0; font-weight:bold}
.dail{width:80%; height:36px; border:none; background:#000;-moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; margin: 1.3em auto}
.dail a{background: url(../images/dail.jpg) 17px 10px  no-repeat;-webkit-background-size: 22px 18px;
-moz-background-size: 22px 18px;
background-size: 22px 18px; color:#fff;font-family: FranklinGothicDemiCondRegular;font-size:1.3em; height:36px; line-height:36px; text-align:center; display:block ;}
.warranty_r{ position:relative;margin-top:0; padding-bottom:0}
.warranty_row{ position:absolute; bottom:2em; left:0;; width:100%; }
.warranty_row h2{ text-align:center; width:100%; margin:.37em 0}
.warranty_row p{ margin:.47em 0; line-height:normal; font-size:.87em}
.warranty_row p a{ color:#919191; line-height:normal}
.Wechat{ position:absolute; top:50px; width:100%;}
.Wechat img{ width:38%; display:block; margin:0 auto; border:2px solid #e93033;-moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; padding:1px}
.faq_select{height:37px; width:287px;text-align: center; overflow:hidden;background-image:url(../images/faq_select.jpg); background-repeat:no-repeat;-webkit-background-size: 287px 37px;
-moz-background-size: 287px 37px;background-size: 287px 37px;; margin:0 auto; margin-top:.77em;}
.faq_select select { padding:5px; background:transparent; width:280px; border:none; height:37px;-webkit-appearance: none; outline:none; color:#fff}
.faq_box{border-top: 5px solid #fb4648; background:#fff;padding-bottom:30px; margin-top:20px;}
.brand_box{border-top: 5px solid #fb4648; background:#fff;padding-bottom:30px; margin-top:20px; display:none}
.service_box{border-top: 5px solid #fb4648; background:#fff;padding-bottom:30px; margin-top:20px; display:block}
.faq_list{ border-bottom:1px solid #d6d6d6}
.qnrightic{background: url(../images/arrow-nav.jpg)  no-repeat;
-webkit-background-size: 20px 20px;
-moz-background-size: 20px 20px;
background-size: 20px 20px;
width:20px; height:20px;float:right;
}
.open .qnrightic{background: url(../images/faq_open.jpg)  no-repeat;-webkit-background-size: 20px 20px;
-moz-background-size: 20px 20px;
background-size: 20px 20px;}
.faq_row faq_group{ width:100%; }
.faq_row .faq_title{ line-height:normal; float:left; font-size:1em; font-weight:bold;text-align: left; width:90%}
.faq_list .xt{ display:none; font-size:1em; padding-bottom:1.5em}
.info{max-height:3em; overflow:hidden}
.info_m{ max-height:none}
.show_btn{ text-align:center}
.Explore{background: url(../images/explore.jpg)  no-repeat;-webkit-background-size: 200px 36px;
-moz-background-size: 200px 36px;
background-size: 200px 36px; width:200px; margin:0 auto; line-height:36px; text-align:center; display:block; color:#fff}
.Explore{ color:#fff}
.font{ color:#da2022}
#main aside{
	color:white;
	padding:0px 5% 10px;
}

.panel {
      display: none;
      width: 220px;
      padding: 20px;
      background-color: #333;
      color: #fff;
      box-shadow: inset 0 0 5px 5px #222;
}

#footer-container footer{
	color:white;
	
}



.appointment{ width:100%; height:255px; display:none;z-index: 21;position:fixed;}
.appointment #email-us{ background:#fff;}
.appointment #email-us input{width:100%; height:36px; border:none; background:#f4f4f4;-moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; padding:6px 12px; line-height:36px; color:#898989; margin-top:.57em; -moz-box-sizing:    border-box;
   -webkit-box-sizing: border-box;
    box-sizing:}
.appointment .send_us{ background:#d53133}	
.appointment .send_us a {
background: url(../images/send_01.jpg) 17px 10px  no-repeat;-webkit-background-size: 22px 18px;
-moz-background-size: 22px 18px;
background-size: 22px 18px; color:#fff;font-size:1em; height:36px; line-height:36px; text-align:center; display:block ;margin-top:.57em;}

.sendBox_row02{ width:100%; height:255px; display:none;z-index: 21;position:fixed; }
.sendBox{background:#FFF;width:100%; height:255px; margin:0 auto;}
.sendBox_close{ background:url(../images/close.png) no-repeat; width:19px; height:19px; float:right;display:inline; cursor:pointer; position:absolute; top:12px; right:12px; z-index:100 }
#input-tel{ width:100%; height:36px; border:none; background:#f4f4f4;-moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; text-indent:15px; line-height:36px; color:#898989}

.send_tel_btn{
background: url(../images/send_02.jpg)  no-repeat;
display: block; width:200px; height:36px; margin:0 auto;
-webkit-background-size: 200px 36px;
-moz-background-size: 200px 36px;
background-size: 200px 36px; cursor:pointer; line-height:36px; color:#FFF;font-size:1em; text-align:center
}

/* ===============
    ALL: IE Fixes
   =============== */

.ie7 #title{ padding-top:20px; }


/* ==|== non-semantic helper classes ======================================== */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }


/* ==|== media queries ====================================================== */

@media only screen and (min-width: 480px) {

/* ====================
    INTERMEDIATE: Menu
   ==================== */
	
	nav a{
		float:left;
		width:27%;
		margin:0 1.7%;
		padding:25px 2%;
		margin-bottom:0;
	}
	
	nav li:first-child a{ margin-left:0;  }
	nav li:last-child  a{ margin-right:0; }
	
/* ========================
    INTERMEDIATE: IE Fixes
   ======================== */

	nav ul li{
		display:inline;
	}	
	.oldie nav a{
		margin:0 0.7%;		
	}
}

@media only screen and (min-width: 768px) {

/* ====================
    WIDE: CSS3 Effects
   ==================== */

	#header-container,
	#main aside{
		-webkit-box-shadow:0 5px 10px #aaa;
		   -moz-box-shadow:0 5px 10px #aaa;
		        box-shadow:0 5px 10px #aaa;
	}

/* ============
    WIDE: Menu
   ============ */
	
	#title{
		float:left;
	}

	nav{
		float:right;
		width:38%;
	}

/* ============
    WIDE: Main
   ============ */

	#main article{
		float:left;
		width:57%;
	}
		
	#main aside{
		float:right;
		width:28%;
	}
}

@media only screen and (min-width: 1140px) {

/* ===============
    Maximal Width
   =============== */

	.wrapper{
		width:1026px; /* 1140px - 10% for margins */
		margin:0 auto;
	}
}

/* ==|== print styles ======================================================= */
 
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } 
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } 
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}


.help{ position:fixed; right:0px; bottom:0px; overflow:hidden; height:40px; width:40px}
.help_group{ height:39px; width:100%; background:#d53133; border-top:1px solid #a40507; position:absolute; right:0px}

.help_group ul li{ float:left; height:39px; line-height:39px}
.showbtn , .hidebtn{ width:40px;}
.showbtn img , .hidebtn img{ width:30%; display:block; margin:0 auto; height:auto; margin-top:8px}
.helpbtn{ width:25%; height:40px}
.helpbtn img{width:75%;display:block; margin:0 auto; margin-top:6px; }
.helpbtn a{ width:100%; height:100%; display:block}
.helpbtn_01{
background: url(../images/storebtn.png) 50% 50% no-repeat;
-webkit-background-size: 84px 25px;
-moz-background-size:84px 25px;
background-size: 84px 25px;
}
.helpbtn_02{
background: url(../images/contactbtn.png) 50% 50% no-repeat;
-webkit-background-size: 84px 25px;
-moz-background-size:84px 25px;
background-size: 84px 25px;
}
.helpbtn_03{
background: url(../images/faqbtn.png) 50% 50% no-repeat;
-webkit-background-size: 84px 25px;
-moz-background-size:84px 25px;
background-size: 84px 25px;
}

.pname span { float:left;border-bottom:1px solid #e38688; padding-bottom:3px; width:50%; display:block; font-weight:bold}
.pmail a,.pphone a,.pname a,.pphone_m a{ color:#fff}
.pmail,.pphone,.pname,.pphone_m { color:#fff; font-size:.87em}
.pname:before {
content: " ";
background: url(../images/pname.jpg) 50% 50% no-repeat;
display: block;
width: 20px;
height: 20px;
float: left;
margin-top: 2px;
 margin-right:20px;
-webkit-background-size: 20px 20px;
-moz-background-size: 20px 20px;
background-size:20px 20px;
}

.pphone:before {
content: " ";
background: url(../images/pphone.jpg) 50% 50% no-repeat;
display: block;
width: 20px;
height: 20px;
float: left;
margin-top: 2px;
 margin-right:20px;
-webkit-background-size: 20px 20px;
-moz-background-size: 20px 20px;
background-size:20px 20px;
}

.pphone_m:before {
content: " ";
background: url(../images/pphone_m.jpg) 50% 50% no-repeat;
display: block;
width: 20px;
height: 20px;
float: left;
margin-top: 2px;
 margin-right:20px;
-webkit-background-size: 20px 20px;
-moz-background-size: 20px 20px;
background-size:20px 20px;
}

.pmail:before {
content: " ";
background: url(../images/pmail.jpg) 50% 50% no-repeat;
display: block;
width: 20px;
height: 20px;
float: left;
margin-top: 2px;
 margin-right:20px;
-webkit-background-size: 20px 20px;
-moz-background-size: 20px 20px;
background-size:20px 20px;
}
.Parambox p{font-size: .67em; margin-left:10px; margin-right:10px;}
.opendiv {
    width: 50px;
    height: 20px;
    cursor: pointer;
    float: right;
    margin-top: 10px;
    font-size: .9em;
    color: #ababab;
}
.openOn{color:#e00812}  

.openbox{
height:0px;
transition:height 1s;
-moz-transition:height 1s; /* Firefox 4 */
-webkit-transition:height 1s; /* Safari and Chrome */
-o-transition:height 1s; /* Opera */
overflow:hidden;
}
.open_on{
	height:	162px
}