@charset "utf-8";
/* #Reset & Basics (Inspired by E. Meyers)
================================================== */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block; }
ol, ul {
	list-style: none; }
blockquote, q {
	quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none; }
table {
	border-collapse: collapse;
	border-spacing: 0; }

/* CSS Document */

html { -webkit-text-size-adjust: none; }
body{margin:0; padding:0; font-family:Arial, "Microsoft Yahei"; color:#1a1515; background:#ececec;  font-size:14px; line-height:24px;}

a{ text-decoration:none; color:#444; cursor:pointer;}
a{ blr:expression(this.onFocus=this.blur()); /* IE Opera */ outline:none; /* FF Opera */ }
a:focus{ -moz-outline-style: none; /* FF */ }
input[type="button"],input[type="submit"]{ cursor:pointer;}
a:hover{color:#2f5cb9;}
strong{font-weight:bold;}

.clear{clear:both; height:1px; overflow:hidden;}
.linear{
transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
}
.inner_1200{ max-width:1200px; position:relative; margin:0 auto;}
.inner_1000{ max-width:900px; position:relative; margin:0 auto; padding:40px 10px;}
.web_show, .mb_show{}
.f_r{float:right;}
.f_l{float:left;}
.d_n{display:none;}
.t_c{text-align:center;}
.gray{background:#f2f2f2; color:#323232; min-height:70px; line-height:70px;}
.white{background:#fff; color:#333; height:50px; line-height:50px;}
.red{ background:#ce133e; color:#fff; overflow:hidden; height:50px; line-height:50px;}
.grayblue{background:#2f3639; color:#fff; height:50px; line-height:50px;}
.graycont{background:#f2f2f2; color:#323232;}
.graycont .big_title_2{line-height:70px;}
.big_title_2{font-size:18px; font-weight:600;}
.big_title a{cursor:text;}
.big_title a:hover{ color:#2f2f2f;}

.pages{padding:30px 0; font-size:16px;}
.pages a{color:#6c6c6c;}
.pages a,.pages span{padding:0 6px; float:left;}

.nav_award{ display:none;}


/*---------------------------------common head-----------------------------------------------------*/
#head{display:block; position:relative; z-index:99;}
#head.toFix{position:fixed; top:-40px; height:112px; width:100%;}
#head_blank{height:0;}
#head_blank.toFix{height:112px; display:block;}

#head.toFix{
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}

/*---------------------------------head_top*/
#head .head_top{background:#242525; height:40px; line-height:40px; color:#fff; position:relative; z-index:9;}
#head .head_top a{color:#fff;}
#head .head_top .notice{font-style:italic; background:url(../images/web_bg.png) no-repeat -360px 2px; padding-left:30px; height:40px; overflow:hidden; position:relative; width:35%;}
#head .head_top .notice .list{ position:absolute; top:0; left:30px;}
#head .head_top .notice a{display:block;}
#head .head_top .notice a:hover{text-decoration:underline; color:#ccc;}

#head .head_top .top_serch{ position:relative; width:216px; padding-top:8px;}
#head .head_top .top_serch input[type='text']{border-radius:14px; border:none; padding:2px 44px 2px 8px; position:absolute;
background: #fff; width:160px; height:20px; line-height:20px;
background: -moz-linear-gradient(top, #f0f0f0, #ffffff); /* Firefox */
background: -o-linear-gradient(top,#f0f0f0, #ffffff); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f0f0f0), color-stop(1, #ffffff)); /* Saf4+, Chrome */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0', endColorstr='#ffffff', GradientType='0'); /* IE*/
}
#head .head_top .top_serch input[type='submit']{background:url(../images/web_bg.png) no-repeat -280px -5px; border:none; padding:0;
width:44px; height:24px; position:absolute; left:168px;}
#head .head_top .top_serch #top_serch_list{ position:absolute; left:8px; top:32px; font-size:12px;
width:160px; border:none; box-shadow:0px 0px 8px #444; background:#fff; display:none;}
#head .head_top .top_serch #top_serch_list a{ color:#565656; display:block;  padding:2px 12px;
transition: all 0.1s linear;
-moz-transition: all 0.1s linear;
-webkit-transition: all 0.1s linear;
-o-transition: all 0.1s linear;}
#head .head_top .top_serch #top_serch_list a:hover{background:#4e97ff;}

#head .head_top .top_nav{width:400px;}
#head .head_top .top_nav dl{padding:0 8px; float:right; cursor:pointer; position:relative;}
/* 向下的箭头 类似于 V */ 
#head .head_top .top_nav dl .arrow_down { 
width: 0; height: 0; margin-left:8px;
border-left: 6px solid transparent; 
border-right: 6px solid transparent; 
border-top: 6px solid #fff; 
font-size: 0; line-height: 0; 
}
#head .head_top .top_nav dl.curr{ background:#000; background:rgba(0,0,0,0.8);}
#head .head_top .top_nav dl.curr .arrow_down{border-top: 6px solid #000; }
#head .head_top .top_nav dt{position:absolute; top:40px; right:0px; background:#000; background:rgba(0,0,0,0.8); line-height:30px; display:none;}
#head .head_top .top_nav dt a{display:block; padding:2px 16px; min-width:120px;}
#head .head_top .top_nav dt a:hover{background:#4e97ff;}

#head .head_top .top_nav .nav_mail{width:290px; padding:8px 20px; color:#fff;}
#head .head_top .top_nav .nav_mail .title{font-size:28px; line-height:50px;}
#head .head_top .top_nav .nav_mail p{line-height:34px; clear:both;}
#head .head_top .top_nav .nav_mail .left{width:70px; display:block; float:left; }
#head .head_top .top_nav .nav_mail .right{width:220px; display:block; float:left; }
#head .head_top .top_nav .nav_mail input[type='text']{width:200px; border-radius:4px; border:none; padding:2px 6px; height:20px;}
#head .head_top .top_nav .nav_mail select{width:103px; border-radius:4px; border:none; height:24px;}
#head .head_top .top_nav .nav_mail .right a{ min-width:0; width:103px; border-radius:4px; background:#fff; float:left;
text-align:center; padding:0; color:#898989; margin:6px 4px 0 0}
#head .head_top .top_nav .nav_mail .right a:hover{color:#4e97ff;}
#head .head_top .top_nav .nav_mail .right a.curr{background:#4e97ff; color:#fff;}
#head .head_top .top_nav .nav_mail .line{background:#4b4b4b; height:1px; width:280px; margin:10px 0 6px 0; overflow:hidden;}
#head .head_top .top_nav .nav_mail .btn input{width:280px; height:30px; border-radius:4px; border:none; background:#4e97ff; 
color:#fff; font-size:14px; font-weight:bold;}
#head .head_top .top_nav .nav_mail .nav_award{color:#a4a4a4; font-style:italic; text-align:center;}

#head .head_top .top_nav dl #top_nav_icon1{width:20px; background:url(../images/mb_bg.png) no-repeat -9px 5px; background-size:200px;}
#head .head_top .top_nav dl #top_nav_icon2{width:20px; background:url(../images/mb_bg.png) no-repeat -35px 5px; background-size:200px;}
#head .head_top .top_nav dl #top_nav_icon3{width:20px; background:url(../images/mb_bg.png) no-repeat -60px 5px; background-size:200px;}


/*---------------------------------head_nav*/
#head .head_nav{background:#000; height:72px; line-height:72px; color:#444; font-size:16px; position:relative; z-index:1;}
#head .head_nav dl a{font-weight:bold; color:#fff;}
#head .head_nav dl.nav_menu_b0.curr{ background:url(../images/arrow.png) no-repeat 30% bottom;}

#head .head_nav .head_nav_left{width:47%;}
#head .head_nav .head_nav_left dl{float:right; padding-right:30px;}
#head .head_nav .head_nav_left dl .arrow_down { 
width: 0; height: 0; margin-left:8px;
border-left: 6px solid transparent; 
border-right: 6px solid transparent; 
border-top: 6px solid #fff; 
font-size: 0; line-height: 0; 
}
#head .head_nav .head_nav_right{width:47%;}
#head .head_nav .head_nav_right dl{float:left; padding-left:30px;}

#head .head_nav .head_nav_logo{position:absolute; left:50%; top:12px;}
#head .head_nav .head_nav_logo a{background:url(../images/web_logo.png) no-repeat; width:54px; height:50px; margin-left:-27px; display:block;}

/*---------------------------------head nav icon for mobile*/
#head .head_nav .head_nav_icon{width:100%; position:relative;}
#head .head_nav .head_nav_icon .icon{background:url(../images/mb_bg.png) no-repeat -150px -22px; background-size:200px; height:52px; display:block;}
#head .head_nav .head_nav_icon .head_nav_detail{width:400%; position:absolute; top:52px; left:0px;}
#head .head_nav .head_nav_icon .head_nav_detail dl{ background:#000; background:rgba(0,0,0,0.9); line-height:39px; float:left; width:25%; overflow-y:auto;}
#head .head_nav .head_nav_icon .head_nav_detail dl a{color:#fff; border-bottom:1px solid #45464a; padding-left:24px; display:block;}
#head .head_nav .head_nav_icon .head_nav_detail dl .arrow_right{background:url(../images/mb_bg.png) no-repeat right -137px;background-size:200px;}
#head .head_nav .head_nav_icon .head_nav_detail dl .arrow_left{background:url(../images/mb_bg.png) no-repeat left -171px;background-size:200px;}
#head .head_nav .head_nav_icon .head_nav_detail dl .arrow_left a{padding-left:40px;}

/*---------------------------------head nav icon for web*/
#head .head_nav .nav_smenu{ position:absolute; top:72px; background:#000; background:rgba(0,0,0,0.9); width:100%; padding:20px 0; line-height:20px; color:#fff;}
#head .head_nav .nav_smenu a{color:#c2c2c2; padding:7px 0;}
#head .head_nav .nav_smenu a span{background:#cd2322; border-radius:8px; float:right; margin-top:3px; margin-right:14px;
color:#fff; font-size:10px; width:38px; height:14px; line-height:14px; text-align:center;}
#head .head_nav .nav_smenu a:hover{color:#c41e39;}

#head .head_nav .nav_smenu ul{ width:680px; margin:0 20px 20px 20px; float:left;}
#head .head_nav .nav_smenu ul .title{line-height:46px; border-bottom:1px solid #c41e39; margin-bottom:10px;
font-weight:600; font-size:16px;}
#head .head_nav .nav_smenu ul .tit{line-height:36px; font-size:16px; float:none; clear:both;}
#head .head_nav .nav_smenu ul li{width:33%; float:left; font-size:13px; line-height:18px;}
#head .head_nav .nav_smenu ul li a{display:block;}
#head .head_nav .nav_smenu ul li a span{background:#cd2322; border-radius:8px; float:right; margin-top:3px; margin-right:30px;
color:#fff; font-size:11px!important; width:38px; height:14px; line-height:14px; text-align:center;}

/*---------------------------------common foot-----------------------------------------------------*/
#foot{color:#d9d9d9; font-size:16px; overflow:hidden;}
#foot a{color:#d9d9d9;}
#foot .foot_cont1{border-top:14px solid #ce133e; background:#2f3639;}
#foot .foot_cont2{background:#3c4346; position:relative;}

#foot .foot_cont1 .foot_codes{padding:20px 0; width:250px;}
#foot .foot_cont1 .foot_codes a{margin:0 10px; width:105px; text-align:center; display:block; float:left;}
#foot .foot_cont1 .foot_nav a{padding:0 14px; font-weight:bold;}

#foot .foot_cont2 .foot_select_area{float:left; padding:2px 68px; background:#292e30; border-radius:5px; margin:36px 0; position:relative;}
#foot .foot_cont2 .foot_select_area .arrow_up { 
width: 0; height:11px; margin-left:8px; float:right;
border-left: 6px solid transparent; 
border-right: 6px solid transparent; 
border-bottom: 6px solid #c9c9c9; 
font-size: 0; line-height: 0; 
}
#foot .foot_cont2 .foot_area_list { 
background: #f3f3f3; padding:10px 0; color:#48535f; width: 220px; line-height:36px;
border-radius: 12px; position: absolute; left:0; bottom:44px;
} 
/* 箭头 - :before and :after, 一起组成了好看的气泡小箭头 */ 
#foot .foot_cont2 .foot_area_list:before { 
position: absolute; 
display: inline-block; 
border-top: 8px solid #eee; 
border-right: 8px solid transparent; 
border-left: 8px solid transparent;
right: 20px; 
top: 100%; 
content: ''; 
}
#foot .foot_cont2 .foot_area_list a{color:#79818d; display:block;padding-left:30px;}
#foot .foot_cont2 .foot_area_list a:hover{ background:#4e97ff; color:#fff;}
#foot .foot_cont2 .foot_area_list li{}
#foot .foot_cont2 .foot_area_list .big{border-top:1px solid #cccccc;border-bottom:1px solid #cccccc; text-indent:30px;}
#foot .foot_cont2 .foot_area_list .small{padding-left:20px;}

#gotop{background:#d5d5d5; background:rgba(0,0,0,0.2); border-radius:5px; overflow:hidden; width:40px; height:40px; position:fixed; right:20px; bottom:50px;}
#gotop:hover{background:#ccc; background:rgba(0,0,0,0.4);}
#gotop a{display:block; height:52px; width:52px; background:url(../images/web_bg.png) no-repeat -336px -152px;}


/*---------------------------------index banner css-------------------------------------*/
#idx_banners{position:relative; margin-bottom:40px;}
.swipe{width:100%; height:480px; overflow:hidden; position:relative;}
.swipe ul{
	-webkit-transition:left 800ms ease-in 0;
	-moz-transition:left 800ms ease-in 0;
	-o-transition:left 800ms ease-in 0;
	-ms-transition:left 800ms ease-in 0;
	transition:left 800ms ease-in 0;
}
.swipe li{background-size:cover; background-position:top; background-repeat:no-repeat; width:100%; height:480px; position:relative;}
.swipe #pagenavi{position:absolute;left:0;bottom:20px;text-align:center;width:100%; height:12px;}
.swipe #pagenavi li{width:16px;height:16px; line-height:99em; background:#666;
-moz-border-radius:8px;-khtml-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;
margin:0 4px;overflow:hidden;cursor:pointer;display:inline-block;*display:inline;*zoom:1;}
.swipe #pagenavi li a{width:8px;height:8px; line-height:99em; background:#000; margin:4px;
-moz-border-radius:4px;-khtml-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}
.swipe #pagenavi li.active a{background:#999;}

