/*css experience contact page*/
.experience-feedback-page #wrap{
	background: #e5e5e5;
}
.experience-feedback-page #main{
	padding-bottom: 100px;
}
.experience-feedback-page .top-banner img{
	width: 100%;
	display:block;
}
.experience-feedback-page .feedback-container {
	padding: 17px 0 0;
	margin-bottom: 20px;
}
.experience-feedback-page .feedback-list {
	position: relative;
}
.experience-feedback-page .feedback-list.full {
	height: 720px;
}
.experience-feedback-page .feedback-list .item {
	position: absolute;
	background-color: #fff;
	background-image: url(../images/feedback_mr.png);
	background-position: 202px 133px;
	background-repeat: no-repeat;
	border-bottom: 5px solid #014278;
	overflow: hidden;
	visibility: hidden;
	opacity: 0.2;
	transform: translateX(50px);
	-webkit-transform: translateX(50px);
	transition: all 0.6s ease-out;
    -webkit-transition: all 0.6s ease-out;
    cursor: pointer;
}
.experience-feedback-page .feedback-list .item.animate {
	visibility: visible;
	opacity: 1;
	transform: translateX(0);
	-webkit-transform: translateX(0);
}
.experience-feedback-page .feedback-list .item .tit{
	position: relative;
	border-bottom: 1px solid #ddd;
	padding: 10px 0;
}
.experience-feedback-page .feedback-list .item .tit h5 {
	color: #003d70;
	line-height: 32px;
	font-size: 14px;
	padding-left: 22px;
	font-weight: normal;	
	text-overflow: ellipsis;
	overflow: hidden;
	white-space:nowrap;
	width: 70%;
}
.experience-feedback-page .feedback-list .item .tit label {
	position: absolute;
	font-size: 14px;
	line-height: 20px;
	color: #666666;
	right: 15px;
	top: 17px;
}
.experience-feedback-page .feedback-list .item .img-box {
	width: 100%;
	overflow: hidden;
}
.experience-feedback-page .feedback-list .item .img-box img{
	width: 100%;
}
.experience-feedback-page .feedback-list .item .con {
	display: table;
	padding: 10px 35px;
	height: 92px;
	background-image: url(../images/feedback_ml.png);
	background-position: 13px 13px;
	background-repeat: no-repeat;
}
.experience-feedback-page .feedback-list .item .con p {
	display: table-cell;
	vertical-align: middle;
	color: #666666;
	font-size: 14px;
	line-height: 22px;
	font-family: "宋体","微软雅黑";
}
.experience-feedback-page .feedback-list .item-xlarge {
	width: 486px;
	height: 345px;
	background-image: url(../images/feedback_bmr.png);
	background-position: 446px 310px;
}
.experience-feedback-page .feedback-list .item-xlarge .tit {
	padding: 19px 0px;
}
.experience-feedback-page .feedback-list .item-xlarge .tit h5{
	font-size: 22px;
	padding-left: 40px;
	width: 82%;
}
.experience-feedback-page .feedback-list .item-xlarge .tit label{
	top: 27px;
}
.experience-feedback-page .feedback-list .item-xlarge .img-box {
	height: 132px;
}
.experience-feedback-page .feedback-list .item-xlarge .con {
	padding: 20px 40px;
	height: 102px;
	background-image: url(../images/feedback_bml.png);
}
.experience-feedback-page .feedback-list .item-xlarge .con p {
	font-size: 18px;
	line-height: 24px;
}
.experience-feedback-page .feedback-list .item-large {
	width: 486px;
	height: 165px;
	background-position: 414px 130px;
}
.experience-feedback-page .feedback-list .item-large .tit {
	padding: 13px 0;
}
.experience-feedback-page .feedback-list .item-large .tit h5{
	width: 85%;
	font-size: 16px;
}
.experience-feedback-page .feedback-list .item-large .con {
	padding: 10px 75px;
	height: 86px;
	background-position: 48px 18px;
}
.experience-feedback-page .feedback-list .item-middle {
	width: 237px;
	background-position: 211px 310px;
	height: 345px;
}
.experience-feedback-page .feedback-list .item-middle .img-box {
	height: 144px;
}
.experience-feedback-page .feedback-list .item-middle .tit {
	padding: 14px 0;
}
.experience-feedback-page .feedback-list .item-middle .tit label{
	top: 22px;
}
.experience-feedback-page .feedback-list .item-middle .con {
	height: 120px;
}
.experience-feedback-page .feedback-list .item-small {
	width: 237px;
	height: 165px;
}
.experience-feedback-page .feedback-list .item-1 {
	left: 0;
	top: 0;
}
.experience-feedback-page .feedback-list .item-2 {
	right: 0;
	top: 0;
	transition-delay: 0.1s;
	-webkit-transition-delay: 0.1s;
}
.experience-feedback-page .feedback-list .item-3 {
	right: 247px;
	top: 180px;
	transition-delay: 0.2s;
	-webkit-transition-delay: 0.2s;
}
.experience-feedback-page .feedback-list .item-4 {
	right: 0;
	top: 180px;
	transition-delay: 0.3s;
	-webkit-transition-delay: 0.3s;
}
.experience-feedback-page .feedback-list .item-5 {
	left: 0;
	top: 360px;
	transition-delay: 0.4s;
	-webkit-transition-delay: 0.4s;
}
.experience-feedback-page .feedback-list .item-6 {
	left: 0;
	top: 540px;
	transition-delay: 0.5s;
	-webkit-transition-delay: 0.5s;
}
.experience-feedback-page .feedback-list .item-7 {
	left: 247px;
	top: 360px;
	transition-delay: 0.6s;
	-webkit-transition-delay: 0.6s;
}
.experience-feedback-page .feedback-list .item-8 {
	right: 247px;
	top: 360px;
	transition-delay: 0.7s;
	-webkit-transition-delay: 0.7s;
}
.experience-feedback-page .feedback-list .item-9 {
	right: 0;
	top: 540px;
	transition-delay: 0.8s;
	-webkit-transition-delay: 0.8s;
}
.experience-feedback-page .feedback-container .more-line {
	height: 24px;
	line-height: 24px;
	text-align: center;
}
.experience-feedback-page .feedback-container .more-line a{
	color: #666666;
	font-size: 16px;
}
.experience-feedback-page .form-tit {
	position: relative;
	padding: 10px 0;
	background: #014278;
}
.experience-feedback-page .form-tit h2 {
	color: #fff;
	font-size: 22px;
	text-align: center;
	line-height: 38px;
}
.experience-feedback-page .form-tit a.btn-switch {
	position: absolute;
	right: 24px;
	top: 16px;
}
.experience-feedback-page .form-tit a.btn-switch img{
	transition: transform 0.5s ease-out 0s;
    -webkit-transition: -webkit-transform 0.5s ease-out 0s;
}
.experience-feedback-page .form-tit a.btn-switch.on img{
	transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
}
.experience-feedback-page .form-con {
	background: #fff;
	padding: 34px 45px 34px 80px;
	display: none;
}
.experience-feedback-page .form-con .field {
	margin-bottom: 20px;
}
.experience-feedback-page .form-con .input-box {
	margin-right: 50px;
	line-height: 32px;
	color: #666666;
	font-size: 16px;
}
.experience-feedback-page .form-con .input-text {
	border: 1px solid #ddd;
	background: #f3f3f3;
	padding: 5px 10px;
	height: 20px;
	line-height: 20px;
	font-size: 14px;
	width: 680px;
	float: left;
	color: #666666;
}
.experience-feedback-page .form-con textarea.input-text {
	resize:none;
	height: 90px;
	min-height: 90px;
	max-height: 90px;
	width: 680px;
	max-width: 680px;
	min-width: 680px;
}
.experience-feedback-page .form-con label {
	display: inline-block;
	width: 90px;
	margin-right: 10px;
	height: 32px;
	float: left;
}
.experience-feedback-page .form-con .input-radio {
	margin: -2px 5px 0 30px;
}
.experience-feedback-page .form-con .f-left .input-text{
	width: 150px;
}
.experience-feedback-page .form-con .f-left label {
	width: 45px;
}
.experience-feedback-page .form-con .f-right label {
	width: 40px;
	margin-right: 0;
}
.experience-feedback-page .btn-set {
	margin-right: 50px;
}
.experience-feedback-page .btn-set a.btn-submit {
	display: block;
	float: right;
	width: 100px;
	padding: 5px 10px;
	height: 30px;
	line-height: 30px;
	background: #014075;
	color: #fff;
	text-align: center;
	font-size: 16px;
}
.experience-feedback-page .btn-set a.btn-upload {
	float: right;
	margin-right: 25px;
	line-height: 40px;
	color: #014075;
	font-size: 16px;
	text-decoration: underline;
}
.experience-feedback-page .pop-box{
	position: relative;
	width: 700px;
}
.experience-feedback-page .pop-box .pop-close{
	position: absolute;
	right: 35px;
	top: 35px;
}
.experience-feedback-page .pop-box .pop-tit{
	padding: 25px 65px 17px;
	background: #014a86;
	color: #fff;
}
.experience-feedback-page .pop-box .pop-tit h5{
	font-size: 24px;
	line-height: 30px;
	font-weight: normal;
}
.experience-feedback-page .pop-box .pop-tit p{
	font-size: 14px;
	line-height: 22px;
	font-family: "宋体","微软雅黑";
}
.experience-feedback-page .pop-box .pop-con {
	padding: 45px 60px;
	background: #fff;
}
.experience-feedback-page .pop-box .pop-con .img-box {
	margin-bottom: 30px;
}
.experience-feedback-page .pop-box .pop-con .img-box img{
	width: 100%;
	display: block;
}
.experience-feedback-page .pop-box .pop-con p{
	padding: 0 30px;
	color: #666666;
	font-size: 14px;
	line-height: 26px;
	font-family: "宋体","微软雅黑";
}
/*css experience serve page*/

