.banner{overflow:hidden;padding-top:15.3%;padding-bottom:15%;filter:alpha(opacity=0);opacity:0;-webkit-transition:all 1.5s  ease-out;transition:all 1.5s ease-out;-webkit-transform:scale(1.3); transform:scale(1.3); clear:both;}
.banner.active{filter:alpha(opacity=100);opacity:1;-webkit-transform:scale(1); transform:scale(1);}
.banner img{-webkit-animation: bounceOut  1s 1s ease-out both;animation: bounceOut  1s 1s ease-out both;max-width:40%; }
.banner.active img{-webkit-animation: fadeInRight  1s 1s ease-out both;animation: fadeInRight 1s 1s ease-out both;opacity:1}
.ahead{text-align:center;padding-bottom:2%;position:relative;}
.ahead::after{width:1920px;height:1px;background:#ccc;content:"";position:absolute;left:0;margin-left:-360px;bottom:0}
.ahead dt{font-size:24px;color:#333333;margin-bottom:1%;font-weight:bold;}
.ahead dd{font-size:12px;color:#666666;}
.fall{font-size:16px;line-height:36px;color:#333;text-align:justify;margin-top:4%}
.fall p{text-indent:2em}
.fall  img{max-width:100%;display:block;margin:30px auto}
.offer{font-size:14px;color:#333;padding-top:15px;position:relative;clear:both; }
.offer::after{width:1920px;height:1px;background:#ccc;content:"";position:absolute;left:0;margin-left:-360px;top:0}
.offer a{float:left;max-width:50%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.offer a:first-child+a{float:right;}
.head{background:#fff;height:90px;line-height:90px;position:relative; }
a.logo{height:90px;line-height:90px;float:left;}
 .guide{text-align:center;font-size:16px;float:right;color:#666666}
.guide a{float:left;position:relative;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;margin-left:50px}
.guide a:after{content:"";display:block;height:2px;width:0%;background:#0c71a1;position:absolute;left:50%;bottom:-1px;transform:translateX(-50%);-webkit-transition:all 0.5s ease;transition:all 0.5s ease;}
.guide a.active,.guide a:hover{color:#0c71a1; }
.guide a.active:after,.guide a:hover:after{left:0;width:100%;transform:translateX(0%);}
.road{height:50px;line-height:50px;background:#0c71a1;font-size:18px;color:#fff;text-align:center;}
.road.active{position:fixed;top:0;left:0;width:100%;z-index:3000}
.tab{display:table;width:100%;}
.tab a{display:table-cell;vertical-align:top;height:50px;}
.tab a.active,.tab a:hover{background:#f9b52c;color:#222;}
.long{padding-bottom:60px;display:block;clear:both;}
.home{text-align:center;padding-bottom:3%;}
 .home h3{font-size:40px;color:#231815;line-height:1.2}
 .home.sp h3{color:#fff}
 .home h3  span{color:#0c71a1}
 .home P{font-size:16px;color:#d0d0d0;line-height:1.2;padding-top:0.5%;text-transform:uppercase;font-family:arial;}
  .home.sp p{color:#d0d0d0}
.kind{padding:0 5%;background:#f7f7f7;font-size:0;letter-spacing:-5px;text-align:center;margin-bottom:4%}
.kind li{width:25%;display:inline-block;vertical-align:top;padding:14px 0}
.kind li a{font-size:18px;line-height:33px;color:#444444;padding:0 18px;letter-spacing:normal;display:inline-block;vertical-align:top}
 .kind li a.active, .kind li a:hover{color:#fff;background:#0c71a1}
 .list li{float:left;width:32.5%;margin-right:1.25%;margin-bottom:1.5%}
.list li:nth-child(3n){margin-right:0}
.list li p.vr{font-size:18px;padding:4% 0;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:1px dashed #dcdcdc;border-top:none;line-height:1.5;}
.list li:hover p.vr{color:#0c71a1;border:1px solid #dcdcdc;border-top:none}
.list li:hover{box-shadow:0 0 8px rgba(0,0,0,.3)}
.pager {text-align:center;font-size:0;clear:both;letter-spacing:-4px;padding-top:2%}
.pager a,.current{-webkit-transition:all 0.5s ease; transition:all 0.5s ease;display: inline-block;vertical-align:top;letter-spacing:normal;padding:0 10px;line-height:29px;color:#999999;font-size:14px;margin:0 5px;border:1px solid #999999;  }
.pager  a:hover,.pager a:focus,.pager .current {border-color:#0c71a1;color:#fff;background:#0c71a1 }
.news li{width:49%;float:left;margin-bottom:2.5%;background:#f9f9f9}
 .news li:nth-child(2n){margin-left:2%}
.cover{padding-bottom:56%;position:relative;overflow:hidden;}
.info{padding:20px}
.detail{font-size:14px;line-height:21px;color:#999999;height:42px;overflow:hidden;}
 .some{padding-left:72px;position:relative;padding-top:4px;height:56px;margin-bottom:16px}
 .some  h3{font-size:18px;color:#444444;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.5;padding-bottom:2px  }
 .some p{font-size:14px;color:#999999;line-height:1.5;}
.lao{width:54px;font-size:12px;background:#0c71a1;color:#fff;line-height:1.2;text-align:center;position:absolute;left:0;top:0;padding:8px 0}
.lao span{font-size:24px;display:block;}
 .gpss{padding-right:57.5%;position:relative;}
 .map{width:56%;position:absolute;top:0;right:0;height:100%;z-index:20;box-sizing:border-box;border:1px solid #e3e3e3;background:#f5f5f5}
 .way li{padding:17px 17px 17px 20%;position:relative;background:#f5f5f5;font-size:14px;line-height:21px;color:#999999;border:1px solid #e3e3e3;margin-top:7%}
 .way li:hover, .way li:hover p{color:#0c71a1}
  .way li p{color:#111}
 .way li:first-child{margin-top:0}
  .way li>img{position:absolute;left:8%;bottom:50%;transform:translate(-50%,50%)}
 .way li:after{height:100%;width:1px;background:#e3e3e3;content:"";position:absolute;left:16%;top:0}
.leave{padding:2.2%;background:#fff}
.note{float:left;width:68%}
 .focus{width:24%;float:right;background:#f5f5f5;text-align:center;padding:7% 0;font-size:20px;color:#252e36}
 .focus img{max-width:80%;margin-top:4%}
.h3{font-size:18px;line-height:1.5;color:#252e36;border-bottom:1px solid #d0d0d0}
.h3 span{display:inline-block;border-bottom:1px solid #0c71a1;vertical-align:top;margin-bottom:-1px;padding-bottom:15px;position:relative;z-index:1}
.only{float:left;width:31%;margin-top:12px}
.only.sp{margin-left:3.5%;margin-right:3.5%}
 .dt{font-size:14px;line-height:40px;color:#333333}
.only input{line-height:46px;height:46px;padding-left:20px;background:#f5f5f5;width:100%;border:none}
.only select{line-height:46px;height:46px;padding-left:10px;background:url(../img/sel.png) no-repeat right center #f5f5f5;width:50%;border:none;float:left;}
.only textarea{height:110px;padding:15px 20px;background:#f5f5f5;width:100%;border:none;resize:none}
 .sub{clear:both;line-height:45px;color:#fff;background:#0c71a1;padding:0 96px;display:inline-block;vertical-align:top;border:none;margin-top:30px;margin-bottom:0.5%}
#base .owl-stage-outer{overflow:hidden;}
.base li{float:left;width:25.5%;float:left;margin-left:1%;margin-bottom:1%}
.base li .label{padding-bottom:66.7%}
.base li:first-child{margin-left:0;width:47%;}
.base li:first-child .label{padding-bottom:74.6%}
.auto{position:relative; padding-bottom:48%;clear:both;}
.auto li{position:absolute;top:50%;left:50%;width:0%;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;cursor:pointer; overflow:hidden;}
.auto li.ac1{z-index:10;width:70%;left:0;top:6%}
.auto li.ac2{z-index:30;left:11%;width:78%;position:absolute;box-shadow:0px 0px 20px rgba(0,0,0,.5);z-index:200;top:1%}
.auto li.ac3{z-index:10;left:30%; width:70%;top:6%}
.auto li p{position:absolute;bottom:0;left:0;width:100%;font-size:24px;color:#fff;padding:1.5% 0;background:rgba(249,181,44,.6);text-align:center;line-height:1.5;}
.ctrls{text-align:center;padding-top:20px}
.ctrls a{margin:0 20px}
.dots{text-align:center;padding-top:3%}
.dots a{width:9px;height:4px;background:#fff;border-radius:1px;display:inline-block;margin:0 3px;vertical-align:top;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;}
 .dots a.active{background:#f9b52c;width:42px;}
 .prize{padding:14% 0;position:relative;}
.prize .label{padding-bottom:136.5%}
 .prize .label:after{width:100%;height:100%;position:absolute;top:0;left:0;width:100%;height:100%;content:"";background:url(../img/kj.png) no-repeat center center;display:block;z-index:200;background-size:cover;}
  #prize{overflow:hidden;v}
 #prize .owl-item{-webkit-transition:all 0.5s ease;transition:all 0.5s ease;}
#prize .owl-item.center{-webkit-transform:scale(1.2);transform:scale(1.2);z-index:300}
#design{width:440px;margin:0 auto;margin-top:3%}
#design .owl-stage-outer{overflow:hidden;}
.name{font-size:24px;color:#343434;text-align:center;}
.name p{font-size:18px;color:#999999;padding-top:5px;}
.step li{width:75px;float:left;position:relative;margin-left:150px}
.step li:after{width:150px;height:75px;background:url(../img/jt.png) no-repeat center center;content:"";display:block;position:absolute;top:0;right:100%;}
.step li.sp{float:right;margin-top:85px}
.step li:first-child,.step li:last-child{margin-left:0}
.step li:first-child:after,.step li:last-child:after{display:none}
.step li.sp:after{background:url(../img/jt2.png) no-repeat center center;}
.rect{height:73px;border:1px solid #fff;border-radius:50%;line-height:75px;text-align:center;}
.step p{font-size:14px;padding-top:12px;color:#fff;text-align:center;}
.step li:nth-child(6):before{width:100%;height:85px;top:100%;left:0;content:"";display:block;background:url(../img/xia.png) no-repeat center center;position:absolute;}
.rect img.sp{display:none;}
.step li:hover .rect{border-color:#f9b52c}
.step li:hover .rect img{display:none;}
.step li:hover .rect img.sp{display:inline;}
.step li:hover p{color:#f9b52c}
.profile{font-size:16px;color:#999999;line-height:28px;text-align:center;font-weight:200}
.sum{font-size:16px;color:#999999;-webkit-box-pack:justify;justify-content:space-between;-webkit-box-align:center;align-items:center;padding:2.5% 0}
.sum li{display:inline-block;vertical-align:middle;text-align:center;}
 .sum p{font-size:62px;color:#0c71a1;line-height:1;padding:8px 0;font-weight:200}
 .sum p small{font-size:18px;display:inline-block;vertical-align:top}
#art .owl-stage-outer{overflow:hidden;background:#fff}
.art{padding:11% 10% 20%;text-align:center;font-size:14px;color:#999999;line-height:20px;transition:all 0.5s ease; }
.art:after{height:70%;border-left:1px dashed #e5e5e5;position:absolute;right:-1px;top:15%;content:"";display:block;z-index:200}
.abc img.sp{display:none}
.ah3{font-size:20px;color:#444444;padding:5% 0;line-height:1.5;transition:all 0.5s ease}
.ah3:after{width:18px;height:2px;background:#f9b52c;content:"";display:block;margin:4% auto 0}
#art .owl-stage{display:-webkit-box;display:flex}
.art:hover{color:#0c71a1}
.art:hover .ah3{color:#0c71a1}
.art:hover .ah3:after{background:#0c71a1}
.art:hover .abc img{display:none}
.art:hover .abc img.sp{display:inline}
#art .owl-prev,#art .owl-next{border-color:rgba(255,255,255,0)}
#art .owl-prev:after,#art .owl-next:after{background:#fff;content:"";width:100%;height:100%;border-radius:50%;position:absolute;left:0;top:0;z-index:-2}
.his{padding-bottom:2%;border-bottom:2px solid #d6d6d6;font-size:24px;line-height:36px;color:#393939}
.tav{position:relative;float:right;}
.tav a{position:static;display:inline-block;margin:0 5px}
.origin{width:50%;float:left;position:relative;padding-bottom:4%}
.origin li{padding-left:18%;margin-left:60px;position:relative;font-size:16px;color:#868686;line-height:24px;margin-top:14%;padding-right:2%;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;}
.origin li>label{font-size:26px;color:#393939;position:absolute;right:100%;top:0;white-space:nowrap}
.origin:after{height:100%;position:absolute;left:9%;top:0;content:"";display:block;background:#dcdcdc;width:1px;margin-left:60px; }
.origin li:after{width:30px;height:6px;content:"";position:absolute;background:url(../img/ty.png) no-repeat center center;position:asolute;top:11px;left:10%;margin-left:-15px;z-index:200}
.origin li:hover{color:#0c71a1}
.origin li:hover:after{background:url(../img/ty2.png) no-repeat center center;}
.origin li:hover>label{color:#0c71a1} 
.pbg .label{padding-bottom:70.6%}
.pbg .label:first-child{padding-bottom:142%;margin-bottom:20px}
.pbg .label:after{width:100%;height:100%;position:absolute;top:0;left:0;background:url(../img/kk2.png) no-repeat center center;background-size:cover;content:""}
.pbg .label:first-child:after{background:url(../img/kk.png) no-repeat center center;background-size:cover;}
.oa{letter-spacing:-5px;font-size:0;text-align:center;}
.oa li{width:10.5%;display:inline-block;vertical-align:top;margin-left:2.2%;box-sizing:border-box;padding:8px;border:1px dashed #0c71a1;border-radius:50%;}
.oa li:first-child{margin-left:0}
.yuan{padding-bottom:100%;border-radius:50%;background:#0c71a1;position:relative;}
.cir{position:absolute;top:50%;left:10%;width:80%;text-align:center;-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.oa li:nth-child(2n){margin-top:12.5%}
.tp img.sp{display:none}
.oa{background:url(../img/xx.png) no-repeat top center;background-size:100%;}
.oa li:hover .tp img{display:none}
.oa li:hover .tp img.sp{display:inline}
.oa li P{font-size:16px;color:#fff; letter-spacing:normal;padding-top:8px}
.oa li P:after{width:15px;content:"";height:1px;background:#fff;margin:10px auto 0;display:block;}
.oa li:hover{border-color:#f9b52c}
.oa li:hover .yuan{background:#f9b52c}
.oa li:hover .yuan p{color:#333}
.oa li:hover .yuan p:after{background:#333} 
.good li{width:22%;float:left;padding-bottom:20%;background:url(../img/xc.png) no-repeat center center;margin-left:4%;position:relative;color:#aeaeae}
.good li:hover{background:url(../img/xc2.png) no-repeat center center;color:#fff}
.good li:first-child{margin-left:0}
.tv{position:absolute;bottom:50%;left:15%;width:70%;transform:translateY(50%);text-align:center;font-size:16px;line-height:21px;}
.cen img.sp{display:none;}
 .cdt{font-size:24px;color:#222222;padding:5% 0 8%;}
 .cdt:after{width:32px;height:2px;background:#f9b52c;content:"";display:block;margin:6% auto 0;}
.good li:hover .cdt{Color:#fff}
.good li:hover .cdt:after{background:#fff}
.good li:hover .cen img{display:none;}
.good li:hover .cen img.sp{display:inline;}
.spirt{background:#fff;overflow:hidden;}
.spirt li{width:25%;float:left;position:relative;}
.spirt li .art{padding:15% 10%}
.sup{padding-right:41%;background:#f2f1f1;position:relative;}
.rom{position:absolute;top:0;right:0;width:41%;height:100%;}
.so{padding:4% 8%}
.so li{font-size:16px;line-height:24px;color:#999999;padding-left:34px;position:relative;margin-top:2.5%;padding-bottom:2.5%}
.so li label{width:24px;height:24px;line-height:24px;color:#fff;text-align:center;border-radius:3px;background:#0c71a1;border-radius:2px;position:absolute;top:0;left:0}
.so li span{color:#515151}
.so li:hover,.so li:hover span{color:#0c71a1}
#shop .owl-stage-outer{overflow:hidden;}
.step2 li{width:90px;float:left;position:relative;margin-left:187px}
.step2 li:after{width:187px;height:90px;background:url(../img/xx3.png) no-repeat center center;content:"";display:block;position:absolute;top:0;right:100%;}
.step2 li.sp{float:right;margin-top:80px}
.step2 li:first-child,.step2 li:last-child{margin-left:0}
.step2 li:first-child:after,.step2 li:last-child:after{display:none}
.step2 li.sp:after{background:url(../img/xx2.png) no-repeat center center;}
.step2 .rect{height:90px;border:1px solid #595656;border-radius:50%;line-height:90px;text-align:center;}
.step2 p{color:#595656;font-size:18px;text-align:center;padding-top:10px;white-space:nowrap}
.step2 li:nth-child(5):before{width:100%;height:80px;top:100%;left:0;content:"";display:block;background:url(../img/xx4.png) no-repeat center center;position:absolute;}
.rect img.sp{display:none;}
.step2 li:hover .rect{border-color:#0c71a1}
.step2 li:hover .rect img{display:none;}
.step2 li:hover .rect img.sp{display:inline;}
.step2 li:hover p{color:#0c71a1}



 @media screen and (max-width: 1400px) {
 #art .owl-prev,#art .owl-next{border-color:#f9b52c}
 }
  
 
 @media screen and (max-width: 1200px) {
.guide a{margin-left:20px}
.home h3{font-size:25px}
.long{padding-bottom:5%}
.good li,.good li:hover{background-size:100%;}
.cdt{font-size:16px}
.tv{font-size:13px;line-height:16px}
.step2,.step{text-align:center}
.step2 li,.step li{display:inline-block;margin:2%;float:none;vertical-align:top}
.step2 li.sp,.step li.sp{float:none;margin:2%}
.step2 li::after,.step2 li:nth-child(5)::before,.step li::after,.step li:nth-child(6)::before{display:none;}
.step2 p,.step p{font-size:16px;white-space:normal}
 }
 @media screen and (max-width: 1000px) {
.guide a{margin-left:15px}
.oa li{width:29%;margin:0 2% 4%}
.oa li:nth-child(2n){margin-top:0%}
 }

 @media screen and (max-width: 800px) { 
.logo{max-height:30px;max-width:70%; }
.his{font-size:14px}
a.menu{position:fixed;z-index:4000;display:block;width:40px;height:40px;top:20px;right:2%;}
a.menu b{height:4px;display:block;background:#324945;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;margin-top:4px;}
a.menu b.sp{margin-top:10px;}
a.menu b.mi{margin-top:10px;}
a.menu.active b{margin-top:18px;margin-bottom:-4px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);box-shadow:none}
a.menu.active b.sp{margin-top:-4px; }
a.menu.active b.mi{margin-top:-4px;-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.guide{width:200px;background:#fff;margin-top:0;position:fixed;top:0;top:80px;z-index:4000;-webkit-transition:all 1.5s cubic-bezier(0.5,0,0.03,1);transition:all 1.5s cubic-bezier(0.5,0,0.03,1);overflow-y:auto;right:-200px;}
.guide.active{right:0;box-shadow:0 0 14px rgba(0,0,0,.5)}
.guide a{display:block;float:none;font-size:18px;line-height:3;width:100%;margin:0;padding:0}  
.guide a::after{display:none;}
.good li{width:46%;margin:2%;padding-bottom:42%}
 }
 
 
 
 
 @media screen and (max-width: 640px) { 
 .head{height:50px;line-height:50px}
.ahead dt{font-size:18px}
 .fall img{margin:15px auto}
.offer a{max-width:100%; }
.offer a:first-child+a{float:left;margin-top:2%}
.banner{padding-top:60px}
 .guide a{font-size:16px;line-height:2.5 }
.guide{padding-bottom:20px;bottom:auto;top:50px}
a.menu{-webkit-transform:scale(0.8);transform:scale(0.8);top:5px;right:3%}
.site{display:none}
.home h3,.list li p.vr{font-size:16px}
.road{font-size:16px}
.kind li a{font-size:14px;padding:0 5px}
.list li{width:49%;margin-right:2%}
.list li:nth-child(3n){margin-right:2%}
.list li:nth-child(2n){margin-right:0}
.profile{font-size:14px;line-height:22px}
.sum{font-size:12px}
.sum p{font-size:20px}
.road{position:fixed;left:0;width:auto!important;z-index:3000;height:auto;top:50%!important;-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.road .cont{width:100%;}
.tab{display:block;}
.tab a{display:block;font-size:12px;line-height:20px;height:20px;padding:0 5px}
.art{font-size:12px;line-height:16px}
.ah3,.some h3{font-size:16px}
.origin{width:100%;float:none;}
.origin li{font-size:14px;margin-top:5%}
.pbg .label:first-child{margin-bottom:5px}
.oa li P{font-size:12px;line-height:18px}
a.logo{height:50px;line-height:50px; }
a.logo img{height:28px}
.gpss{padding-right:0}
.map{position:relative;width:100%;height:300px;margin-bottom:7%}
.note{float:none;width:100%;}
.focus{float:none;width:100%;}
.only{width:100%;}
.only.sp{margin-left:0;margin-right:0}
.sub{margin:30px 0;display:inline-block;}
.info{padding:5px}
.lao,.cen{display:none;}
.some{padding-left:0;height:auto;margin-bottom:8px}
.spirt li{width:50%}
.sup{padding-right:0}
.rom{width:100%;position:relative;padding-bottom:40%}
.so li{font-size:14px;line-height:20px;margin-top:1%}
.auto li p,.name p{font-size:14px}
#design{width:90%}
.name{font-size:16px}
 }