.swipe .goleft{background:url(../images/idx_toleft.png) no-repeat center; width:50px; height:50px; display:block;
position:absolute; left:10px; top:50%; margin-top:-25px;}
.swipe .goright{background:url(../images/idx_toright.png) no-repeat center; width:50px; height:50px; display:block;
position:absolute; right:10px; top:50%; margin-top:-25px;}


.swipe .banner_cover{background:#000; background:rgba(0,0,0,0.7); color:#fff; font-size:20px; line-height:28px;
position:absolute; width:100%; height:100%; top:0; left:0;}
.swipe .banner_cover p{padding:4px 0;}
.swipe .banner_cover .banners_cover{position:absolute; height:280px; top:50%; left:10%; width:50%; line-height:36px; font-size:24px;}
.swipe .banner_cover .dash{border-bottom:1px dotted #989797;}
.swipe .banner_cover .font_it{font-style:italic;}
.swipe .banner_cover a{background:#cd2322; border-radius:5px; width:32%; line-height:30px; display:block; float:left; margin-top:10px;
text-align:center; font-size:14px; color:#fff;}
.swipe .banner_cover a.web_show{margin-left:2%;}
.swipe .banner_cover a:nth-child(3){margin-right:0px;}
.swipe .banner_cover a:hover{background:#f05858;}


/*---------------------------------index video css-------------------------------------*/
#idx_ads{ padding-bottom:40px; width:100%;}
#idx_ads .idx_ads_pic{background:#fff; padding-bottom:10px;}
#idx_ads .idx_ads_pic img{width:100%;}
#idx_ads .idx_ads_pic .video_img{position:relative;}
#idx_ads .idx_ads_pic p{color:#9f9f9f; font-size:14px; line-height:28px; height:28px; overflow:hidden; margin:0 18px;}
#idx_ads .idx_ads_pic .c_title{color:#000;font-weight:600; font-size:16px; padding-top:6px;}
#idx_ads .idx_ads_pic a{color:#c41e47; font-weight:600; font-size:14px;}
#idx_ads .idx_ads_pic a:hover{color:#666;}



#idx_star{padding:10px 0; width:100%; height:230px; overflow:hidden; background:#4f4f4f; margin-bottom:40px;}
#idx_star ul{width:3000px;}
#idx_star li{padding-right:10px; float:left; width:230px; padding-bottom:10px;}
#idx_star li a{width:100%; display:block;}
#idx_star li a img{width:100%;}
#idx_star li a .gray { 
-webkit-filter: grayscale(100%); 
-moz-filter: grayscale(100%); 
-ms-filter: grayscale(100%); 
-o-filter: grayscale(100%); 
filter: grayscale(100%); 
filter: gray; 
} 





/*------------------------------product page css----------------------------------------*/
#inner_nav{}
#inner_nav li{float:left;}
#inner_nav #product_read li{width:14%; height:70px; position:relative;}
#inner_nav #product_read li a{background:url(../images/web_pro_icon.png) no-repeat; padding-left:30px; color:#323232; display:block;}
#inner_nav #product_read li .noinfos{background:url(../images/web_pro_icon.png) no-repeat; padding-left:30px; color:#999; display:block;}
#inner_nav #product_read li a:hover{ color:#2f5cb9;}
#inner_nav #product_read #icont1 a{background-position:-38px 0px;}
#inner_nav #product_read #icont2 a{background-position:-210px 0px;}
#inner_nav #product_read #icont3 a, #inner_nav #product_read #icont3 .noinfos{background-position:-383px 0px;}
#inner_nav #product_read #icont4 a{background-position:-566px 0px;}
#inner_nav #product_read #icont5 a{background-position:-740px 0px;}
#inner_nav #product_read #icont6 a, #inner_nav #product_read #icont6 .noinfos{background-position:-915px 0px;}
#inner_nav #product_read #icont7 a, #inner_nav #product_read #icont7 .noinfos{background-position:-1092px 0px;}
#inner_nav #product_read #icont1 a:hover{background-position:-38px -70px;}
#inner_nav #product_read #icont2 a:hover{background-position:-210px -70px;}
#inner_nav #product_read #icont3 a:hover{background-position:-383px -70px;}
#inner_nav #product_read #icont4 a:hover{background-position:-566px -70px;}
#inner_nav #product_read #icont5 a:hover{background-position:-740px -70px;}
#inner_nav #product_read #icont6 a:hover{background-position:-915px -70px;}
#inner_nav #product_read #icont7 a:hover{background-position:-1092px -70px;}
#inner_nav #product_read li .tips { 
background: #fff; width: 150px; line-height:30px; border:1px solid #b7b7b7; text-align:center; font-size:14px;
border-radius: 12px; position: absolute; top:60px; left:-15px;
}
#inner_nav #product_read li .tips:before { 
position: absolute; 
display: inline-block; 
border-bottom: 8px solid #b7b7b7; 
border-right: 8px solid transparent; 
border-left: 8px solid transparent;
border-bottom-color: #b7b7b7; 
left: 69px; top: -7px; 
content: ''; 
}
#inner_nav #product_read li .tips:after { 
position: absolute; 
display: inline-block; 
border-bottom: 7px solid #fff; 
border-right: 7px solid transparent; 
border-left: 7px solid transparent;
left: 70px; top: -6px;  
content: ''; 
}

#inner_nav .input_form{position:absolute; top:66px; right:30px; background:#f4f4f6; border:1px solid #b7b7b7; z-index:99}
#inner_nav .input_form:before { 
position: absolute; 
display: inline-block; 
border-bottom: 10px solid #b7b7b7; 
border-right: 10px solid transparent; 
border-left: 10px solid transparent;
border-bottom-color: #b7b7b7; 
right: 82px; top: -10px; 
content: ''; 
}
#inner_nav .input_form:after { 
position: absolute; 
display: inline-block; 
border-bottom: 10px solid #f4f4f6; 
border-right: 10px solid transparent; 
border-left: 10px solid transparent;
right: 82px; top: -9px;  
content: ''; 
}

#inner_nav input[type='submit']{width:56px; border-radius:4px; height:26px; border:none; margin-left:10px; background:#fff; cursor:pointer; border:#ccc;}


#produt_detail{padding:30px 0;}
#produt_detail.toFix{margin-top:70px;}

#produt_detail .title_left .pro_pic_div{position:relative; background:#f4f4f6; width:100%; overflow:hidden;}
#produt_detail .title_left .pro_pic{width:500%; position:absolute; top:0; left:0%;}
#produt_detail .title_left .pro_pic img{width:20%; float:left;}
#produt_detail .title_left #pro_pic_left{position:absolute; left:10px; top:50%; background:url(../images/web_bg.png) -260px -465px #cbcbcb;
width:30px; height:30px; border-radius:4px;}
#produt_detail .title_left #pro_pic_right{position:absolute; right:10px; top:50%; background:url(../images/web_bg.png) -345px -465px #cbcbcb;
width:30px; height:30px; border-radius:4px;}
#produt_detail .title_left #pro_pic_left:hover, #produt_detail .title_left #pro_pic_right:hover{background-color:#3d3d3d;}

