*{margin: 0;padding: 0;font-family: Arial;}
p{margin: 0;}
a{text-decoration: none;color: #fff;}
img{border: 0;}
ul,li,i{margin: 0;padding: 0;font-style: normal;list-style: none;}
.fl{float: left;}
.fr{float: right;}
input{border: 0;outline: 0;}
.clearfix:after{display: block;content: "";clear: both;}
html,body{background: #fff;}


.comment{max-width: 960px;min-width: 320px; margin: 0 auto;}


.heads{padding: 0px; display: flex;display: -webkit-flex;display: -moz-flex;display: -o-flex;-webkit-align-items: center;-moz-align-items: center;-o-align-items: center;
align-items: center;-webkit-justify-content: space-between;-moz-justify-content: space-between;-o-justify-content: space-between;justify-content: space-between;}
.heads .logo{font-size:30px;color: #fdc001;}
.heads .logo img{ display: none;}
.heads .iptbox{height: 24px; margin: 10px 0;border: 1px solid #fdc001;}
.heads .iptbox .search-icon{float: right;display: block;width: 28px;height: 24px;background: url(../img/11_03.png) no-repeat center/18px;cursor: pointer;}
.heads .iptbox span{height: 24px; width: 120px; display: inline-block;}

.banner img{width: 100%;}

.comment .contact{width: 100%;}
.comment .contact .item{width: 100%;padding-top:20px;position: relative;}
.contact .item .title{text-align: center;}
.contact .item .title p{display: inline-block; background: #fdc001;padding: 4px ;}
.contact .item .title p span{display: inline-block;min-width: 120px; color: #fff;padding: 4px 6px; border: 1px solid #fff;font-size: 24px;}

.contact .item .navs{margin-top: 20px; padding: 30px;background: url(../img/45_03.png) no-repeat center/cover;display: flex;display: -webkit-flex;display: -moz-flex;display: -o-flex;
-webkit-align-items: center;-moz-align-items: center;-o-align-items: center;align-items: center;-webkit-justify-content: center;-moz-justify-content: center;
-o-justify-content: center;justify-content: center;}
.contact .item .navs .lis{width: 150px;height: 150px;margin: 0 4px; background-repeat: no-repeat;background-size: contain;background-position: center;}
.contact .item .navs .trans{background-image: url(../img/11_04.jpg);}
.contact .item .navs .save{background-image: url(../img/11_05.jpg);}
.contact .item .navs .lock{background-image: url(../img/11_07.jpg);}
.contact .item .navs .bag{background-image: url(../img/11_09.jpg);}
.contact .item .navs .coin{background-image: url(../img/11_11.jpg);}

.contact .item .navs .lis .navpic{text-align: center;margin-top: 30px;}
.contact .item .navs .lis .names{color: #fff;width: 50%;text-align: center;margin: 0 auto;font-size: 12px;margin-top: 10px;}

.contact .item .product-box{position: relative; padding: 50px 30px 30px;}
.contact .item .product-box .bgs{position: absolute;top: 20px;left: 10px; width: 440px; height: 440px;background: #fdc001; }
.contact .item .product-box .product{float: left;}
.product .bigImg{position: relative; width: 440px; height: 440px; float: left; overflow: hidden; box-shadow:8px 8px 10px #ccc; }
.product .bigImg img{ width: 100%;display: block;}
.product .smallImg{ width: 100px; float: left;margin-left: 20px; height: 448px; overflow: hidden; }
.product .smallImg a{ width: 98%; display: block; border: 1px solid #fdc30e;margin-bottom: 10px;}
.product .smallImg img{ width: 100%;display: block;}

.contact .item .product-box .proinfo{float: left;width: 300px;padding-left: 30px;}
.product-box .proinfo .titps{line-height: 26px;padding: 4px 0; font-size: 20px;color: #636363; border-top: 2px dashed #fdc001;border-bottom:2px dashed #fdc001 ;}
.product-box .proinfo .proimg{width: 100%;min-height: 340px; padding-top: 10px;background: url(../img/11_19.jpg) no-repeat center/cover;}
.product-box .proinfo .proimg .list{width: 50%; margin: 34px auto;display: flex;display: -webkit-flex;display: -moz-flex;display: -o-flex;
-webkit-align-items: center;-moz-align-items: center;-o-align-items: center;align-items: center;-webkit-justify-content: center;-moz-justify-content: center;
-o-justify-content: center;justify-content: center;}
.product-box .proinfo .proimg .list .icons{display: inline-block;width: 30px;height: 30px;margin-right: 6px;background-repeat: no-repeat;background-size: contain;
background-position: center;}
.product-box .proinfo .proimg .list .money{background-image: url(../img/i_19.png);}
.product-box .proinfo .proimg .list .call{background-image: url(../img/i_22.png);}
.product-box .proinfo .proimg .list .faster{background-image: url(../img/i_24.png);}
.product-box .proinfo .proimg .list .hook{background-image: url(../img/i_26.png);}
.product-box .proinfo .proimg .list .txts{font-size: 12px;color: #fdc001;}

.contact .item .besch{position: relative;margin-top: 30px; padding: 30px;background: #fdc001;}
.contact .item .besch .cars{position: absolute;top: -110px;left: 0; display: block;width: 255px;height: 143px;background: url(../img/11_16.png) no-repeat center/contain;}
.contact .item .road{position: absolute; display: block;width: 100%;bottom: -50px;z-index: 10;}
.besch .beschbox{-webkit-justify-content: space-around;-moz-justify-content: space-around;
-o-justify-content: space-around;justify-content: space-around;border: 4px solid #fff;padding:20px 30px;}

.besch .beschbox .items{width: 340px;}
.besch .beschbox .items p{position: relative; padding-bottom: 8px;color: #333;z-index: 15;}
.besch .beschbox .items p.tit{font-size: 18px;color: #fff;}
.besch .beschbox .items p.tits{font-size: 14px;color: #fff;}

.contact .item .bg1{background: url(../img/11_22.jpg) no-repeat right top/80%;}
.contact .item .bg2{background: url(../img/11_26.jpg) no-repeat left top/80%;}
.contact .item .articbox{position: relative;width: 100%;padding-top: 30px;margin-bottom: 40px;}
.contact .item .articbox .artics{width: 50%; background: #fdc001;padding: 20px;box-shadow: 0 0 10px 4px #a2a2a2;}
.articbox .artics .artcont{padding:10px 20px;border: 4px solid #fff;}
.articbox .artics .artcont p{margin-bottom: 14px;font-size: 14px;color: #333;}
.articbox .artics .artcont .blocks{display: inline-block;padding: 4px;border: 1px solid #fff;color: #fff;font-size: 14px;margin-bottom: 14px;}
.articbox .artics .artcont .tipps{font-size: 16px;color: #fff;margin-bottom: 14px;}
.articbox .artics .artcont .artlist li{position: relative; padding-left: 16px;font-size: 14px;margin-bottom: 14px;color: #333;}
.articbox .artics .artcont .artlist li:before{display: block;content: "";position: absolute;top: 5px;left: 2px;width: 6px;height: 6px;background: #fff;border-radius: 50%;}

.contact .item .bg2 .artics .artcont p{font-size: 14px;}

.contact .item .questions{padding-top: 30px;}
.contact .item .questions>div{width: 50%;}
.contact .item .questions li{position: relative;margin-bottom: 16px;}
.questions .bgcolor{position: absolute;top: 0;left: 0; width: 90%;height: 160px; background: #fdc001;}
.questions .quepic{position: relative; width: 96%;margin-left: 4%;padding-top: 20px; z-index: 10;}
.questions .quepic img{width: 100%;display: block;box-shadow: 0 0 8px #a2a2a2;}

.contact .item .questions li .titled{height: 50px; display: flex;align-items: center;padding-left: 20px; font-size: 18px;color: #fdc001;}
.questions .titled .nums{font-size: 22px;margin-right: 10px;}
.questions .titled .texts{font-style: italic;}

.questions .preps{padding-left: 20px;font-size: 14px;color: #131313;line-height: 20px;}

.contact .item .bewer{padding-top: 5px;}
.contact .item .bewer img{width: 100%;}

.tfeedbackdetail{ margin-top: 30px;}
.tfeedbackdetail table{ width: 100%;}
.tfeedbackdetail table,th,tr,td{ border: 1px solid #CCCCCC; text-align: center;}
.buyLinkImg{ width: 340px; margin: 0 auto;}
.buyLinkImg a{ color: #000000; text-align: center; }
.buyLinkImg a p{ font-size: 14px;}
.buyLinkImg a div{ width: 200px; height:50px; background:#fdc001; text-align: center; line-height: 50px; border-radius: 10px; margin: 8px auto;  font-weight: bold; color: #ffffff;   }
.buyLinkImg a div:hover{ background: #fdd75f;}
@media (max-width: 769px) {
	.contact .item .product-box .proinfo{width: 100%;padding: 0;}
	.product-box .proinfo .titps{margin-bottom: 10px;}
	.product-box .proinfo .proimg .list{width: 100%;}
	.product-box .proinfo .proimg .list .txts{font-size: 24px;}
}
@media (max-width: 451px) {
	.heads .iptbox{margin: 14px 0;}
	.comment .contact .item{padding-top: 30px;}
	.contact .item .title p span{font-size: 22px;}
	.contact .item .navs{margin-top: 14px;display: block;padding: 14px;flex-wrap: wrap;}
	.contact .item .navs .lis{float: left; width: 47%;margin: 0 0 10px;}
	.contact .item .navs .lis .names{width: 80%;font-size: 14px;}
	.contact .item .product-box{padding: 20px 14px 14px;}

	.contact .item .product-box .bgs{display: none;}
	.contact .item .product-box .product{float: inherit;}
	.product .bigImg{width: 320px;height: 320px;float: inherit; margin: 0 auto 20px;box-shadow: 0 0 8px #a2a2a2;}
	.product .smallImg{float: inherit;width: 98%;}
	.product .smallImg a{float: left;width: 100px;margin-right: 10px;}

	.product-box .proinfo .titps{font-size: 18px;}
	.product-box .proinfo .proimg{padding: 20px 0;min-height: auto;}
	.product-box .proinfo .proimg .list{width: 60%;margin: 20px auto;}
	.product-box .proinfo .proimg .list .txts{font-size: 16px;}

	.contact .item .besch{padding: 14px;}
	.contact .item .besch .cars,.contact .item .road{display: none;}
	.besch .beschbox{display: block;padding: 14px;}
	.besch .beschbox .items{width: 100%;}
	.contact .item .articbox{margin-top: 20px;margin-bottom: 0; padding: 0;background: none;}
	.contact .item .articbox .artics{box-shadow: none;float: inherit;width: 90%;margin: 0 auto;}

	.contact .item .questions>div{width: 100%;}
	.questions .bgcolor{display: none;}
	.questions .quepic{width: 90%;margin: 0 auto;}
	.tfeedbackdetail table span{ width: 100px; word-wrap: break-word; display: block;}
}

@media (max-width: 321px) {
	.product .bigImg{width: 300px;height: 300px;}
	.product-box .proinfo .titps{font-size: 16px;}
	.product-box .proinfo .proimg .list{margin: 12px auto;}
}




/*video*/
.video{width: 100%;}
.video-wrap{margin: auto;width: 76%;}
.video-container{
	width: 100%;
	height: 486px;
	background-size: 100% auto;
	background-color: black;
	background-position: center;
	background-repeat: no-repeat;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: auto;
}
.video-container .btn{
	width: 68px;height: 48px;background:#202120;border-radius: 8px;  display: flex;
	align-items: center;
	justify-content: center;
}
.logo{text-align: right;margin-bottom: 20px;}
.video-container .btn img{width: 20px;}
.video-container:hover .btn{background: #c81c20;}
.video-wrap p{font-size: 30px;font-weight: 600;margin: 30px 0;}
@media only screen and (max-width: 768px){
	.video-wrap{width: 100%;}
}