html,body{width: 100%; height: 100%;}
body{color:#000;font-size:14px;line-height:24px;font-family:"微软雅黑"; margin: 0; padding: 0;background: #fff;}
img{border:0;outline:none;}
input{-webkit-appearance:none;outline:none}
textarea{-webkit-appearance:none}
a{color:#000;text-decoration:none;-webkit-transition-duration:.3s;transition-duration:.3s}
ul,li{list-style:none}
p{margin: 0; padding: 0;}
h1,h2,h3,h4,h5,h6,ul,li P{margin:0;padding:0}
table{border-collapse: collapse; border-spacing: 0;}
th,tr,td{ border:1px #9598A2 solid;text-align: center;padding: 6px 5px;}
input,select{font-size:14px;}

.confirm_bg{width: 100%; height: 100%; background: rgba(0,0,0,.5); position: fixed; top: 0; left: 0;display: none;z-index: 9999;}
.confirm{width: 500px; height: 230px; background-color: #fff; border-radius: 5px; position: fixed; top: 50%; margin-top: -170px; left: 50%; margin-left: -250px;}
.confirm_title{width: 100%; height: 60px; line-height: 60px;font-size: 30px;color: #222222;text-align: center; margin-top: 20px;}
.confirm_msg{width: 100%; height: 40px; line-height: 40px;font-size: 24px;color: #b5b5b5;text-align: center;}
.confirm_btn{width: 100%; height: 75px; border-top: 1px #e5e5e5 solid; margin-top: 35px;font-size: 28px;}
.confirm_btn_n{width: 249.5px; height: 75px; line-height: 75px; text-align: center;float: left;}
.confirm_btn_y{width: 249.5px; height: 75px; line-height: 75px; text-align: center;float: left; border-left:1px #e5e5e5 solid;color: #576b95;}

.window_msg_w{width: 100%; height: 100%; position: fixed; top: 0; left: 0;z-index: 9999;display: none;}
.window_msg{width: auto;max-width: 80%; height: auto; line-height: 40px;background: rgba(0,0,0,.5);color: #fff; border-radius: 5px; padding:10px 20px;display: table;margin: 40vh auto auto auto;}

.loading{width: 100%; height: 100%; position: fixed; top: 0; left: 0;z-index: 99999;background-color: rgba(255, 255, 255, 0.4);display: none;}
.loading img{width: 400px; height: 400px; position: fixed; top: 50%; margin-top: -200px; left: 50%; margin-left: -200px;}

.page_loading{width: 100%; height: 100%; position: fixed; top: 0;left: 0;z-index: 99999;background: #fff;}
.page_loading img{display: block;width: 200px; height: auto; margin: 200px auto auto auto;}
.page_loading p{width: 100%;text-align: center;color: #000; line-height: 50px;}
.page_loading p span{display: inline-block;width: 10px;text-align: left;}

.swiper-slide{display: flex;}
.swiper-pagination-bullet-active{background: #fdd102;opacity:1;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2027%2044%27%3E%3Cpath%20d%3D%27M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z%27%20fill%3D%27%23fdd102%27%2F%3E%3C%2Fsvg%3E");}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2027%2044%27%3E%3Cpath%20d%3D%27M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z%27%20fill%3D%27%23fdd102%27%2F%3E%3C%2Fsvg%3E");}

.error_main{width: 100%; height: auto; overflow: hidden;padding-bottom: 10px;}
.error_main p{display: block;width: 100%; height: auto; line-height: 40px;text-align: center;margin: 40px auto auto auto;}
.error_main a{display: block;width: 200px; height: 40px; line-height: 40px;background: #ffda2a;text-align: center;border-radius: 10px; margin: 20px auto auto auto;}

.header_bg{display: none;}
.header{width: 100%; height: 100px;position: fixed;z-index: 100;}
.header .top{width: 1600px; height: 60px;position: absolute;top: 20px; left: 50%; margin-left: -800px;z-index: 1;}
.header .top .logo{display: block;width: 121px; height: 60px;float: left;}
.header .top .menu{width: 1400px; height: 40px;float: right;margin-top: 10px;}
.header .top .menu .data{float: left;width: auto; height: 40px; line-height: 40px;color: #fff;}
.header .top .menu .data a{color: #fff;position: relative;display: block;width: 100%; height: 40px; line-height: 40px;min-width: 100px;text-align: center;}
.header .top .menu .data a:hover{font-weight: bold;}
/*.header .top .menu .active a{font-weight: bold;}
.header .top .menu .active a::after{content: '';display: block;width: 50%; height: 3px;background: #fff;position: absolute; bottom: 0;left: 25%;}*/
.header .top .menu .data ul{display: none;background: #fff;border-radius: 10px;}
.header .top .menu .data ul a{font-weight: normal;color: #000;}
.header .top .menu .data ul a::after{display: none;}
.header .top .menu .data:hover ul{display: block;}
.header .top .menu .tel{display: block; width: auto; height: 40px; line-height: 40px;float: right;color: #fff;}
.header .top .menu .tel img{display: block;width: 20px; height: 20px;float: left;margin: 10px 5px auto auto;}
.header_fixed{background: #fff;box-shadow:2px 1px 3px #000;}
.header_fixed a{color: #000!important;}
.header_fixed ul{background: #fff;}
.header_fixed .tel{color: #000!important;}
.header_fixed .top .menu .active a::after{background: #000;}
.header .top_wap{display: none;}

.banner{width: 100%; height: 700px;overflow: hidden;position: relative;}
.banner .slider{width: 100%; height: 100%;overflow: hidden;}
.banner .slider a{width: 100%; height: 100%;position: relative;display: none;}
.banner .slider a img{display: block;width: 2560px; height: 700px;transform: scale(1.2);-webkit-transition: all 3s 0s;transition: all 3s 0s;position: absolute; top: 0;left: 50%;margin-left: -1280px;}
.banner .slider .active img{transform: scale(1);}
.banner .controls{width: 100%; height: 6px; position: absolute; bottom: 40px;left: 0;text-align: center;}
.banner .controls label{display: inline-block;width: 50px; height: 6px;background: #fff; margin: auto 10px;overflow: hidden;cursor:pointer;}
.banner .controls label span{display: block;width: 100%; height: 6px;background: #fdd102;margin-left: -100%;}
.banner .controls .active span{animation: banner_show 5s linear;}
@keyframes banner_show{
	from{margin-left: -100%;}
	to{margin-left: 0;}
}

.index_title{width: 1600px; height: auto; overflow: hidden; margin: 40px auto auto auto;}
.index_title h1{display: block;width: 100%; height: 40px; line-height: 40px;text-align: center;font-size:24px;font-weight: bold;}
.index_title h1 span{font-size:20px;}
.index_title h2{display: block;width: 100%; height: 30px; line-height: 30px;text-align: center;font-size:16px;font-weight: normal;}

.index_bg{width: 100%; height: auto;background: #fff; overflow: hidden;background-image: url(../images/bg.png?0);}

.index_map{width: 100%; height: 800px; background: #000; overflow: hidden;background-image: url(../images/bg.png?0);}
.index_map .main{width: 1600px; height: 800px; overflow: hidden; margin: 0 auto;position: relative;}
.index_map .main .title{width: 850px; height: 50px; line-height: 50px;color: #fff;font-size: 38px;text-align: center;position: absolute; top: 100px; left: 0;}
.index_map .main #container{width:1200px; height:800px;margin-left: -180px;}
.index_map .main #container p{ display:inline-block; font-size:14px!important;}
.index_map .main #container div p:last-child{}
.index_map .main #container div p:last-child::before{ content:'：';}
.index_map .brand{display: block;width: 300px; height: 213px;position: absolute; top: 40px;right: 0;z-index: 1;}
.index_map .num{width: 280px; height: 300px;position: absolute; top: 253px;right: 0;z-index: 1;overflow: hidden;}
.index_map .num ul{display: block;width: 100%; height: 100px; overflow: hidden;}
.index_map .num ul h1{display: block;width: 100%; height: 40px; line-height: 40px;color: #fff;overflow: hidden;font-size: 16px;font-weight: normal;}
.index_map .num ul h1 img{display: block;width: 20px; height: 20px;float: left; margin: 10px 5px auto auto;}
.index_map .num ul h2{display: block;width: 100%; height: 40px; line-height: 40px;font-size: 30px;font-weight: bold;color: #fff;}
.index_map .slogan{width: 280px; height: auto; line-height: 30px;color: #fff;font-size: 16px;position: absolute; top: 593px;right: 0;z-index: 1;overflow: hidden;}

.index_advantage{width: 1600px; height: auto; overflow: hidden; margin: 40px auto auto auto;}
.index_advantage .title{width: 100%; height: 40px;}
.index_advantage .title span{display: block;width: 100px; height: 40px; line-height: 40px;background: #ffda2a;text-align: center;font-size: 18px;font-weight: bold;}
.index_advantage .main{width: 1600px; height: auto; overflow: hidden;}
.index_advantage .main .data{width: 377px; height: auto;float: left; overflow: hidden;border: 4px #ffda2a solid;border-radius: 10px;margin: 20px auto auto 20px;}
.index_advantage .main .data:nth-child(1),.index_advantage .main .data:nth-child(5){margin: 20px auto auto auto;}
.index_advantage .main .data h1{display: block;width: 100%; height: 50px; line-height: 50px;background: #ffda2a;overflow: hidden;font-size: 18px;color: #fff;}
.index_advantage .main .data h1 img{width: 20px; height: 20px;float: left; margin: 15px 5px auto 15px;}
.index_advantage .main .data h2{display: block; height: 180px;background: #fff;line-height: 26px;font-size: 16px;font-weight: normal;padding:10px 20px;}
.index_advantage .main .data h2:hover{background: #ffda2a;color: #fff;}
.index_support .main .data h2{height: 130px;}

.index_core{width: 1600px; height: 547px; overflow: hidden; margin: 20px auto auto auto;position: relative;}
.index_core .data{display: block;width: 400px;height: 547px;overflow: hidden;float: left;position: relative;}
.index_core .data .bg{display: block;width: 400px; height: 547px;}
.index_core .data ul{display: block;width: 400px; height: 547px;position: absolute; top: 0;left: 0;overflow: hidden;background:rgba(0,0,0,0.2);-webkit-transition:all .4s;transition:all .4s;}
.index_core .data ul img{display: block;width: 36px; height: auto;margin: 220px auto auto auto;-webkit-transition:all .4s;transition:all .4s;}
.index_core .data ul .img1{display: none;}
.index_core .data ul h1{display: block;width: 100%; height: 40px; line-height: 40px;text-align: center;font-size:18px;font-weight: normal;color: #fff;margin: 10px auto auto auto;}
.index_core .data ul h2{display: block;width: 100%; height: 40px; line-height: 40px;text-align: center;font-size:0;font-weight: normal;color: #fff;-webkit-transition:all .4s;transition:all .4s;}
.index_core .data:hover ul{background:rgba(255,218,42,0.9);}
.index_core .data:hover ul img{margin: 200px auto auto auto;}
.index_core .data:hover ul .img0{display: none;}
.index_core .data:hover ul .img1{display: block;}
.index_core .data:hover ul h2{font-size: 14px;}

.index_goods{width: 1600px; height: auto; overflow: hidden; margin: 20px auto auto auto;}
.index_goods .tab{width: 1600px; height: 30px; text-align: center; overflow: hidden;}
.index_goods .tab span,.index_goods .tab a{display: inline-block;width: auto; height: 30px; line-height: 30px;padding: 0 20px;background: #eee;margin: auto 10px;cursor:pointer;}
.index_goods .tab .active{background: #ffda2a;}
.index_goods .main{width: 1600px; height: auto; overflow: hidden;display: none;}
.index_goods .active{display: block;}
.index_goods .data{display: block;width: 790px; height:490px; float: left; margin: 20px auto auto 20px;position: relative;overflow: hidden;}
.index_goods .data img{display: block;width: 100%; height: 100%;-webkit-transition: all 1s 0s;transition: all 1s 0s;}
.index_goods .data p{display: block;width: 100%; height: 50px; line-height: 50px;text-align: center;background: rgba(0,0,0,0.4);position: absolute;left: 0;bottom: 0;color: #fff;}
.index_goods .data:nth-child(1),.index_goods .data:nth-child(3){margin: 20px auto auto auto;}
.index_goods .data:hover img{transform:scale(1.1);}

.index_store{width: 1600px; height: 500px; overflow: hidden; margin: 20px auto auto auto;position: relative;}
.index_store .data{display: block;width: 533.33px;height: 500px;overflow: hidden;float: left;position: relative;}
.index_store .data .bg{display: block;width: 100%; height: 100%;}
.index_store .data ul{display: block;width: 100%; height: 100%;position: absolute; top: 0;left: 0;overflow: hidden;background:rgba(0,0,0,0.2);-webkit-transition:all .4s;transition:all .4s;}
.index_store .data ul img{display: block;width: 36px; height: auto;margin: 210px auto auto auto;-webkit-transition:all .4s;transition:all .4s;}
.index_store .data ul .img1{display: none;}
.index_store .data ul h1{display: block;width: 100%; height: 40px; line-height: 40px;text-align: center;font-size:18px;font-weight: normal;color: #fff;margin: 10px auto auto auto;}
.index_store .data ul h2{display: block;width: 100%; height: 40px; line-height: 40px;text-align: center;font-size:0;font-weight: normal;color: #fff;-webkit-transition:all .4s;transition:all .4s;}
.index_store .data:hover ul{background:rgba(255,218,42,0.9);}
.index_store .data:hover ul img{margin: 190px auto auto auto;}
.index_store .data:hover ul .img0{display: none;}
.index_store .data:hover ul .img1{display: block;}
.index_store .data:hover ul h2{font-size: 14px;}
.index_store_video{width: 1600px; height: 300px;overflow: hidden;margin: 0 auto;}
.index_store_video video{display: block;width: 533.33px; height: 300px;float: left;background: #000;}
.index_store_wap{display: none;}

/*.index_join_policy{display: block; width: 1600px;height: 160px; overflow: hidden; margin: 40px auto auto auto;position: relative;background-image: url(../images/join_policy3.jpg);}
.index_join_policy .img1{display: block;width: 500px; height: 160px; position: absolute; top: 0;left: 0;}
.index_join_policy .img2{display: block;width: 500px; height: 160px; position: absolute; top: 0;right: 0;}
.index_join_policy p{display: block;width: 1600px; height: 160px; line-height: 160px;text-align: center;color: #fff;position: absolute; top: 0;left: 0;z-index: 1;font-size: 20px;}*/
.index_join_policy{display: block; width: 1600px;height: 160px; overflow: hidden; margin: 40px auto auto auto;position: relative;background-image: url(../images/bg.png?0);background-size: auto 500px; background-color: #ffda2a;}
.index_join_policy .img1{display: none;}
.index_join_policy .img2{display: none;}
.index_join_policy p{display: block;width: 1600px; height: 160px; line-height: 160px;text-align: center;color: #fff;position: absolute; top: 0;left: 0;z-index: 1;font-size: 20px;}

.index_join_process{width: 100%; height: auto; overflow: hidden;background: #000; margin: 40px auto auto auto;background-image: url(../images/bg.png?0);padding-bottom: 40px;}
.index_join_process .main{width: 1600px; height: auto;margin: 90px auto auto auto;padding-bottom: 60px;}
.index_join_process .main .title{width: 100%; height: 80px;overflow: hidden;position: relative;}
.index_join_process .main .title h1{display: block; width: 100%; height: 60px; line-height: 60px;position: absolute;top: 0;left: 0;font-size: 40px;font-weight: bold;opacity: 0.3;text-align: center;color: #fff;}
.index_join_process .main .title h2{display: block; width: 100%; height: 60px; line-height: 60px;position: absolute;top: 10px;left: 0;font-size: 24px;font-weight: bold;text-align: center;color: #fff;}
.index_join_process .main .txt{width: 1600px; height: 400px;position: relative;margin: 20px auto auto auto;}
.index_join_process .main .txt li{display: block;width: 160px; height: 160px;position: absolute;}
.index_join_process .main .txt li:after{content: '';position: absolute;width: 20px;height: 10px;background: #ffda2a;top: 75px;left: 180px;}
.index_join_process .main .txt li:before{content: '';position: absolute;width: 0;height: 0;border-style: solid;border-width: 14px 0 14px 21px;border-color: transparent transparent transparent #ffda2a;top: 66px;left: 200px;}
.index_join_process .main .txt li:nth-child(7):after{width: 10px; height: 20px;top: 180px;left: 75px;}
.index_join_process .main .txt li:nth-child(7):before{border-width: 21px 14px 0 14px;border-color: #ffda2a transparent transparent transparent;top: 200px;left: 66px;}
.index_join_process .main .txt li:nth-child(14):after,.index_join_process .main .txt li:nth-child(14):before{display: none;}
.index_join_process .main .txt li:nth-child(8):after,.index_join_process .main .txt li:nth-child(9):after,.index_join_process .main .txt li:nth-child(10):after,.index_join_process .main .txt li:nth-child(11):after,.index_join_process .main .txt li:nth-child(12):after,.index_join_process .main .txt li:nth-child(13):after{left: -40px;}
.index_join_process .main .txt li:nth-child(8):before,.index_join_process .main .txt li:nth-child(9):before,.index_join_process .main .txt li:nth-child(10):before,.index_join_process .main .txt li:nth-child(11):before,.index_join_process .main .txt li:nth-child(12):before,.index_join_process .main .txt li:nth-child(13):before{border-width: 14px 21px 14px 0;border-color: transparent #ffda2a transparent transparent;left: -60px;}
.index_join_process .main .txt li:nth-child(1){top: 0;left: 0;}
.index_join_process .main .txt li:nth-child(2){top: 0;left: 240px;}
.index_join_process .main .txt li:nth-child(3){top: 0;left: 480px;}
.index_join_process .main .txt li:nth-child(4){top: 0;left: 720px;}
.index_join_process .main .txt li:nth-child(5){top: 0;left: 960px;}
.index_join_process .main .txt li:nth-child(6){top: 0;left: 1200px;}
.index_join_process .main .txt li:nth-child(7){top: 0;left: 1440px;}
.index_join_process .main .txt li:nth-child(8){top: 241px;left: 1440px;}
.index_join_process .main .txt li:nth-child(9){top: 241px;left: 1200px;}
.index_join_process .main .txt li:nth-child(10){top: 241px;left: 960px;}
.index_join_process .main .txt li:nth-child(11){top: 241px;left: 720px;}
.index_join_process .main .txt li:nth-child(12){top: 241px;left: 480px;}
.index_join_process .main .txt li:nth-child(13){top: 241px;left: 240px;}
.index_join_process .main .txt li:nth-child(14){top: 241px;left: 0;}
.index_join_process .main .txt li a{position: relative;display: block;width: 160px; height: 80px;margin-top: 40px; background: #ffda2a;-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.index_join_process .main .txt li a:before,.index_join_process .main .txt li a:after{content: "";position: absolute;width: 0;height: 0;border-left: 80px solid transparent;border-right: 80px solid transparent;}
.index_join_process .main .txt li a:before{bottom: 100%;border-bottom: 40px solid #ffda2a;}
.index_join_process .main .txt li a:after{top: 100%;border-top: 40px solid #ffda2a;}
.index_join_process .main .txt li a:hover{transform: scale(1.2);}
.index_join_process .main .txt li a h1{display: block;width: 100%; height: 30px; line-height: 30px;text-align: center;font-size: 28px;font-weight: bold;}
.index_join_process .main .txt li a h2{display: block;width: 80%; height: auto; line-height: 16px;text-align: center;font-size: 14px;font-weight: normal;margin: 10px auto auto auto;position: relative;z-index: 2;}
.index_join_process .main .txt li a svg{display: block;width: 60px; height: 80px;line-height: 80px;text-align: center;margin: 0 auto;}

.index_case{width: 1600px; height: 437px; position: relative;overflow: hidden;margin: 20px auto auto auto;}
.index_case .swiper-wrapper{width: 1600px; height: 347px;}
.index_case .swiper-pagination-bullets{bottom: 60px;}
.index_case .data{width: 100%; height: 100%; overflow: hidden;position: relative;}
.index_case .data img{display: block;width: 100%;height: 100%;}
.index_case .data ul{display: block;width: 100%; height: 100%;background-color: rgba(0,0,0,.25);position: absolute; top: 100%;left: 0;z-index: 1;transition: all .3s;}
.index_case .data ul a{display: block;width: 160px; height: 40px; line-height: 40px;text-align: center;background: #ffda2a; margin: 153.5px auto auto auto;}
.index_case .data ul a:hover{opacity: 0.8;}
.index_case .data:hover ul{top:0;}
.index_case .btn{display: block;width: 200px; height: 50px; line-height: 50px;text-align: center; margin: 40px auto auto auto;background: #ffda2a;border-radius: 10px;-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.index_case .btn:hover{transform: scale(1.1);}
.index_case_wap{display: none;}

.index_news{width: 1600px; height: auto; overflow: hidden; margin: 20px auto auto auto;}
.index_news .data{display: block;width: 533.33px; height: 300px;overflow: hidden;float: left;background: #f7f7f7;}
.index_news .data h1{display: block;width: 500px; height: 50px; line-height: 50px;text-align: center;font-size: 40px;font-weight: bold;margin: 30px auto auto auto;}
.index_news .data h2{display: block;width: 500px; height: 30px; line-height: 30px;text-align: center;font-size: 16px;font-weight: normal; margin: 0 auto;}
.index_news .data h3{display: block;width: 70px; height: 4px;background: #ffda2a;margin: 10px auto auto auto;position: relative;overflow: hidden;}
.index_news .data h3 span{display: block;width: 70px; height: 4px;background: #fff; position: absolute; top: 4px;transition: all .3s;}
.index_news .data h4{display: block;width: 500px; height: 30px; line-height: 30px;text-align: center;font-size: 16px;font-weight: normal;margin: 20px auto auto auto;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.index_news .data h5{width: 500px; height: 66px; line-height: 22px;text-align: center;font-size: 14px;font-weight: normal;margin: 20px auto auto auto;overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 3;-webkit-box-orient: vertical;color: #999;}
.index_news .data:hover{background: #ffda2a;}
.index_news .data:hover h1{color: #fff;}
.index_news .data:hover h2{color: #fff;}
.index_news .data:hover h3 span{top: 0;}
.index_news .data:hover h4{color: #fff;}
.index_news .data:hover h5{color: #fff;}
.index_news .line{width: 100%; height: 1px; overflow: hidden;clear: both;}
.index_news .btn{display: block; width: 200px; height: 50px; line-height: 50px;text-align: center; margin: 20px auto 5px auto;background: #ffda2a;border-radius: 10px;-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.index_news .btn:hover{transform: scale(1.1);}

.footer{width: 100%; height: auto; background: #000;overflow: hidden;margin: 40px auto auto auto;}
.footer .main{width: 1600px;height: auto; overflow: hidden; margin: 40px auto auto auto;}
.footer .main .logo{width: 240px; height: 311px;float: left;}
.footer .main .form{width: 400px; height: auto;overflow: hidden;float: left;margin: 15px auto auto 50px;}
.footer .main .form .tel{display: block;width: 100%; height: 80px; line-height: 80px;color: #fff;font-size: 20px;font-weight: bold;}
.footer .main .form input{display: block;width: 380px; height: 30px; line-height: 30px;background: #fff;border: none; margin: auto auto 10px auto;padding: 0 10px;}
.footer .main .form .btn{display: block;width: 100%; height: 40px; line-height: 40px;background: #ffda2a;text-align: center;cursor:pointer;}
.footer .main .qr{width: 910px; height: auto;overflow: hidden;float: left;text-align: center;margin-top: 20px;}
.footer .main .qr ul{display: block;width: 160px; height: auto;overflow: hidden;float: right;margin-left: 60px;}
.footer .main .qr ul img{display: block;width: 148px; height: 148px;border: 1px #ffda2a solid;border-radius: 10px;padding: 5px;}
.footer .main .qr ul h1{display: block;width: 100%;height: auto; line-height: 30px;color: #fff;font-size: 14px;}
.footer .main .qr ul h2{display: block;width: 100%;height: auto; line-height: 22px;color: #fff;font-size: 12px;font-weight: normal;}
.footer .links{width: 1600px;height: auto;overflow: hidden;margin: 20px auto auto auto;border-top: 1px #333 solid;padding-top: 20px;}
.footer .links p{display: block;width: auto; height: 40px; line-height: 40px;float: left;color: #fff;}
.footer .links a{display: block;width: auto; height: 40px; line-height: 40px;float: left;color: #fff;margin-right: 20px;}
.footer .copyright{width: 1600px; height: auto; overflow: hidden;line-height: 30px;color: #fff; margin: 20px auto 20px auto;text-align: center;border-top: 1px #333 solid;padding-top: 20px;}
.footer .copyright a{color: #fff;}

.banner_alone{width: 100%; height: 700px;position: relative; overflow: hidden;}
.banner_alone img{display: block;width: 2560px; height: 700px; position: absolute; top: 0;left: 50%; margin-left: -1280px;}
.banner_alone h1{display: block;width: 100%; line-height: 50px;text-align: center;font-size: 40px;font-weight: bold;color: #fff;position: absolute; top: 700px;left: 0;opacity: 0;transition: all 0.6s ease-in;}
.banner_alone h2{display: block;width: 100%; line-height: 50px;text-align: center;font-size: 26px;font-weight: normal;color: #fff;position: absolute; top: 700px;left: 0;opacity: 0;transition: all 0.6s ease-in;}
.banner_alone_show h1{top: 300px;opacity:1;}
.banner_alone_show h2{top: 370px;opacity:1;}

.about_slogan{width: 1600px; height: auto; overflow: hidden; margin: 40px auto auto auto;}
.about_slogan .title{width: 100%; height: 60px; overflow: hidden;position: relative;margin-top: 20px;}
.about_slogan .title h1{display: block;width: 100%; height: 60px; line-height: 60px;color: #f5f5f5;font-size: 40px;font-weight: bold;}
.about_slogan .title h2{display: block;width: 100%; height: 40px; line-height: 40px;font-size: 24px;font-weight: bold;position: absolute; top: 20px;left: 0;}
.about_slogan .main{width: 1600px;height: auto; overflow: hidden;margin: 20px auto auto auto;}
.about_slogan .main .video{display: block;width: 324px; height: 324px;float: left;position: relative;cursor:pointer;}
.about_slogan .main .video .img{display: block;width: 100%; height: 100%;}
.about_slogan .main .video .play{display: block;width: 100px; height: 100px;position: absolute; top: 110px;left: 110px;z-index: 1;}
.about_slogan .main .txt{width: 320px; height: 300px;border: 2px #ffda2a solid;border-radius: 50%;padding-top: 20px;float: left;margin-left: 20px;}
.about_slogan .main .txt .data{width: 100%; height: auto; overflow: hidden; margin: 0 auto;text-align: center;}
.about_slogan .main .txt .data h1{display: block;width: 100%; height: 50px;line-height: 50px;font-size: 20px;font-weight: bold;position: relative;}
.about_slogan .main .txt .data h1::after{content: '';display: block;width: 40px; height: 6px;background: #ffda2a;position: absolute; bottom: 11px;left: 50%;opacity: 0.6;margin-left: -20px;}
.about_slogan .main .txt .data h2{display: block;width: 100%; height: auto; line-height: 30px;font-size: 14px;font-weight: normal;}
.about_slogan .main .about{width: 868px; height: auto;min-height: 280px; border: 2px #ffda2a solid;border-radius: 10px;padding: 20px;float: left;margin-left: 20px;position: relative;color: #fff;overflow: hidden;}
.about_slogan .main .about img{display: block;width: 100%; height: auto; min-height: 100%;position: absolute;top: 0;left: 0;z-index: -2;}
.about_slogan .main .about span{display: block;width: 100%; height: 100%;background:rgba(0,0,0,0.5);position: absolute;top: 0;left: 0;z-index: -1;}

.about_video_bg{width: 100%; height: 100%;background:rgba(0,0,0,0.5);position: fixed;top: 0;left: 0;z-index: 101;display: none;}
.about_video{width: 1000px; height: 580px; background: #fff;position: fixed;top: 50%;left: 50%;border-radius: 10px; margin: -290px auto auto -500px;z-index: 102;display: none;}
.about_video video{display: block;width: 960px; height: 540px; margin: 20px;}

.about_team{width: 1600px; height: auto; overflow: hidden;margin: 40px auto auto auto;}
.about_team .title{width: 100%; height: 60px; overflow: hidden;position: relative;}
.about_team .title h1{display: block;width: 100%; height: 60px; line-height: 60px;color: #f5f5f5;font-size: 40px;font-weight: bold;}
.about_team .title h2{display: block;width: 100%; height: 40px; line-height: 40px;font-size: 24px;font-weight: bold;position: absolute; top: 20px;left: 0;}
.about_team .main{width: 1600px; height: auto; overflow: hidden; margin: 20px auto auto auto;}
.about_team .main .img{display: block;width: 400px; height: 300px;transition: all 1s 0s;border-radius: 10px;float: left;margin-right: 20px;}
.about_team .main ul{display: block; width: 716px;height: auto;min-height: 256px;border: 2px #ffda2a solid;border-radius: 10px;padding: 20px;float: left;position: relative;color: #fff;overflow: hidden;}
.about_team .main ul img{display: block;width: 100%; height: auto; min-height: 100%;position: absolute;top: 0;left: 0;z-index: -2;}
.about_team .main ul span{display: block;width: 100%; height: 100%;background:rgba(0,0,0,0.5);position: absolute;top: 0;left: 0;z-index: -1;}

.about_brand{width: 1600px; height: auto; overflow: hidden; margin: 40px auto auto auto;}
.about_brand .main{width: 1090px;height: auto; overflow: hidden;float: left;}
.about_brand .main .title{width: 100%; height: 60px; overflow: hidden;position: relative;}
.about_brand .main .title h1{display: block;width: 100%; height: 60px; line-height: 60px;color: #f5f5f5;font-size: 40px;font-weight: bold;}
.about_brand .main .title h2{display: block;width: 100%; height: 40px; line-height: 40px;font-size: 24px;font-weight: bold;position: absolute; top: 20px;left: 0;}
.about_brand .main .txt{width: 1046px;height: auto;min-height: 340px; overflow: hidden; margin-top: 20px;border: 2px #ffda2a solid;border-radius: 10px;padding: 20px;position: relative;color: #fff;}
.about_brand .main .txt img{display: block;width: 100%; height: auto; min-height: 100%;position: absolute;top: 0;left: 0;z-index: -2;}
.about_brand .main .txt span{display: block;width: 100%; height: 100%;background:rgba(0,0,0,0.5);position: absolute;top: 0;left: 0;z-index: -1;}

.about_brand .locate{width: 490px; height: auto;float: right; overflow: hidden;}
.about_brand .locate .locate_one{width: 490px;height: auto; overflow: hidden;border-radius: 10px;background-image: url(../images/about2.jpg);background-size: cover;position: relative;}
.about_brand .locate .locate_one span{display: block; width: 100%; height: 100%;background:rgba(0,0,0,0.5);position: absolute;top: 0;left: 0;z-index: 0;}
.about_brand .locate .locate_one h1{display: block;width: 450px; height: 30px; line-height: 30px; margin: 20px auto auto auto;font-size: 20px;font-weight: bold;color: #fff;position: relative;z-index: 1;}
.about_brand .locate .locate_one ul{display: block;width: 450px; height: auto; line-height: 26px; margin: 0 auto;padding: 10px 0 15px 0;color: #fff;position: relative;z-index: 1;}
.about_brand .locate .locate_two{width: 490px;height: auto; overflow: hidden;border-radius: 10px;margin-top: 20px;padding-bottom: 20px;background-image: url(../images/about3.jpg);background-size: cover;}
.about_brand .locate .locate_two h1{display: block;width: 450px; height: 30px; line-height: 30px; margin: 20px auto auto auto;font-size: 20px;font-weight: bold;color: #fff;text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);}
.about_brand .locate .locate_two ul{display: block;width: 490px; height: auto; overflow: hidden;}
.about_brand .locate .locate_two ul li{display: block;width: 97.5px; height: 97.5px;line-height: 97.5px; border-radius: 50%;background: #fff;float: left; margin: 20px auto auto 20px;text-align: center;}

.history_main{width: 100%; height: auto; overflow: hidden;background: #000;background-image: url(../images/bg.png?0);}
.history_main .main{width: 1600px; height: auto; overflow: hidden; margin: 40px auto auto auto;position: relative;}
.history_main .main .main_line{width: 1px; height: 100%;background: #333;position: absolute; top: 0;left: 799.5px;}
.history_main .main .data{width: 800px; height: auto; min-height: 100px;position: relative;z-index: 1;padding-top: 30px;}
.history_main .main .data .line{width: 290px; height: 1px;background: #333;position: absolute;top: 9.5px;right: 0;}
.history_main .main .data .dot1{width: 18px; height: 18px;border-radius: 50%;border: 1px #333 solid;position: absolute;top: 0;right: -10px;background: #000;}
.history_main .main .data .dot1::after{content: '';display: block;width: 9px; height: 9px;border-radius: 50%;background: #333;position: absolute;top: 4.5px;left: 4.5px;}
.history_main .main .data .dot2{width: 18px; height: 18px;border-radius: 50%;border: 1px #333 solid;position: absolute;top: 0;right: 290px;background: #000;}
.history_main .main .data .dot2::after{content: '';display: block;width: 9px; height: 9px;border-radius: 50%;background: #ffda2a;position: absolute;top: 4.5px;left: 4.5px;}
.history_main .main .data .time{width: 480px; height: 20px;line-height: 20px; position: absolute; top: 0;left: 0;color: #ffda2a;text-align: right;font-size: 16px;}
.history_main .main .data .txt{width: 460px; height: auto;background: #ffda2a;border-radius: 10px 0 10px 10px; line-height: 22px;padding: 10px;font-size: 12px;}
.history_main .main .data:nth-child(even){left: 800px;}
.history_main .main .data:nth-child(even) .line{left: 0;}
.history_main .main .data:nth-child(even) .dot1{left: -10px;}
.history_main .main .data:nth-child(even) .dot2{left: 290px;}
.history_main .main .data:nth-child(even) .time{left: 320px; text-align: left;}
.history_main .main .data:nth-child(even) .txt{border-radius: 0 10px 10px 10px;margin-left: 320px;}

.about_supply{width: 1600px; height: auto; overflow: hidden; margin: 40px auto auto auto;}
.about_supply .left{width: 790px; height: auto;float: left;overflow: hidden;}
.about_supply .left .partner{width: 381px; height: 205px;overflow: hidden;float: left;border: 2px #ffda2a solid;border-radius: 10px;position: relative;padding-top: 25px;text-align: center;}
.about_supply .left .partner ul{display: inline-block;width: 70px; height: 90px; overflow: hidden; margin: auto 20px;}
.about_supply .left .partner ul img{display: block;width: 70px; height: 70px;}
.about_supply .left .partner ul p{display: block;width: 70px; height: 30px; line-height: 30px;font-size: 14px;font-weight: normal;text-align: center;margin-top: -10px;}
.about_supply .left .car{width: 381px; height: 230px;overflow: hidden;float: left;border: 2px #ffda2a solid;border-radius: 10px;margin-left: 20px;}
.about_supply .left .car img{width: 100%; height: 100%;}
.about_supply .left .video_one{width: 381px; height: 220px;overflow: hidden;float: left;border: 2px #ffda2a solid;border-radius: 10px;margin: 20px auto auto auto;background: #000;}
.about_supply .left .video_one video{width: 100%; height: 100%;}
.about_supply .left .video_two{width: 381px; height: 220px;overflow: hidden;float: left;border: 2px #ffda2a solid;border-radius: 10px;margin: 20px auto auto 20px;background: #000;}
.about_supply .left .video_two video{width: 100%; height: 100%;}
.about_supply .right{width: 790px; height: auto;float: right;overflow: hidden;}
.about_supply .right .title{width: 100%; height: 60px; overflow: hidden;position: relative;}
.about_supply .right .title h1{display: block;width: 100%; height: 60px; line-height: 60px;color: #f5f5f5;font-size: 40px;font-weight: bold;}
.about_supply .right .title h2{display: block;width: 100%; height: 40px; line-height: 40px;font-size: 24px;font-weight: bold;position: absolute; top: 20px;left: 0;}
.about_supply .right .txt{width: 746px;height: auto;min-height: 352px;border: 2px #ffda2a solid;border-radius: 10px;margin-top: 20px;padding:20px;}

.title_alone{width: 1600px; height: 60px; overflow: hidden;position: relative;margin: 40px auto auto auto;}
.title_alone h1{display: block;width: 100%; height: 60px; line-height: 60px;color: #f5f5f5;font-size: 40px;font-weight: bold;}
.title_alone h2{display: block;width: 100%; height: 40px; line-height: 40px;font-size: 24px;font-weight: bold;position: absolute; top: 20px;left: 0;}

.join_condition{width: 1600px; height: auto; overflow: hidden;margin: 20px auto auto auto;background: #f7f7f7;border-radius: 10px;}
.join_condition .data{width: 400px; height: 180px;float: left; overflow: hidden;}
.join_condition .data h1{display: block;width: 360px; height: 30px; line-height: 30px;font-size: 18px;margin: 20px auto auto auto;}
.join_condition .data h1 img{display: block;width: 30px; height: 30px;float: left; margin-right: 10px;}
.join_condition .data ul{display: block;width: 320px; height: auto;float: left; margin:10px auto auto 60px;line-height: 22px;}
.join_condition .data:hover{background: #ffda2a;}

.join_request{width: 1600px; height: auto; overflow: hidden; margin: 0 auto;}
.join_request .data{width: 790px; height: 185px;float: left; margin: 20px auto auto auto;background: #f7f7f7;border-radius: 10px;}
.join_request .data .num{width: 73px; height: 62px; overflow: hidden;float: left; margin: 20px auto auto 20px;position: relative;}
.join_request .data .num img{display: block;width: 73px; height: auto; position: absolute; top: 0;left: 0;transition: all 0.2s ease-in;}
.join_request .data .txt{width: 660px; height: auto;float: right;margin-right: 20px;}
.join_request .data .txt h1{display: block;width: 660px; height: 30px; line-height: 30px;font-size: 18px;margin: 15px auto auto auto;}
.join_request .data:hover{background: #ffda2a;}
.join_request .data:hover .num img{top: -62px;}
.join_request .data:nth-child(2){margin: 20px auto auto 20px;}
.join_request .data:nth-child(4){margin: 20px auto auto 20px;}

.join_cost{width: 1600px; height: auto; overflow: hidden;margin: 20px auto auto auto;}
.join_cost .data{width: 385px; height: 200px;float: left; margin-left: 20px;border-radius: 10px;overflow: hidden;background: #f7f7f7;position: relative;}
.join_cost .data h1{display: block;width: 345px; height: 40px; line-height: 40px; margin: 10px auto auto auto;font-size: 20px;font-weight: bold;}
.join_cost .data h2{display: block;width: 130px; height: 130px; line-height: 180px;background: #ffda2a;border-radius: 50%;position: absolute; top: -60px;right: -60px;text-indent: 30px;font-size: 24px;font-weight: bold;}
.join_cost .data ul{display: block;width: 345px; height: auto; overflow: hidden; margin: 20px auto auto auto;border-top: 1px #ccc solid;padding: 20px 0;}
.join_cost .data:nth-child(1){margin-left: 0;}
.join_cost .data:hover{background: #ffda2a;}
.join_cost .data:hover h2{background: #f7f7f7;}

.join_ask{width: 1600px; height: auto; overflow: hidden; margin: 0 auto;}
.join_ask .data{display: block;width: 1600px; height: auto; overflow: hidden;background: #f7f7f7;border-radius: 10px; margin: 20px auto auto auto;}
.join_ask .data h1{display: block;width: 1560px; height: auto; overflow: hidden; padding: 20px 0; margin: 0 auto;font-size: 16px;font-weight: normal;position: relative;}
.join_ask .data h1:after{position:absolute;right:0;display:inline-block;width:20px;height:20px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%239797ad'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 01.708 0L8 10.293l5.646-5.647a.5.5 0 01.708.708l-6 6a.5.5 0 01-.708 0l-6-6a.5.5 0 010-.708z'/%3E%3C/svg%3E");background-size:cover;background-repeat:no-repeat;content:"";-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease;-ms-transition:all .2s ease}
.join_ask .data h2{width: 1560px; height: auto; overflow: hidden; margin: 0 auto;border-top: 1px #ccc solid;font-size: 14px;font-weight: normal;line-height: 22px;padding: 20px 0;display: none;color: #999;}
.join_ask .active h1:after{transform: rotate(180deg);}
.join_ask .active h2{display: block;}
.join_ask .btn{display: block; width: 200px; height: 50px; line-height: 50px;text-align: center; margin: 20px auto 5px auto;background: #ffda2a;border-radius: 10px;-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.join_ask .btn:hover{transform: scale(1.1);}

.page{width: 100%; height: auto; overflow: hidden; margin: 20px auto auto auto;text-align: center;}
.page ul li{display: inline-block;margin: auto 5px;}
.page ul li a{display: block;width: auto; height: 40px; line-height: 40px;padding: 0 15px;background: #f7f7f7;}
.page ul li .current{background: #ffda2a;}

.product_type{width: 1600px; height: 50px; margin: -25px auto auto auto;text-align: center;position: relative;z-index: 1;}
.product_type a{display: inline-block;width: auto; height: 50px; line-height: 50px;border-radius: 50px;background: #f7f7f7;padding: 0 20px; margin: auto 10px;}
.product_type .active{background: #ffda2a;}

.product_list{width: 1600px;height: auto; overflow: hidden; margin: 0 auto;}
.product_list .data{display: block;width: 790px; height: 200px;float: left; margin: 20px auto auto 20px;overflow: hidden;background: #f7f7f7;border-radius: 10px;}
.product_list .data .img{width: 258px; height: 160px;float: left; margin: 20px auto auto 20px; overflow: hidden;}
.product_list .data .img img{width: 258px; height: 160px;-webkit-transition: all 1s 0s;transition: all 1s 0s;}
.product_list .data .txt{width: 472px; height: 180px;overflow: hidden;float: left; margin-left: 20px;}
.product_list .data .txt h1{display: block;width: 100%; height: 40px; line-height: 40px;font-size: 16px;font-weight: bold; margin-top: 20px;}
.product_list .data .txt h2{display: block;width: 100%; height: auto; line-height: 22px;font-size: 14px;font-weight: normal;}
.product_list .data:hover img{transform:scale(1.1);}
.product_list .data:nth-child(odd){margin: 20px auto auto auto;}
.product_list .line{width: 100%; height: 1px; overflow: hidden;clear: both;}

.special{width: 1600px; height: auto; overflow: hidden; margin: 0 auto;}
.special .data{display: block;width: 790px; height: 120px;float: left; margin: 20px auto auto 20px;overflow: hidden;background: #f7f7f7;border-radius: 10px;}
.special .data h1{display: block;width: 750px; height: 40px; line-height: 40px;font-size: 16px;font-weight: bold; margin: 10px auto auto auto;}
.special .data h2{width: 750px; height: 44px; line-height: 22px;font-size: 14px;font-weight: normal;margin: 0 auto;overflow:hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;}
.special .data:nth-child(odd){margin: 20px auto auto auto;}
.special .data:hover{background: #ffda2a;}

.product_desc{width: 1600px; height: auto; overflow: hidden; margin: 40px auto auto auto;background: #f7f7f7;border-radius: 10px;}
.product_desc .img{width: 400px; height: auto;float: left; margin: 20px auto auto 20px; overflow: hidden;padding-bottom: 20px;}
.product_desc .img .show{width: 400px; height: 248px;overflow: hidden;}
.product_desc .img .show img{width: 400px; height: 248px;}
.product_desc .img .list{width: 400px; height: auto; overflow: hidden;}
.product_desc .img .list img{display: block;width: 92.25px;height: 60px;border: 2px #fff solid;margin:5px 5px auto auto;float: left;}
.product_desc .img .list .active{border: 2px #ffda2a solid;}
.product_desc .img .list img:nth-child(4n+0){margin:5px auto auto auto;}
.product_desc .txt{width: 1140px; height: auto; overflow: hidden;float: left; margin-left: 20px;}
.product_desc .txt h1{display: block;width: 100%; height: 30px; line-height: 30px;font-size: 16px;font-weight: bold;margin-top: 20px;}
.product_desc .txt h2{display: block;width: 100%; height: auto; overflow: hidden;margin-top: 8px;}
.product_desc .txt h2 a{display: block;width: auto; height: 30px; line-height: 30px; padding: 0 10px;background: #ffda2a;float: left;font-size: 14px;font-weight: normal;border-radius: 10px; margin: 10px 10px auto auto;color: #fff;}
.product_desc .txt h3{display: block;width: 100%; height: auto; line-height: 30px;font-size: 14px;font-weight: normal;color: #666;margin-top: 20px;}
.product_desc .txt h4{display: block;width: 100%; height: 40px; margin-top: 20px;}
.product_desc .txt h4 a{display: block;width: 100px; height: 38px; line-height: 38px;text-align: center;float: left; margin-right: 20px;border: 1px #ffda2a solid;font-size: 14px;font-weight: normal;border-radius: 10px;cursor: pointer;}
.product_desc .txt h4 .c0{background: #ffda2a;}
.product_desc .txt h4 .c1{background: #fff;}

.product_form_bg{width: 100%; height: 100%; position: fixed; top: 0;left: 0;background: rgba(0,0,0,0.6);z-index: 101;display: none;}
.product_form{width: 500px; height: 330px; position: fixed;top: 50%; left: 50%; background: #fff;border-radius: 10px; margin: -165px auto auto -250px;overflow: hidden;}
.product_form .title{width: 500px; height: 50px; line-height: 50px;text-align: center;font-size: 16px;font-weight: normal;background: #eee;}
.product_form input{display: block;width: 460px; height: 40px; line-height: 40px;background: #fff;border: none; margin: 20px auto auto auto;border-bottom: 1px #eee solid;}
.product_form .btn{width: 500px; height: 40px; margin: 20px auto auto auto;}
.product_form .btn a{display: block;width: 218px; height: 38px; line-height: 38px;text-align: center;float: left; margin-left: 20px;border: 1px #ffda2a solid;border-radius: 10px;cursor: pointer;}
.product_form .btn .c1{background: #ffda2a;}

.details_main{width: 1640px; height: auto; overflow: hidden; margin: 40px auto auto auto;padding-bottom: 20px;}
.details_main .left{width: 1200px; height: auto;float: left;}
.details_main .column{width: 1160px; height: auto; overflow: hidden;float: left;margin:20px auto auto 20px; box-shadow: 0 10px 10px 0 #eee;border-top: 3px #ffda2a solid;}
.details_main .column .title{width: 1120px; height: 50px; line-height: 50px;font-size: 16px;font-weight: bold;border-bottom: 1px #ccc solid;margin: 0 auto;}
.details_main .details{width: 1160px; height: auto; overflow: hidden;float: left;margin-left: 20px; box-shadow: 0 10px 10px 0 #eee;border-top: 3px #ffda2a solid;}
.details_main .details .title{width: 1120px; height: auto; line-height: 50px;font-size: 16px;font-weight: bold;border-bottom: 1px #ccc solid;margin: 0 auto;}
.details_main .details .title h1{display: block;width: 100%; height: auto; line-height: 30px; padding: 10px 0;font-size: 16px;text-align: center;}
.details_main .details .txt{width: 1120px; height: auto; overflow: hidden; margin: 20px;}
.details_main .details .txt img{max-width: 100%;}
.details_main .details .txt video{max-width: 100%;}
.details_main .details .next{width: 1120px; height: 50px; overflow: hidden; margin: 0 auto;border-top: 1px #ccc solid;}
.details_main .details .next a{display: block;width: 50%; height: 50px;line-height: 50px;float: left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.details_main .details .next a:nth-child(2){text-align: right;}
.details_main .details .tag{width: 1120px; height: auto; overflow: hidden; margin: 0 auto;border-top: 1px #ccc solid;padding:10px 0 20px 0;}
.details_main .details .tag span{display: block;width: auto; height: 26px;line-height: 26px;float: left;padding: 0 10px;margin-top: 10px;}
.details_main .details .tag a{display: block;width: auto; height: 24px; line-height: 24px;font-size: 14px;font-weight: normal;color: #999;float: left; padding: 0 10px;border: 1px #ccc solid;border-radius: 5px;margin:10px auto auto 10px;}

.recommend{width: 420px; height: auto;float: right;margin-right: 20px;}
.recommend .main{width: 100%; height: auto;overflow: hidden;box-shadow: 0 10px 10px 0 #eee;border-top: 3px #ffda2a solid;margin-bottom: 20px;}
.recommend .main .title{width: 380px; height: 50px; line-height: 50px;font-size: 16px;font-weight: bold;border-bottom: 1px #ccc solid;margin: 0 auto;}
.recommend_product{width: 380px; height: auto; overflow: hidden;margin: 0 auto;padding: 5px 0 15px 0;}
.recommend_product .data{display: block;width: 100%; height: 62px; margin: 10px auto auto auto;overflow: hidden;border-bottom: 1px #eee solid;padding-bottom: 10px;}
.recommend_product .data .img{width: 100px; height: 62px;float: left; overflow: hidden;}
.recommend_product .data .img img{width: 100px; height: 62px;-webkit-transition: all 1s 0s;transition: all 1s 0s;}
.recommend_product .data .txt{width: 270px; height: 62px;overflow: hidden;float: left; margin-left: 10px;}
.recommend_product .data .txt h1{display: block;width: 100%; height: 26px; line-height: 26px;font-size: 14px;font-weight: normal; margin-top: 5px;}
.recommend_product .data .txt h2{display: block;width: 100%; height: 22px; line-height: 22px;font-size: 14px;font-weight: normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: #999;}
.recommend_product .data:hover img{transform:scale(1.1);}
.recommend_news{width: 380px; height: auto; overflow: hidden;margin: 0 auto;padding: 5px 0 15px 0;}
.recommend_news .data{display: block;width: 100%; height: 62px; margin: 10px auto auto auto;overflow: hidden;border-bottom: 1px #eee solid;padding-bottom: 10px;}
.recommend_news .data .num{width: 62px; height: 62px;border-radius: 10px;background: #eee;float: left;}
.recommend_news .data .num h1{display: block;width: 62px; height: 20px;line-height: 20px;text-align: center;font-size: 14px;font-weight: normal;margin-top: 11px;}
.recommend_news .data .num h2{display: block;width: 62px; height: 20px;line-height: 20px;text-align: center;font-size: 12px;font-weight: normal;color: #999;}
.recommend_news .data .txt{width: 308px; height: 62px;overflow: hidden;float: left; margin-left: 10px;}
.recommend_news .data .txt h1{display: block;width: 100%; height: 26px; line-height: 26px;font-size: 14px;font-weight: normal; margin-top: 5px;overflow: hidden;}
.recommend_news .data .txt h2{display: block;width: 100%; height: 22px; line-height: 22px;font-size: 14px;font-weight: normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: #999;}
.recommend_news .data:hover .num{background: #ffda2a;}
.recommend_news .data:hover .num h1{color: #fff;}
.recommend_news .data:hover .num h2{color: #fff;}
.recommend_ask{width: 380px; height: auto; overflow: hidden;margin: 0 auto;padding: 5px 0 15px 0;}
.recommend_ask .data{width: 380px;margin: 10px auto auto auto;}
.recommend_ask .data h1{width: 360px;padding: 10px 0;font-size: 14px;}
.recommend_ask .data h2{width: 360px;padding: 10px 0;color: #999;}
.recommend_tag{width: 380px; height: auto; overflow: hidden;margin: 0 auto;padding: 5px 0 15px 0;}
.recommend_tag .data{display: block;width: auto; height: 30px; line-height: 30px; padding: 0 10px;float: left; margin: 10px 10px auto auto;background: #ffda2a;color: #fff;border-radius: 10px;}

.column_main{width: 1640px; height: auto; overflow: hidden; margin: 40px auto auto auto;padding-bottom: 20px;}
.column_main .column{width: 1160px; height: auto; overflow: hidden;float: left;margin-left: 20px; box-shadow: 0 10px 10px 0 #eee;border-top: 3px #ffda2a solid;}
.column_main .column .title{width: 1120px; height: 50px; line-height: 50px;font-size: 16px;font-weight: bold;border-bottom: 1px #ccc solid;margin: 0 auto;}

.news_main{width: 1160px;height: auto; overflow: hidden;padding:10px 0 20px 0;}
.news_main .data{display: block;width: 1120px; height: 90px; margin: 10px auto auto auto;overflow: hidden;border-bottom: 1px #eee solid;padding-bottom: 10px;}
.news_main .data .num{width: 90px; height: 90px;border-radius: 10px;background: #eee;float: left;}
.news_main .data .num h1{display: block;width: 90px; height: 26px;line-height: 26px;text-align: center;font-size: 16px;font-weight: normal;margin-top: 19px;}
.news_main .data .num h2{display: block;width: 90px; height: 26px;line-height: 26px;text-align: center;font-size: 14px;font-weight: normal;color: #999;}
.news_main .data .txt{width: 1020px; height: 90px;overflow: hidden;float: left; margin-left: 10px;}
.news_main .data .txt h1{display: block;width: 100%; height: 26px; line-height: 26px;font-size: 14px;font-weight: normal; margin-top: 5px;overflow: hidden;}
.news_main .data .txt h2{width: 100%; height: 22px; line-height: 22px;font-size: 14px;font-weight: normal;color: #999;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.news_main .data .txt h3{display: block;width: 100%; height: 22px;overflow: hidden;margin-top: 7px;}
.news_main .data .txt h3 a{display: block;width: auto; height: 20px; line-height: 20px;font-size: 12px;font-weight: normal;color: #999;float: left; padding: 0 10px;border: 1px #ccc solid;border-radius: 5px;margin-right: 10px;}
.news_main .data:hover .num{background: #ffda2a;}
.news_main .data:hover .num h1{color: #fff;}
.news_main .data:hover .num h2{color: #fff;}

.case_main{width: 1160px;height: auto; overflow: hidden;padding:10px 0 20px 0;}
.case_main .data{display: block;width: 360px; height:240px; float: left; margin: 20px auto auto 20px;position: relative;overflow: hidden;}
.case_main .data img{display: block;width: 100%; height: 100%;-webkit-transition: all 1s 0s;transition: all 1s 0s;}
.case_main .data p{display: block;width: 100%; height: 50px; line-height: 50px;text-align: center;background: rgba(0,0,0,0.4);position: absolute;left: 0;bottom: 0;color: #fff;}
.case_main .data:hover img{transform:scale(1.1);}
.case_main .line{width: 100%; height: 1px; overflow: hidden;clear: both;}

.ask_main{width: 1160px;height: auto; overflow: hidden;padding-bottom: 20px;}
.ask_main .data{width: 1120px;margin: 10px auto auto auto;}
.ask_main .data h1{width: 1100px;padding: 10px 0;font-size: 14px;}
.ask_main .data h2{width: 1100px;padding: 10px 0;color: #999;}

.ask_details{width: 1160px; height: auto; overflow: hidden;padding-bottom: 20px;}
.ask_details .problem{width: 1120px; height: auto; overflow: hidden; margin: 20px auto auto auto;}
.ask_details .problem i{width: 40px; height: 40px;line-height: 40px;background: #ffda2a;text-align: center;border-radius: 10px;float: right;font-style: normal;}
.ask_details .problem ul{width: 1000px; height: auto;line-height: 22px;float: right; margin-right: 10px;background: #ffda2a;padding: 9px 10px;border-radius: 10px 0 10px 10px;}
.ask_details .problem .form{width: 1020px; height: auto;float: right; margin-right: 10px;background: #ffda2a;border-radius: 10px 0 10px 10px;padding: 10px 0;}
.ask_details .problem .form input{display: block;width: 960px; height: 30px; line-height: 30px; padding: 0 10px;background: #fff;border: none; margin: 10px auto auto auto;}
.ask_details .problem .form a{display: block;width: 100px; height: 40px; line-height: 40px;text-align: center;background: #fff;border-radius: 10px; margin: 10px auto auto 20px;cursor:pointer;}
.ask_details .answer{width: 1120px; height: auto; overflow: hidden; margin: 20px auto auto auto;}
.ask_details .answer i{width: 40px; height: 40px;line-height: 40px;background: #ffda2a;text-align: center;border-radius: 10px;float: left;font-style: normal;}
.ask_details .answer ul{width: 1000px; height: auto;line-height: 22px;float: left; margin-left: 10px;background: #ffda2a;padding: 9px 10px;border-radius: 0 10px 10px 10px;}

.product_main{width: 1160px; height: auto; overflow: hidden;padding-bottom: 20px;}
.product_main .data{display: block;width: 550px; height: 100px;float: left; margin: 20px auto auto 20px;overflow: hidden;background: #f7f7f7;border-radius: 10px;}
.product_main .data .img{width: 129px; height: 80px;float: left; margin: 10px auto auto 10px; overflow: hidden;}
.product_main .data .img img{width: 129px; height: 80px;-webkit-transition: all 1s 0s;transition: all 1s 0s;}
.product_main .data .txt{width: 391px; height: 100px;overflow: hidden;float: left; margin-left: 10px;}
.product_main .data .txt h1{display: block;width: 100%; height: 30px; line-height: 30px;font-size: 14px;font-weight: bold; margin-top: 10px;}
.product_main .data .txt h2{width: 100%; height: 44px; line-height: 22px;font-size: 14px;font-weight: normal;overflow:hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;}
.product_main .data:hover img{transform:scale(1.1);}

.special_main{width: 1160px; height: auto; overflow: hidden;padding-bottom: 20px;}
.special_main .data{display: block;width: 550px; height: 120px;float: left; margin: 20px auto auto 20px;overflow: hidden;background: #f7f7f7;border-radius: 10px;}
.special_main .data h1{display: block;width: 530px; height: 40px; line-height: 40px;font-size: 14px;font-weight: bold; margin: 10px auto auto auto;}
.special_main .data h2{width: 530px; height: 44px; line-height: 22px;font-size: 14px;font-weight: normal;margin: 0 auto;overflow:hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;}
.special_main .data:hover{background: #ffda2a;}

.special_desc{width: 1600px; height: auto; overflow: hidden; margin: 40px auto auto auto;background: #f7f7f7;border-radius: 10px;}
.special_desc .title{width: 1560px; height: auto; line-height: 30px;text-align: center;font-size: 16px;font-weight: bold; border-bottom: 1px #ccc solid; margin: 20px auto auto auto;padding-bottom: 20px;}
.special_desc .txt{width: 1560px; height: auto; overflow: hidden; margin: 20px auto auto auto;padding-bottom: 20px;}
.special_desc .txt img{max-width: 100%;}
.special_desc .txt video{max-width: 100%;}

.contact_map{width: 100%; height: 700px;overflow: hidden;}
.contact_map .map{width: 100%; height: 750px;margin: 100px auto auto auto;}

.contact_main{width: 1600px; height: auto; overflow: hidden; margin: 40px auto auto auto;border-radius: 10px;}
.contact_main .data{width: 400px; height: 170px;overflow: hidden;float: left;background: #f7f7f7;}
.contact_main .data h1{display: block;width: 380px; height: 30px; line-height: 30px;text-align: center;font-size: 16px;font-weight: bold;margin: 30px auto auto auto;}
.contact_main .data h2{display: block;width: 40px; height: 4px;background: #ffda2a;margin: 15px auto auto auto;position: relative;overflow: hidden;}
.contact_main .data h2 span{display: block;width: 40px; height: 4px;background: #fff; position: absolute; top: 4px;transition: all .3s;}
.contact_main .data h3{display: block;width: 380px; height: 30px; line-height: 30px;text-align: center;font-size: 14px;font-weight: normal; margin: 10px auto auto auto;}
.contact_main .data:hover{background: #ffda2a;}
.contact_main .data:hover h1{color: #fff;}
.contact_main .data:hover h2 span{top: 0;}
.contact_main .data:hover h3{color: #fff;}

.live_btn{display: block;width: 80px; height: 80px;background: #ffda2a;position: fixed;bottom: 40px;right: 40px;border-radius: 50%;z-index: 100;}
.live_btn .main{width: 50px;height: 30px;overflow: hidden;position: relative;box-sizing: border-box;margin: 25px 15px;}
.live_btn .main .bars{background-color: #fff;height: 100%;width: 12%;position: absolute;-webkit-transform: translateZ(0);transform: translateZ(0);-webkit-animation-duration: 1.5s;animation-duration: 1.5s;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;-webkit-animation-direction: normal;animation-direction: normal;-webkit-animation-timing-function: linear;animation-timing-function: linear;-webkit-animation-duration: 1.5s;-webkit-animation-iteration-count: infinite;-webkit-animation-direction: normal;-webkit-animation-timing-function: linear;}
.live_btn .main .b1{left: 0%;top: 88%;animation-name: b1;-webkit-animation-name: b1;}
.live_btn .main .b2{left: 14.3%;top: 76%;animation-name: b2;-webkit-animation-name: b2;}
.live_btn .main .b3{left: 28.6%;top: 16%;animation-name: b3;-webkit-animation-name: b3;}
.live_btn .main .b4{left: 42.9%;top: 40%;animation-name: b4;-webkit-animation-name: b4;}
.live_btn .main .b5{left: 57.2%;top: 26%;animation-name: b5;-webkit-animation-name: b5;}
.live_btn .main .b6{left: 71.5%;top: 67%;animation-name: b6;-webkit-animation-name: b6;}
.live_btn .main .b7{left: 85.8%;top: 89%;animation-name: b7;-webkit-animation-name: b7;}
@keyframes b1 {
	0% {top: 88%;}
	44% {top: 0%;}
	94% {top: 100%;}
	100% {top: 88%;}
}
@-webkit-keyframes b1 {
	0% {top: 88%;}
	44% {top: 0%;}
	94% {top: 100%;}
	100% {top: 88%;}
}
@keyframes b2 {
	0% {top: 76%;}
	38% {top: 0%;}
	88% {top: 100%;}
	100% {top: 76%;}
}
@-webkit-keyframes b2 {
	0% {top: 76%;}
	38% {top: 0%;}
	88% {top: 100%;}
	100% {top: 76%;}
}
@keyframes b3 {
	0% {top: 16%;}
	8% {top: 0%;}
	58% {top: 100%;}
	100% {top: 16%;}
}
@-webkit-keyframes b3 {
	0% {top: 16%;}
	8% {top: 0%;}
	58% {top: 100%;}
	100% {top: 16%;}
}
@keyframes b4 {
	0% {top: 40%;}
	20% {top: 0%;}
	70% {top: 100%;}
	100% {top: 40%;}
}
@-webkit-keyframes b4 {
	0% {top: 40%;}
	20% {top: 0%;}
	70% {top: 100%;}
	100% {top: 40%;}
}
@keyframes b5 {
	0% {top: 26%;}
	13% {top: 0%;}
	63% {top: 100%;}
	100% {top: 26%;}
}
@-webkit-keyframes b5 {
	0% {top: 26%;}
	13% {top: 0%;}
	63% {top: 100%;}
	100% {top: 26%;}
}
@keyframes b6 {
	0% {top: 67%;}
	33.5% {top: 0%;}
	83% {top: 100%;}
	100% {top: 67%;}
}
@-webkit-keyframes b6 {
	0% {top: 67%;}
	33.5% {top: 0%;}
	83% {top: 100%;}
	100% {top: 67%;}
}
@keyframes b7 {
	0% {top: 89%;}
	44.5% {top: 0%;}
	94.5% {top: 100%;}
	100% {top: 89%;}
}
@-webkit-keyframes b7 {
	0% {top: 89%;}
	44.5% {top: 0%;}
	94.5% {top: 100%;}
	100% {top: 89%;}
}

@media screen and (min-width:1200px) and (max-width:1600px){
	.header .top{width: 1200px;margin-left: -600px;}
	.header .top .menu{width: 1000px;}
	
	.banner{height: 525px;}
	.banner .slider a img{width: 1920px; height: 525px;margin-left: -960px;}
	
	.index_title{width: 1200px;}
	
	.index_map .main{width: 1200px;}
	.index_map .num{width: 310px;}
	.index_map .brand{right: 30px;}
	.index_map .slogan{width: 310px;}
	
	.index_advantage{width: 1200px;}
	.index_advantage .main{width: 1200px;}
	.index_advantage .main .data{width: 273px;}
	.index_advantage .main .data h1{font-size: 16px;}
	.index_advantage .main .data h2{line-height: 20px;font-size: 14px;}
	.index_advantage .main .data h2{height: 160px;}
	.index_support .main .data h2{height: 110px;}
	
	.index_core{width: 1200px;height: 410px;}
	.index_core .data{width: 300px;height: 410px;}
	.index_core .data .bg{width: 300px; height: 410px;}
	.index_core .data ul{width: 300px; height: 410px;}
	.index_core .data ul img{margin: 160px auto auto auto;}
	.index_core .data:hover ul img{margin: 140px auto auto auto;}
	
	.index_goods{width: 1200px;}
	.index_goods .tab{width: 1200px;}
	.index_goods .main{width: 1200px;}
	.index_goods .data{width: 590px; height: 366px;}
	
	.index_store{width: 1200px; height: 375px;}
	.index_store .data{width: 400px; height: 375px;}
	.index_store .data ul img{margin: 160px auto auto auto;}
	.index_store .data:hover ul img{margin: 140px auto auto auto;}
	.index_store_video{width: 1200px; height: 225px;}
	.index_store_video video{display: block;width: 400px; height: 225px;}
	
	.index_join_policy{width: 1200px;background-size: auto 400px;}
	.index_join_policy p{width: 1200px;}
	
	.index_join_process .main{width: 1200px;}
	.index_join_process .main .txt{width: 1200px; height: 650px;}
	
	.index_join_process .main .txt li:after{left: 190px;}
	.index_join_process .main .txt li:before{left: 210px;}
	
	.index_join_process .main .txt li:nth-child(7):after{width: 20px;height: 10px;top: 75px;left: 190px;}
	.index_join_process .main .txt li:nth-child(7):before{border-width: 14px 0 14px 21px;border-color: transparent transparent transparent #ffda2a;top: 66px;left: 210px;}
	.index_join_process .main .txt li:nth-child(5):after,.index_join_process .main .txt li:nth-child(10):after{width: 10px; height: 20px;top: 180px;left: 75px;}
	.index_join_process .main .txt li:nth-child(5):before,.index_join_process .main .txt li:nth-child(10):before{border-width: 21px 14px 0 14px;border-color: #ffda2a transparent transparent transparent;top: 200px;left: 66px;}
	.index_join_process .main .txt li:nth-child(6):after,.index_join_process .main .txt li:nth-child(7):after,.index_join_process .main .txt li:nth-child(8):after,.index_join_process .main .txt li:nth-child(9):after{left: -50px;}
	.index_join_process .main .txt li:nth-child(6):before,.index_join_process .main .txt li:nth-child(7):before,.index_join_process .main .txt li:nth-child(8):before,.index_join_process .main .txt li:nth-child(9):before{border-width: 14px 21px 14px 0;border-color: transparent #ffda2a transparent transparent;left: -70px;}
	.index_join_process .main .txt li:nth-child(11):after,.index_join_process .main .txt li:nth-child(12):after,.index_join_process .main .txt li:nth-child(13):after{left: 190px;}
	.index_join_process .main .txt li:nth-child(11):before,.index_join_process .main .txt li:nth-child(12):before,.index_join_process .main .txt li:nth-child(13):before{border-width: 14px 0 14px 21px;border-color: transparent transparent transparent #ffda2a;left: 210px;}
	.index_join_process .main .txt li:nth-child(1){top: 0;left: 0;}
	.index_join_process .main .txt li:nth-child(2){top: 0;left: 260px;}
	.index_join_process .main .txt li:nth-child(3){top: 0;left: 520px;}
	.index_join_process .main .txt li:nth-child(4){top: 0;left: 780px;}
	.index_join_process .main .txt li:nth-child(5){top: 0;left: 1040px;}
	.index_join_process .main .txt li:nth-child(6){top: 241px;left: 1040px;}
	.index_join_process .main .txt li:nth-child(7){top: 241px;left: 780px;}
	.index_join_process .main .txt li:nth-child(8){top: 241px;left: 520px;}
	.index_join_process .main .txt li:nth-child(9){top: 241px;left: 260px;}
	.index_join_process .main .txt li:nth-child(10){top: 241px;left: 0;}
	.index_join_process .main .txt li:nth-child(11){top: 482px;left: 0;}
	.index_join_process .main .txt li:nth-child(12){top: 482px;left: 260px;}
	.index_join_process .main .txt li:nth-child(13){top: 482px;left: 520px;}
	.index_join_process .main .txt li:nth-child(14){top: 482px;left: 780px;}
	
	.index_case{width: 1200px;height: 348px;}
	.index_case .swiper-wrapper{width: 1200px; height: 258px;}
	.index_case .data ul a{margin: 109px auto auto auto;}
	
	.index_news{width: 1200px;}
	.index_news .data{width: 400px;}
	.index_news .data h1{width: 360px;}
	.index_news .data h2{width: 360px;}
	.index_news .data h4{width: 360px;}
	.index_news .data h5{width: 360px;}
	
	.footer .main{width: 1200px;}
	.footer .main .logo{width: 180px; height: 233px;margin-top: 20px;}
	.footer .main .form{width: 300px;margin: auto auto auto 20px;}
	.footer .main .form input{width: 280px;}
	.footer .main .qr{width: 700px;}
	.footer .main .qr ul{width: 140px;margin-left: 30px;}
	.footer .main .qr ul img{width: 128px; height: 128px;}
	.footer .links{width: 1200px;}
	.footer .copyright{width: 1200px;}
	
	.banner_alone{height: 500px;}
	.banner_alone img{width: 1840px; height: 500px;margin-left: -920px;}
	.banner_alone_show h1{top: 200px;opacity:1;}
	.banner_alone_show h2{top: 270px;opacity:1;}
	
	
	.about_slogan{width: 1200px;}
	.about_slogan .main{width: 1200px;}
	.about_slogan .main .about{width: 468px;}
	
	.about_team{width: 1200px;}
	.about_team .main ul{width: 316px;}
	
	.about_brand{width: 1200px;}
	.about_brand .main{width: 690px;}
	.about_brand .main .txt{width: 646px;padding:10px 20px;}
	
	.history_main .main{width: 1200px;}
	.history_main .main .main_line{left: 599.5px;}
	.history_main .main .data{width: 600px;}
	.history_main .main .data .line{width: 190px;}
	.history_main .main .data .dot2{right: 190px;}
	.history_main .main .data .time{width: 380px;}
	.history_main .main .data .txt{width: 360px;}
	.history_main .main .data:nth-child(even){left: 600px;}
	.history_main .main .data:nth-child(even) .dot2{left: 190px;}
	.history_main .main .data:nth-child(even) .time{left: 220px;}
	.history_main .main .data:nth-child(even) .txt{margin-left: 220px;}
	
	.about_supply{width: 1200px;}
	.about_supply .left{width: 1200px;margin-top: 20px;}
	.about_supply .left .partner{width: 586px; height: 310px;padding-top: 40px;}
	.about_supply .left .partner ul{width: 120px; height: 140px;}
	.about_supply .left .partner ul img{width: 90px; height: 90px;margin: 0 auto;}
	.about_supply .left .partner ul p{width: 120px;}
	.about_supply .left .car{width: 586px; height: 353px;}
	.about_supply .left .video_one{width: 586px; height: 339px;}
	.about_supply .left .video_two{width: 586px; height: 339px;}
	.about_supply .right{width: 1200px;}
	.about_supply .right .txt{width: 1156px;min-height:0px;}
	
	.title_alone{width: 1200px;}
	
	.join_condition{width: 1200px;}
	.join_condition .data{width: 300px; height: 210px;}
	.join_condition .data h1{width: 260px;}
	.join_condition .data ul{width: 220px;}
	
	.join_request{width: 1200px;}
	.join_request .data{width: 590px;}
	.join_request .data .txt{width: 460px;}
	
	.join_cost{width: 1200px;}
	.join_cost .data{width: 285px; height: 210px;}
	.join_cost .data h1{width: 245px;}
	.join_cost .data ul{width: 245px;}
	
	.join_ask{width: 1200px;}
	.join_ask .data{width: 1200px;}
	.join_ask .data h1{width: 1160px;}
	.join_ask .data h2{width: 1160px;}
	
	.product_type{width: 1200px;}
	.product_list{width: 1200px;}
	.product_list .data{width: 590px;}
	.product_list .data .txt{width: 272px;}
	
	.special{width: 1200px;}
	.special .data{width: 590px;}
	.special .data h1{width: 550px;}
	.special .data h2{width: 550px;}
	
	.product_desc{width: 1200px;}
	.product_desc .txt{width: 740px;}
	
	.details_main{width: 1240px;}
	.details_main .left{width: 800px;}
	.details_main .column{width: 760px;}
	.details_main .column .title{width: 720px;}
	.details_main .details{width: 760px;}
	.details_main .details .title{width: 720px;}
	.details_main .details .txt{width: 720px;}
	.details_main .details .next{width: 720px;}
	.details_main .details .tag{width: 720px;}
	
	.recommend_ask{width: 380px;}
	.recommend_ask .data{width: 380px;}
	.recommend_ask .data h1{width: 360px;}
	.recommend_ask .data h2{width: 360px;}
	
	.column_main{width: 1240px;}
	.column_main .column{width: 760px;}
	.column_main .column .title{width: 720px;}
	
	.news_main{width: 760px;}
	.news_main .data{width: 720px;}
	.news_main .data .txt{width: 620px;}
	
	.case_main{width: 760px;}
	.case_main .data{width: 350px; height:233px;}
	
	.ask_main{width: 760px;}
	.ask_main .data{width: 720px;}
	.ask_main .data h1{width: 700px;}
	.ask_main .data h2{width: 700px;}
	
	.ask_details{width: 760px;}
	.ask_details .problem{width: 720px;}
	.ask_details .problem ul{width: 600px;}
	.ask_details .problem .form{width: 620px;}
	.ask_details .problem .form input{width: 560px;}
	.ask_details .answer{width: 720px;}
	.ask_details .answer ul{width: 600px;}
	
	.product_main{width: 760px;}
	.product_main .data{width: 350px;}
	.product_main .data .txt{width: 191px;}
	
	.special_desc{width: 1200px;}
	.special_desc .title{width: 1160px;}
	.special_desc .txt{width: 1160px;}
	
	.special_main{width: 760px;}
	.special_main .data{width: 350px;}
	.special_main .data h1{width: 330px;}
	.special_main .data h2{width: 330px;}
	
	.contact_main{width: 1200px;}
	.contact_main .data{width: 300px;}
	.contact_main .data h1{width: 280px;}
	.contact_main .data h3{width: 280px;}
}

@media screen and (min-width:900px) and (max-width:1200px){
	.header .top{width: 900px;margin-left: -450px;}
	.header .top .menu{width: 750px;}
	
	.banner{height: 394px;}
	.banner .slider a img{width: 1440px; height: 394px;margin-left: -720px;}
	
	.index_title{width: 900px;}
	
	.index_map{height: 600px;}
	.index_map .main{width: 900px;height: 600px;}
	.index_map .main .title{width: 500px;top: 60px;}
	.index_map .main #container{width: 900px;height:600px;margin-left: -138px;}
	.index_map .brand{width: 200px; height: 142px;}
	.index_map .num{width: 190px;top: 200px;}
	.index_map .slogan{width: 190px;top: 512px;}
	
	.index_advantage{width: 900px;}
	.index_advantage .main{width: 900px;}
	.index_advantage .main .data{width: 202px;}
	.index_advantage .main .data h2{ height: 280px;}
	.index_support .main .data h2{height: 210px;}
	
	.index_core{width: 900px; height: 308px;}
	.index_core .data{width: 225px; height: 308px;}
	.index_core .data .bg{width: 225px; height: 308px;}
	.index_core .data ul{width: 225px; height: 308px;}
	.index_core .data ul img{margin: 100px auto auto auto;}
	.index_core .data:hover ul img{margin: 80px auto auto auto;}
	
	.index_goods{width: 900px;}
	.index_goods .tab{width: 900px;}
	.index_goods .main{width: 900px;}
	.index_goods .data{width: 440px; height: 273px;}
	
	.index_store{width: 900px; height: 281px;}
	.index_store .data{width: 300px; height: 281px;}
	.index_store .data ul img{margin: 110px auto auto auto;}
	.index_store .data:hover ul img{margin: 90px auto auto auto;}
	.index_store_video{width: 900px; height: 169px;}
	.index_store_video video{width: 300px; height: 169px;}
	
	.index_join_policy{width: 900px;}
	.index_join_policy p{width: 900px;}
	
	.index_join_process .main{width: 900px;}
	.index_join_process .main .txt{width: 900px; height: 870px;}
	.index_join_process .main .txt li:after{left: 185px;}
	.index_join_process .main .txt li:before{left: 205px;}
	.index_join_process .main .txt li:nth-child(7):after{width: 20px;height: 10px;top: 75px;left: 180px;}
	.index_join_process .main .txt li:nth-child(7):before{border-width: 14px 0 14px 21px;border-color: transparent transparent transparent #ffda2a;top: 66px;left: 200px;}
	.index_join_process .main .txt li:nth-child(4):after,.index_join_process .main .txt li:nth-child(8):after,.index_join_process .main .txt li:nth-child(12):after{width: 10px; height: 20px;top: 180px;left: 75px;}
	.index_join_process .main .txt li:nth-child(4):before,.index_join_process .main .txt li:nth-child(8):before,.index_join_process .main .txt li:nth-child(12):before{border-width: 21px 14px 0 14px;border-color: #ffda2a transparent transparent transparent;top: 200px;left: 66px;}
	.index_join_process .main .txt li:nth-child(5):after,.index_join_process .main .txt li:nth-child(6):after,.index_join_process .main .txt li:nth-child(7):after,.index_join_process .main .txt li:nth-child(13):after{left: -40px;}
	.index_join_process .main .txt li:nth-child(5):before,.index_join_process .main .txt li:nth-child(6):before,.index_join_process .main .txt li:nth-child(7):before,.index_join_process .main .txt li:nth-child(13):before{border-width: 14px 21px 14px 0;border-color: transparent #ffda2a transparent transparent;left: -60px;}
	.index_join_process .main .txt li:nth-child(9):after,.index_join_process .main .txt li:nth-child(10):after,.index_join_process .main .txt li:nth-child(11):after{left: 180px;}
	.index_join_process .main .txt li:nth-child(9):before,.index_join_process .main .txt li:nth-child(10):before,.index_join_process .main .txt li:nth-child(11):before{border-width: 14px 0 14px 21px;border-color: transparent transparent transparent #ffda2a;left: 200px;}
	.index_join_process .main .txt li:nth-child(1){top: 0;left: 0;}
	.index_join_process .main .txt li:nth-child(2){top: 0;left: 246.66px;}
	.index_join_process .main .txt li:nth-child(3){top: 0;left: 493.32px;}
	.index_join_process .main .txt li:nth-child(4){top: 0;left: 739.98px;}
	.index_join_process .main .txt li:nth-child(5){top: 241px;left: 739.98px;}
	.index_join_process .main .txt li:nth-child(6){top: 241px;left: 493.32px;}
	.index_join_process .main .txt li:nth-child(7){top: 241px;left: 246.66px;}
	.index_join_process .main .txt li:nth-child(8){top: 241px;left: 0;}
	.index_join_process .main .txt li:nth-child(9){top: 482px;left: 0;}
	.index_join_process .main .txt li:nth-child(10){top: 482px;left: 246.66px;}
	.index_join_process .main .txt li:nth-child(11){top: 482px;left: 493.32px;}
	.index_join_process .main .txt li:nth-child(12){top: 482px;left: 739.98px;}
	.index_join_process .main .txt li:nth-child(13){top: 723px;left: 739.98px;}
	.index_join_process .main .txt li:nth-child(14){top: 723px;left: 493.32px;}
	
	.index_case{width: 900px;height: 191px;}
	.index_case .swiper-wrapper{width: 900px; height: 191px;}
	.index_case .data ul a{margin: 75.5px auto auto auto;}
	
	.index_news{width: 900px;}
	.index_news .data{width: 300px;}
	.index_news .data h1{width: 260px;}
	.index_news .data h2{width: 260px;}
	.index_news .data h4{width: 260px;}
	.index_news .data h5{width: 260px;}
	
	.footer .main{width: 900px;}
	.footer .main .logo{width: 140px; height: 181px; margin-top: 40px;}
	.footer .main .form{width: 200px;margin: 0 auto auto auto;}
	.footer .main .form input{width: 180px;}
	.footer .main .qr{width: 560px;}
	.footer .main .qr ul{width: 125px;margin-left: 15px;}
	.footer .main .qr ul img{width: 113px; height: 113px;}
	.footer .links{width: 900px;}
	.footer .copyright{width: 900px;}
	
	.banner_alone{height: 500px;}
	.banner_alone img{width: 1840px; height: 500px;margin-left: -920px;}
	.banner_alone_show h1{top: 200px;opacity:1;}
	.banner_alone_show h2{top: 270px;opacity:1;}
	
	.about_slogan{width: 900px;}
	.about_slogan .main{width: 900px;}
	.about_slogan .main .video{width: 440px; height: 440px;}
	.about_slogan .main .video .play{width: 100px; height: 100px;top: 170px;left: 170px;}
	.about_slogan .main .txt{width: 436px; height: 356px;padding-top: 80px;}
	.about_slogan .main .about{width: 856px;margin-left: 0;margin-top: 20px;min-height: 0;}
	
	.about_video{width: 800px; height: 468px;margin: -234px auto auto -400px;}
	.about_video video{width: 760px; height: 428px;}
	
	.about_team{width: 900px;}
	.about_team .main{width: 900px;}
	.about_team .main .img{width: 254px; height: 191px;}
	.about_team .main ul{width: 308px;min-height: 151px;}
	
	.about_brand{width: 900px;}
	.about_brand .main{width: 900px;}
	.about_brand .main .txt{width: 856px;min-height: 0;}
	
	.about_brand .locate{width: 900px; margin-top: 20px;}
	.about_brand .locate .locate_one{width: 440px;float: left;}
	.about_brand .locate .locate_one h1{width: 400px;}
	.about_brand .locate .locate_one ul{width: 400px;}
	.about_brand .locate .locate_two{width: 440px;float: left; margin-top: 0;margin-left: 20px;padding: 51px 0;}
	.about_brand .locate .locate_two h1{width: 400px;}
	.about_brand .locate .locate_two ul{width: 440px;}
	.about_brand .locate .locate_two ul li{width: 85px; height: 85px;line-height: 85px;}
	
	.history_main .main{width: 900px;}
	.history_main .main .main_line{left: 449.5px;}
	.history_main .main .data{width: 450px;}
	.history_main .main .data .line{width: 100px;}
	.history_main .main .data .dot2{right: 100px;}
	.history_main .main .data .time{width: 320px;}
	.history_main .main .data .txt{width: 300px;}
	.history_main .main .data:nth-child(even){left: 450px;}
	.history_main .main .data:nth-child(even) .dot2{left: 100px;}
	.history_main .main .data:nth-child(even) .time{left: 130px;}
	.history_main .main .data:nth-child(even) .txt{margin-left: 130px;}
	
	.about_supply{width: 900px;}
	.about_supply .left{width: 900px;margin-top: 20px;}
	.about_supply .left .partner{width: 436px; height: 220px;padding-top: 40px;}
	.about_supply .left .car{width: 436px; height: 263px;}
	.about_supply .left .video_one{width: 436px; height: 252px;}
	.about_supply .left .video_two{width: 436px; height: 252px;}
	.about_supply .right{width: 900px;}
	.about_supply .right .txt{width: 856px;min-height:0px;}
	
	.title_alone{width: 900px;}
	
	.join_condition{width: 900px;}
	.join_condition .data{width: 450px;}
	.join_condition .data h1{width: 410px;}
	.join_condition .data ul{width: 370px;}
	
	.join_request{width: 900px;}
	.join_request .data{width: 440px; height: 230px;}
	.join_request .data .txt{width: 310px;}
	
	.join_cost{width: 900px;}
	.join_cost .data{width: 210px; height: 230px;}
	.join_cost .data h1{width: 170px;}
	.join_cost .data ul{width: 170px;}
	
	.join_ask{width: 900px;}
	.join_ask .data{width: 900px;}
	.join_ask .data h1{width: 860px;}
	.join_ask .data h2{width: 860px;}
	.product_type{width: 900px;}
	
	.product_list{width: 900px;}
	.product_list .data{width: 440px;height: 140px;}
	.product_list .data .img{width: 161px; height: 100px;}
	.product_list .data .img img{width: 161px; height: 100px;}
	.product_list .data .txt{width: 219px; height: 140px;}
	
	.special{width: 900px;}
	.special .data{width: 440px;}
	.special .data h1{width: 400px;}
	.special .data h2{width: 400px;}
	
	.product_desc{width: 900px;}
	.product_desc .txt{width: 440px;}
	
	.details_main{width: 940px;}
	.details_main .left{width: 580px;}
	.details_main .column{width: 560px;}
	.details_main .column .title{width: 520px;}
	.details_main .details{width: 560px;}
	.details_main .details .title{width: 520px;}
	.details_main .details .txt{width: 520px;}
	.details_main .details .next{width: 520px;}
	.details_main .details .tag{width: 520px;}
	
	.recommend{width: 320px;}
	.recommend .main .title{width: 280px;}
	.recommend_product{width: 280px;}
	.recommend_product .data .txt{width: 170px;}
	.recommend_news{width: 280px;}
	.recommend_news .data .txt{width: 208px;}
	.recommend_ask{width: 280px;}
	.recommend_ask .data{width: 280px;}
	.recommend_ask .data h1{width: 260px;}
	.recommend_ask .data h2{width: 260px;}
	.recommend_tag{width: 280px;}
	
	.column_main{width: 940px;}
	.column_main .column{width: 560px;}
	.column_main .column .title{width: 520px;}
	
	.news_main{width: 560px;}
	.news_main .data{width: 520px;}
	.news_main .data .txt{width: 420px;}
	
	.case_main{width: 560px;}
	.case_main .data{width: 250px; height:167px;}
	
	.ask_main{width: 560px;}
	.ask_main .data{width: 520px;}
	.ask_main .data h1{width: 500px;}
	.ask_main .data h2{width: 500px;}
	
	.ask_details{width: 560px;}
	.ask_details .problem{width: 520px;}
	.ask_details .problem ul{width: 400px;}
	.ask_details .problem .form{width: 420px;}
	.ask_details .problem .form input{width: 360px;}
	.ask_details .answer{width: 520px;}
	.ask_details .answer ul{width: 400px;}
	
	.product_main{width: 560px;}
	.product_main .data{width: 250px; height: 80px;}
	.product_main .data .img{width: 97px; height: 60px;}
	.product_main .data .img img{width: 97px; height: 60px;}
	.product_main .data .txt{width: 123px; height: 80px;}
	.product_main .data .txt h2{height: 22px; -webkit-line-clamp: 1;}
	
	.special_main{width: 560px;}
	.special_main .data{width: 250px;}
	.special_main .data h1{width: 230px;}
	.special_main .data h2{width: 230px;}
	
	.special_desc{width: 900px;}
	.special_desc .title{width: 860px;}
	.special_desc .txt{width: 860px;}
	
	.contact_main{width: 900px;}
	.contact_main .data{width: 225px;}
	.contact_main .data h1{width: 205px;}
	.contact_main .data h3{width: 205px;}
}

@media screen and (max-width:900px){
	.page_loading img{margin: 40% auto auto auto;}
	
	.header_bg{display: block;width: 100%; height: 60px; overflow: hidden;clear: both;}
	.header{width: 100%; height: 60px;background: #ffda2a;position: fixed;top: 0;left: 0;z-index: 997;}
	.header .top{display: none;}
	.header .top_wap{display: block;width: 100%;height: 60px;position: relative;}
	.header .top_wap .logo{display: block;width: 81px; height: 40px;margin: 10px auto auto 20px;float: left;}
	.header .top_wap .menu_bg{display: none; width: 100%; height: 100%;position: fixed;top: 0;left: 0;background:rgba(0,0,0,0.5);z-index: 998;}
	.header .top_wap .menu{display: none;width: 40%; height: 100%;position: fixed;background: #ffda2a;top: 0;left: 0;z-index: 999;margin-top: 0;overflow-y: auto;}
	.header .top_wap .menu .logo_n{display: block;width: 80%;height: auto;margin: 20px auto auto auto;}
	.header .top_wap .menu .data{width: calc(100% - 20px); margin: 0 auto;}
	.header .top_wap .menu .data a{display: block;width: 100%; height: 40px; line-height: 40px;text-align: center;}
	.header .top_wap .menu .data ul{display: none;}
	.header .top_wap .menu .data ul a{color: #666;}
	.header .top_wap .menu .tel{display: block;width: calc(100% - 20px); margin: 0 auto; height: 40px; line-height: 40px;text-align: center;}
	.header .top_wap .icon{width: 26px; height: 16px;float: right;margin: 22px 20px auto auto;position: relative;overflow: hidden;}
	.header .top_wap .icon span{display: block;width: 100%; height: 2px; background: #fff;position: absolute;left: 0;}
	.header .top_wap .icon span:nth-child(1){top: 0;}
	.header .top_wap .icon span:nth-child(2){top: 7px;}
	.header .top_wap .icon span:nth-child(3){top: 14px;}
	.header_fixed ul{background: none!important;}
	.header_fixed .top_wap .menu .data ul a{color: #666!important;}
	
	.banner{height: 144px;}
	.banner .slider a img{width: 528px; height: 144px;margin-left: -264px;}
	.banner .controls{height: 4px;bottom: 30px;}
	.banner .controls label{width: 20px; height: 4px; margin: auto 5px;}
	
	.index_title{width: 100%;margin: 20px auto auto auto;}
	.index_title h1{height: 30px; line-height: 30px;font-size:18px;}
	.index_title h1 span{font-size:16px;}
	.index_title h2{height: 20px; line-height: 20px;font-size:14px;}
	
	.index_map{height: auto;}
	.index_map .main{width: 100%; height: auto;}
	.index_map .main .title{width: 100%; height: 30px;line-height: 30px;font-size: 18px;top: 30px;}
	.index_map .main #container{width: 120%;height: 400px; margin-left: -10%;}
	.index_map .brand{display: none;}
	.index_map .num{width: calc(100% - 40px); height: auto;position: static;margin: -40px auto auto auto;}
	.index_map .num ul{width: 28%; float: left;}
	.index_map .num ul:nth-child(1){width: 44%;}
	.index_map .num ul h1{height: 30px; line-height: 30px;font-size: 14px;}
	.index_map .num ul h1 img{width: 14px; height: 14px;margin: 8px 2px auto auto;}
	.index_map .num ul h2{font-size: 20px;}
	.index_advantage{width: calc(100% - 40px);margin: 20px auto auto auto;}
	.index_advantage .title span{font-size: 16px;}
	.index_advantage .main{width: 100%;}
	.index_advantage .main .list{width: 100%; height: auto; margin: 0 auto; overflow-x: auto;white-space: nowrap;-webkit-overflow-scrolling:touch;}
	.index_advantage .main .list::-webkit-scrollbar{width: 9px;background-color: #f7f7f7;border-radius: 9px;}
	.index_advantage .main .list::-webkit-scrollbar-thumb{border: solid 2px #f7f7f7;width: 5px;border-radius: 10px;background-color: #ffda2a;}
	.index_advantage .main .list::-webkit-scrollbar:horizontal{height: 9px;}
	.index_advantage .main .data{width: 200px;display:inline-block;float: none;margin: 20px 10px auto auto;}
	.index_advantage .main .data:nth-child(1),.index_advantage .main .data:nth-child(5){margin: 20px 10px auto auto;}
	.index_advantage .main .data:nth-child(8){margin: 20px auto auto auto;}
	.index_advantage .main .data h1{height: 30px; line-height: 30px;font-size: 14px;}
	.index_advantage .main .data h1 img{width: 16px; height: 16px; margin: 7px 5px auto 15px;}
	.index_advantage .main .data h2{height: 180px;line-height: 20px;font-size: 14px;padding:10px 15px;white-space: normal;}
	.index_support .main .data h2{height: 140px;}
	
	.index_core{width: 100%; height: auto;}
	.index_core .data{width: 50%; height: auto;}
	.index_core .data .bg{width: 100%; height: auto;}
	.index_core .data ul{width: 100%; height: 100%;}
	.index_core .data ul img{margin: 80px auto auto auto;}
	.index_core .data ul h1{height: 30px; line-height: 30px;font-size:16px;}
	.index_core .data ul h2{height: 30px; line-height: 30px;}
	.index_core .data:hover ul img{margin: 60px auto auto auto;}
	
	.index_goods{width: calc(100% - 40px);}
	.index_goods .tab{width: 100%; height: auto;}
	.index_goods .tab span,.index_goods .tab a{width: calc(33.33% - 15px);margin: 5px;padding: 0;overflow: hidden;}
	.index_goods .main{width: 100%;}
	.index_goods .data{width: calc(50% - 10px); height: auto;}
	.index_goods .data p{height: 30px; line-height: 30px;}
	
	.index_store{display: none;}
	.index_store_wap{display: block;width: 100%;height: auto;overflow: hidden; margin: 20px auto auto auto;position: relative;}
	.index_store_wap .data{display: block; width: 100%; height: auto;overflow: hidden;float: left;position: relative;}
	.index_store_wap .data .bg{display: block;width: 100%; height: 100%;}
	.index_store_wap .data ul{display: block;width: 100%; height: 100%;position: absolute; top: 0;left: 0;overflow: hidden;background:rgba(0,0,0,0.2);-webkit-transition:all .4s;transition:all .4s;}
	.index_store_wap .data ul img{display: block;width: 36px; height: auto;margin: 100px auto auto auto;-webkit-transition:all .4s;transition:all .4s;}
	.index_store_wap .data ul .img1{display: none;}
	.index_store_wap .data ul h1{display: block;width: 100%; height: 40px; line-height: 40px;text-align: center;font-size:16px;font-weight: normal;color: #fff;margin: 10px auto auto auto;}
	.index_store_wap .data ul h2{display: block;width: 100%; height: 40px; line-height: 40px;text-align: center;font-size:0;font-weight: normal;color: #fff;-webkit-transition:all .4s;transition:all .4s;}
	.index_store_wap .data:hover ul{background:rgba(255,218,42,0.9);}
	.index_store_wap .data:hover ul img{margin: 80px auto auto auto;}
	.index_store_wap .data:hover ul .img0{display: none;}
	.index_store_wap .data:hover ul .img1{display: block;}
	.index_store_wap .data:hover ul h2{font-size: 14px;}
	.index_store_video{width: 100%; height: auto;overflow: hidden;margin: 0 auto;}
	.index_store_video video{display: block;width: 100%; height: auto;background: #000;}
	.index_store_video video:nth-child(1){border-bottom: 5px #ffda2a solid;}
	.index_store_video video:nth-child(2){border-bottom: 5px #ffda2a solid;}
	
	.index_join_policy{width: 100%;height: 120px;margin: 0 auto;margin: 20px auto auto auto;background-size: auto 300px;}
	.index_join_policy .img1{width: 250px; height: 80px;top: 20px;}
	.index_join_policy .img2{width: 250px; height: 80px;top: 20px;}
	.index_join_policy p{width: 100%; height: 120px; line-height: 120px;font-size: 16px;}
	
	.index_join_process{margin: 0 auto;padding-bottom: 30px;}
	.index_join_process .main{width: 100%;margin: 20px auto auto auto;padding-bottom: 0;}
	.index_join_process .main .title{height: 60px;}
	.index_join_process .main .title h1{height: 40px;line-height: 40px;font-size: 20px;}
	.index_join_process .main .title h2{height: 40px;line-height: 40px;font-size: 16px;}
	.index_join_process .main .txt{width: calc(100% - 40px); height: auto;margin: 0 auto;}
	.index_join_process .main .txt ul{display: block; width: 100%; height: auto; margin: 0 auto; overflow-x: auto;white-space: nowrap;-webkit-overflow-scrolling:touch;padding-bottom: 10px;}
	.index_join_process .main .txt ul::-webkit-scrollbar{width: 9px;background-color: #f7f7f7;border-radius: 9px;}
	.index_join_process .main .txt ul::-webkit-scrollbar-thumb{border: solid 2px #f7f7f7;width: 5px;border-radius: 10px;background-color: #ffda2a;}
	.index_join_process .main .txt ul::-webkit-scrollbar:horizontal{height: 9px;}
	.index_join_process .main .txt li{width: 190px; height: 120px;position: relative;display:inline-block;float: none;top: inherit!important;left: inherit!important;overflow: hidden;}
	.index_join_process .main .txt li:after{top: 55px;left: 140px;}
	.index_join_process .main .txt li:before{top: 46px;left: 160px;}
	.index_join_process .main .txt li:nth-child(7):after{width: 20px;height: 10px;top: 55px;left: 140px;}
	.index_join_process .main .txt li:nth-child(7):before{border-width: 14px 0 14px 21px;border-color: transparent transparent transparent #ffda2a;top: 46px;left: 160px;}
	.index_join_process .main .txt li:nth-child(8):after,.index_join_process .main .txt li:nth-child(9):after,.index_join_process .main .txt li:nth-child(10):after,.index_join_process .main .txt li:nth-child(11):after,.index_join_process .main .txt li:nth-child(12):after,.index_join_process .main .txt li:nth-child(13):after{left: 140px;}
	.index_join_process .main .txt li:nth-child(8):before,.index_join_process .main .txt li:nth-child(9):before,.index_join_process .main .txt li:nth-child(10):before,.index_join_process .main .txt li:nth-child(11):before,.index_join_process .main .txt li:nth-child(12):before,.index_join_process .main .txt li:nth-child(13):before{border-width: 14px 0 14px 21px;border-color: transparent transparent transparent #ffda2a;top: 46px;left: 160px;}
	.index_join_process .main .txt li:nth-child(13){width: 120px;}
	.index_join_process .main .txt li:nth-child(13):after,.index_join_process .main .txt li:nth-child(13):before{display: none;}
	.index_join_process .main .txt li:nth-child(14){display: none;}
	.index_join_process .main .txt li a{width: 120px; height: 60px;margin-top: 30px;}
	.index_join_process .main .txt li a:before,.index_join_process .main .txt li a:after{border-left: 60px solid transparent;border-right: 60px solid transparent;}
	.index_join_process .main .txt li a:before{bottom: 100%;border-bottom: 30px solid #ffda2a;}
	.index_join_process .main .txt li a:after{top: 100%;border-top: 30px solid #ffda2a;}
	.index_join_process .main .txt li a h1{height: 24px; line-height: 24px;font-size: 20px;}
	.index_join_process .main .txt li a h2{margin: 5px auto auto auto;white-space: normal;}
	
	.index_case{display: none;}
	.index_case_wap{display: block;width: 100%; height: auto;position: relative;overflow: hidden;margin: 20px auto auto auto;}
	.index_case_wap .swiper-wrapper{width: 100%; height: auto;}
	.index_case_wap .swiper-pagination-bullets{bottom: 55px;}
	.index_case_wap .data{width: 100%; height: 100%; overflow: hidden;position: relative;}
	.index_case_wap .data img{display: block;width: 100%;height: 100%;}
	.index_case_wap .data ul{display: block;width: 100%; height: 100%;background-color: rgba(0,0,0,.25);position: absolute; top: 100%;left: 0;z-index: 1;transition: all .3s;}
	.index_case_wap .data ul a{display: block;width: 160px; height: 40px; line-height: 40px;text-align: center;background: #ffda2a; margin: 110px auto auto auto;}
	.index_case_wap .data ul a:hover{opacity: 0.8;}
	.index_case_wap .data:hover ul{top:0;}
	.index_case_wap .btn{display: block;width: 200px; height: 50px; line-height: 50px;text-align: center; margin: 30px auto auto auto;background: #ffda2a;border-radius: 10px;-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
	.index_case_wap .btn:hover{transform: scale(1.1);}
	
	.index_news{width: 100%;margin: 10px auto auto auto;}
	.index_news .data{width: calc(100% - 40px); height: auto;margin: 10px auto auto auto;float: none;}
	.index_news .data h1{width: calc(100% - 40px); height: 30px; line-height: 30px;margin: 20px auto auto auto;}
	.index_news .data h2{width: calc(100% - 40px);}
	.index_news .data h3{margin: 0 auto;}
	.index_news .data h4{width: calc(100% - 40px);margin: 10px auto auto auto;font-size: 14px;}
	.index_news .data h5{width: calc(100% - 40px);margin: 10px auto 20px auto;}
	
	.footer{margin: 20px auto auto auto;}
	.footer .main{width: 100%; margin: 20px auto auto auto;}
	.footer .main .logo{width: 160px; height: auto; margin-top: 3px;}
	.footer .main .form{width: calc(100% - 180px);margin: 0 auto auto auto;}
	.footer .main .form .tel{height: 40px; line-height: 40px;font-size: 18px;}
	.footer .main .form input{width: calc(100% - 20px);}
	.footer .main .form .btn{height: 40px; line-height: 40px;}
	.footer .main .line{width: 100%; height: 1px; overflow: hidden;clear: both;}
	.footer .main .qr{width: 100%;margin: 0 auto;}
	.footer .main .qr ul{width: 50%;float:left;margin-left: 0;}
	.footer .main .qr ul img{width: 70%; height: auto; margin: 10px auto auto auto;}
	.footer .main .qr ul h1{width: 80%; margin: 0 auto;}
	.footer .main .qr ul h2{width: 80%; margin: 0 auto;line-height: 16px;}
	.footer .links{width: calc(100% - 40px);padding-top: 10px;display: none;}
	.footer .copyright{width: calc(100% - 40px);margin: 10px auto;padding-top: 10px;line-height: 16px;font-size: 12px;}
	
	.banner_alone{height: auto;}
	.banner_alone img{width: 140%; height: auto;position: static;margin-left: -20%;}
	.banner_alone h1{line-height: 30px;font-size: 20px;top: 200px;}
	.banner_alone h2{line-height: 30px;font-size: 16px;top: 200px;}
	.banner_alone_show h1{top: 40px;opacity:1;}
	.banner_alone_show h2{top: 70px;opacity:1;}
	
	.about_slogan{width: calc(100% - 40px);margin: 0 auto;}
	.about_slogan .title{height: 40px;}
	.about_slogan .title h1{height: 40px; line-height: 40px;font-size:20px;}
	.about_slogan .title h2{height: 40px; line-height: 40px;font-size:16px;top: 10px;}
	.about_slogan .main{width: 100%;}
	.about_slogan .main .video{width: calc(50% - 12px);height: 163px;}
	.about_slogan .main .video .play{width: 50px; height: 50px; top: 54px;left: 54px;}
	.about_slogan .main .txt{width: calc(50% - 12px);height: 154px;float: right;padding-top: 5px;}
	.about_slogan .main .txt .data h1{height: 20px;line-height: 20px;font-size: 16px;}
	.about_slogan .main .txt .data h1::after{ bottom: 1px;}
	.about_slogan .main .txt .data h2{width: 80%;line-height: 16px;margin: 0 auto;font-size: 12px;}
	.about_slogan .main .about{width: calc(100% - 24px); min-height: 0;margin: 10px auto auto auto;padding: 10px;}
	
	.about_video{width: 80%;height: 200px; margin: -100px auto auto -40%;}
	.about_video video{width: calc(100% - 40px); height: 160px;}
	
	.about_team{width: calc(100% - 40px);margin: 20px auto auto auto;}
	.about_team .title{height: 40px;}
	.about_team .title h1{height: 40px; line-height: 40px;font-size:20px;}
	.about_team .title h2{height: 40px; line-height: 40px;font-size:16px;top: 10px;}
	.about_team .main{width: 100%;}
	.about_team .main .img{width: calc(50% - 10px); height: 119px;}
	.about_team .main .img:nth-child(2){margin-right: 0;}
	.about_team .main ul{width: calc(100% - 24px); min-height: 0;margin: 10px auto auto auto;padding: 10px;}
	
	.about_brand{width: calc(100% - 40px);margin: 20px auto auto auto;}
	.about_brand .main{width: 100%;}
	.about_brand .main .title{height: 40px;}
	.about_brand .main .title h1{height: 40px; line-height: 40px;font-size:20px;}
	.about_brand .main .title h2{height: 40px; line-height: 40px;font-size:16px;top: 10px;}
	.about_brand .main .txt{width: calc(100% - 24px); min-height: 0;margin: 10px auto auto auto;padding: 10px;}
	
	.about_brand .locate{width: 100%;}
	.about_brand .locate .locate_one{width: 100%;margin: 10px auto auto auto;}
	.about_brand .locate .locate_one h1{width: calc(100% - 20px); margin: 10px auto auto auto;font-size: 18px;}
	.about_brand .locate .locate_one ul{width: calc(100% - 20px);}
	.about_brand .locate .locate_two{width: 100%;margin-top: 10px;}
	.about_brand .locate .locate_two h1{width: calc(100% - 20px);height: auto;margin: 10px auto auto auto;font-size: 18px;}
	.about_brand .locate .locate_two ul{width: 100%;}
	.about_brand .locate .locate_two ul li{width: 20%; height: 67px;line-height: 67px; margin: 10px auto auto 4%;}
	
	.history_main .main{width: 100%;}
	.history_main .main .main_line{left: calc(50% - 0.5px);}
	.history_main .main .data{width: 50%;}
	.history_main .main .data .line{width: 30px;}
	.history_main .main .data .dot2{right: 30px;}
	.history_main .main .data .time{width: calc(100% - 60px);font-size: 14px;left: 10px;}
	.history_main .main .data .txt{width: calc(100% - 80px);line-height: 16px;margin-left: 10px;}
	.history_main .main .data:nth-child(even){left: 50%;}
	.history_main .main .data:nth-child(even) .dot2{left: 30px;}
	.history_main .main .data:nth-child(even) .time{left: 50px;}
	.history_main .main .data:nth-child(even) .txt{margin-left: 50px;}
	
	.about_supply{width: 100%;margin: 20px auto auto auto;}
	.about_supply .left{width: 100%;}
	.about_supply .left .partner{width: calc(100% - 44px); height: auto;margin: 10px auto auto auto;float: none;padding-top: 15px;}
	.about_supply .left .partner ul{width: 30%; height: 80px;margin: auto;}
	.about_supply .left .partner ul img{width: 60px; height: 60px;margin: 0 auto;}
	.about_supply .left .partner ul p{width: 100%;}
	.about_supply .left .car{width: calc(100% - 44px); height: auto;float: none;margin: 10px auto auto auto;}
	.about_supply .left .car img{display: block;}
	.about_supply .left .video_one{width: calc(100% - 44px); height: auto;float: none;margin: 10px auto auto auto;}
	.about_supply .left .video_two{width: calc(100% - 44px); height: auto;float: none;margin: 10px auto auto auto;}
	.about_supply .right{width: calc(100% - 40px);margin: 0 auto;float: none;}
	.about_supply .right .title{height: 40px;}
	.about_supply .right .title h1{height: 40px; line-height: 40px;font-size:20px;}
	.about_supply .right .title h2{height: 40px; line-height: 40px;font-size:16px;top: 10px;}
	.about_supply .right .txt{width: calc(100% - 24px); min-height: 0;margin: 10px auto auto auto;padding: 10px;}
	
	.title_alone{width: calc(100% - 40px); height: 40px; margin: 20px auto auto auto;}
	.title_alone h1{height: 40px; line-height: 40px;font-size:20px;}
	.title_alone h2{height: 40px; line-height: 40px;font-size:16px;top: 10px;}
	
	.join_condition{width: calc(100% - 40px);}
	.join_condition .data{width: 100%; height: auto;padding-bottom: 10px;}
	.join_condition .data h1{width: calc(100% - 20px);font-size: 16px;margin: 10px auto auto auto;}
	.join_condition .data h1 img{width: 22px; height: 22px;margin: 4px 10px auto auto;}
	.join_condition .data ul{width: calc(100% - 60px); margin:10px auto auto 40px;}
	
	.join_request{width: calc(100% - 40px);margin-bottom: 20px;}
	.join_request .data{width: 100%; height: auto;float: none; margin: 10px auto auto auto;overflow: hidden;padding-bottom: 15px;}
	.join_request .data .num{width: 49px; height: 42px;}
	.join_request .data .num img{width: 49px;}
	.join_request .data .txt{width: calc(100% - 100px);}
	.join_request .data .txt h1{width: 100%;font-size: 16px;}
	.join_request .data:hover .num img{top: -42px;}
	.join_request .data:nth-child(2),.join_request .data:nth-child(4){margin: 10px auto auto auto;}
	
	.join_cost{width: calc(100% - 40px);margin: 10px auto auto auto;}
	.join_cost .data{width: 100%; height: auto;float: none;margin: 10px auto auto auto;}
	.join_cost .data h1{width: calc(100% - 20px); height: 30px; line-height: 30px; font-size: 16px;}
	.join_cost .data h2{width: 100px; height: 100px; line-height: 145px; top: -50px;right: -50px;text-indent: 20px;font-size: 16px;}
	.join_cost .data ul{width: calc(100% - 20px); margin: 10px auto auto auto;padding: 10px 0;}
	
	.join_ask{width: calc(100% - 40px);margin: 10px auto auto auto;}
	.join_ask .data{width: 100%;margin: 10px auto auto auto;}
	.join_ask .data h1{width: calc(100% - 20px); padding: 10px 0;font-size: 14px;}
	.join_ask .data h2{width: calc(100% - 20px);padding: 10px 0;}
	
	.page{margin: 10px auto auto auto;}
	.page ul li{margin: auto 2px;}
	.page ul li a{height: 30px; line-height: 30px;padding: 0 10px;}
	
	.product_type{width: calc(100% - 40px); height: auto; margin: -25px auto auto auto;}
	.product_type a{min-width: 60px; height: 30px; line-height: 30px;border-radius: 30px;padding: 0 10px; margin: 10px 10px auto 10px;}
	
	.product_list{width: calc(100% - 40px);}
	.product_list .data{width: 100%; height: 100px;float: none; margin: 10px auto auto auto;}
	.product_list .data .img{width: 129px; height: 80px; margin: 10px auto auto 10px;}
	.product_list .data .img img{width: 129px; height: 80px;}
	.product_list .data .txt{width: calc(100% - 159px); height: 100px; margin-left: 10px;}
	.product_list .data .txt h1{ height: 30px; line-height: 30px;font-size: 14px; margin-top: 10px;}
	.product_list .data .txt h2{ height: 44px; line-height: 22px;font-size: 14px;overflow: hidden;}
	.product_list .data:hover img{transform:scale(1.1);}
	.product_list .data:nth-child(odd){margin: 20px auto auto auto;}
	.product_list .line{width: 100%; height: 1px; overflow: hidden;clear: both;}
	
	.special{width: calc(100% - 40px); margin: 10px auto auto auto;}
	.special .data{width: 100%; height: auto;float: none; margin: 10px auto auto auto;padding-bottom: 15px;}
	.special .data h1{width: calc(100% - 20px); height: 30px; line-height: 30px;font-size: 14px;}
	.special .data h2{width: calc(100% - 20px); height: 44px; line-height: 22px;}
	.special .data:nth-child(odd){margin: 10px auto auto auto;}
	
	.product_details_banner{display: none;}
	.product_desc{width: 100%; margin: 0 auto;border-radius: 0;padding-bottom: 15px;}
	.product_desc .img{width: 100%;float: none; margin: 0 auto;padding-bottom: 0;}
	.product_desc .img .show{width: 100%; height: auto;}
	.product_desc .img .show img{width: 100%; height: auto;display: block;}
	.product_desc .img .list{width: 100%;}
	.product_desc .img .list img{width: calc(25% - 10px);height: 55px;margin:5px auto auto 5px;}
	.product_desc .img .list img:nth-child(4n+0){margin:5px auto auto 5px;}
	.product_desc .txt{width: calc(100% - 40px);float: none;margin: 0 auto;}
	.product_desc .txt h1{font-size: 16px;margin-top: 10px;}
	.product_desc .txt h2{margin-top: 0;}
	.product_desc .txt h2 a{height: 26px; line-height: 26px;font-size: 12px;}
	.product_desc .txt h3{line-height: 22px;font-size: 14px;margin-top: 10px;}
	.product_desc .txt h4{margin-top: 10px;}
	.product_desc .txt h4 a{width: calc(50% - 12px); margin-right: 0;}
	.product_desc .txt h4 a:nth-child(2){margin-left: 20px;}
	
	.product_form{width: 80%; height: 260px; margin: -130px auto auto -40%;}
	.product_form .title{width: 100%;}
	.product_form input{width: calc(100% - 40px); height: 30px; line-height: 30px;margin: 10px auto auto auto;}
	.product_form input:nth-child(1){margin: 20px auto auto auto;}
	.product_form .btn{width: 100%;}
	.product_form .btn a{width: calc(50% - 30px);}
	
	.details_main{width: 100%;margin: 20px auto auto auto;padding-bottom: 0;}
	.details_main .left{width: 100%;}
	.details_main .column{width: 100%;float: none;margin:0 auto;box-shadow:none;}
	.details_main .column .title{width: calc(100% - 40px); height: 40px; line-height: 40px;font-size: 14px;}
	.details_main .details{width: 100%;float: none;margin:0 auto;box-shadow:none;}
	.details_main .details .title{width: calc(100% - 40px); height: auto; line-height: 40px;font-size: 14px;}
	.details_main .details .txt{width: calc(100% - 40px); margin: 10px auto;}
	.details_main .details .txt img{max-width: 100%;}
	.details_main .details .txt video{max-width: 100%;}
	.details_main .details .next{width: calc(100% - 40px);height: auto;padding: 10px 0;}
	.details_main .details .next a{width: 100%;height: 30px; line-height: 30px;}
	.details_main .details .next a:nth-child(2){text-align: left;}
	.details_main .details .tag{width: calc(100% - 40px);}
	.details_main .details .tag a{font-size: 12px;}
	
	.recommend{width: 100%;margin-right: 0;}
	.recommend .main{box-shadow: none;}
	.recommend .main .title{width: calc(100% - 40px); height: 40px; line-height: 40px;font-size: 14px;}
	.recommend_product{width: calc(100% - 40px);padding: 5px 0 0 0;}
	.recommend_product .data .txt{width: calc(100% - 110px);}
	.recommend_news{width: calc(100% - 40px);padding: 5px 0 0 0;}
	.recommend_news .data .txt{width: calc(100% - 72px);}
	.recommend_ask{width: calc(100% - 40px);padding: 5px 0 0 0;}
	.recommend_ask .data{width: 100%;}
	.recommend_ask .data h1{width: calc(100% - 20px);}
	.recommend_ask .data h2{width: calc(100% - 20px);}
	.recommend_tag{width: calc(100% - 40px);padding: 5px 0 0 0;}
	.recommend_tag .data{font-size: 12px;}
	
	.column_main{width: 100%; margin: 20px auto auto auto;padding-bottom: 0;}
	.column_main .column{width: 100%;float: none;margin-left: 0; box-shadow: none;}
	.column_main .column .title{width: calc(100% - 40px); height: 40px; line-height: 40px;font-size: 14px;}
	
	.news_main{width: 100%;padding:10px 0 20px 0;}
	.news_main .data{width: calc(100% - 40px); height: 70px;}
	.news_main .data .num{width: 70px; height: 70px;}
	.news_main .data .num h1{width: 70px;margin-top: 9px;}
	.news_main .data .num h2{width: 70px;font-size: 12px;}
	.news_main .data .txt{width: calc(100% - 80px); height: 70px;}
	.news_main .data .txt h1{margin-top: 0;height: 22px; line-height: 22px;}
	.news_main .data .txt h3{margin-top: 2px;}
	
	.case_main{width: 100%;padding: 0 0 20px 0;}
	.case_main .data{width: calc(100% - 40px); height: auto;}
	
	.ask_details{width: 100%;}
	.ask_details .problem{width: calc(100% - 40px);}
	.ask_details .problem ul{width: calc(100% - 120px);}
	.ask_details .problem .form{width: calc(100% - 100px);padding: 10px 0 20px 0;}
	.ask_details .problem .form input{width: calc(100% - 60px);}
	.ask_details .answer{width: calc(100% - 40px);}
	.ask_details .answer ul{width: calc(100% - 120px);}
	
	.product_main{width: 100%;}
	.product_main .data{width: calc(100% - 40px);float: none; margin: 10px auto auto auto;}
	.product_main .data .txt{width: calc(100% - 159px);}
	
	.special_main{width: calc(100% - 40px);margin: 0 auto;}
	.special_main .data{width: 100%; height: auto;float: none; margin: 10px auto auto auto;padding-bottom: 15px;}
	.special_main .data h1{width: calc(100% - 20px); height: 30px; line-height: 30px;}
	.special_main .data h2{width: calc(100% - 20px);}
	
	.special_desc{width: 100%; margin: 20px auto auto auto;border-radius: 0;}
	.special_desc .title{width: calc(100% - 40px);line-height: 22px; margin: 10px auto auto auto;padding-bottom: 10px;}
	.special_desc .txt{width: calc(100% - 40px);margin: 10px auto auto auto;padding-bottom: 10px;}
	
	.contact_map{height: 300px;}
	.contact_map .map{height: 350px;margin: 0 auto;}
	
	.contact_main{width: calc(100% - 40px); margin: 10px auto auto auto;}
	.contact_main .data{width: 100%; height: auto;float: none;margin: 10px auto auto auto;border-radius: 10px;padding-bottom: 20px;}
	.contact_main .data h1{width: 100%;margin: 20px auto auto auto;}
	.contact_main .data h2{margin: 10px auto auto auto;}
	.contact_main .data h3{width: calc(100% - 40px);}
	
	.live_btn{width: 60px; height: 60px;bottom: 20px;right: 20px;z-index: 100;}
	.live_btn .main{width: 30px;height: 20px;margin: 20px 15px;}
}