#produt_detail .title_left .pic_list{padding:10px 0;}
#produt_detail .title_left .pic_list a{padding-left:2%;}
#produt_detail .title_left .pic_list a img{width:17%;}
#produt_detail .title_left .pic_list .curr img{border:1px solid #ccc;}
#produt_detail .title_left .share{font-size:12px; padding:10px 0 5px 15px;}
#produt_detail .title_right p{font-size:14px; color:#666;}
#produt_detail .title_right .pro_title_big{font-size:28px; padding-bottom:18px; font-weight:700; color:#333; line-height:36px;}
#produt_detail .title_right .pro_title_small{font-size:22px; padding-bottom:10px;}
#produt_detail .title_right .btn{padding-top:16px; position:relative; overflow:hidden; z-index:19; padding-right:4px;}
#produt_detail .title_right .btn a{color:#fff; width:48%; background:#686868; line-height:32px; font-weight:600; display:block; border-radius:4px; text-align:center;  border:1px solid #686868;}
#produt_detail .title_right .btn a:hover{background:#f4f4f6; color:#686868; border:1px solid #b7b7b7;}
#produt_detail .title_right .btn a.curr{background:#f4f4f6; color:#686868; border:1px solid #b7b7b7; padding-bottom:2px;
border-radius:4px 4px 0 0; border-bottom:none; box-shadow:4px 2px 0px #999;}
#produt_detail .title_right .form{position:relative; z-index:9; box-shadow:4px 0px 0px #999; height:4px; margin-right:4px;}
#produt_detail .title_right .input_form{position:absolute; z-index:99; right:0px; top:-1px;background:#f4f4f6; border:1px solid #b7b7b7;}

#produt_detail .big_title{ border-top:1px solid #cbcbcb; height:60px; line-height:60px; position:relative; margin:20px 0;}
#produt_detail .big_title a{ border-top:2px solid #2f5cb9; color:#2f2f2f;
position:absolute; left:0; top:-2px;}

#produt_detail li .title{font-size:18px; line-height:30px; padding:12px 0 6px 0; font-weight:600;}

#produt_detail #pro_edge li img{width:100%;}
#produt_detail #pro_edge li .title{}

#produt_detail #pro_stars li{ padding-top:30px; width:42%; margin:0 4%; float:left;}
#produt_detail #pro_stars .pro_stars_pic{ width:40%; border-radius:50%; background:#333; overflow:hidden; float:left; margin-right:20px;}
#produt_detail #pro_stars .pro_stars_pic img{width:100%}
#produt_detail #pro_stars a{color:#9a9a9a; font-style:italic;}
#produt_detail #pro_stars .pro_stars_name{ padding-top:60px; float:right; width:50%; height:100%;}
#produt_detail #pro_stars .title{color:#4a4a4a;}
#produt_detail #pro_stars li:hover a{color:#2f5cb9;}


#produt_detail #pro_video li{ padding-top:10px; max-width:700px; margin:0 auto;}
#produt_detail #pro_video .pro_video_pic{position:relative; cursor:pointer; overflow:hidden;}
#produt_detail #pro_video .pro_video_pic img{width:100%}
#produt_detail #pro_video .pro_video_pic span{position:absolute; right:0; top:0; width:60px; height:60px; display:block;
background:url(../images/web_bg.png) -152px -202px;}

#produt_detail #pro_video a{display:block;}
#produt_detail #pro_video .title{ color:#4a4a4a;}
#produt_detail #pro_video li:hover a{color:#2f5cb9;}

#produt_detail #pro_chars{ color:#969696; overflow-x:auto;}
#produt_detail #pro_chars table{width:100%; min-width:800px;}
#produt_detail #pro_chars td{padding:8px 20px; text-align:left; vertical-align:middle;}
#produt_detail #pro_chars tr{border-top:1px solid #e9e9e9;}
#produt_detail #pro_chars .title{color:#41454c;}

#produt_detail #pro_offers{ color:#969696; overflow-x:auto;}
#produt_detail #pro_offers table{width:100%; min-width:500px;}
#produt_detail #pro_offers td{padding:8px 20px; text-align:left; vertical-align:middle;}
#produt_detail #pro_offers tr{border-top:1px solid #e9e9e9;}
#produt_detail #pro_offers .title{color:#41454c;}

#produt_detail #pro_others li{width:23%; padding:10px 1%; float:left;}
#produt_detail #pro_others li img{width:100%}
#produt_detail #pro_others li p.title{padding:0 10px; padding-bottom:2px; height:50px; overflow:hidden; font-size:16px; font-weight:600; line-height:25px;}
#produt_detail #pro_others li:hover a{color:#2f5cb9;}


#pro_search{padding-top:0; overflow:hidden;}
#pro_search .type_pic{height:1414px; background-position:top; background-repeat:no-repeat;}
#pro_search .prolist_video{background:url(../images/video_bg_02.jpg) repeat-y; padding:50px 0; width:100%;}
#pro_search .prolist_video .inner{max-width:720px; width:90%; text-align:center; margin:0 auto;}
#pro_search .big_title{ border-bottom:1px solid #cbcbcb; height:70px; line-height:70px; position:relative; margin:20px 0;}
#pro_search .big_title a{ border-bottom:1px solid #2f5cb9; color:#2f2f2f;
position:absolute; left:0; bottom:-1px;}
#pro_search .small_title{margin-bottom:20px; font-size:16px;}
#pro_search .small_title a{margin:0 12px; font-weight:600; padding:8px; white-space:nowrap; display:block; float:left;}
#pro_search .small_title a.curr,#pro_search .small_title a:hover{color:#2f5cb9;}


#pro_search #pro_list{padding-bottom:40px;}
#pro_search #pro_list li{width:23%; padding:10px 1%; float:left;}
#pro_search #pro_list li img{width:100%}
#pro_search #pro_list li p{padding:2px 0px; line-height:20px;}
#pro_search #pro_list li p.title{padding:6px; padding-bottom:2px; height:50px; overflow:hidden; font-size:16px; font-weight:600; line-height:25px;}
#pro_search #pro_list li .content{height:100px; padding:2px 6px;}
#pro_search #pro_list li .title a:hover{color:#2f5cb9;}


#pro_search #pro_search_result{padding-bottom:40px;}
#pro_search #pro_search_result li{width:23%; padding:10px 1%; float:left;}
#pro_search #pro_search_result li img{width:100%}
#pro_search #pro_search_result li p{padding:2px 0px; line-height:20px;}
#pro_search #pro_search_result li p.title{padding:6px; padding-bottom:2px; height:30px; overflow:hidden; font-size:16px; font-weight:bold; line-height:30px;}
#pro_search #pro_search_result li .content{height:100px; padding:2px 6px;}
#pro_search #pro_search_result li .title a:hover{color:#2f5cb9;}
#pro_search #pro_search_result li .btns{ position:relative; padding:2px 0px;}
#pro_search #pro_search_result li .btns a{border-radius:13px; color:#fff; height:26px; line-height:26px; margin-right:4px; padding:3px 12px 3px 29px;
background:url(../images/web_bg.png) no-repeat #9a9a9a;}
#pro_search #pro_search_result li .btns .order{ background-position:-341px -224px;}
#pro_search #pro_search_result li .btns .buy{ background-position:-340px -267px;}
#pro_search #pro_search_result li .btns .moreorder{display:none; position:absolute; top:30px; left:0px; padding:8px;
border-radius:13px; color:#fff; background:#9a9a9a;}
#pro_search #pro_search_result li .btns .moreorder p{white-space:;}



/*------------------------------news page css----------------------------------------*/
#inner_nav #news_nav{ position:absolute; left:50%; width:540px; margin-left:-270px;  }
#inner_nav #news_nav li{ width:180px; text-align:center; font-weight:600;}
#inner_nav #news_nav li a{display:block; color:#fff; font-size:16px;}
#inner_nav #news_nav li:hover, #inner_nav #news_nav li.curr{background:#fff;}
#inner_nav #news_nav li:hover a, #inner_nav #news_nav li.curr a{color:#3d3d3d;}

#news_banner{ background:#000;}
#news_banner .news_banner_half.f_l li{width:50%; float:left; background:#333;}
#news_banner .news_banner_half img{width:100%; float:left;}

#news_list .news_left{ padding:20px 0;}
#news_list .news_right{ width:30%; float:right; padding:20px 0;}
#news_list .big_title{ height:40px; line-height:40px; margin:20px 0;}
#news_list .big_title a{ border-left:3px solid #2f5cb9; padding-left:30px;}
#news_list li{padding-bottom:20px;}
#news_list li img{width:100%;}
#news_list a{display:block;}
#news_list .title{padding:16px 0 6px 0; font-size:16px; font-weight:600;}
#news_list .date{font-size:12px; color:#2f5cb9;}
#news_list .click{font-size:12px; color:#bbbbbb; background:url(../images/web_bg.png) no-repeat -346px -510px; padding-left:30px;}


#news_read_title{background:#181818; padding:40px 0; color:#fff;}
#news_read_title a{display:block;}
#news_read_title .big_title{color:#fff; font-weight:600; line-height:40px;}
#news_read_title .date{color:#ccc;}
#news_read_cont .share{float:right; padding-top:30px;}
#news_read_cont .cont{padding-top:30px; padding-bottom:60px;}


/*------------------------------video page css----------------------------------------*/
#inner_nav #video_nav{ position:absolute; left:50%; width:400px; margin-left:-200px;  }
#inner_nav #video_nav li{ width:200px; text-align:center; font-size:20px; font-weight:600;}
#inner_nav #video_nav li a{display:block; color:#fff; font-size:16px;}
#inner_nav #video_nav li:hover, #inner_nav #video_nav li.curr{background:#fff;}
#inner_nav #video_nav li:hover a, #inner_nav #video_nav li.curr a{color:#3d3d3d;}

#video_list {padding:40px 0;}
#video_list .video_list_pic {padding-bottom:30px;}
#video_list .video_list_pic img{width:100%;}
#video_list .video_list_pic .video_img{position:relative;  padding-bottom:6px;}
#video_list .video_list_pic .video_img span{position:absolute; right:0; top:0; width:60px; height:60px; display:block;
background:url(../images/web_bg.png) -152px -202px;}
#video_list .video_list_pic p{color:#9f9f9f; font-size:14px;}
#video_list .video_list_pic .c_title{color:#2f5cb9;font-weight:600; font-size:16px; line-height:28px;}
#video_list .video_list_pic .title{color:#000; font-weight:600; font-size:16px; line-height:28px;}
#video_list .video_list_pic .title:hover{color:#2f5cb9;}