.experience-serve-page #wrap{
	background: url(../images/serve_bkg.jpg) no-repeat ;
	background-attachment: fixed;
	padding: 25px 0 120px;
}
.experience-serve-page .serve-box {
	position: relative;
	height: 752px;
}
.experience-serve-page .serve-box .block img{
	width: 100%;
	display: block;
}
.experience-serve-page .serve-box .block{
	position: absolute;

}
.experience-serve-page .serve-box .block-1{
	left: 48px;
	top: 0;
	width: 353px;
}
.experience-serve-page .serve-box .block-2{
	left: 353px;
	top: 0;
	width: 472px;
	
}
.experience-serve-page .serve-box .block-3{
	left: 0;
	top: 195px;
	width: 195px;
	
}
.experience-serve-page .serve-box .block-4{
	left: 195px;
	top: 195px;
	width: 292px;
	
}
.experience-serve-page .serve-box .block-5{
	left: 487px;
	top: 195px;
	width: 470px;
	
}
.experience-serve-page .serve-box .block-6{
	left: 487px;
	top: 410px;
	width: 296px;
	
}
.experience-serve-page .serve-box .block-7{
	left: 147px;
	top: 460px;
	width: 340px;
	
}

/*css experience contact page*/
.experience-contact-page #wrap{
	background-color: #f8f8f8;
	padding-bottom: 170px;
}
.experience-contact-page .top-banner img{
	width: 100%;
	display:block;
	margin: 0 auto;
}
.experience-contact-page .title{
	text-align: center;
	padding-top: 81px;
	padding-bottom: 52px;

}
.experience-contact-page .addr{
	overflow: hidden;
	width: 900px;
	height: 148px;
	margin: 0 auto;
	border:1px solid #eaeaea;
	font-size: 14px;
	color: #888;
	padding-top: 30px;
}
.experience-contact-page .addr  li{
	height: 34px;
	line-height: 34px;
	background:url(../images/contact_icon.png) no-repeat top left;
	padding-left: 25px;
}

