html,body,ul,li{margin: 0;padding: 0;}
body{font: 1rem/1.6 "Helvetica Neue", Helvetica, Microsoft Yahei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif;background-color: #fff;}
img{vertical-align: middle;}
a img{border: none;}
a{color: #666;text-decoration: none;}
.ah{overflow: hidden;_zoom:1;}
.ah:after{content: "";display: block;height: 0;overflow: hidden;font-size: 0;clear:both;}
.clear{height: 0;overflow: hidden;font-size: 0;clear: both;}
.clearfix:after{clear:both;content:".";display:block;height:0;visibility:hidden}
.clearfix{zoom:1}
.none-border{border: none!important;}
.rl{position: relative;}
.al{position: absolute;}
.text-center{text-align: center;}
.text-right{text-align: right;}
.text-left{text-align: left!important;}
.none{display:none!important;}
.no_data{line-height: 2em;text-align: center;color:#666;}
.bg-white{background-color: #fff;}
.line_heigh_hide{height:1.6em; overflow: hidden;}
.img-full img,img.img-full{width: 100%;height:auto;}
img.img-responsive{max-width:100%;height:auto;}
body{max-width: 720px;margin: 0 auto;}
.lineblock{display: inline-block;}
.lineblock{*display: inline;}
.text-red{color: red;}
.text-green{color: green;}
.text-gray{color: gray;}
.pull-left{ float: left!important; }
.pull-right{ float: right!important; }
.ul{font-size: 0;}
.ul .li{font-size: 1rem;display: inline-block;vertical-align: top;}
.ul .li{font-size: 1rem;*display: inline;}
.ul.x2 .li,.ul .li.x2{width: 50%;}
.ul.x3 .li,.ul .li.x3{width: 33.33333333%;}
.ul.x4 .li,.ul .li.x4{width: 25%;}
input,select  {
    font-size: inherit;
    outline: none;
    font-family: inherit;
    box-sizing: border-box;
    border: 1px solid #dcdcdc;
    background-color: inherit;
}
.form-control{
    color: #555;
    font-size: 1em;
    height: 1.72em;
    line-height: 1.42857143;
    border: none;
    width: 100%;
    display:block;
}
input::-webkit-input-placeholder{ color: #bbb;}
input:-moz-placeholder{ color: #bbb;}
input::-moz-placeholder{ color: #bbb;}
input::-ms-input-placeholder{ color: #bbb;}
input[type=text], input[type=submit],button {
    -webkit-appearance:none;appearance:none;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);border-radius:0;
}

.content{margin: 0.8em;color: #363635;}
.content img{max-width: 100%;}

.box_first{background-color: #000;}
.box_menu{background-color: #97c13c;text-align: center;height:2.6rem;line-height: 2.6rem;}
.box_menu a{color:#fff;position: relative;}
.box_menu a:after {
    display: block;
    content: "";
    font-size: 0;
    right: 0;
    top: 50%;
    margin-top: -0.5rem;
    height: 1rem;
    position: absolute;
    border-right: 0.1rem solid #fff;
}
.box_menu a:last-child:after {
    display: none;
}
.box_third{}
.box_third .bd {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.box_third .bd .tit{color: #000;text-align: center;padding: 1rem 0;line-height: 1.2;}
.box_third .bd .tit span{font-size: 1.2rem;color: #ffcc15;}
.box_third .bd .ul{text-align: center;margin: 0 0.5rem;}
.box_third .bd .ul .li{margin: 0 0 1rem;}
.box_third .bd .pad{background-color: #ffd42d;color:#fff;margin: 0 0.5rem;height:9.3rem;padding: 0 0.3rem 0.3rem 0.3rem;}
.box_third .bd .pad h2{font-weight: bold;}
.box_third .bd .pad img{width: 2.56666rem; height:auto;margin: 0.5rem;}
.box_third .bd .pad p{font-size: 0.8rem;margin:0;line-height: 1.3;}

.foot_copyright{ height:2.433333rem;background-color: #f5f5f5;text-align: center;line-height: 2.433333rem;color: #ababab;}


.foot_weare .bd {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-shadow: 0 0 3px #fff;
}
.foot_weare .bd .tit{color: #000;text-align: center;padding: 2rem 0;line-height: 1.2;}
.foot_weare .bd .tit span {
    font-size: 0.6rem;
    color: #a9aaab;
    display: block;
    position: relative;
}
.foot_weare .bd .tit span:after {
    display: block;
    content: "";
    font-size: 0;
    bottom: -0.5rem;
    left:50%;
    width: 1rem;
    margin-left:-0.5rem;
    position: absolute;
    border-bottom: 1px solid #a9aaab;
}
.foot_weare .bd .detail{
    text-align: center;
    font-size: 0.6rem;
}
.foot_weare .bd .detail img.pxhd {
    width: 5rem;
    height:auto;
    margin: 0 0 0.5rem;
}
.foot_weare .bd .detail .phone {
    color: #5bb7e8;
    font-size: 0.9rem;
    margin: 0.4rem 0 0;
}

.box_sixth{margin: 1rem 0.7rem;}
.box_sixth .li{margin: 0 0 1rem;}
.box_sixth .li .tit{font-size: 0.67rem;color: #fff;background-color: #97c13c;padding: 0 0 0 0.7rem;}
.box_sixth .li .tit span{font-size: 1rem; margin-right:0.3rem;}
.box_sixth .li .bd p{font-size: 0.59533333rem;margin: 0.5rem 0.2rem;}
.box_sixth .li .bd .p {
    font-size: 0.7276666666rem;
    margin: 0 0.2rem;
    color: #a21802;
    position: relative;
    top:-2.5rem;
}
.box_sixth .li .bd .p.p1{top:-3.8rem;}
.box_sixth .li .bd .p.p2{top:-4.2rem;}
.box_sixth .li .bd .p.p3{top:-13.2rem;width:10rem;font-size: 0.68rem;}

.mar8 {
    margin: 0 0.8rem;
}
.code_tit{font-size: 0.9rem;line-height: 2rem;}


.right_top {
    position: fixed;
    right:0;
    top: 6.86666666rem;
    width: 1.86666666rem;
}

.right_top a{
    display: block;
    margin-bottom: 0.6rem;
}

.right_top a img{width:100%;height: auto;}

.right_bottom{
    position: fixed;
    right:0;
    bottom: 4rem;
}
.right_bottom a {
    display: block;
    width: 3rem;
    height: 3rem;
    margin: 0 0 0.9rem;
    opacity: 0.35;
    background:url("") no-repeat center #000;
    -webkit-background-size: 70% auto;
    background-size: 70% auto;
    border-radius: 3rem;
}
.right_bottom a.btn_tel {
    background-image:url("../images/icon_tel.png");
}
.right_bottom a.btn_gotop {
    background-image:url("../images/icon_gotop.png");
    display:none;
}

.dialog{
    position: fixed;
    width: 22.6rem;
    left: 50%;
    margin-left:-11.3rem;
    top: 3.7rem;
    display: none;
}

.form_product_code {
    width: 100%;
}
.form_product_code form {
    background-color: #97c13c;
}
.form_product_code form .hd {
    height: 64px;
    line-height: 64px;
    text-align: center;
    font-size: 1rem;
    font-weight: bold;
    color: #384d0b;
}
.form_product_code form span.form-group {
    display: block;
    margin:  0 18px 10px;
    padding: 6px 10px;
    background-color: #fff;
}

.form_product_code form span.form-group input {
    display: block;
    width: 100%;
    margin: 0;
    border: none;
    padding: 0;
    background-color: transparent;
    font-size: 18px;
    line-height: 2;
    height: 36px;
}
.form_product_code form .btns{
    font-size: 0;
}
.form_product_code form .btns span{
    margin: 0 18px 10px;
    display: block;
}
.form_product_code form .btns input {
    display: block;
    border: none;
    width: 100%;
    font-size: 22px;
    height: 48px;
    line-height: 48px;
    padding: 0;
    background-color: #6f9126;
    color: #fff;
}

.page_tryout{
    margin: 1rem 0.8rem;
}
.qr_box1{}
.qr_box1 .tit{font-size: 1.3333rem;text-align: center;color: #f56a08;text-align: center;line-height: 3.83333rem;}
.qr_box2{background-color: #f2f2f2;padding: 1rem 0;}
.qr_box2 .tit{ font-size: 1.333333rem;color: #f56a08;text-align: center;padding: 1rem 0;}
.qr_box2 .tit em{ font-style: normal;font-size: 1.066666rem;color: #000;}
.qr_box2 .tit span{display:block;margin: 0 auto;color:#808080;font-size: 0.733333rem;}
.qr_box2 ul.bd{ list-style: none;}
.qr_box2 ul.bd li {
    margin: 0 1.63333rem 1.3rem;
    color: #fff;
    position: relative;
    padding: 0.9rem;
    font-size: .86666rem;
    line-height: 1.3rem;
    -webkit-border-radius: .2rem;
    -moz-border-radius: .2rem;
    border-radius: .2rem;
}
.qr_box2 ul.bd li:before {
    display: block;
    width: 1.3rem;
    height: 1.3rem;
    font-size: .8rem;
    text-align: center;
    line-height: 1.3rem;
    background-color: #fff;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    border-radius: 1rem;
    left: -.6rem;
    top: -.6rem;
    position: absolute;
    border: 1px solid;
}
.qr_box2 ul.bd li.li1{background-color: #2db9f4;}
.qr_box2 ul.bd li.li2{background-color: #ff7c1f;}
.qr_box2 ul.bd li.li3{background-color: #00d7c9;}
.qr_box2 ul.bd li.li4{background-color: #ffbe04;}
.qr_box2 ul.bd li.li1:before{content: '1';color: #2db9f4;border-color: #2db9f4;}
.qr_box2 ul.bd li.li2:before{content: '2';color: #ff7c1f;border-color: #ff7c1f;}
.qr_box2 ul.bd li.li3:before{content: '3';color: #00d7c9;border-color: #00d7c9;}
.qr_box2 ul.bd li.li4:before{content: '4';color: #ffbe04;border-color: #ffbe04;}

.qr_box3{}
.qr_box3 .tit{font-size: 1.06666rem;line-height:1.2rem;margin: 0 auto;position: relative;text-align: center;padding: 1rem 0;}
.qr_box3 .tit .en{ padding: 0 1.5rem; display: inline-block;border-top: 1px solid #808080; line-height:0;}
.qr_box3 .tit span{font-size: .6rem;color: #808080;background-color: #fff;padding: 0 .5rem; position: relative;top: -.18rem;}

.qr_box3 ul.func{ overflow: hidden; margin: 0 0 0 .933333333rem;}
.qr_box3 ul.func li{ width: 9.63333rem;float: left; margin: 0 0 1.5rem .9rem; position: relative; height:100%; overflow: hidden;}
.qr_box3 ul.func li img{ width: 100%; height:auto;}
.qr_box3 ul.func li p {
    position: absolute;
    margin: 0;
    bottom: 0;
    left: 0;
    right: 0;
    top: auto;
    line-height: .93333rem;
    height: 1.7rem;
    font-size: .63333rem;
    color: #fff;
    background-color: rgba(0,0,0,.7);
    -webkit-transition: top .5s;
    -moz-transition: top .5s;
    -ms-transition: top .5s;
    -o-transition: top .5s;
    transition: top .5s;
}
.qr_box3 ul.func li p span{display:block;text-align: center;}
.qr_box3 ul.func li p span.h1{line-height: 1.7rem;}
.qr_box3 ul.func li p span.h2{line-height: 1.7rem;}
.qr_box3 ul.func li.active p{top:-1.7rem; height:auto;background-color: rgba(0,0,0,.5);padding: 0 1rem;}
.qr_box3 ul.func li.active p span.h2{line-height: 3.5rem;fontsize:.6rem;}
.qr_box3 .info{ font-size: .7333333rem; margin: 0 1.8333333rem 1.7rem;}
.qr_box3 .info span{font-size: .8rem;color: #f56a08;}

.qr_box4{}
.qr_box4 .tit{font-size: 1.06666rem;line-height:1.2rem;margin: 0 auto;position: relative;text-align: center;padding: 1rem 0;}
.qr_box4 .tit .en{ padding: 0 1.5rem; display: inline-block;border-top: 1px solid #808080; line-height:0;}
.qr_box4 .tit span{font-size: .6rem;color: #808080;background-color: #fff;padding: 0 .5rem; position: relative;top: -.18rem;}

.qr_box5{background-color: #f2f2f2;padding: 1.9rem 0;}
.qr_box5 img{width: 21.2rem; height:auto;margin: 0 auto; display: block;}
.qr_box5 .h1{width: 21.2rem;background-color: #fff; display: block;margin: 0 auto;text-align: center;color: #ff7c1f;font-weight: bold;line-height: 1.7rem;}
.qr_box5 .h2{text-align: center;color: #000;line-height: 2rem;font-size: .8rem;margin: 0 0 1.466666rem;}

.marquee{ clear: both; position: relative;}
.marquee .restrict{width: 20.133333rem;margin: 0 auto;background-color: #f8f8f8;overflow: hidden;
    position: relative;}
.marquee .restrict:after{
    content:"";display:block; position: absolute;
    left: 0;top: 1rem;bottom: 1rem;width:0;
    border-left:1px solid #f8f8f8;
    overflow: hidden;
}
.marquee .restrict ul{list-style: none; float: left; position: relative;}
.marquee .restrict ul li{ float: left;height:4.9rem;width: 5.0333333rem;text-align: center; position: relative;}
.marquee .restrict ul li:before{
    content:"";display:block; position: absolute;
    left: 0;top: 1rem;bottom: 1rem;width:0;
    border-left:1px solid #ccc;
    overflow: hidden;
}
.marquee .restrict ul li table{width:100%;height:100%;}
.marquee .restrict ul li table td{text-align: center;vertical-align: middle;}
.marquee .restrict ul li table td img{max-width: 90%; max-height:90%;}

.marquee .marquee_btn {
    position: absolute;
    width: 1.33333333333rem;
    height: 1.66666666666rem;
    top: 50%;
    margin-top: -.83333333333rem;
    display:block;
    left: .3rem;
    cursor: pointer;
}
.marquee .marquee_btn.left {background: url("http://www.pinxinteam.com/skins/wkl/images/product_code_v1/left.png") no-repeat center;}
.marquee .marquee_btn.right {
    background: url("http://www.pinxinteam.com/skins/wkl/images/product_code_v1/right.png") no-repeat center;
    left: auto;
    right: .3rem;
}