#video_read_title{background:#181818; padding:30px 0; z-index:89;}
#video_read_title a{display:block;}
#video_read_title .big_title{color:#fff; font-weight:600; line-height:40px;}
#video_read_title .video_show{ padding:30px 0; text-align:center;}
#video_read_title .video_show iframe{max-width:100%; background:#181818;}
#video_read_cont .share{float:right; padding-top:20px;}
#video_read_cont .cont{padding-top:20px; padding-bottom:30px;}

#video_list .big_title{ border-bottom:1px solid #cbcbcb; height:70px; line-height:70px; position:relative; margin:20px 0;}
#video_list .big_title a{ border-bottom:1px solid #2f5cb9; color:#2f2f2f;
position:absolute; left:0; bottom:-1px;}




/*------------------------------star page css----------------------------------------*/
#star_top_bg img{width:100%;}

.grayblue .inner_1200{overflow:hidden; height:100px;}
#inner_nav #star_nav{position:absolute; left:60px; }
#inner_nav #star_nav li{font-size:18px;}
#inner_nav #star_nav li a{display:block; color:#fff; padding:0 20px; font-size:16px;}
#inner_nav #star_nav li:hover{background:#2f5cb9;}

#inner_nav #star_nav li.curr { background: #2f5cb9; position:relative;}
#inner_nav #star_nav li.curr:before { 
position: absolute; 
display: inline-block; 
border-top: 10px solid #2f5cb9; 
border-right: 10px solid transparent; 
border-left: 10px solid transparent;
border-top-color: #2f5cb9; 
left:50%; top: 100%; margin-left:-10px;
content: ''; 
}

#star_nav_left{position:absolute; left:0px; top:0; background:#ddd; background:rgba(0,0,0,0.4); width:60px; height:50px;}
#star_nav_right{position:absolute; right:0px; top:0; background:#ddd; background:rgba(0,0,0,0.4); width:60px; height:50px;}
#star_nav_left p{background:url(../images/web_bg.png) -246px -454px; width:60px; height:70px; display:block;}
#star_nav_right p{background:url(../images/web_bg.png) -330px -454px; width:60px; height:70px; display:block;}
#star_nav_left:hover, #star_nav_right:hover{ background:#aaa; background:rgba(0,0,0,0.6);}

#star_list{padding:60px 0; background:#f2f2f2;}
#star_list ul{max-width:1500px; margin:0 auto;}
#star_list ul li{width:21%; margin:40px 2%; position:relative; cursor:pointer;}
#star_list ul li.curr:before { 
position: absolute; 
display: inline-block; 
border-bottom: 16px solid #fff; 
border-right: 16px solid transparent; 
border-left: 16px solid transparent;
border-bottom-color: #fff; 
left: 50%; bottom: -40px; margin-left:-16px;
content: ''; 
}

#star_list .stars_pic{ width:100%; border-radius:50%; background:#333; overflow:hidden; float:left; text-align:center;}
#star_list .stars_pic img{width:110%; margin-left:-5%;}
#star_list .stars_name a{color:#fff; display:block; text-align:center;}
#star_list .stars_name{ width:80%; border-radius:50%; background:#000; background:rgba(0,0,0,0.8);
position:absolute; left:10%; top:10%; text-align:center;}
#star_list .stars_name .title{font-size:22px; line-height:28px; padding-top:30%;}
#star_list .stars_name .tour{color:#2f5cb9;}
#star_list .stars_name .plus{font-size:28px; line-height:38px;}

#star_list .more_infos{background:#fff; width:100%; padding:40px 0 30px 0; clear:both; position:relative;}
#star_list .more_infos .star_class{color:#2f5cb9;}
#star_list .more_infos .big_title{ border-bottom:1px dotted #cbcbcb; height:50px; line-height:50px; margin-bottom:40px;}
#star_list .more_infos .close{background:url(../images/web_bg.png) no-repeat -264px -509px; width:60px; height:60px; display:block;
position:absolute; right:0px; top:2px;}

#star_list .more_infos .star_infos_left{ padding-bottom:30px;}
#star_list .more_infos .star_infos_right{padding-bottom:30px;}
#star_list .more_infos .star_infos_left img{width:100%; padding-bottom:10px;}
#star_list .more_infos .star_infos_left p{border-bottom:1px solid #cbcbcb; line-height:38px; padding:0 20px}
#star_list .more_infos .star_infos_left p span{width:35%; float:left; display:block;}
#star_list .more_infos .star_infos_right .star_infos_nav{font-size:16px; height:50px; line-height:50px; margin-bottom:30px;}
#star_list .more_infos .star_infos_right .star_infos_nav a{width:50%; float:left; color:#fff; text-align:center;}
#star_list .more_infos .star_infos_right .star_infos_nav a.curr{background:#2f5cb9}
#star_list .more_infos .star_infos_right .star_infos_nav a:hover{background:#2f5cb9}

#star_list .more_infos .star_infos_right .cont{overflow:auto;}
#star_list .more_infos .star_infos_right .star_pro{min-width:400px;}
#star_list .more_infos .star_infos_right .star_pro tr{border-bottom:1px solid #cbcbcb; padding:20px 0;}
#star_list .more_infos .star_infos_right .star_pro .pic{text-align:left; width:10%; padding:6px;}
#star_list .more_infos .star_infos_right .star_pro .pic img{ height:100px;}
#star_list .more_infos .star_infos_right .star_pro td{vertical-align:middle;line-height:28px; }
#star_list .more_infos .star_infos_right .star_pro .btn{background:#2f5cb9; border-radius:4px; height:28px; display:block; text-align:center; line-height:28px; color:#fff;}



/*------------------------------user club page css----------------------------------------*/
#club_top{background:url(../images/club_02.jpg) repeat-x top; height:350px; line-height:28px; border-bottom:1px solid #acacac;}
#club_top p{padding-right:340px;}
#club_top ul{padding:10px 0;}
#club_top li{list-style:square inside; font-size:16px; font-weight:600; padding:2px 0;}

#club_cont{line-height:34px; border-top:1px solid #acacac; }

#club_form{ background:#f1f1f1;}
#club_form .club_form_left{}
#club_form .club_form_right{}
#club_form .club_form_right .club_form_code{height:26px; overflow:hidden;}
#club_form .club_form_right .club_form_code input[type='text']{width:580px; border-radius:4px; padding:2px 6px; height:20px; border:1px solid #b7b7b7; margin-top:0; float:left;}
#club_form .club_form_right .club_form_code input[type='button']{width:26px; border-radius:4px; height:26px; border:none; margin-left:10px; background:#b5b5b5 url(../images/web_bg.png) no-repeat -345px -545px;}
#club_form .club_form_right .input_form{width:600px; padding:8px 0px; color:#4d4d4d; border:none; box-shadow:none;}
#club_form .club_form_right .input_form .btn input{background:#2f5cb9;}
#club_form .club_form_right .input_form .btn{margin-top:10px;}




/*------------------------------story list page css----------------------------------------*/
#inner_nav #story_nav{ position:absolute; left:50%; width:750px; margin-left:-375px;  }
#inner_nav #story_nav li{ width:150px; text-align:center; font-size:20px; font-weight:600; font-size:16px;}
#inner_nav #story_nav li a{display:block; color:#fff;}
#inner_nav #story_nav li:hover, #inner_nav #story_nav li.curr{background:#fff;}
#inner_nav #story_nav li:hover a, #inner_nav #story_nav li.curr a{color:#3d3d3d;}

#story_1{ background:url(../images/brand_02.jpg) no-repeat top #000; height:500px; background-size:contain;}
#story_2{ background:url(../images/brand_04.jpg) repeat-x top;}
#story_2 img{width:100%;}
#story_3{ background:#000; background-size:contain;}
#story_3 img{width:100%;}



/*------------------------------shop list page css----------------------------------------*/
#shop_nav p .num{color:#2f5cb9; padding:0 5px; font-size:20px;}
#shop_big_map{height:500px; width:100%; background:#333;}

#shop_search_nav{background:#363636; color:#fff; padding:20px 0;}
#shop_search_nav .inner_btns{width:320px; margin:0 auto;}
#shop_search_nav .title{padding-left:10px; padding-bottom:6px;}
#shop_search_nav .oneline{padding:0 10px; float:left; width:140px;}
#shop_search_nav select{width:100%; border-radius:4px; height:24px;border:1px solid #b7b7b7; float:left;}
#shop_search_nav input[type='text']{width:70%; border-radius:4px; padding:2px 1%; height:20px;border:1px solid #b7b7b7; float:left;}
#shop_search_nav .submit{width:100%; height:26px; border-radius:4px; border:none; background:#4e97ff; 
color:#fff; font-size:14px; font-weight:bold;}

#shop_list{padding:60px 0;}
#shop_list ul{ background:#ececec; margin-bottom:30px; position:relative; padding:10px 40px;}
#shop_list .cont{}
#shop_list .cont .title{font-weight:600; padding-bottom:4px;}
#shop_list .btns{ width:280px; z-index:19;}
#shop_list .btns a{width:120px; height:26px; line-height:26px; border-radius:4px; border:none; background:#4e97ff; 
color:#fff; font-size:14px; font-weight:bold; margin-left:10px; float:left; text-align:center; border:1px solid #4e97ff;}
#shop_list .btns a:hover{background:#f4f4f6; color:#686868; border:1px solid #b7b7b7;}
#shop_list .btns a.curr{background:#f4f4f6; color:#686868; border:1px solid #b7b7b7; padding-bottom:4px;
border-radius:4px 4px 0 0; border-bottom:none; box-shadow:4px 2px 0px #999;}
#shop_list .input_form{position:absolute; z-index:9; right:56px; top:93px; background:#f4f4f6; border:1px solid #b7b7b7;}
#shop_list .input_form .white_line{position:absolute; right:0px; top:-1px; border-top:1px solid #f4f4f6; width:120px; display:block;}


#shop_map_alert{ position:fixed; width:100%; height:100%; top:0; left:0; background:#000; background:rgba(0,0,0,0.4); z-index:99;}
#shop_map_alert a{display:block; height:100%;}
#shop_map_info{ position:fixed; width:640px; height:430px; top:50%; left:50%; margin-left:-320px; margin-top:-250px; z-index:999; background:#fff;}
#shop_map_info #map_show{width:100%; height:200px; padding-bottom:10px;}
#shop_map_info .input_form{border:none; box-shadow:none;}
#shop_map_info .input_form .big_title_2{text-align:center;}


.map_hover{padding:4px;}
.map_hover span{display:none;}
.map_hover:hover span{display:block;}


/*------------------------------event list page css----------------------------------------*/
#event_nav{text-align:center; position:relative;}
#event_nav .event_city_change{position:absolute; right:0px; top:0px;}
#event_nav .event_city_change select{width:103px; border-radius:4px; height:24px;border:1px solid #b7b7b7;}
#event_nav .event_city_change input{height:24px;}

