@charset "utf-8";
/* CSS Document */
/*个人音频*/
.gryp_t{ margin-bottom:35px;}
.gryp_t img{ width:100%;}
.gryp_b{ margin-bottom:35px;}
.gryp_bt{ height:45px; line-height:45px; text-align:center; color:#fff; background:#aeaeae; font-size:22px; margin-bottom:40px;}
.gryp_bb{ margin:0 50px 90px;}
.gryp_bb li{ width:30.3333%; margin:20px 1.5%; float:left; position:relative;}
.gryp_bbt{ position:relative; border:1px solid #ccc; margin-bottom:20px;}
.gryp_bbt .color_box{ position:absolute; top:10px; right:10px; text-align:right; height:20px; overflow:hidden; z-index:10;}
.gryp_bbt .color_box a{ display:inline-block; width:20px; height:20px; margin:0 5px;}
.gryp_bbt .yes_btn{ width:30px; height:30px; background:url(../images/gryp_2/gryp_2_01.png) center center no-repeat; background-size:100% auto; position:absolute; bottom:10px; right:10px; display:none;}
.gryp_bbt .img_box{ width:100%; overflow:hidden;}
.gryp_bbt .img_box ul{ width:100%; overflow:hidden;}
.gryp_bbt .img_box li{ width:100%; height:200px; margin:0px; position:relative;}
.gryp_bbt .img_box li:hover{ background:#e0e0e0;}
.gryp_bbt .img_box li:hover .yes_btn{ display:block;}
.gryp_bbt .img_box li a{ display:block; width:100%; text-align:center; height:100%; padding:2%;}
.gryp_bbt .img_box li img{ max-width:96%; max-height:96%;}
.gryp_bbb{ border-top:1px solid #c7c7c7;}
.gryp_bb li:hover .gryp_bbb{ border-top-color:#828180;}
.gryp_bbb{ text-align:center; margin-bottom:50px;}
.gryp_bbb .title{ text-align:center; padding:10px 0; font-size:22px; line-height:30px; color:#282727;}
.gryp_bbb .info{ text-align:center; color:#131212; font-size:16px; padding:0 10%; margin-bottom:1em;}
.gryp_bbb .buy_btn{ background:#979797; display:inline-block; color:#fff; border:none; cursor:pointer; line-height:35px; padding:0 17px; border-radius:17px; font-size:16px;}
.gryp_bbb .money{ display:inline-block; font-size:20px; color:#747474; line-height:35px; padding:0 20px;}
@media (max-width:768px){
	.gryp_bb li{ width:100%; margin:20px 0;}
	.gryp_bbt .img_box li{ height:150px;}
}
@media (max-width:480px){
}
/*查找零售商*/
.czlss_box{ padding-top:50px;}
.czlsst{ margin-top:20px; font-size:20px;}
.czlsst_top{ padding:40px 0; font-size:35px; font-weight:200; color:#3a3a3a;}
.czlssc{ padding:40px 0;}
.czlsscr{ float:right; width:50%;}
.czlsscrl{ float:left; margin:5px 25px 5px 0; font-size:16px; line-height:30px;}
.czlsscrl span{ padding:0 10px;}
.czlsscrl input{ height:30px; line-height:28px; border:1px solid #727272; width:100px; padding:0 10px;}
.czlsscrl select{ height:30px; line-height:28px; border:1px solid #727272; width:135px; padding:0 5px;}
.czlsscrl button{ height:30px; line-height:28px; border:1px solid #727272; padding:0 10px; margin-left:10px; background:#e2e2e2;}
.czlssc .img{ text-align:center;}
.czlssb .img{ text-align:center; border-top:1px solid #b8b8b8; margin-top:25px;}
@media (max-width:768px){
	.czlsscr{ width:100%; float:none;}
}
@media (max-width:480px){
	.czlss_box{ padding-top:0;}
}
/*产品注册*/
.cpzc_t{ color:#828180; font-size:20px;}
.cpzc_t .title{ font-size:40px; border-bottom:1px solid #828180; margin-top:1em; margin-bottom:0.5em;}
.cpzc_b{ width:40%; margin:20px auto; font-size:20px; color:#828180;}
.cpzc_b .input{ margin-bottom:20px; line-height:35px;}
.cpzc_b .input input{ border:1px solid #828180; margin:5px 0; padding:0 5px; height:35px; line-height:35px; width:100%;}
.cpzc_b .input select{ border:1px solid #828180; margin:5px 0; padding:0 5px; height:35px; line-height:35px; width:100%;}
.cpzc_b .input.Date select{ width:30%; float:left; margin-left:5%;}
.cpzc_b .input.Date select:first-child{ margin-left:0;}
.cpzc_b .input option{ padding:0 5px;}
.cpzc_b .input textarea{ border:1px solid #828180; margin:5px 0; padding:0 5px; height:100px; line-height:35px; width:100%;}
.cpzc_b .input button{ border:1px solid #828180; background:#e2e2e2; padding:0 20px; margin:5px 10px 5px 0; border-radius:5px;}
@media (max-width:768px){
	.cpzc_b{ width:90%;}
}
/*个人音频*/
.zcym_info{ margin-top:20px;}
.zcym_info_t{}
.zcym_info_t .title{ font-size:35px; color:#3a3a3a;}
.zcym_info_t .info{ font-size:20px;}

.zcym_info_c{ margin:40px 0;}
.zcym_info_c li{ width:170px; padding:0 20px; display:inline-block;}
.zcym_info_c li .img{ height:140px; width:130px; padding:10px;}
.zcym_info_c li .img a{ display:table-cell; height:120px; width:110px; text-align:center; vertical-align:middle;}
.zcym_info_c li .img img{ max-width:110px; max-height:120px;}
.zcym_info_c li .info{ text-align:center;}
.zcym_info_c li .info .p1{ width:100%; margin:0 auto; border-bottom:1px solid #b2b2b2; height:0px; overflow:hidden;}
.zcym_info_c li .info .p2{  font-weight:100; font-size:14px; line-height:25px; height:25px; overflow:hidden; color:#b2b2b2; transition:color 0.5s ease;}
.zcym_info_c li:hover .info .p1{ border-color:#333;}
.zcym_info_c li:hover .info .p2{ color:#333;}
.zcym_info_bt{ font-size:30px; color:#3a3a3a; padding:1em 0;}
@media (max-width:480px){
	.zcym_info_c li{ width:100%; text-align:center;}
	.zcym_info_c li .img{ width:100%;}	
	.zcym_info_c li .img a{ width:100%; display:block;}
}
/*联系我们*/
.lxwm_t .title{ font-size:25px; color:#828180; border-bottom:1px solid #828180; margin-top:1em; margin-bottom:0.5em;}
.lxwm_b{ padding:20px 0; font-size:20px;}
.lxwm_bl{ float:left; width:40%;}
.lxwm_bl .p1{ margin-bottom:1em;}
.lxwm_bl .span1{ color:#151515; margin-right:10px;}
.lxwm_bl .span2{ color:#2778c1;}
.lxwm_br{ float:right; width:50%; border-left:1px solid #7b7b7b; padding-left:5%;}
.lxwm_br table{ width:100%;}
.lxwm_br table tr td{ padding:5px;}
.lxwm_br table tr td:first-child{ text-align:right;}
.lxwm_br input{border:1px solid #828180; margin:5px 0; padding:0 5px; height:30px; line-height:30px; width:50%;}
.lxwm_br input[type="radio"]{ width:auto; margin:5px 10px;}
.lxwm_br select{ border:1px solid #828180; margin:5px 0; padding:0 5px; height:30px; line-height:30px; width:50%;}
.lxwm_br textarea{ border:1px solid #828180; margin:5px 0; padding:0 5px; height:100px; line-height:30px; width:100%;}
.lxwm_br button{ border:1px solid #828180; background:#e2e2e2; padding:0 20px; margin:5px 10px 5px 0; border-radius:5px;}
@media (max-width:768px){
	.lxwm_bl{ width:100%;}
	.lxwm_br{ width:100%; padding:20px 0; border:none;}
}
/*配件详细页*/
.pj_info_t{ padding:30px 0;}
.pj_info_tl{ float:left; width:340px; height:290px; border:1px solid #ccc;}
.pj_info_tl .img{ width:100%; height:100%; text-align:center; padding:10%;}
.pj_info_tl img{ max-width:100%; max-height:100%;}
.pj_info_tr{ width:100%; padding-left:500px; float:left; margin-left:-350px;}
.pj_info_tr .title{ font-size:35px; color:#3c3c3c; line-height:1.5; border-bottom:1px solid #3c3c3c; margin-bottom:20px;}
.pj_info_tr .info_box{ font-size:20px; line-height:1.5; margin-bottom:1em;}
.pj_info_tr .info{ margin-bottom:10px;}
.pj_info_tr .money{ margin-bottom:10px; color:#747474;}
.pj_info_tr .money span{ margin-right:10px;}
.pj_info_tr .buy_btn{ background:#979797; display:inline-block; color:#fff; border:none; cursor:pointer; line-height:35px; padding:0 17px; border-radius:17px; font-size:16px;}
.pj_info_trb{ font-size:16px;}
@media (max-width:768px){
	.pj_info_tl{ float:none; width:100%; height:290px; border:none;}
	.pj_info_tl .img{ padding:10px;}
	.pj_info_tr{ float:none; width:100%; padding:0 20PX; margin:0px;}
}
@media (max-width:480px){
	.pj_info_tr .title{ font-size:25px;}
}
/*配件列表*/
.pj_list_t{ line-height:30px; font-size:16px; padding:10px 0; border-bottom:1px solid #bdbcbc;}
.pj_list_t p{ float:left; padding-left:10px;}
.pj_list_t input{ line-height:30px; margin:0 5px;}
.pj_list_c{ padding:20px 0; font-size:20px; color:#6a6a6a; border-bottom:1px solid #bdbcbc;}
.pj_list_b li{ float:left; width:21%; margin:10px 2%;}
.pj_list_b .img{ width:100%;}
.pj_list_b .img a{ display:block; width:100%; margin:0 auto; text-align:center; background-repeat:no-repeat; background-position:center center; padding:0.1em; font-size:80px; background-size:auto 80%;}
.pj_list_b .p1{width:100%; margin:10px auto; border-bottom:1px solid #b2b2b2; height:0px; overflow:hidden;}
.pj_list_b .p2{ text-align:center; font-size:16px; line-height:25px; height:75px; overflow:hidden;}
.pj_list_b .p2 a{ text-decoration:underline;}
.pj_list_b li:hover .p1{ border-color:#188fb8;}
.pj_list_b li:hover .p2 a{ color:#188fb8;}
.pj_list_b .p2 a:hover{ color:#188fb8;}
@media (max-width:768px){
	.pj_list_b li{ width:46%;}
}
@media (max-width:480px){
	.pj_list_b li{ width:96%;}
	.pj_list_b .p2{ height:auto;}
}
/*在线商店*/
.zxsd_t{ margin:20px 0;}
.zxsd_tl{ float:left; width:30%;}
.zxsd_tl li{ width:100%; padding:20px 0; border-top:1px solid #dcdcdc;}
.zxsd_tl li:first-child{ border:none;}
.zxsd_tll{ width:45%; float:left; text-align:center;}
.zxsd_tll img{ max-width:100%; max-height:100px;}
.zxsd_tlr{ float:right; width:50%;}
.zxsd_tlr dt{ font-size:18px; color:#060606; font-weight:100;}
.zxsd_tlr dd{ font-size:14px; color:#484848;}
.zxsd_tlr dd a{ color:#484848;}
.zxsd_tr{ float:right; width:65%; height:560px;}
.zxsd_banner{position:relative; width:100%; height:100%; overflow:hidden;}
.zxsd_banner_t{ width:100%; height:100%; overflow:hidden;}
.zxsd_banner_t ul{ width:100%; background:#eee; transition:all 1s ease 0s; height:100%;}
.zxsd_banner_t ul li{ width:100%; float:left; text-align:center; height:100%; background-repeat:no-repeat; background-position:center top; background-size:auto 100%;}
.zxsd_banner_t ul li a{ display:block; width:100%; height:100%;}

.zxsd_banner_b{ width:100%; position:absolute;  z-index:1; bottom:10px; left:0; right:0; height:30px; line-height:30px;}
.zxsd_banner_b ul{ text-align:center; margin:0 auto;}
.zxsd_banner_b ul li{ cursor:pointer; _float:none; *float:none; display:inline-block; *display:inline; zoom:1; width:12px; height:12px; margin:1px 6px; overflow:hidden; line-height:999px; background:#ccc; border:1px solid #ccc; border-radius:50%; transition:all 0.2s ease;}
.zxsd_banner_b ul li.on{background:none;}
.zxsd_bt span{ display:inline-block; padding:0 20px; font-size:22px; color:#e8e3e3; background:#888a8a;}
.zxsd_bc{ margin:20px 0;}
.zxsd_bc li{ width:50%; float:left; border-top:1px solid #cfcfcf; padding:20px 0; overflow:hidden;}
.zxsd_bc li:nth-child(1){ border-top:none;}
.zxsd_bc li:nth-child(2){ border-top:none;}
.zxsd_bc_li{ width:200%; height:300px; transition:all 1s ease 0s; position:relative;}
.zxsd_bcl{ width:50%; transition:all 1s ease 0s; overflow:hidden; position:absolute; z-index:0; left:0; top:0;}
.zxsd_bclt{ height:200px; width:48%; margin:0 auto;}
.zxsd_bclt a{ width:100%; height:100%; display:block; text-align:center;}
.zxsd_bclt img{ width:90%; max-height:100%;}
.zxsd_bclb{ text-align:center; transition:all 0.5s ease 0s; padding:0 20%;}
.zxsd_bc .title{ font-size:18px; line-height:25px; height:50px; overflow:hidden; margin-bottom:10px;}
.zxsd_bc .info{ font-size:12px; line-height:20px; height:40px; overflow:hidden; margin-bottom:10px;}
.zxsd_bc .money{ font-size:16px; line-height:25px; height:25px; overflow:hidden; margin-bottom:10px;}
.zxsd_bc .buy_btn{ background:#979797; display:inline-block; color:#fff; border:none; cursor:pointer; line-height:35px; padding:0 17px; border-radius:17px; font-size:16px;}
.zxsd_bcr{ width:25%; position:absolute; left:50%; top:0; transition:all 1s ease 0s; z-index:2;}
.zxsd_bc li:hover .zxsd_bcl{ left:-13%;}
.zxsd_bc li:hover .zxsd_bcr{ left:25%;}
.zxsd_bc li:hover .zxsd_bclb{transform:translate3d(-100%, 0px, 0px)}
.zxsd_bc li.on .zxsd_bcl{ left:-13%;}
.zxsd_bc li.on .zxsd_bcr{ left:25%;}
.zxsd_bc li.on .zxsd_bclb{transform:translate3d(-100%, 0px, 0px)}
.zxsd_bb{ text-align:center; font-size:18px; margin-top:20px;}
.zxsd_bb li{ display:inline-block; border-left:1px solid #e1e1e1;}
.zxsd_bb li:nth-child(1){ border:none;}
.zxsd_bb li:nth-child(2){ border:none;}
.zxsd_bb li:nth-last-child(1){ border:none;}
.zxsd_bb li span{ display:block; padding:0 10px;}
.zxsd_bb li.dq span{ color:#0a6ef6;}
.zxsd_bb li a{ display:block; padding:0 10px;}
@media (max-width:998px){
	.zxsd_tr{ height:400px;}
}
@media (max-width:768px){
	.zxsd_bclt{ height:150px;}
	.zxsd_tl{ width:100%;}
	.zxsd_tr{ width:100%;}
}
@media (max-width:480px){
	.zxsd_bc li{ width:100%;}
	.zxsd_tr{ height:200px;}
}
/*支持页面*/
.zcym_t{ text-align:center; padding:20px; border-bottom:1px solid #c6c6c6; margin-bottom:20px;}
.zcym_c li{ width:23%; margin:10px 1%; float:left; text-align:center; font-size:24px;}
.zcym_c li .img{ height:150px; position:relative;}
.zcym_c li .img a{ display:block; width:100%; height:100%;}
.zcym_c li .img img{ max-width:100%; max-height:100%;}
.zcym_c li .info{ line-height:1.5em; height:1.5em; overflow:hidden; }
@media (max-width:768px){
	.zcym_c li{ width:48%; font-size:20px;}
}
@media (max-width:480px){
	.zcym_c li{ width:98%; font-size:16px;}
}
/* Where to Buy */
.czlsst_b_left{
	width:375px;
}
.czlsst_b_left .info{
	margin-bottom:25px;
	font-size:20px;
	color:#5a5a5a;
}
.czlsst_b_left input{
	width:100%;
	padding:0 15px; 
	border:2px solid #d1d1d1;
	border-radius:5px;
	line-height:44px;
	font-size:20px;
	margin-bottom:25px;
}
.czlsst_b_left button{
	line-height:44px;
	border-radius:5px;
	width:100%;
	text-align:center;
	color:#fff;
	margin-bottom:25px;
}
.czlsst_b_left .btn_01{
	background:#3e90c5;
	border:2px solid #2f6c94;
}
.czlsst_b_left .btn_02{
	background:#4e545c;
	border:2px solid #3e4547;
}
.czlsst_b_left hr{
	width:100%;
	border-color:#b8b8b8;
	margin-bottom:25px;
}
.czlsst_b_left .title{
	font-size:20px;
	color:#3c3c3c;
	margin-bottom:25px;
}
.czlsst_b_left .img_box{
	margin-bottom:20px;
}
.czlsnav{
	margin-bottom:25PX;
}
.czlsnav li{
	font-size:16px;
	color:#626262;
}
.czlsnav a{
	color:#5a5a5a;
}
.czlsst_b_right{
	width:640px;
}
.czlsst_b_right .title{ 
	color:#5a5a5a;
	font-size:22px;
	margin-bottom:20px;
	line-height:34px;
}
.czlsst_b_right  .czlsIcon_01{
	background:url(../images/gryp_2/czlss_01.png) no-repeat;
	width:34px;
	height:34px;
	float:left;
	margin-right:12px;
}
.czlsst_b_right  .czlsIcon_02{
	background:url(../images/gryp_2/czlss_02.png) no-repeat;
	width:34px;
	height:34px;
	float:left;
	margin-right:12px;
}
.czlsst_b_right .info{ 
	color:#5a5a5a;
	font-size:18px;
	margin-bottom:20px;
}
.czlsst_b_right a{
	color:#62aad9;
}
.czlsst_b_right .map{
	width:485px;
	height:394px;
}
.lxwm_r{
	float:right;
	width:425px;
}
.lxwm_rt{
	border-radius:5px;
	border:2px solid #b4b4b4;
	box-shadow: 0px 0px 38px rgba(7,0,2,0.08) inset;
	background:#fff;
	padding:0 43px 60px;
	margin-bottom:100px;
}
.lxwm_rt li{
	border-bottom:5px solid #b11f1f;
	padding-top:25px;
	padding-bottom:20px;
	text-align:center;
}
.lxwm_rt img{
	width:54px;
	height:40px;
	margin-bottom:20px;
	display:block;
	margin:0 auto;
}
.lxwm_rt .title{
	font-size:30px;
	color:#242424;
	margin-bottom:20px;
}
.lxwm_rt .info{
	font-size:20px;
	color:#242424;
	margin-bottom:10px;
}
.lxwm_rt a{
	display:block;
	font-size:18px;
	color:#4895c8;
}
@media (max-width:1200px){
	.czlsst_b_left{ width:100%;}
	.czlsst_b_right{ width:100%;}
	.lxwm_r{ width:100%;}
}