@charset "UTF-8";
/* CSS Document */
@font-face {font-family:OptimaLTDemiBold;	src:url('Optima.ttf');}
		
body { font-family: "微软雅黑", OptimaLTDemiBold, sans-serif; line-height:20px; margin:0; font-size:16px; line-height:25px; color:#333333;}
ul,li { list-style:none; display:block; padding:0px; margin:0px; st-style-type:none; }
a { color: #333333; text-decoration:none;/* outline:none; */}
a:hover { color:#000; text-decoration:none }
img { border:0px; padding:0px; }
input,textarea,select { font-family: "微软雅黑", Arial, Helvetica, sans-serif; }
h1,h2,h3,h4 { display:block; margin:0; padding:0; font-size:12px;}

.header_bg{ position:fixed; z-index:9999; width:100%;}
.header { margin:auto; width:100%; height:50px; padding-top:10px; padding-bottom:10px;}
.header .logo{ float:left; width:200px; padding-left:20px;}
.header .logo a{ display:block; height:50px; background-image: url(../images/logo.png); background-repeat: no-repeat; background-position: left center; }

.webnav{ height:50px; float:right; width:400px; text-align:right; background-repeat: no-repeat; background-position: left center; margin-right:20px;}
.webnav ul > a{width:100px; height:50px; line-height:50px; color:#FFF; margin-left:60px; }
.webnav ul span { color:#FFF; font-size:12px}
.webnav ul span a{ color:#FFF;}

.header_bg_W{ background:url(../images/w_60.png);  transition:1s; border-bottom: 1px #DDD solid;}
.header_bg_W .header{ padding-top:5px; padding-bottom:5px; transition:0.3s;}
.header_bg_W ul a,.header_bg_W ul span a,.header_bg_W ul span{ color:#000; transition:1s;}
.header_bg_W .logo a{ display:block; height:50px; background-image: url(../images/logo_b.png);  background-repeat: no-repeat; background-position: left center; }

.swiper-container{width: 100%; height: 100%;}
.swiper-pagination_box{margin:auto; width:100%; height:25px; position:absolute; margin-top:-60px;}
.swiper-pagination{ width:100%; }
.swiper-pagination .swiper-pagination-bullet { margin:0 5px }

.banner { height:1080px; overflow:hidden; background-image: url(../images/banner1.jpg); background-repeat: no-repeat; background-size:100%;  background-position: center top; }
.banner .slogan{ font-size:36px; margin-left:20%; color:#FFF; padding-top:500px; }
.banner .slogan span{ display:block; font-size:20px; line-height:60px; }

.content{ padding-top:30px;}
.content .title{ font-size:40px; text-align:center; line-height:40px;}
.content .brief{ text-align:center;}
.content .bigpic{ text-align:center; padding:20px;}

.userpic { height:650px;}
.userpic .morepic{ border-bottom:1px #CCC solid; padding-bottom:10px; margin-bottom:20px;}
.userpic .morepic a{ display: block; width: 100px; padding-right:20px; margin: auto; background-image: url(../images/icon_01.gif); background-repeat: no-repeat; background-position: right center; }
.userpic .pic_list ul{ width:650px; margin:auto;  }
.userpic .pic_list ul li{ float:left; padding-right:10px;}
.userpic .pic_list ul li img{ width:150px;}

.prochoice{ height:430px; padding-top:50px;}
.prochoice .title{ padding-top:40px;}
.prochoice .iconlist{ width:1000px; overflow:hidden; margin:auto; background-image: url(../images/icon_new.jpg); height:280px; background-position: center top; background-repeat: no-repeat; }
.prochoice .iconlist ul{ width:1100px;}
.prochoice .iconlist li{ float:left; width:187px; padding-right:84px; text-align:center; padding-top:210px;}
.prochoice .iconlist li span{ font-size:36px;}

.proweigh .bigpic{ height:660px; background-image: url(../images/sturdy_stable.jpg); background-size:100%; background-repeat: no-repeat; background-position: center bottom; }
.proweigh .brief{ padding-top:60px;}
.proweigh .brief ul{ width:1000px; height:200px; margin:auto;}
.proweigh .brief li{ float:left;}
.proweigh .brief li span{ font-size:30px;display:block}
.proweigh .brief .text1{ text-align:right; width:450px; padding-right:50px; }
.proweigh .brief .text2{ text-align:left; width:450px; padding-left:50px;}

.video_list { height:270px;  background:#363636; padding-top:50px; border-bottom:solid 1px #FFF;}
.video_list ul{ width:1000px; margin:auto; height:270px;}
.video_list li{ float:left; text-align:center;}
.video_list .text{ padding:15px; color:#ffffff;}
.video_list .text span{ font-size:30px; display:block} 
.video_list .video{padding:15px;}

.k2_details{ text-align:center; padding-top:60px; padding-bottom:60px;}

.k2_360{ padding-bottom:60px;}

.k2_compatibility{ height:530px;}
.k2_compatibility .video_box ul{ width:1000px; margin:auto;height:300px; padding-bottom:60px;}
.k2_compatibility .video_box li{ height:300px;}
.k2_compatibility .video{ float:left; width:500px; background:#666; }
.k2_compatibility .pic{ float:left; width:500px; background:#FF0}


.k2_gift{ height:500px; overflow:hidden; background-image: url(../images/gift.jpg); background-size:100%; background-repeat: no-repeat; background-position: center center; }

.K2_tesimo{ height:660px; background:#F8F8F8; padding-top:50px;} /*   */
.K2_tesimo ul{ width:1000px; margin:auto;}
.K2_tesimo ul li{ float:left; width:300px; height:300px; margin-left:15px; margin-right:15px;}
.K2_tesimo ul li span{ display:block; text-align:center}
.K2_tesimo ul li .text{ text-align:left; background:#FFF; height:100px;  padding:20px; margin-bottom:20px; font-size:14px; line-height:20px;}

.prodeat{ text-align:center; padding-top:30px; padding-bottom:60px; height:800px;}
.prodeat .title{padding-bottom:15px; padding-top:30px;}
.prodeat .caption{ border-bottom:solid 1px #CCC; width:1000px; margin:auto; text-align:left;}
.prodeat ul { width:1000px; margin:auto; padding:0px; margin-bottom:60px;}
.prodeat ul li{ float:left; margin-right:10px; line-height:30px;text-align:left; padding-bottom:30px;}
.prodeat ul .th1{ font-weight:bold; width:200px;}
.prodeat ul .th2{ width:300px;}
.prodeat ul .th3{ height:100px; font-weight:bold; width:430px; padding-top:10px; text-align:right; float:right;}


.footer {height:150px; padding-top:20px; border-top:1px #EEE solid; margin-top:100px; font-size:14px;}
.footer ul{ margin:auto; width:1000px; height:39px;}
.footer ul .fltlft{ line-height:25px; color:#999}
.footer ul .fltlft .add{ background-image: url(../images/icon_02.gif); background-repeat: no-repeat; background-position: left 10px; padding-left:20px; }
.footer ul .fltlft .Tel{ background:url(../images/icon_03.gif); background-repeat: no-repeat; background-position: left 8px; padding-left:20px; }
.footer ul .fltlft .email{ background:url(../images/icon_04.gif); background-repeat: no-repeat; background-position: left 6px; padding-left:20px; }
.footer ul .fltlft span{ width:400px; padding-right:50px; display:block; float:none;}
.footer ul .fltrt{ text-align:right; color:#999; font-size:14px; line-height:20px;}
/* ///////////////////////////首页Css 结束/////////////////////////////////////////////////*/

.button_style,
a.button_style { display:block; border:1px #2b93c4 solid; background:url(../images/button_bg.gif); padding-left:10px; padding-right:10px; cursor: pointer; }
.button_style:hover,
a.button_style:hover { display:block; cursor: pointer; color:#000; }
.text_14 { font-size:16px; }
.text_16 { font-size:18px; }
.text_20 { font-size:20px; font-weight:bold; }
.text_bg { height:20px; float:left; padding-left:5px; padding-right:5px; line-height:22px; background-color: #DFCDA4; width:651px; }
.text_10 { font-size:10px; }
.text_14 { font-size:14px; }
.text_FFF { color:#FFFFFF; }
.text_336600{ color:#336600}
.text_F60 { color:#F60; }
.text_song { font-family: "宋体" }
.text_strong { font-weight:bold; }
.padding_r_10 { padding-right:10px; }
.padding_r_20 { padding-right:10px; }
.padding_r_30 { padding-right:10px; }
.padding_l_10 { padding-left:10px; }
.padding_l_20 { padding-left:20px; }
.padding_l_30 { padding-left:30px; }
.padding_t_10 { padding-top:10px; }
.padding_t_20 { padding-top:20px; }
.padding_t_30 { padding-top:30px; }
.padding_t_36 { padding-top:36px; }
.padding_b_10 { padding-bottom:10px; }
.padding_b_20 { padding-bottom:20px; }
.padding_b_30 { padding-bottom:30px; }
.dis_block{ display:block;}
.displaydiv { display:block; }
.hiddendiv { display:none; }
.fltrt { float:right; } /* 此类可用来使页面中的元素向右浮动。浮动元素必须位于页面上要与之相邻的元素之前。 */
.fltlft { float:left; } /* 此类可用来使页面上的元素向左浮动 */
.clearfloat { /* 此类应当放在 div 或 break 元素上，而且该元素应当是完全包含浮动的容器关闭之前的最后一个元素 */ clear:both; height:0; font-size: 1px; line-height: 0px; }
#floatBoxBg { width:100%; height:100%; background:#000; filter:alpha(opacity=50); opacity:0.5; position:absolute; top:0; left:0; }
.floatBox { border:#666 5px solid; width:300px; position:absolute; top:50px; left:40%; }
.floatBox .title { height:23px; padding:7px 10px 0; background:#333; color:#fff; }
.floatBox .title h4 { float:left; padding:0; margin:0; font-size:14px; line-height:16px; }
.floatBox .title span { float:right; cursor:pointer; }
.floatBox .contentBox { padding:20px 15px; background:#fff; }
.error { border: 1px dashed #CCC; background-color:#FF6; color:red; padding-left:5px; padding-right:5px; }
.promptSpan{ color:#89191a; padding-left:10px; }
.PromptMsg{ font-size:14px; padding-bottom:10px;}

/* 返回首页相关链接 */
/*.ico,.comm{background-image:url(../images/sprite.png);background-repeat:no-repeat}
.ico{overflow: hidden;line-height: 64px;font-size:0;display: inline-block;}*/

.in_left_info{position:absolute; width:120px; margin-left:-125px;  top:122px;  z-index:999; padding-bottom:20px;}
.in_left_info .hotsales .title{ color:#FFF; background:#a0a0a0; line-height:30px; height:30px; padding-left:3px; padding-right:3px; }
.in_left_info .hotsales .title a { display: block; height: 30px; width: 35px; float: right; background-image: url(../images/w_more.png); background-repeat: no-repeat; background-position: center center; }
.in_left_info .hotsales { padding-bottom:10px;}
.in_left_info .hotsales li {padding-top:5px; padding-bottom:8px; padding-left:5px; background-image: url(../images/hotsales_li_bg.gif); background-repeat: repeat-x; background-position: bottom; }
.in_left_info .hotsales li .pic{ float:left; padding-right:3px;}
.in_left_info .hotsales li .text{ float:left; line-height:15px; width:70px;}


.rollto{position: fixed; margin-left:1050px; top:122px;  z-index:999;}
.rollto a{ display:block; width:70px; cursor: pointer; height:64px; background-image: url(../images/quick_menu_bg.gif); background-repeat: no-repeat; background-position: left top; }
.rollto a.quick-menu{ height:45px; cursor:default;}
.rollto a.favorite{ background-position: left -45px; }
.rollto a.favorite:hover{ background-position: -70px -45px; }
.rollto a.member{ background-position: left -109px; }
.rollto a.member:hover{ background-position: -70px -109px; }
.rollto a.qq-service{ background-position: left -173px; }
.rollto a.qq-service:hover{ background-position: -70px -173px; }
.rollto a.web-chat{ background-position: left -237px; }
.rollto a.web-chat:hover{ background-position: -70px -237px; }
.rollto a.feedbacklink{ background-position: left -301px; }
.rollto a.feedbacklink:hover{ background-position: -70px -301px; }
.rollto a.totop{ height:26px; background-position: left -364px;}
.rollto a.totop:hover{ height:26px; background-position -70px -364px;}

.feedbackfd{ position: fixed; color:#FFF; width:385px;  display:none; height:262px; margin-left:650px; top:120px; z-index:999; background-image: url(../images/feedback_fd.png); background-repeat: no-repeat; background-position: left top; }
.feedbackfd ul{ padding-left:20px; padding-top:35px;}
.feedbackfd input,.feedback_fd input textarea{ border:#db686a 1px solid; background:#89191a;}
.feedbackfd .promptSpan{ color:#FFF;}
.form_but span{ display:block; float:left; padding-right:10px;}
.form_but .close_but{ height:30px; line-height:30px;  cursor: pointer;}
/*********#############################************/




 /*//针对iPhone 3  */  


/*针对iPhone 4, 5c,5s, 所有iPhone6的放大模式，个别iPhone6的标准模式  */  
@media only screen and (min-device-width: 320px)and (-webkit-min-device-pixel-ratio: 2) { body, html {  font-size:18px;}} 
 
/* //针对大多数iPhone6的标准模式 */ 
@media only screen and (min-device-width: 375px)and (-webkit-min-device-pixel-ratio: 2) {   body, html {  font-size:18px; }}