#event_cont{}
#event_cont .event_left{background:#fff;}
#event_cont .event_right{background:#fff; position:relative;}

#event_cont .event_left ul{padding-top:40px;}
#event_cont .event_left li{padding:5px 0;}
#event_cont .event_left a{display:block; padding:0 20px; color:#272727; font-weight:600; text-align:center; line-height:40px;}
#event_cont .event_left a:hover, #event_cont .event_left a.curr{background:#2f5cb9; color:#fff;}

#event_cont .event_right .date_title{width:80%; margin:0 auto; padding-top:30px; border-bottom:1px solid #333; font-size:20px; padding-bottom:10px;}
#event_cont .event_right .date_list{width:80%; margin:0 auto; margin-bottom:30px; border-bottom:1px solid #333; font-size:20px; padding-bottom:30px;}
#event_cont .event_right .date_title li{width:4.25%; padding:40px 1% 4px 9%;}
#event_cont .event_right .date_list li{ position:relative; width:4.25%; padding:40px 1% 4px 9%; position:relative;}
#event_cont .event_right li{float:left; color:#272727;}
#event_cont .event_right li.weekend{color:#2f5cb9;}
#event_cont .event_right li.has_event{background: url(../images/event_arr.png) no-repeat right bottom #ffef60; cursor:pointer;}
#event_cont .event_right li .event{position:absolute; font-size:14px; color:#ac8a50; line-height:18px;
top:0px; left:0px; width:100%; text-align:left; height:40px; overflow:hidden; background:#ffef60;}
#event_cont .event_right li .event p{padding:2px 6px;}
/*#event_cont .event_right li:hover .event{ height:auto; min-height:68px; overflow:visible; background:#fff;}*/


#event_cont .event_right .window_events{position:absolute; top:60px; width:70%; left:15%; background:#fff; font-size:16px; line-height:36px; box-shadow:0 0 5px #000; z-index:90;}
#event_cont .event_right .window_events .title{color:#fff; background:#828282; text-align:center; line-height:42px; font-weight:600;}
#event_cont .event_right .window_events .close{background:url(../images/e_close.gif) center no-repeat; display:block; height:42px; width:42px; float:right; margin-left:-42px;}
#event_cont .event_right .window_events li{border-bottom:1px solid #e5e5e5; width:96%; padding:10px 2%; list-style:none;}
#event_cont .event_right .window_events p{text-align:center; line-height:24px;}
#event_cont .event_right .window_events p span{padding:2px 10px; background:#2f5cb9; border-radius:5px; color:#fff; font-weight:600;}

#event_form{width:80%; max-width:600px; margin:0 auto; margin-bottom:30px;}
#event_form .big_title_2{padding-bottom:20px; text-align:center;}
#event_form .event_form_code select{ width:100%; max-width:594px; border-radius:4px; padding:2px 6px; height:26px;border:1px solid #b7b7b7;}
#event_form .input_form{padding:8px 0px; color:#4d4d4d; border:none; box-shadow:none;}
#event_form .input_form .btn input{background:#2f5cb9;}




/*------------------------------inner page msg----------------------------------------*/

#msg{background:url(../images/msg_02.jpg) no-repeat top; height:569px;}
#msg p{text-align:center; font-size:18px; line-height:50px;}
#msg p.title{padding-top:180px; font-size:38px;}





