* {box-sizing: border-box !important;padding: 0;margin: 0;}
body {font-family: "Microsoft Yahei", sans-serif !important;padding: 0;color: #000;margin: 0 auto;
position: relative;font-size: 14px;overflow-x: hidden;width: 100%;font-weight: lighter;}
body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {margin-top: 0;margin-bottom: 0;font-weight: normal;letter-spacing: 1px;font-weight: lighter;}
img {vertical-align: middle;border: none;}
body a {color: #000;}
body a:hover {text-decoration: none;color: #888;}
a {text-decoration: none;color: #000;}
body ul {margin: 0;padding: 0;}
li {list-style: none;}
img {vertical-align: middle;border: 0;}
input,
textarea {outline: none;}
a,p,span,small,b{font-weight: lighter;letter-spacing:0.5px;}
.hidden {display: none;}
.fl {float: left;}
.fr {float: right;}
.clearfix {clear: both;}
.dhzx {display: none;}
.width100{width:94%;height:100%;margin: 0 auto;display: block;position: relative;}
.width100nr{width:94%;margin: 0 auto;display: block;}
.container{width:100% !important;margin: 0 auto;}
.wrap{-moz-animation: wrapper 2s forwards;
-webkit-animation: wrapper 2s forwards;
-o-animation: wrapper 2s forwards;
-ms-animation: wrapper 2s forwards;
animation: wrapper 1s forwards;width: 100%;}
.subNav{cursor:pointer;}
.navContent{display:none;color:#999;}
.swiper-slide img {width: 100%;}
.bodyS{height: 100vh;overflow: hidden;}
/*banner*/
.banner{ width:100%; position:relative; overflow:hidden;/*margin-top: 101px;*/}
.banner img{ width:100%}
.flex-control-nav{position:absolute; bottom:10%;z-index:12;width:100%;text-align:center; left:0 }
.flex-control-nav li{display:inline-block;width:8px;height:8px;margin:0 6px;*display:inline;zoom:1}
.flex-control-nav a{ display:inline-block;width:100%;height:100%;border-radius: 20px;line-height:30px;overflow:hidden;cursor:pointer;background: #fff;color: #fff}
.flex-control-nav .flex-active{background: #ff7b00;color:#ff7b00}
.flex-direction-nav{width:100%; height:100%; position:absolute; top:0; z-index:5}
.flex-direction-nav li {width:61px;height:60px;overflow:hidden}
.flex-direction-nav li a{width:61px;height:60px;background:url(../images/banner-point-list.png) no-repeat;
position:absolute; z-index:11;top:50%;margin-top:-30px}
.flex-direction-nav li a.flex-prev{background-position:0 0; left:30px; opacity:0}
.flex-direction-nav li a.flex-next{background-position:-90px 0; right:30px;opacity:0}
.ab_titlic2{margin-top:10px;}
.intit{background:url(../images/xgray_line02.png) repeat-x center;max-width:400px;margin:0 auto;padding:2% 0;
padding-top:1%;}
.intit span{background:#fff;max-width:180px;display:block;margin:0 auto;text-align:center;
font-size:25px;color: #876f47;}
.indbanner{position: relative;min-height: 60px}

@-webkit-keyframes bounce-up {
 25% {-webkit-transform: translateY(10px);}
  50%, 100% {-webkit-transform: translateY(0);}
  75% {-webkit-transform: translateY(-10px);}
 }
 
 @keyframes bounce-up {
  25% {transform: translateY(10px);}
  50%, 100% {transform: translateY(0);}
  75% {transform: translateY(-10px);}
 }
.ban_down{position: absolute;bottom:5%;left:49.5%;z-index: 99;
-webkit-animation: bounce-up 1.4s linear infinite;animation: bounce-up 1.4s linear infinite;}
.slides li.ban_li{position: relative;width: 100%;height: 100vh;background-size:cover;background-attachment: fixed;background-position: center center;background-repeat: no-repeat}

/*header */
.header {width: 100%;height:68px;background: rgba(0,0,0,0);color: #000;z-index: 999;font-size: 32px;
text-align: center;position: fixed;top: 0;left: 0;transition: background 1s;}
.nav-logo {float: left;width:12%;margin:12px 0;}
.slides li.ban_li .ban_txt{position: absolute;top:45%;width: 100%;left:29%;}
.slides li.ban_li .ban_txt h2{font-size:60px;color: #fff;letter-spacing:10px;font-weight: lighter;}
.slides li.ban_li .ban_txt h3{font-size:20px;color: #fff;letter-spacing:5.5px;
border-bottom: 1px solid #fff;border-top: 1px solid #fff;padding: 10px 0;margin-top:30px;display:inline-block;
font-weight: lighter;}
.nav {width: 100%;position: fixed;left: 0;top: 0;z-index: 999;transition: 0.3s;height: 68px;}
.nav.scroll {background: #FFF;box-shadow: 0 3px 3px 0 rgba(0,0,0,0.05);transition: 0.3s;}
.nav .layui-container {height:100%;transition: all 400ms ease-out;}
.nav .nav-logo a{display: block;}
.nav .nav-logo a.logo_a{position: relative;}
.nav .nav-logo a img{width:100%}
.nav .nav-list {width:70%;float: right;line-height: 48px;margin-top: 12px;}
.nav .nav-list button {width: 25px;height: 30px;position: absolute;top: 30px;right: 15px;
background-color: transparent;border: none;outline: none;cursor: pointer;}
.nav .nav-list button span {display: block;width: 25px;height: 2px;background: #2db5a3;margin-bottom: 6px;
transition: 0.5s;}
.nav .nav-list button span.spa1 {transform: rotate(45deg);}
.nav .nav-list button span.spa3 {transform: rotate(-45deg) translate(5px, -5px);}
.nav .layui-nav {width: 100%;color: #000;background: transparent; position: relative;}
.nav .layui-nav .layui-nav-item{display: block;float: left;width: 12%;text-align: center;margin-right: 4%;}
.nav .layui-nav .layui-nav-item:hover>a,.nav .layui-nav .layui-nav-item a:hover{color: #ff9b17;}
.ul_down1{position: absolute;top:90px;transition: 1s;min-width:50%;text-align: left;/*padding:30px 0;*/ display: none;}
.ul_downUL{background: rgb(255 255 255 / 85%);padding: 20px 0;min-height: 320px;}
.ul_downUL li{padding:7px 28px;width:50%;line-height: 28px;border-right:1px solid #ccc;}
/* .layui-nav-item:hover .ul_down1{display: block;} */
.ul_downUL li a:hover,.ul_downUL li:hover>a,
.layui-nav-item .ul_down2 a:hover{color: #ff9b17 !important; border-bottom: 1px solid #ccc;background: url(../images/more_jian.png) no-repeat right center;}
.nav .layui-nav .layui-nav-item .ul_down a {color: #000;display: block;}
.nav .layui-nav .layui-nav-item.english a,
.nav .layui-nav .layui-nav-item.search a{background: none;}
.nav .layui-nav * {font-size:16px;}
.nav .layui-nav .layui-nav-item>a{color: #fff;}
.nav .layui-nav-bar,
.nav .layui-nav .layui-this:after {height: 2px;background-color: #2db5a3;}
.nav .layui-nav .layui-this a, 
.nav .layui-nav .layui-nav-item:hover,
.nav .layui-nav .layui-nav-item a:hover,
.nav .layui-nav .layui-nav-item a.active,
.nav .layui-nav .layui-nav-item.english:hover,
.nav .layui-nav .layui-nav-item.english:hover>a,
.headerStyle .nav .layui-nav .layui-nav-item.english:hover>a,
.nav .layui-nav .layui-nav-item.english a:hover,
.headerStyle .nav .layui-nav .layui-nav-item.english a:hover,.scrolledDown .nav .layui-nav .layui-nav-item.english a:hover,.scrolledDown .nav .layui-nav .layui-nav-item.english:hover a{color: #ff9b17 !important}
.ul_down2{position: absolute;top:0px;left:50%;transition: 1s;width:40%;height:auto;display: none;padding: 27px 0;background: transparent;}
.ul_down2 a{margin: 0 0 11px 28px;padding: 3px 0 0 0;}
.ul_down1 li:hover .ul_down2{display: block;}
@media screen and (min-width: 768px) {
	.nav .nav-list button {display: none;}
	.nav .layui-nav {width: 100%;padding: 0 5px;border-radius: 0;margin: 0;}
}
/*nav */
.nav-list .search a{display: block;}
.nav-list .search a.ser_icon{position: relative;}
.nav-list .search a.ser_icon .ser_img2{position: absolute;left:35%;bottom: 42%;display: none;}
.scrolledDown .search a.ser_icon .ser_img2{display: block !important;}
.scrolledDown .search a.ser_icon .ser_img1{display: none;}
.scrolledDown .search{line-height: 100px;}
.scrolledDown .search a.ser_icon{height: 23px;margin: 44.5px 0 0 0;}
/*content*/
.content {width: 100%;height: 1000px;position: relative;padding-top: 64px;}
.scrolledDown,.headerStyle {background: rgba(255,255,255,1);color: #ddd;}
.scrolledDown .nav .layui-nav .layui-nav-item>a,.headerStyle .nav .layui-nav .layui-nav-item>a,.scrolledDown .header-login-index a{color: #000 !important;}
.scrolledDown .ul_down1 a{color: #fc7b01;}
.scrolledDown .nav .layui-nav .layui-nav-item:hover>a,.headerStyle .nav .layui-nav .layui-nav-item:hover>a{color: #fc7b01!important;}
.scrolledDown .nav .layui-nav .layui-nav-item a:hover,.headerStyle .nav .layui-nav .layui-nav-item a:hover{color: #fc7b01 !important;}
.scrolledDown .nav .layui-nav .layui-nav-item a.active,.headerStyle .nav .layui-nav .layui-nav-item a.active{color: #fc7b01 !important;}
/*banner*/
.indhezuo{margin:65px 0 90px 0;}
.indhezuo_list{width: 100%;overflow: hidden;margin:60px 0 0 0;}
.indhezuo_list .indhezuo_li{float: left;width:17.5%;margin-right:10%;text-align: center !important;}
.indhezuo_list .indhezuo_li:last-of-type{margin-right: 0;}
.indhezuo_list .indhezuo_li a{display: block;}
.indhezuo_liimg{margin: 20px 0;}
.indhezuo_liimg img{width:60px;}
.indhezuo_litxt h3{font-size:24px;margin-bottom: 17px;}
.indhezuo_litxt P{font-size:18px;color: #9c9c9c;line-height: 1.6;text-align: center !important;}

/*index*/
.indhezuo_liimg button {background: none;border: 0;box-sizing: border-box;box-shadow: inset 0 0 0 1px #999;
color: #999;font-size: inherit;font-weight: 700;width: 130px;height: 130px;
text-align: center;text-transform: capitalize;
position: relative;vertical-align: middle;}
.indhezuo_liimg button .yximg2{position: absolute;left: 27%;top:27%;display: none;}
.indhezuo_liimg button:hover .yximg2{display: block;}
.indhezuo_liimg button:hover .yximg1{display: none;}

.indhezuo_liimg button::before, .indhezuo_liimg button::after {box-sizing: border-box;content: '';position: absolute;
width: 100%;height: 100%;}
.draw {-webkit-transition: color 0.25s; transition: color 0.25s;}
.draw::before, .draw::after {border: 2px solid transparent;width: 0;height: 0;}
.draw::before {top: 0;left: 0;}
.draw::after {bottom: 0;right: 0;}
.draw:hover {color: #60daaa;}
.draw:hover::before, .draw:hover::after { width: 100%;height: 100%;}
.draw:hover::before { border-top-color: #FF9B17;border-right-color: #FF9B17;
-webkit-transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;}
.draw:hover::after {border-bottom-color: #FF9B17;border-left-color: #FF9B17;
-webkit-transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;
transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;}
.meet:hover {color: #FF9B17;}
.meet::after {top: 0;left: 0;}
.meet:hover::before {border-top-color: #FF9B17;border-right-color: #FF9B17;}
.meet:hover::after {border-bottom-color: #FF9B17;border-left-color: #FF9B17;
-webkit-transition: height 0.25s ease-out, width 0.25s ease-out 0.25s;
transition: height 0.25s ease-out, width 0.25s ease-out 0.25s;}
.center:hover { color: #FF9B17;}
.center::before,
.center::after {top: 0;left: 0;height: 100%;width: 100%;
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;}
.center::before {border-top: 2px solid #FF9B17;border-bottom: 2px solid #FF9B17;
-webkit-transform: scale3d(0, 1, 1);
transform: scale3d(0, 1, 1);}
.center::after {border-left: 2px solid #FF9B17;border-right: 2px solid #FF9B17;
-webkit-transform: scale3d(1, 0, 1);
transform: scale3d(1, 0, 1);}
.center:hover::before,
.center:hover::after {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
-webkit-transition: -webkit-transform 0.5s;
transition: transform 0.5s;}
.spin {width: 6em;height: 6em;padding: 0;}
.spin:hover{color:#FF9B17;}
.spin::before,
.spin::after {top: 0;left: 0;}
.spin::before {border: 2px solid transparent;}
.spin:hover::before {border-top-color: #FF9B17;border-right-color: #FF9B17;border-bottom-color: #FF9B17;
-webkit-transition: border-top-color 0.15s linear, border-right-color 0.15s linear 0.1s, border-bottom-color 0.15s linear 0.2s;
transition: border-top-color 0.15s linear, border-right-color 0.15s linear 0.1s, border-bottom-color 0.15s linear 0.2s;}
.spin::after {border: 0 solid transparent;}
.spin:hover::after {border-top: 2px solid #FF9B17;border-left-width: 2px;border-right-width: 2px;
-webkit-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg);
-webkit-transition: -webkit-transform 0.4s linear 0s, border-left-width 0s linear 0.35s;
transition: transform 0.4s linear 0s, border-left-width 0s linear 0.35s;}
.circle {border-radius: 100%;box-shadow: none;}
.circle::before,
.circle::after {border-radius: 100%;}

/*index*/
.indchan{padding:60px 0 55px 0;background: #f6f6f6;}
.box_chan{margin: 50px auto 40px auto;}
.cesl{background: #FF9B17 !important;color: #fff !important;border: 1px solid #FF9B17 !important;}
.slider_btn{width: 100%;}
.slider_btn a {width: 112px;border: 1px solid #222;height:30px;line-height:30px;display: block;
margin:20px auto;font-size: 16px;text-align: center;}
.swiper-slide ul{display: flex;justify-content: space-around;width:100%;margin: 0 auto;}
.swiper_img li{width:32%; text-align:center; height:auto;background:#fff;position: relative;margin: 0 1%;}
.swiper_img li a{display: block;}
.chan_img{width: 100%;height:275px;overflow: hidden;background: #f9f9f9;display: flex;align-items: center;justify-content: center;}
.swiper_img li img{ width:auto;height: 100%;transition: all 1s;}
.swiper_img li a:hover img{transform: scale(1.1);}
.swiper_img li:hover a{background:none;}
.swiper-container-fade .chan_txt{opacity: 0;}
.chan_txt h4{width: 100%;padding:10px;height:auto;color: #888;font-size: 16px;line-height: 24px;
text-align: center;}
.swiper_img li .swiper-button-next,.swiper_img li .swiper-button-prev,.spaceUl li .swiper-button-next,.spaceUl li .swiper-button-prev{width: 35px;height: 35px;margin-top: -20px;}
.swiper_img li .swiper-button-next,.spaceUl li .swiper-button-next{right: 5px;}
.swiper_img li .swiper-button-prev,.spaceUl li .swiper-button-prev{left: 5px;}

.swiper-container-fade .swiper-slide-active .chan_txt{opacity: 1;}
.swiper_img .swiper-slide img{ transition:1s linear 3s;opacity: 1;}
.swiper_img .swiper-slide-active img,.swiper-slide-duplicate-active img{ transition:1s linear; opacity: 0.9;}	

.chanli_tab{width: 100%;margin:20px 0;}
.chanli_tab ul{overflow: hidden;width: 100%}
.chanli_tab ul li{width:8%;height:50px;margin-right:6px;display: inline-block}
.chanli_tab ul li:last-of-type{margin-right: 0;}
.chanli_tab ul li a{display: block;text-align: center;height:50px;line-height:50px;font-size:20px;}
.chanli_tab ul li a.active,.chanli_tab ul li a:hover{background: #FF9B17;color: #fff;}
.slider_btn1{width: 100%;}
.slider_btn1 a {width: 112px;border: 1px solid #000;height:30px;line-height:30px;display: block;
margin:20px auto;font-size: 16px;color: #000;text-align: center;}
.slider_btn1 a:hover,
.slider_btn a:hover,
.indxun_btn a:hover{border: 1px solid #888;color: #888;}

.indguihua{margin:110px 0;}
.public_tit h1{font-size:40px;text-align: center;font-weight: lighter;}
.public_tit span{display: block;height:1.5px;border:0.5px solid #FF9B17;width: 60px;margin:10px auto;
background: #FF9B17;}
.public_tit p{font-size:20px;text-align: center;color: #9c9c9c;text-transform:uppercase}
.indguihua_tit{width: 100%;overflow: hidden;}

.indguihua_list2{width: 100%;margin-top:25px;}
.indguihua_list2 ul{width: 100%;overflow: hidden;}
.indguihua_list2 ul li{float: left;width: calc(25% - 15px);position: relative;overflow: hidden;margin-right: 20px;}
.indguihua_list2 ul li:last-child{margin-right: 0;}
.indguihua_list2 ul li a{display: block;}
.indguihua_list2 ul li img{width: 100%;transition: all 1s;}
.indguihua_list2 ul li a:hover img{transform: scale(1.1);}
.indguihua_list2 ul li .indguihua_li2txt h3{color: #333;font-size: 24px;line-height:60px;font-weight: lighter;}
.slider .slider-inner .item .ban-txt{position: absolute;right:150px;bottom:0%;background:#fff;padding:3% 2%;width: 350px;height: 205px;}
.indguihua_list1{margin: 10px 0 0px 0;}
.indkj{/*max-height: 825px;*/height: 100%;background: url(../images/picture/indkj_bg.jpg) no-repeat center;background-size:100% 100%;width: 100%;
background-attachment: fixed;}

/*index product*/
.N-seniority {overflow: hidden;position: relative;}
.N-seniority2{margin-top: 30px;}
.N-seniority .swiper-container{width:100% !important;}
.N-seniority .swiper-slide{width: 100% !important}
.N-seniority .swiper-button-next{right: 0;}
.N-seniority .swiper-button-prev{left: 0;}
.N-seniority .spaceUl{margin-top: 25px;}
.spaceUl li{width: calc(50% - 10px);text-align: center}
.spaceUl li h3{font-size: 18px;line-height: 45px;}
.indcase{width: 100%;padding:60px 0 55px 0;background: #f6f6f6;}
.indcase_tit{margin: 0 0 25px 0;}
.indcase_list{width: 100%;overflow: hidden;}
.indcase_list .indcase_li{float: left;width:calc(12.5% - 13.15px);margin-right: 15px;margin-bottom: 15px;}
.indcase_list .indcase_li:nth-child(8n){margin-right: 0;}
.indcase_liimgbg{width: 100%;position: relative;min-height: 100px;}
.indcase_liimgbg img{width: 100%;}
.indcase_liimgb{position: absolute;top: 0;width: 100%;height: 100%;}

.indcase_list .indcase_li .indcase_liimg{width: 100%;height: 100%;display: flex;justify-content: center;
align-items: center;position: relative;overflow: hidden;}
.indcase_list .indcase_li img.img1{width:60%;}
.indcase_list .indcase_li .indcase_liimg img.img2{width: 100%;position: absolute;top: 0;left: 0;display: none;}
.indcase_list .indcase_li a{display: block;height: 100%;}
.indcase_list .indcase_li a:hover .indcase_liimg img.img2{display: block;}
.indjie{width: 100%;padding:120px 0 0px 0;}
.indjie_tit{margin:0px 0 130px 0;}
.indjie_tit h1{font-size:40px;text-align: center;font-weight: lighter;}
.indjie_tit span{display: block;height:2px;border:0.5px solid #FF9B17;width: 60px;margin:25px auto;background: #ff9b17;}
.indjie_tit p{font-size:20px;text-align: center;color: #9c9c9c;}

.digital {width: 100%;}
.main {width:100%;margin: 0 auto;font-size: 0;}
.mumping_mun li{width:23%;display: inline-block;margin-right: 2.5%;}
.mumping_mun li:last-of-type{margin-right: 0;}
.mumping_mun {width:100%;list-style: none;}
.mumping_mun p {font-size:24px;width: 100%;display: block;clear: both;color: #888;margin-top: 25px;}
.mumping_mun h2 {font-size:40px;font-weight: 600;color:#000;float: left;margin-right: 10px;letter-spacing: 2px;}
.timer_mun{position: relative;}
.timer_mun .timer_1{font-size:36px;color: #000;font-weight: 600;margin-left: -5px;}

.width102{width:56%;margin: 0 auto;}
.indjie1_list{width: 100%;position: relative;margin:120px 0 0 0;
background: url(../images/jiejue_bg.jpg) no-repeat center;background-size:100%;background-attachment: fixed;}
.indjie1_list .indjie1_listimg img{width: 100%;}
.indjie1_list-bg{width: 100%;height: 100%;/*position: absolute;top: 0;*//*background: rgb(0,0,0,0.5);*/padding:40px 0 5px 0;}
.indjie2_tit h2{font-weight: lighter;}
.indjie2_list{width: 100%;overflow: hidden;}
.indjie2_li a{display: block;}

.indjie2_li .indjie2_litit{width:58%;overflow: hidden;margin:2% auto;}
.indjie2_b img{background: #000;}
.indjie2_w img{background: #fff;}
.indjie2_litit img{float: left;width:15%;border-radius: 50%;margin-top: 8px;
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;}
.indjie2_li a:hover .indjie2_litit img{transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);}
.indjie2_litit h3{float: left;margin-left:4%;}
.indjie2_litit h3 p.y{font-size:20px;margin-bottom: 10px;}
.indjie2_litit h3 p.z{font-size: 18px;}

.indjie2_li .indjie2_litxt{width:58%;margin:25px auto 0 auto;}
.indjie2_li .indjie2_litxt p{font-size:16px;line-height:28px;}

.indjie2_liw .indjie2_litit h3,
.indjie2_liw .indjie2_litxt p{color: #222;}
.indjie2_lib .indjie2_litit h3,
.indjie2_lib .indjie2_litxt p{color: #fff;}

.jie_btn a{width:28%;text-align: center;height:50px;border:1px solid #fff ;display: block;line-height:50px;
float:left ;font-size: 18px;}
.jie_btn a.ding{background: #fff;color: #222;}
.jie_btn a.zixun{background:0;color: #fff;}

.indser{width: 100%;margin:120px 0 115px 0;}
.indser_tit{margin:0px 0 60px 0;}
.indser_list{width: 100%;overflow: hidden;}
.indser_list .indser_li{float: left;}
.indser_list .indser_lic{width: 13.55%;position: relative;margin-right:10px;text-align: center !important;}
.indser_list .indser_lic:last-of-type{margin-right: 0;}
.indser_list .indser_lic img.lcimg1{margin: 0px 0 25px 0}
.indser_list .indser_lic img.lcimg2{margin: 0px 0 25px 0}
.indser_list .indser_lic img.lcimg3{margin: 0px 0 25px 0}
.indser_list .indser_lic img.lcimg4{margin: 0px 0 25px 0}
.indser_list .indser_lic img.lcimg5{margin: 0px 0 25px 0}
.indser_list .indser_lic img.lcimg6{margin: 0px 0 25px 0}
.indser_list .indser_lic img.lcimg7{margin: 0px 0 25px 0}
.indser_list .indser_lic h3{text-align: center;font-size:24px;line-height: 2;}
.indser_list .indser_lic p{text-align: center;font-size: 16px;color: #888;margin-top: 5px;}
.indser_list .indser_lis{width: 2%;display: block;width:30px;height: 1px;background: #222;
border: 0.5px solid #222;/*margin: 30px auto 10px auto;*/position: absolute;top:15%;right:10px;}

.indxun{width: 100%;padding:20px 0 0 0;background: #f6f6f6;}
.indxuns{padding:20px 0 0 0;}
.indxun_list{width: 100%;overflow: hidden;}
.indxun_li .slick-prev,
.indxun_li .slick-next{display: none !important;}
.indxun_list .boxxun{width:100%;height:850px;margin:0 auto;}
.indxun_list .boxxun ul,li{list-style: none;}

.indxun_list .boxxun ul{position:relative;display:flex;}
.indxun_list .boxxun li{flex:1;height:50px;}
.indxun_list .boxxun input{display:none;}
.indxun_list .boxxun input+label{display:block;width:85%;height:100%;font-size:20px;
text-align: center;line-height:50px;color:#000;margin: 0 auto;border: 1px solid #000;background: none;}
.indxun_list .boxxun input+label+div{display:none;position: absolute;left:0;top:60px;}
.indxun_list .boxxun input:checked+label{background: #FF9B17;color:#fff;border: 1px solid #FF9B17;}
.indxun_list .boxxun input:checked+label+div{display:block;}

.indxun_tab{width:90%;overflow: hidden;margin-top:20px;position: relative;margin-left:5%;}
.indxun_news_left{width: 48%;float: left;}
.indxun_tabliimg{width: 100%;position: relative;background-position: center;background-repeat: no-repeat;background-size: cover;margin-bottom:10px;}
.indxun_tablip{line-height: 40px;height: 40px;background: #7f7f7f;text-align: center;overflow: hidden;color: #fff;}
.indxun_news_left .swiper-button-prev{left: 10px;}
.indxun_news_left .swiper-button-next{right: 10px;}
.indxun_news_right{width:52%;float: right;background: #fff;height:390px;overflow: hidden;}
.indxun_news_right .indxun_tit{text-align: left;border-bottom: 1px solid #ddd;padding:30px 0 15px;margin:0 30px;overflow: hidden;}
.indxun_news_right .indxun_tit h1,.indxun_news_right .indxun_tit p{display: inline-block}
.indxun_news_right .indxun_tit a{float: right;margin-top: 12px}
.indxun_news_right ul{margin: 12px 30px 0 48px;}
.indxun_news_right ul li{list-style: square;height: 40px;line-height: 40px}
.indxun_news_right ul li a{display: block;width:100%;height: 40px;line-height: 40px}
.indxun_news_right ul li p{width:calc(100% - 120px);float: left;overflow: hidden;display: -webkit-box;
-webkit-box-orient: vertical;word-break: break-word;height: 40px;line-height: 40px;-webkit-line-clamp: 1;}
.indxun_news_right ul li span{float: right;color: #888;height: 40px;line-height: 40px;}
.indxun_news_right ul li:hover{color: #FF9B17}
.indxun_news_right ul li:hover p{color: #FF9B17}
.indxun_tabli1{float: left;width: 32%;margin:10px;background: #fff;}
.indxun_tabli1 a{display: block;}
.indxun_tabliw{padding:9% 6%;}

.indxun_btn{width: 100%;text-align: center;overflow: hidden;margin:20px 0 55px}
.indxun_btn a{width: 112px;border: 1px solid #222;height:30px;line-height:30px;text-align: center;font-size: 16px;display: inline-block}

.indexproUL{display: block;}
.indexproUL li{width: 33.33%;display: flex;align-items: center;justify-items: center;position: relative;}

/* footer */
footer{width: 100%;background: #26272d;padding:20px 0 10px;}
footer .foot{width: 100%;overflow: hidden;}
.foot_left{float:right;width:22%;}
.foot_left .fle_logo{margin: 0 0 25px 0;}
.fgz{width: 100%;margin:35px 0;}
.fgz p{float: left;color:rgba(255,255,255,0.8);font-size: 14px;}
.fgz a{float: left;margin:0 5px;display: block;position: relative}
.fgz img:first-child{opacity: 0.6;height: 23px;}
.fgz img:first-child:hover{opacity: 1;}
.fgz a img.weixin2,.fgz a img.dou2{position: absolute;left:-25px;bottom:30px;width:60px;display: none;background: #fff;}
.fgz a:hover img.weixin2,.fgz a:hover img.dou2{display: block;}

.fid{width: 100%;}
.fid p.p_fid1{color:rgba(255,255,255,0.8);margin:15px 0;font-size: 16px;}
.fid p.p_fid2{color:rgba(255,255,255,0.9);margin:15px 0;font-size: 16px;}
.fid p img{margin-right: 5px;}
.fid p.p_fid2 span{font-size:24px;font-weight: normal;}
.foot_right{float:left;width:78%;}
.foot_right .fri_li{float:left;width:20%;text-align:left;}
.foot_right .fri_li h3{color:rgba(255,255,255,0.8);font-size: 18px;margin-bottom:15px;}
.foot_right .fri_li p{margin-bottom: 10px;}
.foot_right .fri_li p a{color:rgba(255,255,255,0.7);font-size:16px;}
.foot_right .fri_li p a:hover{color: #f19a33;}
.foot_right .fri_li p select{border: none;background: none;}
.foot_right .fri_li p option{border: none;background: none;color: #fff;}

table.table-expandable{float: right;width: 100%;}
table.table-expandable > tbody > tr:nth-child(odd) {cursor: pointer;}
table.table-expandable > tbody > tr div.table-expandable-arrow {float: right;opacity: 0.7;background:transparent url(../images/arrows1.png) no-repeat scroll 0px -16px; width:16px; height:16px; display:block;}
table.table-expandable > tbody > tr div.table-expandable-arrow.up { background-position:0px 0px;
float: right;}
table.table-expandable td ul li{margin-bottom: 10px;}
table.table-expandable td ul li a{color:rgba(255,255,255,0.7);font-size: 16px;}
.foot_last{border-top: 1px solid rgba(255,255,255,0.1);padding: 10px 0 0 0;overflow: hidden;}
.foot_last p{color: #4b4c50;font-size: 14px;text-align: left;}
.foot_last p a{color: #4b4c50;font-size: 14px;}

/*ä¾§è¾¹æ å¼¹æ¡†*/
.side{position:fixed;width:40px;height:275px;right:0;bottom:50px;z-index:100;}
.side ul{display: block}
.side ul li{position:relative;margin: 5px 0;font-size: 14px;display:block;height: 40px;}
.side ul li .sideDiv{position:absolute;width:40px;height:40px;top:0;right:0;transition:all 0.3s;background:#000;opacity:0.6;filter:Alpha(opacity=60);color:#fff;overflow:hidden;border-radius: 5px;cursor: pointer;}
.side ul li .sidetop{width:40px;height:40px;line-height:40px;display:none;background:#000;opacity:0.6;filter:Alpha(opacity=60);transition:all 0.3s;border-radius: 5px;}
.side ul li .sidetop:hover,.side ul li .sideDiv:hover{opacity:1;filter:Alpha(opacity=100);}
.side ul li img{float:left;width:30px;margin: 5px;}
.numberCar{position: absolute;right:3px;top:-2px;color: #f00;font-weight: bold;
-webkit-transform: scale(0.9); }
.sideFrame{position: absolute;left: -225px;width: 220px;height: auto;overflow: hidden;z-index: 9;display: none;box-shadow: 2px 3px 5px #666;border-radius: 5px;}
.sideFrame_line{bottom:96px;}
.sideFrame_gzh{bottom:141px;}
.sideFrame_xcx{bottom:186px;}
.sideFrame_box{padding:20px 0;background: #fff;transition: transform 0.5s ease;;text-align: center} 
.sideFrame_title{color: #f19a33;margin: 0 20px}
.sideFrame_title img{width:30px;margin-right: 10px;}
.sideFrame_title span{font-size:18px;}
.sideFrame_tel{font-size:24px;font-weight: bold;margin:15px 20px;}
.sideFrame_tel a:hover{color:#FF9B17;}
.sideFrame_time{border-top: 1px solid #ccc;padding:20px 20px 0}
.sideFrame_time img{width: 16px;margin-right: 5px;}
.sideFrame_time span{font-size:14px;color: #999;}
.sideFrame_ewm{text-align: center;font-size:14px;color:#666}
.sideFrame_ewm span{margin-top: 5px;display: block}
.sideFrame_ewm img{width: 80px; margin: 20px auto 0;display: block}

/* about */
.place{line-height: 30px;font-size: 14px;padding:10px 0;color: #666;border-bottom: 1px solid #ccc;}
.place a{color: #666;margin: 0 3px;}
.place a:hover,.place a.current {color: #fc7b01}
.place h1{color: #f00;}
.inAboutTop {overflow: hidden;}
.inAbT_img {position:relative;margin-right:8%;width: 38%;float: left;}
.inAbT_img>img {width: 100%;}
.inAbT_imgsty {position: absolute;right: -60px;bottom: 0;width: 286px;background: rgb(10 76 102 / 70%);padding: 30px 0;}
.inAbT_imgsty > img {width:30px;float:left;margin-left:10%;margin-right:10px;}
.inAbT_imgsty h3 {font-size:20px;letter-spacing:2px;color:#fff;line-height:36px;margin:0 30px 10px;}
.inAbT_imgsty h6{color:#fff;font-size:14px;line-height:24px;margin:0 30px;letter-spacing:0;}
.inAbT_txt {width: 50%;float: right;}
.innerTit {border-bottom: 1px solid #f1f1f1;margin: 0 0 20px;}
.innerTit h3 {font-size: 30px;color: #ff7f08;margin: 0;line-height: 50px;letter-spacing:2px;}
.innerTit span {display: inline-block;width: 35px;height: 2px;background: #ff7f08;position: relative;bottom: -6px;left: 0;}
.innerTit h3 i {font-style: normal;font-size: 18px;color: #ddd;padding-left: 10px;text-transform: uppercase;letter-spacing: 0;}
.inAbT_p{margin-bottom: 80px;}
.innerTit h6{color: #ff7f08;font-size: 18px}
.inAbT_p h4 {color: #333;font-size: 22px;line-height: 30px;font-weight: 500;letter-spacing: 2px;}
.inAbT_p p,.inAboutMid p {line-height: 24px;color: #666;margin: 20px 0;}
.inAboutMid{background: #f2f2f2;margin: 50px 0;padding:20px 46% 20px 25px;position: relative;}
.inAboutMid img{width: 42%;position: absolute;right: 0;bottom: 0;}
/* culture */
.cultureTop{text-align: center;margin-bottom: 80px;}
.cultureTit h2{font-weight: 400; margin: 0 0 20px;font-size: 30px;letter-spacing: 2px;}
.cultureTxt{width: 54%;margin: 40px auto;}
.cultureTxt h6{line-height: 30px;opacity: 0.8;font-size: 16px}
.cultureImg img{width: 100%;}
.cultureBotTxt{margin-bottom: 50px;}
.cultureBotTxt h5{padding-bottom: 15px;font-weight: 400;margin: 0;border-bottom: 1px solid #f2f2f2;font-size: 24px;letter-spacing: 2px;}
.cultureBotTxt h6{line-height: 30px; opacity: 0.8;margin: 10px 0;}
/* honor */
.honor{ width: 80%; margin: 0 auto;overflow: hidden;}
.honor ul li{float: left;width: calc(50% - 20px);margin-right: 40px;margin-bottom: 30px;}
.honor ul li:nth-child(2n){margin-right: 0;}
.honor ul li img{width: 100%}
.honor ul li h6{font-size:18px;color: #666;margin: 10px 0}
.honor ul li p{font-size:14px;color: #999;}
/* contact */
.contactTop{background: #f2f2f2;padding: 50px;overflow: hidden;margin-bottom: 30px;}
.contaclLeft{width: 35%;margin-top: 15px;}
.contaclLeft,.contaclLeft img{float: left;}
.contaclLeft img{margin-right:20px;width: 60px;}
.contaclLeft p,.contaclRight p,.contactBot ul li p{font-size:14px;color: #666;line-height: 24px}
.contaclLeft h3{font-size: 32px;color: #FF9B17;line-height: 32px;margin-top: 10px}
.contaclRight{float: left;border-left: 1px solid #ccc; padding-left: 80px;}
.contaclRight h3{font-size:24px;color: #333;margin-bottom: 10px;}
.contactTop h5{font-size:18px; line-height: 24px;margin-bottom: 10px;text-align: center}
.contactTop h6{color: #777;text-align: center;margin-bottom: 40px;}
.contactTop ul{overflow: hidden;}
.contactTop ul li{float: left;width: 20%;text-align: center}
.contactTop ul li img{width:80px;margin-bottom: 10px}
.contactTop ul li p{font-size:16px;color: #999;text-align: center}
.contactBot{overflow: hidden;margin-bottom: 50px;}
.contactBot ul li{width:calc(25% - 15px);float: left;margin-right: 20px;background: #f2f2f2;padding: 50px 20px 50px 30px;border-radius: 60px 0 0 0;}
.contactBot ul li:last-child{margin-right: 0;}
.contactBot ul li h5{font-size:18px;color: #333;margin-bottom: 10px;}
/* news */
.con_title{overflow: hidden;}
.inStyle{border-bottom-color: #ddd;}
.nwes-list__full li {
    background-color: rgba(245,245,245,0.5);
    position: relative;
    margin-bottom: 50px;
}
.nwes-list__full figure {
    overflow: hidden;
    width: 30%;
    position: relative;
}
.nwes-list__full figure, .nwes-list__full article {
    display: inline-block;
    vertical-align: top;
}
.nwes-list__full figure:before {
    content: "";
    display: block;
    padding-top: 240px;
}
.bg-cover {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.nwes-list__full .pic {
    -webkit-transition: transform 0.6s;
    transition: transform 0.6s;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.nwes-list__full article {
    width: 70%;
	padding: 30px 100px 0 50px;
	float: right;
}
.nwes-list__full .nl-box {
    max-width: 750px;
}
.nwes-list__full h1 {
    -webkit-transition: color 0.4s;
    transition: color 0.4s;
    font-size: 24px;
    color: rgba(17,17,17,0.8);
    font-weight: 700;
    line-height: 1.4;
    height: 60px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.nwes-list__full .nl-txt {
	overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 54px;
}
.nwes-list__full .nl-txt p {
    font-size: 14px;
    line-height: 1.9;
    color: rgba(17,17,17,0.8);
}
.more-btn {
    display: inline-block;
    font-size: 12px;
    font-family: "FutworaProTrialMedium";
    color: rgba(17,17,17,0.8);
    text-transform: uppercase;
    letter-spacing: 1px;
    position: relative;
    padding-bottom: 5px;
    padding-right: 20px;
}
.nwes-list__full .more-btn {
    margin-top: 35px;
}
.nl-year {
    position: absolute;
    right: 22px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 30px;
   /* width: 120px;*/
    color: #666;
}
.nwes-list__full li:hover h1 {
	color: #FF9B17;
}
.nwes-list__full li .more-btn:hover{
	color: #FF9B17;
}
.page{ margin: 50px 0 0;text-align: center;padding-bottom: 50px;}
.page a{font-size: 14px;background:#6c6c6c;width: 40px;height: 36px;line-height: 36px;border-radius: 3px;margin-left: 5px;display: inline-block;color: #fff;}
.page a img{height: 16px;}
.page a:hover,.page a.current{background: #ff7c03;color: #fff}
/* newsdet */
.newsLeft{width: 70%;margin-right: 30px;margin-bottom: 30px;float: left}
.det_tit{overflow: hidden;width: 100%;padding-right: 50px}
.det_tit h3{font-size: 20px;line-height: 30px;font-weight: 600;margin:10px 0;}
.det_tit span{color: #999;font-size: 14px;}
.det_txt{padding:0 50px 30px 0;border-right: 1px dashed #ccc;margin-top:10px}
.det_txt p{font-size: 14px;color: #333;margin:20px 0 ;line-height: 24px;}
.det_txt img{display: block;max-width: 100%;}
.newsRight{width: calc(30% - 60px);float: right;}
.newsRight .indxun_tabli{width: 100%;float: none;margin:0 0 20px}
.newsRight h3{font-size: 18px;margin: 62px 0 20px;}
.number{overflow: hidden;padding: 30px 0 10px;border-top: 1px solid #f9f9f9;}
.numberA{width: 50%}
.numberA a{margin-bottom: 20px;display: block;cursor: pointer;}
.numberA span{background: #999;border-radius: 3px;font-size: 12px;padding: 5px;color: #fff;margin-right: 10px;}
.number a:hover{color: #ff7c03;}
.number a:hover span{background: #ff7c03;}
/* space */
.space {margin-bottom: 50px;overflow: hidden;margin-top: 10px;}
.space .spaceUl li{float: left;margin-right: 20px;margin-bottom: 30px;}
.space .spaceUl li:nth-child(2n){margin-right:0;}
.space .spaceUl li img{width: 100%;}
/* case */
.case{overflow: hidden;}
.case ul li{margin-bottom: 20px;}
.case ul li:nth-child(4n){margin-right: 0;}
.case .image-popup{cursor: pointer;}
/* case1 case1det */
.floatL{float: left;}
.floatR{float: right;}
.case1{overflow: hidden;}
.case1ul,.case1ul li{display: block;width: 100%;overflow: hidden;margin-bottom: 30px;}
.case1Img{width:48%}
.case1Img img{width: 100%;}
.case1Txt{width: 50%;}
.m{margin: 13%;}
.mR{margin-right: 13%;}
.mL{margin-left: 13%;}
.mT{margin-top: 10%;}
.mB{margin-top: 10%;}
.caseTop{overflow: hidden;border-bottom: 1px solid #eee;margin-bottom: 30px;}
.case1detL{width:calc(100% - 340px);}
.case1detR{width: 270px; margin-left: 80px;}
.case1detimg img{margin-bottom: 30px;width: 100%;}
.case1det_txt p{font-size: 14px;color: #333;margin: 20px 0;line-height: 24px;}
.case1det_like{width:100%;margin:10% auto;}
.case1det_like h3{font-size: 18px;margin: 62px 0 20px;}
.indxun_tablitxt{margin: 10px 0 30px;}
.indxun_tabliimg img{width: 100%;}

/* product */
.productTop{overflow: hidden;margin-bottom: 30px;}
.productTop ul li{float: left;width: 12.5%;padding:10px 0 5px;background: #fafafa;text-align: center}
.productTop ul li h6{text-transform: uppercase;font-size:12px;color: #6c6c6c}
.productTop ul li.activeLi,.productTop ul li:hover{background:rgb(255 155 23 / 27%)}
.productTop ul li a{display: block;cursor: pointer;}
.productTop ul li img{width: auto;height:40px;display: inline-block}
.productTop ul li p{text-align: center;line-height:28px;font-size:16px}
.productMid{overflow: hidden;margin-top: 30px;}
.productMid .innerTit{margin-bottom: 30px;}
.productMid .swiper_img li{float: left;width: calc(33.33% - 12px);margin:0 18px 20px 0;}
.productMid .swiper_img li:nth-child(3n){margin-right: 0;}

/* productdet */
.prodetTop{overflow: hidden;margin-top: 20px;}
.prodetTop_L{float: left;width: 50%;overflow: hidden;}
.pc-slide {width: 100%;margin: 0;height: 100%;overflow: hidden;}
.pc-slide .view{height: calc(100% - 70px); width: 100%; overflow: hidden;}
.view .swiper-container,.view .swiper-container .swiper-wrapper {width: 100% !important;height:100% !important;}
.view .swiper-slide,.view .swiper-slide a{display: flex;align-items: center;justify-content: center;width: 100% !important;height:100% !important;}
.view .swiper-slide a img,.view .swiper-slide img{height: 100%;max-height: 100%;width: auto;}
.preview {width: 100%;margin-top: 10px;position: relative;height: 60px;text-align: center;}
.preview .swiper-container {width: calc(100% - 30px);height: auto;margin:0 15px;}
.preview .swiper-slide {width: 87px;height: 58px;margin: 0 17px;display: flex;align-items: center;justify-content:center;overflow: hidden;}
.preview .arrow-leftA {background: url(../images/sw-left.png) no-repeat center/cover;position: absolute;left:0;top: 50%;margin-top: -9px;width: 9px;height: 18px;z-index: 10;}
.preview .arrow-rightA {background: url(../images/sw-right.png) no-repeat center/cover;position: absolute;right:0;top: 50%;margin-top: -9px;width: 9px;height: 18px;z-index: 10;}
.preview img {height: 100%;width: auto;display: inline-block}
.preview .active-nav {border: 1px solid #FF9B17;}
.prodetTop_R{float: right;width: 45%;margin-top: -5px}
.prodetTop_R h3{font-size: 26px;font-weight: 400;letter-spacing: 2px;}
.prodetTop_R h6{font-size: 14px;line-height: 20px;margin: 10px 0 30px;color: #999;letter-spacing: 2px;}
.prodetTop_RUL{margin-bottom: 30px}
.prodetTop_RUL>li{display: block;clear: both;}
.prodetTop_RUL li span{float:left;border-top: 1px solid #000;font-size: 13px;padding:12px 0;width: 40px;color: #000;line-height: 20px;}
.prodetTop_RUL li p,.bjCon_right p{float:right;width: calc(100% - 50px);border-top: 1px solid #dcdcdc;line-height: 20px;font-size: 13px;color:#666;padding: 12px 0;word-break: break-all;}
.prodetTop_RUL li:last-child span{border-bottom: 1px solid #000;padding-bottom: 15px;padding-top: 15px;}
.prodetTop_RUL li:last-child p{border-bottom: 1px solid #dcdcdc;}
.prodet_size,.prodet_color{border-top: 1px solid #dcdcdc;width: calc(100% - 50px);margin-bottom: 8px;}
.prodet_size a{border: 1px solid #ddd;display: inline-block; padding: 4px 10px;font-size: 13px;margin: 8px 8px 0 0;border-radius: 3px;}
.prodet_size a:hover,a.a_active{border-color:#f19a33;color: #f19a33;}
.prodet_color{border-bottom: 1px solid #dcdcdc;padding-bottom: 8px;}
.prodet_color li{margin: 8px 8px 0 0;float: left;position: relative;}
.prodet_color li a,.c_img img{width:34px;height:34px;border: 1px solid #ddd;display:flex;border-radius: 3px;align-items: center;justify-items: center;overflow: hidden;}
.c_img img{width: 18px;height: 18px;}
.prodet_color li a>img{width: 100%;border-radius: 3px;}
.prodet_color li a:hover,.prodet_color li a.c_active{border-color:#f19a33;}
.bigImg{width:500%;height: auto;position: absolute;right: -88%;bottom: 45px;border-radius: 3px;display: none;}
.prodetTop_Rbut{width: 100%;padding-top:20px; clear: both;}
.prodetTop_Rbut a{float: left;width:calc(33.33% - 10px);background: #8c7d63;color: #fff;text-align: center;line-height: 50px;margin-right: 15px;display: block;cursor: pointer;font-size: 14px;position: relative;}
.prodetTop_Rbut a:last-child{margin-right: 0;}
.prodetTop_Rbut a:hover{background: #FF9B17;color: #fff;}
.prodetTop_Rbut a img{width: 22px;margin-right: 5px;}
.prodetTop_Rbut a img.smzx{width: 60%;position: absolute;left: 20%;bottom: 50px;display: none;border: 2px solid #fff;}
.prodetTop_Rbut a:hover img.smzx{display: block}
.prodetTop_bjBox{position: fixed;left: 0;top: 0;bottom: 0;right: 0;width: 100%;height: 100%;z-index: 999999;background: rgba(0, 0, 0, 0.25);overflow: hidden;display: none;}
.bjCon{position: absolute;left: 50%;top: 50%;background: #fff;box-shadow: 0 5px 6px 0 rgba(0, 0, 0, 0.35);overflow: hidden;width: 1100px; height: 530px; margin: -237px 0 0 -550px}
.bjCon h3{font-size: 20px;margin: 30px 40px}
.bjCon_main{overflow: hidden;margin: 0 40px;}
.bjCon_left{width: 48%;float: left;}
.bjCon_left img{width: 100%;margin-top: 5px;}
.bjCon_right{width: 48%;float: right;}
.close{width: 30px; position: absolute;top: 28px;right: 40px;}
.bjCon ul{margin: 0}
.bjCon ul li,.prodetBot_Ljj ul li{margin-bottom:8px;}
.bjCon_right .prodet_color{padding-bottom: 0;}
.bjCon ul .prodet_color li:last-child{margin-top: 8px;}
.bjCon ul li p{padding: 8px 0;}
.bjCon ul li p,.prodetBot_Ljj ul li p{float:left;width: calc(100% - 50px);margin-left: 10px;color: #888;line-height: 24px;}
.bjConimg{float: left;width: 20%;text-align: center;margin-left: 10px;border: 1px solid #ccc}
.bjConimg img{width: 100%}
.bjConimg a{line-height: 30px;}
.bjConimg:hover,.bjConimg_active{border: 1px solid #FF9B17}
.bjConBut{float: right;background: #999;line-height: 50px;padding: 0 30px;font-size: 16px;color: #fff;margin: 30px 40px 40px;}
.bjConBut:hover{background: #FF9B17;color: #fff;}
.prodetBot{overflow: hidden;margin-top: 50px;margin-bottom: 30px;}
.prodetBot_L{float: left;width: calc(100% - 340px)}
.prodetBot_L>div{display: none;padding:30px 0px;overflow: hidden;}
.prodetBot_L>div h3{font-size: 16px;font-weight: bold;margin-bottom: 20px;}
.horizontal{line-height: 50px;border-bottom: 5px solid #ccc;overflow: hidden;}
.horizontal li{font-size: 18px;margin-right: 30px;float: left;}
.horizontal li:hover,.horizontal li.selectActive{color: #FF9B17;}
.prodetBot_R{float: right;width: 260px;margin-left: 80px;}
.prodetBot_R h3{font-size: 18px;margin-bottom: 20px;line-height: 50px;}
.prodetBot_R .swiper_img li{float: left;width:100%;}
.prodetBot_R .swiper_img li:nth-child(3n){margin-right: 0;}
.chan_imgxq { max-width: 100%;overflow: hidden;}
.prodetBot_Ltp img{width: 100%;margin-bottom: 20px}
.jsinfo img{float: left;width: 180px;margin-top: 30px;}
.jsinfo_text{float: right;width: calc(100% - 220px);}
.jsinfo_text h6{color: #000;margin-bottom: 10px;margin-top: 30px;}
.jsinfo_text p{font-size:14px;line-height: 24px;color: #888;margin-right: 50px;}
.prodetBot_Lzl_form{width: 70%;margin: 0 auto}
.prodetBot_Lzl_form .yanzheng_box .yanzheng_box1{width: 62px;line-height: 30px}
.download_ltxt{
    border:1px solid #ddd;
    margin: 20px 0;
    padding:20px;
    font-weight: bold;
    font-size: 14px;
    border-radius: 3px;
  }
  .download_ltxt a{
    color: #333;
  }
  .download_ltxt svg{
    width:20px;
    height: 20px;
    float: left;
    margin-right: 5px;
  }
  .download_ltxt:hover{
    background: #FF9B17;
    border:none;
  }
  .download_ltxt:hover a{
    color: #fff;
  }
  .download_ltxt:hover svg{fill: #fff !important;}
/* productcar */
.procarMain{position: relative;width: 100%;margin: 0 auto ;padding: 0px 0px 100px;min-height: 210px;}
.procarNav{width: 100%;height: 50px;line-height: 50px; color: #3c3c3c;}
.procarNav ul{width: 100%;height: 50px;display: flex;}
.procarNav ul li {height: 100%;text-align: center;}
.procarNav ul li.list_con,.order_lists .list_con{width:25%;display: flex;flex-wrap: nowrap;justify-content: center;align-items: center;}
.procarNav ul li.list_info,.order_lists .list_info{width:33%}
.procarNav ul li.list_price,.order_lists .list_price,.list_total{width:10%;}
.procarNav ul li.list_amount,.order_lists .list_amount{width: 12%;align-items:center;display: flex;justify-content: center;}
.procarNav ul li.list_op,.order_lists .list_op{ width: 10%;align-items:center;display: flex;justify-content: center;}
.procarBox .order_content a.c_img{display: inline-block;}
.procarBox{width: 100%;margin-bottom: 15px;}
.procarBox .order_content {border: 1px solid #ccc;}
.procarBox .order_content a {display: block;}
.order_lists {width: 100%;min-height: 140px;border-bottom: 1px solid #e7e7e7;display: flex;/* justify-content: center; */}
.order_lists:last-child {border-bottom: none;}
.order_lists .list_con {box-sizing: border-box;}
.order_lists .list_con .list_img {width: 140px;height:90px;margin:20px;}
.order_lists .list_con .list_img a{display: flex;height: 100%;width: 100%;align-items: center;}
.order_lists .list_con .list_img img {width: 100%;}
.order_lists .list_con .list_text {line-height: 18px;width: calc(100% - 200px);color: #3c3c3c;}
.order_lists .list_con .list_text p{margin-top: 5px;word-wrap: break-word;text-align: left; overflow: hidden;}
.order_lists .list_info {box-sizing: border-box; padding: 20px 0;}
.order_lists .list_info p {color: #9c9c9c;line-height: 18px;margin-left: 15px;font-size:14px;margin-bottom: 5px;margin-right: 5%;}
.order_lists .list_price,.order_lists .list_total{display: flex;align-items: top;flex-wrap: nowrap;justify-content: center;align-items:center}
.order_lists .list_price .price,.order_lists .list_total .price,.totalS .price{margin-top: 0;line-height:23px;font-family: Verdana,Tahoma,arial;font-weight: bold;color: transparent;text-shadow:#FF9B17 0 0px 9px;}
.order_lists .list_price .price1,.order_lists .list_total .price1,.totalS .price1{margin-top: 0;line-height: 23px}
.order_lists .list_amount .amount_box {margin: 0 auto;width: 77px;height: 25px;position: relative;text-align: center;}
.order_lists .list_amount .amount_box a {float: left;height: 23px;width: 17px;border: 1px solid #e5e5e5;background: #f0f0f0;text-align: center;line-height: 20px;color: #444;position: absolute;top: 0;}
.order_lists .list_amount .amount_box .reSty {color: #cbcbcb;}
.order_lists .list_amount .amount_box .reduce {left: 1px;}
.order_lists .list_amount .amount_box input {width: 39px;height: 23px;line-height: 23px;border: 1px solid #aaa;color: #343434;text-align: center;padding: 4px 0;background-color: #fff;z-index: 2;position: absolute;left: 18px;float: left;margin: 0;}
.order_lists .list_amount .amount_box .plus {border-left-color: transparent;right: 3px;}
.order_lists .list_op .del {line-height: 23px;text-align: center;}
.order_lists .list_op .del a{text-align: center}
.productBut { width:100%;height: 50px;z-index: 99;position: fixed;bottom: 0;left: 0;display: flex;justify-content: space-between;flex-wrap: nowrap;align-items: center;}
.productBut .width100{background: #e5e5e5;}
.bar_back {color: #0563c1;margin-left: 15px;font-size: 16px;cursor: pointer;float: left;margin-top: 14px;}
.productBut .bar-right {float: right;color: #3c3c3c;}
.productBut .bar-right .piece {float: left;min-width: 110px;margin-right: 20px;height: 50px;line-height: 50px;}
.piece_num{display: inline-block;padding: 0 10px;font-weight: 700;font-size: 18px;font-family: tohoma,arial;color: #f40;}
.productBut .bar-right .calBtn {float: left;}
.productBut .bar-right .calBtn a { display: block; width: 120px;height: 50px;color: #fff;background: #f40;cursor: not-allowed;font-size: 22px;letter-spacing: 5px;text-decoration: none;line-height: 50px;text-align: center;cursor: pointer;font-weight: 300}
.model_bg {position: absolute;top: 0;left: 0;bottom: 0;right: 0;background: rgba(0,0,0,.6);z-index: 999; display: none;}
.my_model {position: fixed;display: none;top: 50%;left: 50%;margin-top: -73px;margin-left: -180px;z-index: 9999;width: 360px; height: 146px;border: 1px solid #aeaeae;border-radius: 3px;padding: 20px;
background: #fff;}
.my_model .title .closeModel {float: right;cursor: pointer;font-size: 14px;color: #3c3c3c;font-weight: 700;}
.my_model .title {font-size: 14px;color: #3c3c3c;font-weight: 700;margin-bottom: 20px;line-height: 16px;}
.my_model .opBtn {margin-top: 20px;}
.my_model .opBtn a {width: 58px;height: 28px;line-height: 28px;text-align: center;-webkit-border-radius: 1px;-moz-border-radius: 1px;-ms-border-radius: 1px;border-radius: 1px;display: inline-block;margin-right: 10px;font-weight: 700;}
.my_model .dialog-sure {background: #52a0e5;color: #fff;border: 1px solid #52a0e5;}
.my_model .dialog-close {background: #fff;border: 1px solid #d9d9d9;color: #3c3c3c;}
.yanzheng_model {
    position: fixed;
    display: none;
    top: 50%;
    left: 50%;
    margin-top: -100px;
    margin-left: -200px;
    z-index: 9999;
    width: 400px;
    height: auto;
    border: 1px solid #aeaeae;
    border-radius: 3px;
    padding: 20px;
    background: #fff;
}
.title {
    font-size: 14px;
    color: #3c3c3c;
    font-weight: 700;
    margin-bottom: 20px;
}
.title .closeModel1 {
    float: right;
    cursor: pointer;
}
.yanzheng_box {
    width: 92%;
    display: flex;
    justify-content: flex-start;
    flex-wrap: nowrap;
    height: 40px;
    margin: 20px auto;
}
.yanzheng_box .yanzheng_box1 {
    width: auto;
    height: 30px;
    margin-right: 20px;
}
.yanzheng_box .yanzheng_box1 img {
    width: 30px;
    height: 30px;
}
.yanzheng_box .yanzheng_box2 {
    border: 1px solid #c2c2c2;
    flex: 1;
    padding-left: 10px;
    font-size: 14px;
    color: #000;
    line-height: 30px;
    height: 30px;
    box-sizing: border-box;
}
.yanzheng_box .yanzheng_box2 input {
    box-sizing: border-box;border: none;
    outline: none;
}
.yanzheng_box {
    width: 92%;
    display: flex;
    justify-content: flex-start;
    flex-wrap: nowrap;
    height: 40px;
    margin: 20px auto;
}
.yanzheng_box .yanzheng_box3 {
    width: 100px;
    height: 30px;
    line-height: 30px;
    background: #fff;
    color: #000;
    border: 1px solid #52a0e5;
    margin-left: 20px;
}
.yanzheng_box .obtainS{ border: 1px solid #f00;background: #f00;color: #fff}
.opBtn {
    margin-top: 20px;
    text-align: center;
}
.opBtn a {
    width: 100px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    -ms-border-radius: 1px;
    border-radius: 1px;
    display: inline-block;
    margin-right: 10px;
    font-weight: 700;
    background: #52a0e5;
    color: #fff;
    border: 1px solid #52a0e5;
}
.header-login{position: absolute;right: 0px;top: 6px;z-index:1000;}
.header-login a{font-size: 16px;color: #333;padding-left: 25px;position: relative;}
.header-login a::before{content: "";width: 1px;height: 10px;background: #eee;position: absolute;left:5px;top: 7px;}
.header-login a:hover{color: #ff7b00;}
.header-login-index a{color: #fff;}
/* publicBox */
.LoginCon_top{margin:30px 35px;}
.LoginCon_top h6{font-weight: 400;margin-top: 10px;font-size: 24px;color: #a6a6a6;}
.publicform{margin: 0 35px;}
.publicform>label{color: #333;display: block;text-align: left;position: relative;font-size: 16px;color: #777;line-height: 28px}
.publicform>label::after{content: "*";position: absolute;left: 36px;top: -2px;font-size: 14px}
.publicform label a{margin-left: 30px;font-size: 14px;color: #999;}
.publicform label a:hover{color: #4099ff;}
.publicform input{margin: 0 0 10px;color: rgba(0, 0, 0, 0.7);border: 1px solid #eee;border-radius: 3px;width:100%;line-height: 36px;padding: 0 10px}
.publicform input.btn-submit{background: #4099ff;color: #fff;font-size: 18px;letter-spacing: 3px;line-height: 42px;}
.publicform .Einput input[type="radio"],.Einput input[type="checkbox"]{width: 14px;height: 14px;float: left;margin-top: 7px;margin-right: 4px;display: block}
.publicform .Einput label{margin-right: 24px;float: left;line-height: 29px;color: #808080;font-size:14px}
.LoginCon_a{overflow: hidden;margin:20px 35px 15px}
.LoginCon_a a{color: #51a2ff;font-size: 14px;text-decoration: underline;letter-spacing: 3px}
.LoginCon_bot{font-size: 12px;color: #666;letter-spacing: 1px;margin: 0 35px}
.LoginCon_bot a{font-size: 12px;color: #0563c1;text-decoration: underline}
.LoginCon_bot a:hover{color: #4099ff}
.publicInput{position: relative;clear: left;min-height: 38px}
.publicInput>span{position: absolute;right: -20px;top: 8px;color: #f00;font-size:20px}
.regInput{clear: both;min-height: 38px}
.regInput .form-control{width: 50%;margin-right: 3%}
.regInput .obtain{background: #4ea0ff;width: 47%;color: #fff;}
.regInput .obtainS{background: #f00}
.red{color: #f00;text-align: center}
.shop_msg{margin: 20px 0;overflow: hidden;position: relative;}
.shop_msg h6{font-weight: 400;margin-top: 10px;font-size: 24px;color: #a6a6a6;margin-bottom: 10px}
.shop_msg_img{position: absolute;right: 0;bottom: 0;width: 100px;}
.dayin{position: absolute;right: 0;top: 0;width:90px;height: 36px;background: #0563c1;color: #fff;border-radius: 3px;line-height: 36px;text-align: center;display: block;}
.dayin:hover{color: #fff;background: #f19a33;}
.shop_msg_box div{width: 50%;line-height: 24px;color: #666;margin: 5px 0}
.mobile-total_txt {width: 100%;margin: 20px auto;}
.mobile-total_txt p{font-size: 14px;line-height: 24px;color: #999;margin: 5px 0}
.procarNavS{background: #ccc}
.procarNavS ul li.list_con{text-align: left;}
.order_lists_sty.order_lists{min-height: 50px}
.order_lists_sty .list_con .list_text{margin: 0;width: 100%; }
.order_lists_sty .list_con .list_text p{text-align: center;}
.order_lists_sty .list_info{ text-align: center;}
.dayincon{margin: 20px auto;width: 90%;}
.dayincon .procarNav ul li.list_con,.dayincon .order_lists .list_con{width: calc(90% - 270px);}
/* jssor */
.jssorbOX{width: 100% !important;height: 100% !important;overflow: hidden;position: fixed;left: 0;top: 0;z-index: -1;background:rgba(0, 0, 0, 0.55);opacity: 0;}
.jssorbOXS{z-index: 99999;opacity: 1;}
.jssorbOX>div{width: 100% !important;height: 100vh !important;transform:scale(1) !important}
.jssorbOX>div.jssor_close{width: 32px !important;height: 32px !important;background:#2a2a2a;cursor: pointer;position: absolute;top: 20px;right: 300px;z-index: 9;border-radius: 8px;}
.jssorbOX>div.jssor_close img{width: 60%;margin:20%;}
.jssorbOX_loading{position: absolute; top: 0px; left: 0px;}
.jssorbOX_l1{filter: alpha(opacity=70); opacity: 0.7; position: absolute; display: block; top: 0px; left: 0px; width: 100%; height: 100%;}
.jssorbOX_l2{position:absolute;display:block;background:url('images/loading.gif') no-repeat center center;top:0px;left:0px;width:100%;height:100%;}
.jssorbOX>div.jssorbOX_slides{cursor: default; position: relative; top: 0px; left: 0; overflow: hidden;width: 100% !important;}
.jssorbOX_item{width: calc(100% - 270px) !important;left:0% !important;height:100% !important;top: 0 !important;display: flex;align-items: center;justify-content: center;}
.jssorbOX_Img{width: auto !important;height: auto !important;max-height: 100%;position: static !important;max-width: 100%;}
.jssora05l,.jssora05r{display:block;position:absolute;cursor:pointer;background-image:url('../images/a17.png');background-repeat:no-repeat ;background-size:320px 40px;width:30px;height:30px;bottom:20px;top: auto !important;overflow: hidden;background-color:rgba(0, 0, 0, 0.85);}
.jssora05l{background-position: -6px -13px;left: 50%;margin-left: -170px;}
.jssora05r{background-position: -58px -13px;right: 50%;margin-right: 100px;}
.jssora05l:hover{background-position: -6px -13px}
.jssora05r:hover{background-position:-58px -13px}
.jssora05l.jssora05ldn{background-position:-250px -20px}
.jssora05r.jssora05rdn{background-position:-310px -20px}
.jssora05l.jssora05lds{background-position:-10px -20px;opacity:.3;pointer-events:none}
.jssora05r.jssora05rds{background-position:-70px -20px;opacity:.3;pointer-events:none}
.jssorbOX>div.jssort01-99-66,.jssort01-99-66{position:absolute;right:0;width:270px !important;height:100vh !important;background: #2c2c2c;overflow-y: scroll;
overflow-x: hidden;}
.jssort01_slides{width:254px !important;height:100vh !important;top: 20px !important;}
.jssort01_slides>div{width: 100% !important; transform: translate3d(0px, 0, 0px);}
.jssort01-99-66 .p{position:absolute;top:0;left:0;width:116px!important;height:92px;}
.jssort01-99-66 .t{width:auto;height:100%;border:none;display: flex;align-items: center;justify-content: center;max-width: 100%;max-height: 100%;}
.jssort01-99-66 .w{position:absolute;top:0;left:0;width:100%;height:100%;overflow: hidden;display: flex
;align-items: center;justify-content: center;}
.jssort01-99-66 .c{position:absolute;top:0;left:0;width:100%;height:100%;border:transparent 2px solid;box-sizing:content-box;background-color: rgba(0, 0, 0, 0.35);}
.jssort01-99-66 .pav .c{top:0;left:0;width:100%;height:100%;border:#fff 2px solid;background-color: rgba(0, 0, 0, 0);}
.jssort01-99-66 .p:hover .c{top:0;left:0;width:100%;height:100%;border:#fff 1px solid;background-position:50% 50%}
.jssort01-99-66 .p.pdn .c{background-position:50% 50%;width:100%;height:100%;border:#000 2px solid}
.jssort01-99-66 .c,.jssort01-99-66 .pdn .c,.jssort01-99-66 .pav .c{width:100%;height:100%;}
::-webkit-scrollbar{width: 5px;}
::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.8);}
::-webkit-scrollbar-thumb{height: 30%;border-radius: 3px;background-color: #ccc;}



@media screen and (max-width:1920px){
/* .jssora05r{right: 59%;}
.jssora05l{left: 33%;} */
}