.experience-contact-page .addr .f-left ul{
	border-right: 1px solid #eaeaea;
	padding-left: 68px;
	padding-right: 34px;
}
.experience-contact-page .addr .f-right ul{
	padding-right: 212px;
	padding-left: 20px;
}
.experience-contact-page .addr .f-left .second{
	background-position: left -34px;
}
.experience-contact-page .addr .f-left .third{
	background-position: left -170px;
}
.experience-contact-page .addr .f-right .first{
	background-position: left -102px;
}
.experience-contact-page .addr .f-right .second{
	background-position: left -136px;
}
.experience-contact-page .addr .f-right .third{
	background-position: left -68px;
}
/*css experience q&a page*/
.experience-qa-page #wrap {
	background: url(../images/qa_bkg.jpg) no-repeat 0 0 #dfdfdf;
	background-attachment: fixed;
	padding-bottom: 145px;
}
.experience-qa-page #main {
	padding-top: 25px;
}
.experience-qa-page .top{
	background: url(../images/qa_title.jpg) no-repeat right;
	height: 209px;
	padding-left: 52px;
	color: #fff;
	line-height: 25px;
	
}
.experience-qa-page .top p{
	padding-top: 20px;
	font-size: 14px;
}
.experience-qa-page .top img{
	padding-top: 58px;

}
.experience-qa-page h3{
	font-size: 35px;
	font-weight: normal;
	line-height: 86px;
}
.experience-qa-page h3 span{
	font-size: 22px;
}
.experience-qa-page .content{
	background-color: #fff;
}
.experience-qa-page .sec{
	border-bottom: 1px solid #ddd;
	clear: both;
	padding: 26px 40px 0 32px;
	letter-spacing: 1px;
}
.experience-qa-page .sec li.last{
	border-right:0;
}
.experience-qa-page .sec .faq{
	padding: 7px 19px 7px 23px;
	clear:both;
	border-bottom: 1px solid #eee;
}
.experience-qa-page .sec .faq table td{
	color: #666;
	line-height: 21px;
	vertical-align: top;
	font-size: 14px;
	border-bottom: 1px solid #ddd;
	padding-bottom: 21px;
}
.experience-qa-page .sec .faq table span{
	color: #5299d1;
}
.experience-qa-page .sec .faq p.indent{
	text-indent: 24px;
	font-size: 14px;
}