/*------------------------------inner page common form----------------------------------------*/
.input_form{width:600px; padding:8px 20px; color:#4d4d4d; border:1px solid #b7b7b7; box-shadow:4px 4px 0px #999; position:relative;}
.input_form p{line-height:36px; height:36px; clear:both;}
.input_form b{line-height:36px;}
.input_form .left{width:290px; float:left; }
.input_form .right{width:290px; float:right; }
.input_form .list_title{width:70px; display:block; float:left; }
.input_form .list_cont{width:220px; display:block; float:left; }
.input_form input[type='text']{width:200px; border-radius:4px; padding:2px 6px; height:20px;border:1px solid #b7b7b7; margin-top:6px;}
.input_form select{width:103px; border-radius:4px; height:24px;border:1px solid #b7b7b7;}
.input_form .right a{ min-width:0; width:103px; border-radius:4px; line-height:24px; background:#fff; float:left;
text-align:center; padding:0; color:#898989; margin:6px 4px 2px 0;border:1px solid #b7b7b7;}
.input_form .right a:hover{color:#4e97ff;}
.input_form .right a.curr{background:#686868; color:#fff;}
.input_form .line{background:#b7b7b7; height:1px; width:100%; margin:10px 0 6px 0; overflow:hidden;}
.input_form .btn input{width:160px; height:30px; border-radius:4px; border:none; background:#4e97ff; 
color:#fff; font-size:14px; font-weight:bold; margin-left:35%;}
.input_form .nav_award{color:#686868; font-style:italic; padding-left:20px;font-size:14px;}
.input_form a.close{position:absolute; right:0px; bottom:0px; width:24px; height:24px; display:block;
background:url(../images/web_bg.png) no-repeat -2px -417px;}


.share a{display: -moz-inline-stack;display:inline-block;*display:inline;*zoom:1; margin-top:6px;
width:16px; height:16px; margin-right:3px; overflow:hidden; text-indent:999em; background-image: url(../images/fxbg.jpg); vertical-align:top;}
.share .share_sina{background-position:0px 0px;}
.share .share_qzone{background-position:-25px 0px;}
.share .share_qq{background-position:-47px 0px;}
.share .share_baidu{background-position:-72px 0px;}
.share .share_taojh{background-position:-97px 0px;}
.share .share_kaixin{background-position:-122px 0px;}
.share .share_renren{background-position:-147px 0px;}
.share .share_douban{background-position:-172px 0px;}
.share .share_baishh{background-position:-200px 0px;}




/*------------------------------one page content -> eyefit----------------------------------------*/
#eyefit{color:#2a2a2a;}
#eyefit a{ color:#000; cursor:default;}
#eyefit a:hover{ color:#000;}
#eyefit .title{color:#000; font-size:26px; font-weight:600; line-height:46px; padding-bottom:4px;}
#eyefit .title a{padding-right:30px; background:url(../images/eyefit_titlebg.png) right no-repeat;}
#eyefit .title2{font-size:20px;line-height:30px; padding-bottom:10px;}
#eyefit .infos{font-size:15px;line-height:24px;}
#eyefit .num{line-height:34px; padding:20px 0; vertical-align:middle; font-size:18px;}
#eyefit .num.online{line-height:68px;}
#eyefit .num a{color:#a81c37; line-height:68px; font-size:26px; float:left; padding-right:24px; font-weight:600;}
#eyefit .num a span{ font-size:66px; float:left; padding-right:12px;}

#eyefit .eyewhite{color:#fff;}
#eyefit .eyewhite:hover{color:#fff;}

#eyefit #eyefit_1{background:url(../images/eyefit_02.jpg) top no-repeat #1b1b1b; height:554px; position:relative;}
#eyefit #eyefit_1 .cont{padding-top:340px;}

#eyefit #eyefit_2{background:url(../images/eyefit_03.jpg) top no-repeat #000; height:226px; position:relative;}
#eyefit #eyefit_2 .cont{padding-top:60px;}

#eyefit #eyefit_3{ padding:30px 0;}
#eyefit #eyefit_3 img{max-width:100%;}

#eyefit #eyefit_4{background:#bdbdbd; border-top:1px solid #dcdcdc; box-shadow:0px 0px 2px #b2b2b2; background:url(../images/eyefit_list_bg.jpg) top;}
#eyefit #eyefit_4 ul{border-left:1px solid #999; border-right:1px solid #bbb;}
#eyefit #eyefit_4 li{ border-left:1px solid #bbb; border-right:1px solid #999; width:25%; height:348px; float:left;
box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}
#eyefit #eyefit_4 li#e1{background:url(../images/eyefit_list_03.jpg) no-repeat top;}
#eyefit #eyefit_4 li#e2{background:url(../images/eyefit_list_04.jpg) no-repeat top;}
#eyefit #eyefit_4 li#e3{background:url(../images/eyefit_list_05.jpg) no-repeat top;}
#eyefit #eyefit_4 li#e4{background:url(../images/eyefit_list_06.jpg) no-repeat top;}


#xg_top{background:url(../images/xuangang_02.jpg) no-repeat top #a81c37; height:474px;}
#xg_top .inner_1200{padding-top:240px; text-align:center;color:#fff; font-size:20px; line-height:32px;}
#xg_top .title_2{padding:8px 0px; font-size:26px; font-weight:600;}

#xg_cont .title{font-size:26px; font-weight:600; line-height:46px; padding:30px 0;}
#xg_cont .title a{padding-right:30px; background:url(../images/eyefit_titlebg.png) right no-repeat;color:#000; }
#xg_cont .title a:hover{color:#000;}
#xg_cont .title3{ font-size:26px; color:#000; line-height:32px; padding-bottom:20px;}

#xg_cont .whitebg{background:#fff; padding:36px; color:#232323; font-size:18px; line-height:30px;}
#xg_cont .whitebg img{max-width:100%;}
#xg_cont .steps{background:no-repeat left #a81c37; padding:70px 40px 70px 240px; font-size:20px; color:#fff; line-height:32px;}
#xg_cont .steps#s1{background-image:url(../images/xuangang_05.jpg);}
#xg_cont .steps#s2{background-image:url(../images/xuangang_18.jpg); }
#xg_cont .steps#s3{background-image:url(../images/xuangang_27.jpg);}
#xg_cont .steps#s4{background-image:url(../images/xuangang_44.jpg);}

#xg_cont .icons{background:no-repeat left; padding:24px 20px 24px 180px; margin:30px 0;}
#xg_cont .icons .title2{font-size:26px; font-weight:600; line-height:38px;}
#xg_cont .icons#i1{background-image:url(../images/xuangang_13.jpg);}
#xg_cont .icons#i2{background-image:url(../images/xuangang_16.jpg);}
#xg_cont .icons#i3{background-image:url(../images/xuangang_48.jpg);}
#xg_cont .icons#i4{background-image:url(../images/xuangang_51.jpg);}

#xg_cont .next_arr{background:url(../images/xuangang_41.jpg) center no-repeat; height:80px;}
#xg_cont .dot{background:url(../images/xuangang_37.jpg) no-repeat 0 10px; padding-left:18px;}



/*---------------------------------alert screen size-------------------------------------*/
/* for 360px width screen */
@media only screen and (max-width:479px){
    body{width:100%; overflow-x:hidden;}
	.inner_1200{width:98%;}
	.inner_fix{width:100%;}
	.web_show {display:none;}
	.mb_show{display:inherit;}
	#head .head_top{font-size:12px;}
	#head .head_top .top_nav{width:120px;}
	#head .head_top .notice{ display:none;}
	#head .head_top .top_serch{width:156px; padding-left:4px; float:left;}
	#head .head_top .top_serch input[type='text']{width:100px;}
	#head .head_top .top_serch input[type='submit']{background:url(../images/web_bg.png) no-repeat -280px -5px; left:108px;}
	#head .head_top .top_serch #top_serch_list{ width:100px;}
	#head .head_top .top_serch #top_serch_list a{ padding:2px 4px;}
	#head .head_nav{height:52px;}
	#head .head_nav .head_nav_logo a{background:url(../images/mb_logo.png) no-repeat; width:27px; height:26px; margin-left:-13px; background-size:27px;}
	
	#foot{font-size:14px;}
	#foot .foot_cont1 .foot_codes{width:250px; margin:0 auto;}
	#foot .foot_cont1 .foot_nav{border-top:2px solid #fff;}
	#foot .foot_cont1 .foot_nav a{color:#fff; border-bottom:2px solid #fff; display:block; 
	background:url(../images/mb_bg.png) no-repeat right -225px #2f5cb9; background-size:200px; line-height:36px;}
	#foot .foot_cont2 .foot_select_area{margin-left:30px;}
	#foot .foot_cont2 .copy_right{ background:#4c5153; font-size:13px; line-height:30px; text-align:center; clear:both; padding:0 20px;}
	#foot .foot_cont2 .foot_select_area .arrow_up{height:8px;}
	#foot .foot_cont2 .foot_area_list{width:207px; bottom:38px; line-height:30px;}
	
	.input_form{width:290px; padding:10px;}
	.input_form .left{ float:none;}
	.input_form .right{ float:none;}
	.input_form .btn{text-align:center;}
	.input_form .btn input{margin:0 auto;}
	
	.big_title{font-size:20px;}
	.pages{padding-left:20px; padding-right:20px;}
	
	.swipe{height:140px;}
	.swipe li{height:140px;}
	.swipe .goleft{ display:none;}
	.swipe .goright{display:none;}
	.swipe .banner_cover .banners_cover{position:absolute; height:120px; top:20px; left:10%; width:80%; line-height:24px; font-size:12px;}

	
	#idx_ads .idx_ads_pic{font-size:16px; line-height:30px; margin-bottom:20px;}
	#idx_ads .idx_ads_pic p{padding:0 20px;}
	#idx_ads .idx_ads_pic .video_img span{width:36px; height:36px; background:url(../images/mb_bg.png) -157px -83px; background-size:200px;}
	
	#idx_star ul{width:100%;}
	#idx_star li{width:23%; padding:0 1% 10px;}
	
	#pro_search .type_pic{height:368px; background-size:500px;}
	
	#produt_detail .title_left{ padding-bottom:20px;}
	#produt_detail .title_right{ padding:20px 0; width:90%; margin:0 auto;}
	#produt_detail .title_right .btn a{width:130px;}
	#produt_detail .title_right .btn a:nth-child(1){ margin-left:10px;}
	#produt_detail .info_left{ padding:20px 0; width:90%; margin:0 auto;}
	#produt_detail .info_row{ padding:20px 0; width:90%; margin:0 auto;}
	#produt_detail .info_right{ padding:20px 0; width:90%; margin:0 auto;}
	#produt_detail .title_right .pro_title_big{font-size:22px;}
	#produt_detail .title_right .pro_title_small{font-size:16px;}
	#produt_detail #pro_edge li{padding:20px 0; width:90%; margin:0 auto;}
	#produt_detail #pro_edge li .title{font-size:18px;}
	#produt_detail #pro_stars .pro_stars_name{ padding-top:40px;}
	#produt_detail #pro_video .title{font-size:20px; line-height:30px;}
	#produt_detail #pro_chars .title{font-size:16px;}
	#produt_detail #pro_offers .title{font-size:16px;}
	#produt_detail #pro_others li{width:46%; padding:10px 2%;}
	#pro_search #pro_search_result li{width:46%; padding:10px 2%;}
	#pro_search #pro_list li{width:46%; padding:10px 2%;}
	#pro_search #pro_list li p.title{height:75px;}
	
	#inner_nav #news_nav{ width:300px; margin-left:-150px;}
	#inner_nav #news_nav li{ width:100px;}
	#news_list a{ padding:0 20px;}
	#news_list a.title{font-size:18px; line-height:24px;}
	#news_read_cont .cont{ width:96%; margin:0 auto;}
	
	#inner_nav #video_nav{ width:240px; margin-left:-120px;}
	#inner_nav #video_nav li{ width:120px; font-size:14px;}
	#video_list .video_list_pic{font-size:16px; line-height:26px; padding-bottom:20px;}
	#video_list .video_list_pic p{padding:0 20px;}
	#video_list .video_list_pic .video_img span{width:36px; height:36px; background:url(../images/mb_bg.png) -157px -83px; background-size:200px;}
	#video_read_title .video_show video{width:480px; height:270px;}
	
	#star_list ul li{ width:70%; margin:40px 15%;}
	#star_list .stars_name .title{font-size:18px; line-height:36px; padding-top:26%;}
	#star_list .stars_name .plus{font-size:24px; line-height:40px;}
	#star_list .more_infos .star_class{ width:90%; margin:0 auto;}
	#star_list .more_infos .big_title{ width:90%; margin:0 auto 40px auto;}
	#star_list .more_infos .close{background:url(../images/mb_bg.png) no-repeat -162px -285px; background-size:200px; width:30px; height:30px; right:5%; top:6px;}
	#star_list .more_infos .star_infos_left{ width:90%; margin:0 auto;}
	#star_list .more_infos .star_infos_right{ width:90%; margin:0 auto;}
	#star_list .more_infos .star_infos_right .star_infos_nav{font-size:14px;}
	#star_list .more_infos .star_infos_right .star_pro .pic img{ height:60px;}
	
	#club_top li{font-size:16px;}
	#club_top p{padding-right:0px;}
	#club_form .club_form_left{ text-align:center; padding-bottom:10px;}
	#club_form .club_form_right .input_form{width:350px; margin:0 auto;}
	#club_form .club_form_right .club_form_code{width:350px; margin:0 auto;}
	#club_form .club_form_right .club_form_code input[type='text']{width:300px;}
	#club_form .club_form_right .club_form_code input[type='button']{background:#b5b5b5 url(../images/mb_bg.png) no-repeat -170px -330px; background-size:200px;}
	#club_form .club_form_right .input_form .left{ float:left; width:200px;}
	#club_form .club_form_right .input_form .right{ float:right; width:150px;}
	#club_form .club_form_right .input_form .list_title{width:60px; display:block; float:left; }
	#club_form .club_form_right .input_form input[type='text']{width:116px; border-radius:4px; padding:2px 6px; height:20px;border:1px solid #b7b7b7;}
	#club_form .club_form_right .input_form .right a{ width:70px;}
	
	#inner_nav #story_nav{ width:360px; margin-left:-180px;}
	#inner_nav #story_nav li{ width:90px; font-size:12px;}
	
	#story_list ul{border-left:2px solid #aaa;}
	#story_list ul:before{ background:#4a4036; width:8px; height:8px; position:absolute; border-radius:4px; display:block; content:''; z-index:9;
	left:-5px; top:10px;}
	#story_list .pic{padding-left:5%;}
	#story_list .cont{padding:0 0 30px 5%;}
	
	#shop_big_map{height:200px;}
	#shop_search_nav .inner_btns{width:100%; margin:0 auto;}
	#shop_search_nav .oneline{padding:0 1%; float:left; width:48%; overflow:hidden;}
	#shop_list ul{ padding-bottom:20px;}
	#shop_map_info{ position:fixed; width:300px; height:400px; margin-left:-150px; margin-top:-200px;}
	#shop_map_info #map_show{height:100%;}
	
	#event_nav{text-align:left;}
	#event_cont .event_left{background:#f2f2f2; border-bottom:1px solid #eee; padding:20px;}
	#event_cont .event_left ul{padding-top:10px;}
	#event_cont .event_left li{width:50%; float:left;}
	#event_cont .event_right li span{font-size:12px;}
	#event_cont .event_right .date_title{width:auto; margin:30px 20px 0 20px; border-bottom:1px solid #333; font-size:20px;}
	#event_cont .event_right .date_list{width:auto; margin:0 20px 30px 20px; border-bottom:1px solid #333;}
	#event_form{width:90%; max-width:286px; margin:0 auto; margin-bottom:30px;}
	
	#event_cont .event_right .window_events{width:90%; left:5%; line-height:32px;}
	#event_cont .event_right .window_events p{padding-left:4px;}
	#event_cont .event_right .window_events p span{padding:4px;}
	
	#msg p{font-size:14px; line-height:30px;}
	#msg p.title{padding-top:180px; font-size:26px;}

	#eyefit .title{font-size:20px; line-height:36px;}
	#eyefit .title a{background-size:8px;}
	#eyefit .title2{font-size:16px;line-height:26px;}
	#eyefit .infos{font-size:13px;line-height:18px;}
	#eyefit .num{line-height:30px; padding:20px 0; vertical-align:middle; font-size:16px;}
	#eyefit .num.online{line-height:30px;}
	#eyefit .num a{line-height:60px; font-size:20px; padding-right:20px; font-weight:600;}
	#eyefit .num a span{ font-size:60px; padding-right:02px;}
	
	#eyefit #eyefit_1{height:380px; position:relative; background-size:600px;}
	#eyefit #eyefit_1 .cont{padding-top:90px;}
	#eyefit #eyefit_2{height:200px; position:relative; background-size:600px;}
	#eyefit #eyefit_2 .cont{padding-top:30px;}
	#eyefit #eyefit_4 li{ width:100%; }
	
	#story_1{ height:190px;}
	#story_2{ height:210px;}
	
	#xg_top{height:500px; background-size:1000px;}
	#xg_top .inner_1200{padding-top:140px; font-size:16px; line-height:24px;}
	#xg_top .title_2{padding:8px 0px; font-size:18px;}
	
	#xg_cont .steps{background-position:top; padding:260px 20px 10px 20px; font-size:14px; line-height:26px;}
	#xg_cont .whitebg{padding:16px; font-size:14px; line-height:26px;}
	#xg_cont .icons{background-position:top; padding:150px 10px 10px 10px; font-size:14px; line-height:26px;}

}

@media only screen and (min-width:480px) and (max-width:800px){
    body{width:100%; overflow-x:hidden;}
	.inner_1200{width:98%;}
	.inner_fix{width:100%;}
	.web_show {display:none;}
	.mb_show{display:inherit;}
	#head .head_top{font-size:12px;}
	#head .head_top .top_nav{width:120px;}
	#head .head_top .notice{ display:none;}
	#head .head_nav{height:52px;}
	#head .head_nav .head_nav_logo a{background:url(../images/mb_logo.png) no-repeat; width:27px; height:26px; margin-left:-13px; background-size:27px;}
	
	#foot .foot_cont1 .foot_codes{width:250px; margin:0 auto;}
	#foot .foot_cont1 .foot_nav{border-top:2px solid #fff;}
	#foot .foot_cont1 .foot_nav a{color:#fff; border-bottom:2px solid #fff; display:block; 
	background:url(../images/mb_bg.png) no-repeat right -225px #2f5cb9; background-size:200px; line-height:36px;}
	#foot .foot_cont2{font-size:14px;}
	#foot .foot_cont2 .foot_select_area{margin-left:30px;}
	#foot .foot_cont2 .copy_right{ background:#4c5153; font-size:13px; line-height:40px; text-align:center; clear:both;}
	#foot .foot_cont2 .foot_area_list{width:207px; bottom:38px; line-height:30px;}
	
	.input_form{width:290px; padding:8px 51px;}
	.input_form .left{ float:none;}
	.input_form .right{ float:none;}
	.input_form .btn input{margin:0 auto;}
	.input_form .btn{text-align:center;}
	
	.big_title{font-size:24px;}
	.pages{padding-left:20px; padding-right:20px;}
	
	.swipe{height:240px;}
	.swipe li{height:240px;}
	.swipe .goleft{ display:none;}
	.swipe .goright{display:none;}
	.swipe .banner_cover .banners_cover{position:absolute; height:200px; top:40px; left:10%; width:80%; line-height:30px; font-size:16px;}
	
	#idx_ads .idx_ads_pic{font-size:18px; line-height:34px; margin-bottom:30px;}
	#idx_ads .idx_ads_pic p{padding:0 28px;}
	#idx_ads .idx_ads_pic .video_img span{width:36px; height:36px; background:url(../images/mb_bg.png) -157px -83px; background-size:200px;}
	
	#idx_star ul{width:100%;}
	#idx_star li{width:23%; padding:0 1% 10px;}
	
	#pro_search .type_pic{height:589px; background-size:800px;}
	
	#produt_detail .title_left{ padding-bottom:20px;}
	#produt_detail .title_right{ padding:20px 0; width:90%; margin:0 auto;}
	#produt_detail .title_right .btn a{width:180px;}
	#produt_detail .title_right .btn a:nth-child(1){ margin-left:10px;}
	#produt_detail .info_left{ padding:20px 0; width:90%; margin:0 auto;}
	#produt_detail .info_row{ padding:20px 0; width:90%; margin:0 auto;}
	#produt_detail .info_right{ padding:20px 0; width:90%; margin:0 auto;}
	#produt_detail #pro_edge li{padding:20px 0; width:90%; margin:0 auto;}
	#produt_detail #pro_chars table{font-size:14px;}
	#produt_detail #pro_chars .title{font-size:16px;}
	#produt_detail #pro_offers table{font-size:14px;}
	#produt_detail #pro_offers .title{font-size:16px;}
	#produt_detail #pro_others li{width:46%; padding:10px 2%;}
	#pro_search #pro_search_result li{width:46%; padding:10px 2%;}
	#pro_search #pro_list li{width:46%; padding:10px 2%;}
	#pro_search #pro_list li p.title{height:75px;}
	
	#inner_nav #news_nav{ width:480px; margin-left:-240px;}
	#inner_nav #news_nav li{ width:160px;}
	#news_list a{ padding:0 20px;}
	#news_list a.title{font-size:20px; line-height:26px;}
	#news_read_cont .cont{ width:96%; margin:0 auto;}
	
	#inner_nav #video_nav{ width:400px; margin-left:-200px;}
	#inner_nav #video_nav li{ width:200px; font-size:18px;}
	#video_list .video_list_pic{font-size:18px; line-height:32px; padding-bottom:30px;}
	#video_list .video_list_pic p{padding:0 24px;}
	#video_list .video_list_pic .video_img span{width:36px; height:36px; background:url(../images/mb_bg.png) -157px -83px; background-size:200px;}
	#video_read_title .video_show video{width:480px; height:270px;}
	
	#star_list ul li{ width:60%; margin:40px 20%;}
	#star_list .stars_name .title{font-size:24px; line-height:48px; padding-top:30%;}
	#star_list .stars_name .plus{font-size:36px; line-height:46px;}
	#star_list .more_infos .star_class{ width:90%; margin:0 auto;}
	#star_list .more_infos .big_title{ width:90%; margin:0 auto 40px auto;}
	#star_list .more_infos .close{background:url(../images/mb_bg.png) no-repeat -162px -285px; background-size:200px; width:30px; height:30px; right:5%; top:6px;}
	#star_list .more_infos .star_infos_left{ width:90%; margin:0 auto;}
	#star_list .more_infos .star_infos_right{ width:90%; margin:0 auto;}
	
	#club_top p{padding-right:0px;}
	#club_form .club_form_left{ text-align:center; padding-bottom:10px;}
	#club_form .club_form_right .input_form{width:470px; margin:0 auto;}
	#club_form .club_form_right .club_form_code{width:470px; margin:0 auto;}
	#club_form .club_form_right .club_form_code input[type='text']{width:420px;}
	#club_form .club_form_right .club_form_code input[type='button']{background:#b5b5b5 url(../images/mb_bg.png) no-repeat -170px -330px; background-size:200px;}
	#club_form .club_form_right .input_form .left{ float:left; width:260px;}
	#club_form .club_form_right .input_form .right{ float:right; width:190px;}
	#club_form .club_form_right .input_form input[type='text']{width:170px; border-radius:4px; padding:2px 6px; height:20px;border:1px solid #b7b7b7;}
	#club_form .club_form_right .input_form .right a{ width:90px;}
	
	#inner_nav #story_nav{ width:480px; margin-left:-240px;}
	#inner_nav #story_nav li{ width:120px; font-size:14px;}
	
	#story_list ul{border-left:2px solid #aaa;}
	#story_list ul:before{ background:#4a4036; width:8px; height:8px; position:absolute; border-radius:4px; display:block; content:''; z-index:9;
	left:-5px; top:10px;}
	#story_list .pic{padding-left:5%;}
	#story_list .cont{padding:0 0 30px 5%;}
	
	#shop_big_map{height:300px;}
	#shop_list ul{ padding-bottom:20px;}
	#shop_map_info{ position:fixed; width:400px; height:500px; margin-left:-200px; margin-top:-250px;}
	#shop_map_info #map_show{height:100%;}
	
	#event_nav{text-align:left;}
	#event_cont .event_left{background:#f2f2f2; border-bottom:1px solid #eee; padding:20px;}
	#event_cont .event_left ul{padding-top:10px;}
	#event_cont .event_left li{width:50%; float:left;}
	#event_cont .event_right li span{font-size:12px;}
	#event_cont .event_right .date_title{width:auto; margin:30px 20px 0 20px; border-bottom:1px solid #333; font-size:20px;}
	#event_cont .event_right .date_list{width:auto; margin:0 20px 30px 20px; border-bottom:1px solid #333;}
	#event_form{width:90%; max-width:286px; margin:0 auto; margin-bottom:30px;}
	
	#event_cont .event_right .window_events{width:90%; left:5%; line-height:32px;}
	#event_cont .event_right .window_events p{padding-left:4px;}
	#event_cont .event_right .window_events p span{padding:4px;}
	
	#msg p{font-size:16px;}
	#msg p.title{padding-top:180px; font-size:30px;}

	#eyefit .title{font-size:22px; line-height:36px;}
	#eyefit .title a{background-size:12px;}
	#eyefit .title2{font-size:18px;line-height:28px;}
	#eyefit .infos{font-size:14px;line-height:22px;}
	#eyefit .num{line-height:30px; padding:20px 0; vertical-align:middle; font-size:16px;}
	#eyefit .num.online{line-height:60px;}
	#eyefit .num a{line-height:60px; font-size:20px; padding-right:20px; font-weight:600;}
	#eyefit .num a span{ font-size:60px; padding-right:02px;}
	
	#eyefit #eyefit_1{height:400px; background-size:900px;}
	#eyefit #eyefit_1 .cont{padding-top:140px;}
	#eyefit #eyefit_2{height:200px; background-size:900px;}
	#eyefit #eyefit_2 .cont{padding-top:40px;}
	#eyefit #eyefit_4 li{ width:50%; }

	#story_1{ height:300px;}
	#story_2{ height:336px;}
	
	#xg_top{height:480px; background-size:1400px;}
	#xg_top .inner_1200{padding-top:180px; font-size:16px; line-height:28px;}
	#xg_top .title_2{padding:8px 0px; font-size:22px;}
	#xg_cont .steps{ padding:40px 10px 40px 220px; font-size:16px; line-height:26px;}
	#xg_cont .whitebg{padding:24px; font-size:16px; line-height:26px;}
	#xg_cont .icons{font-size:16px; line-height:26px;}
}
 
/* for 1024px width screen */
@media only screen and (min-width:801px) and (max-width:1024px){
    body{}
	.web_show {display:inherit;}
	.mb_show{display:none;}
	.big_title{font-size:22px;}
	.inner_1200{width:98%;}
	
	#head .head_top{font-size:12px;}
	#head .head_top .notice{width:200px; overflow:hidden;}
	#head .head_top .top_nav{width:320px;}
	#head .head_nav .nav_smenu .nav_smenu_m dd a{font-size:14px;}
	#head .head_nav .nav_smenu dt{font-size:12px;}
	#head .head_nav .nav_smenu ul{ width:300px;}
	#head .head_nav .nav_smenu ul li a span{font-size:9px; width:32px; height:12px; line-height:12px; margin-right:10px;}
	
	#foot{font-size:13px;}
	#foot .foot_cont1 .foot_codes{float:left;}
	#foot .foot_cont1 .foot_nav{float:right; padding-top:75px;}
	#foot .foot_cont1 .foot_nav a{border-left:1px solid #d9d9d9; line-height:12px;}
	#foot .foot_cont1 .foot_nav a:nth-child(1){border:none;}
	#foot .foot_cont2 .copy_right{ background:#4c5153; font-size:13px; line-height:40px; text-align:center; clear:both;}
	#foot .foot_cont2 .foot_area_list{width:207px; bottom:38px; line-height:30px;}

	#head .head_nav{font-size:14px;}	
	#head .head_nav .head_nav_left dl{ padding-right:12px;}
	#head .head_nav .head_nav_right dl{ padding-left:12px;}

	.swipe{height:320px;}
	.swipe li{height:320px;}
	.swipe .banner_cover .banners_cover{position:absolute; height:200px; top:100px; left:10%; width:60%; line-height:32px; font-size:20px;}
	
	#idx_ads .idx_ads_pic{ width:32%; margin-left:2%; float:left; }
	#idx_ads .idx_ads_pic:nth-child(1){padding-left:0;}
	
	
	#pro_search .type_pic{height:884px; background-size:1200px;}
	
	#inner_nav #product_read li a{padding-left:24px;}
	#produt_detail .title_left{float:left; width:55%;padding-bottom:20px;}
	#produt_detail .title_right{float:right; width:40%;padding-bottom:20px;}
	#produt_detail .info_row{ padding:20px 0;}
	#produt_detail .info_left{float:left; width:47%;padding:20px 0;}
	#produt_detail .info_right{float:right; width:47%;padding:20px 0;}
	#produt_detail .title_right .pro_title_big{font-size:24px;}
	#produt_detail .title_right .pro_title_small{font-size:18px;}
	#produt_detail .title_right .btn a:nth-child(2){ float:left;}
	#produt_detail #pro_edge li{float:left; width:47%;padding:20px 0;}
	#produt_detail #pro_edge li:nth-child(odd){padding-right:6%;}
	#produt_detail #pro_edge li .title{font-size:20px;}
	#produt_detail #pro_stars .pro_stars_name{ padding-top:40px;}
	#produt_detail #pro_video .title{font-size:20px; line-height:30px;}
	#produt_detail #pro_chars .title{font-size:16px;}
	#produt_detail #pro_offers .title{font-size:16px;}
	
	#inner_nav.toFix{position:fixed; top:72px; width:100%; z-index:29;}
	#inner_nav #news_nav{ width:420px; margin-left:-210px;}
	#inner_nav #news_nav li{ width:140px;}
	#news_banner .news_banner_half{width:50%;}
	#news_list .news_left{ width:66%; float:left;}
	#news_list a.title{font-size:22px; line-height:30px;}
	
	#inner_nav #video_nav{ width:320px; margin-left:-160px;}
	#inner_nav #video_nav li{ width:160px; font-size:16px;}
	#video_list .video_list_pic{ width:30%; padding:1.6%; float:left; font-size:20px; line-height:38px; overflow:hidden;}
	#video_list .video_list_pic a{white-space:nowrap;}
	
	#star_list ul li{float:left;}
	#star_list .stars_name .title{font-size:16px; line-height:32px; padding-top:28%;}
	#star_list .stars_name .plus{font-size:26px; line-height:34px;}
	#star_list .more_infos .star_infos_left{width:40%; float:left;}
	#star_list .more_infos .star_infos_right{width:55%; float:right;}
	#star_list .more_infos .star_infos_right .star_infos_nav{font-size:18px;}
	
	#club_form .club_form_left{float:left;width:164px;}
	#club_form .club_form_right{float:left;}
	#club_form .club_form_right .club_form_code input[type='text']{width:542px;}
	
	#inner_nav #story_nav{ width:800px; margin-left:-400px;}
	#inner_nav #story_nav li{ width:160px; font-size:14px;}
	
	#story_list{background:url(../images/dot.gif) center repeat-y;}
	#story_list ul{width:50%;}
	#story_list ul:nth-child(odd){ float:left; }
	#story_list ul:nth-child(even){ float:right; }
	#story_list ul:nth-child(2){padding-top:100px;}
	#story_list ul:nth-child(even) .pic{ float:right;}
	#story_list ul:nth-child(odd) .date{ text-align:right;}
	#story_list ul:nth-child(odd) .title{ text-align:right;}
	#story_list ul:before{ background:#4a4036; width:8px; height:8px; position:absolute; border-radius:4px; display:block; content:''; z-index:9;}
	#story_list ul:nth-child(odd):before{right:-4px; top:10px;}
	#story_list ul:nth-child(even):before{ left:-4px; top:10px;}
	#story_list ul:nth-child(2):before{ top:60px;}
	
	#shop_big_map{height:400px;}
	#shop_list .cont{float:left; width:70%;}
	#shop_list .btns{float:right; margin-top:28px;}
	
	#event_cont{background:url(../images/event_bg_02.jpg) no-repeat top; height:905px; overflow:hidden;}
	#event_cont .event_left{float:left; height:905px; width:16%; background:#fff; background:rgba(255,255,255,0.6); margin-left:-1px;}
	#event_cont .event_right{float:right; height:905px; width:84%; background:#fff; background:rgba(255,255,255,0.9);}
	
	#event_cont .event_right .window_events{width:90%; left:5%; line-height:32px;}
	#event_cont .event_right .window_events p{padding-left:4px;}
	#event_cont .event_right .window_events p span{padding:4px;}
	
	#msg p{font-size:16px;}
	#msg p.title{padding-top:180px; font-size:30px;}

	#eyefit .title{font-size:22px; line-height:36px;}
	#eyefit .title a{background-size:12px;}
	#eyefit .title2{font-size:18px;line-height:28px;}
	#eyefit .infos{font-size:14px;line-height:22px;}
	#eyefit .num{line-height:30px; padding:20px 0; vertical-align:middle; font-size:16px;}
	#eyefit .num.online{line-height:60px;}
	#eyefit .num a{line-height:60px; font-size:20px; padding-right:20px; font-weight:600;}
	#eyefit .num a span{ font-size:60px; padding-right:02px;}
	
	#eyefit #eyefit_1{height:460px; background-size:1300px;}
	#eyefit #eyefit_1 .cont{padding-top:220px;}
	#eyefit #eyefit_2{height:180px; background-size:1300px;}
	#eyefit #eyefit_2 .cont{padding-top:40px;}
	#eyefit #eyefit_4 li{ width:50%;}
	
	#story_1{ height:400px;}
	#story_2{ height:490px;}
	
	#xg_top{height:520px;}
	#xg_top .inner_1200{padding-top:240px; font-size:18px; line-height:30px;}
	#xg_top .title_2{padding:8px 0px; font-size:24px;}
	#xg_cont .steps{ padding:50px 10px 50px 220px; }
	
	#xg_cont .steps#s2{padding:20px 40px 20px 240px; }
	#xg_cont .steps#s3{padding:20px 40px 20px 240px;}
	#xg_cont .steps#s4{padding:30px 40px 30px 240px;}
	#xg_cont .icons#i2{padding:46px 20px 46px 180px;}

}
 
/* for bigger width screen */
@media only screen and (min-width:1025px){
    body{}
	.web_show {display:inherit;}
	.mb_show{display:none;}
	#head .head_top{font-size:14px;}
	.big_title{font-size:24px;}
	
	#foot .foot_cont1 .foot_codes{float:left;}
	#foot .foot_cont1 .foot_nav{float:right; padding-top:75px;}
	#foot .foot_cont1 .foot_nav a{border-left:1px solid #d9d9d9; line-height:12px;}
	#foot .foot_cont1 .foot_nav a:nth-child(1){border:none;}
	#foot .foot_cont2 .copy_right{ float:right; background:url(../images/web_bg.png) no-repeat right -290px; line-height:106px; font-size:13px;}
	#foot .foot_cont2 .copy_right a{display:block; float:right; height:100px;}
	#foot .foot_cont2 .copy_right a.odyssey{width:180px;}
	#foot .foot_cont2 .copy_right a.callaway{width:120px;}
	
	
	#idx_ads .idx_ads_pic{ width:32%; margin-left:2%; float:left;}
	#idx_ads .idx_ads_pic:nth-child(1){margin-left:0;}
	
	#inner_nav.toFix{position:fixed; top:72px; width:100%; z-index:29;}
	#produt_detail .title_left{float:left; width:55%;padding-bottom:20px;}
	#produt_detail .title_right{float:right; width:40%;padding-bottom:20px;}
	#produt_detail .title_right .btn a:nth-child(2){ float:left;}
	#produt_detail .info_row{ padding:20px 0;}
	#produt_detail .info_left{float:left; width:47%;padding:20px 0;}
	#produt_detail .info_right{float:right; width:47%;padding:20px 0;}
	#produt_detail #pro_edge li{float:left; width:47%;padding:20px 0;}
	#produt_detail #pro_edge li:nth-child(odd){padding-right:6%;}
	
	
	#news_banner .news_banner_half{width:50%;}
	#news_list .news_left{ width:66%; float:left;}
	
	#video_list .video_list_pic{ width:30%; padding:1.6%; float:left; font-size:20px; line-height:38px; overflow:hidden;}
	#video_list .video_list_pic a{white-space:nowrap;}
	
	#star_list ul li{float:left;}
	#star_list .more_infos .star_infos_left{width:40%; float:left;}
	#star_list .more_infos .star_infos_right{width:55%; float:right;}
	
	#club_form .club_form_left{float:left; width:210px;}
	#club_form .club_form_right{float:left;}
	
	#story_list{background:url(../images/dot.gif) center repeat-y;}
	#story_list ul{width:50%; padding-bottom:30px; }
	#story_list ul:nth-child(odd){ float:left; clear:left; }
	#story_list ul:nth-child(even){ float:right; clear:right; }
	#story_list ul:nth-child(2){padding-top:80px;}
	#story_list ul:nth-child(even) .pic{ float:right;}
	#story_list ul:nth-child(odd) .date{ text-align:right;}
	#story_list ul:nth-child(odd) .title{ text-align:right;}
	#story_list ul:before{ background:#4a4036; width:8px; height:8px; position:absolute; border-radius:4px; display:block; content:''; z-index:9;}
	#story_list ul:nth-child(odd):before{right:-4px; top:10px;}
	#story_list ul:nth-child(even):before{ left:-4px; top:10px;}
	#story_list ul:nth-child(2):before{ top:60px;}
	
	#shop_list .cont{float:left; width:70%;}
	#shop_list .btns{float:right; margin-top:28px;}
	#shop_map_info{height:530px;}
	#shop_map_info #map_show{height:300px;}
	
	#event_cont{background:url(../images/event_bg_02.jpg) no-repeat top; height:905px; overflow:hidden;}
	#event_cont .event_left{float:left; height:905px; width:16%; background:#fff; background:rgba(255,255,255,0.6); margin-left:-1px;}
	#event_cont .event_right{float:right; height:905px; width:84%; background:#fff; background:rgba(255,255,255,0.9);}
	#event_form{max-width:700px;}
	#event_form .big_title_2{float:left;}
	#event_form form{width:600px; float:right;}
	
	#xg_cont .steps#s2{padding:20px 40px 20px 240px; }
	#xg_cont .steps#s3{padding:20px 40px 20px 240px;}
	#xg_cont .steps#s4{padding:30px 40px 30px 240px;}
	#xg_cont .icons#i2{padding:46px 20px 46px 180px;}
}

@media only screen and (min-width:1400px){	
	.swipe li a{ background-size:auto; background-color:#000;}
	.swipe .goleft{ left:50%; margin-left:-690px;}
	.swipe .goright{ right:50%; margin-right:-690px;}
	.swipe .banner_cover .banners_cover{left:50%; width:600px; margin-left:-580px;}
	
	#head .head_nav .nav_smenu ul{ width:780px;}
	#head .head_nav .nav_smenu ul li a span{margin-right:46px;}
}