.experience-qa-page .sec .faq-no-bor{
	border-bottom: 0px;
}
.experience-qa-page .sec .faq-no-bor table td{
	border-bottom: 0;
}
.experience-qa-page .sec .faq table th{
	font-size: 16px;
	font-weight: normal;
	line-height: 33px;
	color: #333;
	text-align: left;
	vertical-align: top;
	padding-top: 19px;
}
.experience-qa-page .sec .faq td.td-no-bor{
	border-bottom: 0;
	padding-bottom: 50px;
}
.experience-qa-page .sec .faq-last{
	padding-bottom: 46px;
}
.experience-qa-page .sec h4{
	font-size: 20px;
	line-height: 42px;
	height: 42px;
	color: #003b67;
	font-weight:normal;
	padding-left: 59px;
	background:url(../images/qa_sec_icon.png) no-repeat;
}
.experience-qa-page .sec .list{
	border-bottom: 1px solid #eee;
	overflow: hidden;
	padding:9px 0 44px;
}
.experience-qa-page .sec .list h5{
	font-size: 14px;
	color: #003967;
	font-weight: normal;
	text-align: center;
	line-height: 35px;
}
.experience-qa-page .sec-1{
	padding-right: 32px;
}
.experience-qa-page .sec-1 .img{
	left: 50%;
	margin-left: -32px;
	position: absolute;
	bottom:0px; 
}
.experience-qa-page .sec-1 .list li{
	float: left;
	border-right: 2px dashed #eee;
}
.experience-qa-page .sec-1 .list li{
	height: 205px;
	position: relative;
}
.experience-qa-page .sec-1 .list li.first{
	width: 350px;
}
.experience-qa-page .sec-1 .list li .con{
	margin: 0 auto;
	width: 130px;
}
.experience-qa-page .sec-1 .list li.first .con{
	width: 275px;
}
.experience-qa-page .sec-1 .list li.second{
	width: 300px;
}
.experience-qa-page .sec-1 .list li.second .con{
	width: 192px;
}
.experience-qa-page .sec-1 .list li.last{
	width: 256px;
	border-right:0;
}
.experience-qa-page .sec-1 .list li.last .img{
	bottom: 2px;
}
.experience-qa-page .sec-1 .list li.last p{
	line-height: 41px;
}
.experience-qa-page .sec-1 .list p{
	padding-top: 8px;
	color: #666;
	line-height: 25px;
}
.experience-qa-page .sec-2 h4{
	background-position: 0 -42px;
}
.experience-qa-page .sec-2 {
	background: url(../images/qa_sec_bkg.jpg) no-repeat
}
.experience-qa-page .sec-2 .list{
	padding-top: 0px;
}
.experience-qa-page .sec-2 .list li{
	width: 281px;
	padding:0 115px 0 47px;
	float: left;
}
.experience-qa-page .sec-2 .list li .con{
	width: 100%;
}
.experience-qa-page .sec-2 .con .title{
	color: #023c6e;
	font-size: 16px;
	line-height: 28px;
}
.experience-qa-page .sec-2 .con .title span{
	font-size: 30px;
	font-style: italic;
}
.experience-qa-page .sec-2 .con .text{
	color: #656565;
	line-height: 21px;
	font-size: 14px;
}
.experience-qa-page .sec-3 h4{
	background-position: 0 -84px;
}
.experience-qa-page .sec-3 li{
	float: none;
	color: #666;
	line-height: 25px;
}
.experience-qa-page .sec-4 h4{
	background-position: 0 -126px;
}
/*css experience store page*/
.experience-store-page #wrap {
	background: url(../images/store_bkg.jpg) no-repeat 0 0 #dfdfdf;
	background-attachment: fixed;
	padding-bottom: 145px;
}
.experience-store-page #main{
	padding-top: 25px;
}
.experience-store-page .top-banner img{
	width: 100%;
}
.experience-store-page .store-inf{
	padding-top: 33px;
	width: 83%;
	padding-bottom: 16px;
	margin: 0 auto;
}
.experience-store-page .store-inf .title{
	background:url(../images/store_title_bkg.jpg)repeat;
	height: 65px;
	position: relative;
}
.experience-store-page .store-inf .title h5{
	color: #fff;
	line-height: 65px;
	font-size: 16px;
	padding-left: 26px;
}
.experience-store-page .store-inf .title select{
	position: absolute;
	width: 100px;
	right: 37px;
	top:50%;
	margin-top: -18px;
	width: 118px;
	height: 36px;
	background-color: #fff;
	border:none;
}
.experience-store-page .store-inf .content{
	background-color: #fff;
	overflow: hidden;
	padding:10px 0;
}
.experience-store-page .store-inf .content li .name{
	width: 194px;
	text-align: center;
	height: 100px;
	border-right: 1px solid #ddd;
	float: left;
}
.experience-store-page .store-inf .content li .name h3{
	color: #059;
	line-height: 97px;
	font-size: 16px;
	height:97px;
	font-weight: normal;
}
.experience-store-page .store-inf .content li .addr{
	float: left;
	padding-left: 25px;
	padding-top: 16px;
}
.experience-store-page .store-inf .content li .addr p{
	color: #666;
	font-size: 14px;
	line-height: 30px;
	padding-left: 23px;
}
.experience-store-page .store-inf .content li .addr p.tel{
	background:url(../images/store_icon.png)no-repeat 0 7px;
}
.experience-store-page .store-inf .content li .addr a{
	margin-left: 70px;
	padding-left: 40px;
	background:url(../images/store_icon.png)no-repeat  10px -23px ;
	color: #00447a;
}
.experience-store-page .store-inf .content li .addr a:hover{
	text-decoration: underline;
}
.experience-store-page .display-none{
	display: none;
}
.experience-store-page #allmap{
	width: 82%;
	height: 380px;
	margin: 0 auto;
	border:5px solid #fff;
}
.experience-store-page #fancybox-loading,.experience-store-page .fancybox-close,.experience-store-page .fancybox-prev span,.experience-store-page .fancybox-next span {
	background-image: url('../images/fancybox_sprite.png');
}
.experience-store-page .fancybox-close {
	top: -16px;
	right: -38px;
	width: 36px;
	height: 20px;
}
.experience-store-page .fancybox-nav span {
	top: 50%;
	width: 53px;
	height: 100px;
	margin-top: -50px;
	visibility: visible;
}
.experience-store-page .fancybox-prev span {
	left: 35px;
	background-position:52px -118px;
}
.experience-store-page .fancybox-next span {
	right: 35px;
	background-position: 52px -21px;
}
.experience-store-page .fancybox-prev:hover span{
	background-position:0px -118px;
}
.experience-store-page .fancybox-next:hover span {
	background-position:106px -21px;
}