@font-face

{

	font-family: "Misans";

	src: url('/images/font/MiSans-Regular.ttf')  format("trueType")

}



@font-face

{

	font-family: "MiSans-Semibold";

	src: url('/images/font/MiSans-Semibold.ttf')  format("trueType")

}





@font-face

{

	font-family: "D-DINEXP";

	src: url('/images/font/D-DINEXP.TTF')  format("trueType")

}





@font-face

{

	font-family: "D-DINEXP-BOLD";

	src: url('/images/font/D-DINEXP-BOLD.TTF')  format("trueType")

}





#products_cate .li .msg .hover-back::after {

    content: "";

    position: absolute;

    width: 100%;

    height : 100%;

    background: #d1232a;

    left: 0;

    top: 0;

    transform: scaleX(0);

    transform-origin: right;

    transition: transform .4s ease;

    z-index: 1;

}

@media (max-width: 1440px) {
	.cw1600,
	.cw1400,
	.cw1680{max-width: 1200px;}
}



/*header*/

.header-inner{height: 112px;background: #fff;}

#header{width: 100%;height: 130px;z-index: 20;/* box-shadow: 0 1px 5px 0 rgb(0 0 0 / 10%); */}

#header.none{transform: translate3d(0px,-100%,0);}

#header .logo{width: 240px;height: 74px;margin-top: 20px;margin-right: 7.8%;margin-bottom: 20px;}

#header .logo img:nth-child(1){display: inline-block;}

#header .logo img:nth-child(2){display: none;}

#header .nav-icon{display: none;}

#header .nav{line-height: 143px;margin-left:4.68%;}

#header .nav .one-nav{padding-right: 70px;}

#header .nav .one-nav:last-child {padding-right: 0px;} 

#header .nav .one-nav .one-a{font-size: 18px;color: #fff;font-weight: 600;}

#header .nav .one-nav .two-nav{background: #fff;top: 130px;left:0%;padding: 10px;box-shadow: 0 1px 5px 0 rgba(0,0,0,.1);padding: 50px 50px 50px 45px; width: 595px;}

#header .nav .one-nav:hover .two-nav{display: flex;}

#header .nav .one-nav .two-nav .two-a{line-height: 36px;font-size: 16px;color: #333;white-space: nowrap;margin-right: 75px;}

#header .nav .one-nav .two-nav .two-a a:hover{color: #ef6b00;}

#header .nav .one-nav .two-nav .pic-box{width: 339px;height: 226px;margin-top: 8px;}

#header .nav .one-nav .two-nav .subs  .card {background-color: #fafafa;height:160px;}

#header .nav .one-nav .pro-line-nav{top: 130px;left: 0;right:0;box-shadow: 0 1px 5px 0 rgba(0,0,0,.1);z-index:21;padding:0px 0 0px 0;bottom: 0px;overflow-y: hidden;overflow: scroll;}

#header .nav .one-nav .pro-line-nav .content{background-color: #fff;padding:60px 60px; }

#header .nav .one-nav:hover .pro-line-nav{display: flex;z-index: 40;}

#header .nav .one-nav .pro-line-nav .subs  .card {background-color: #fafafa;}

#header .nav .one-nav .pro-line-nav  .lef .title {padding:0px 0 30px 0;font-size: 18px;font-weight: 600;border-bottom: 1px solid #f5f5f5;margin: 0 70px 0 0;}

#header .nav .one-nav .pro-line-nav  .lef{width:50%;line-height: 1;}

#header .nav .one-nav .pro-line-nav  .lef .subs{padding:30px 70px 0  0;}

#header .nav .one-nav .pro-line-nav  .lef .subs .card{width:21.6%;overflow: hidden;margin-right:4.5%;margin-bottom:30px;overflow: hidden;}

#header .nav .one-nav .pro-line-nav  .lef .subs .card:nth-child(4n+4) {margin-right:0px;}

#header .nav .one-nav .pro-line-nav  .lef .subs .card .img {height:94px;line-height: 1;padding-top:30px;}

#header .nav .one-nav .pro-line-nav  .lef .subs .card .img  img {transition: all;}

#header .nav .one-nav .pro-line-nav  .lef  .subs .card:hover .img img{transform: scale(1.1);}

#header .nav .one-nav .pro-line-nav  .lef  .subs .card .text{font-size: 18px;font-weight: 500;text-align: center;padding:30px 0 30px 0;line-height: 1;}

#header .nav .one-nav .pro-line-nav  .rig .title {font-size: 18px;font-weight: 600;border-bottom: 1px solid #f5f5f5;margin: 0px 0px 0px 70px;padding: 0 0 30px 0;}

#header .nav .one-nav .pro-line-nav  .rig{width:50%;line-height: 1;}

#header .nav .one-nav .pro-line-nav  .rig .subs{padding:30px 0px 0  70px;border-left:1px solid #f5f5f5;}

#header .nav .one-nav .pro-line-nav  .rig .subs .card{width:21.6%;margin-right:4.5%;margin-bottom: 20px;overflow: hidden;margin-bottom:30px;overflow: hidden;}

#header .nav .one-nav .pro-line-nav  .rig .subs .card:nth-child(4n+4) {margin-right:0px;}

#header .nav .one-nav .pro-line-nav  .rig .subs .card .img {height:94px;line-height: 1;padding-top:30px;transition: all 1.5s;}

#header .nav .one-nav .pro-line-nav  .rig .subs .card:hover .img{transform: scale(1.1);}

#header .nav .one-nav .pro-line-nav  .rig .subs .card .text{font-size: 18px;font-weight: 500;text-align: center;padding:30px 0 30px 0;line-height: 1;}

#header .nav .hklc{height: 2px;background: #ef6b00;bottom: 1px;z-index: 100;}

#header .search{width: 14px;height: 15px;background: url(/images/header/search-1.png) no-repeat 0 0  /contain;;margin-top:63px;}

#header .search-text{font-size: 16px;font-weight: 600;height: 15px;margin-top: 60px;margin-left:15px;color:#fff;}

#header .lang-outer{ margin-top: 63px; cursor: pointer;}

#header .lang-txt{font-size: 16px;font-weight: 600;height: 15px;line-height: 15px;margin-left:15px;color:#fff;}

#header .lang{width: 20px;height: 17px;background: url(/images/header/world-1.png) no-repeat 0 0 / contain;margin: 0 0 0 22px;}

#header .lang .lang-box{top: 65px;left: -36px;padding-top: 10px;padding-bottom: 10px;width: 100px;z-index: 10;display:none;line-height: 36px;background: #fff;}

#header .lang .lang-box a{font-size: 16px;color: #333;}

#header .lang .lang-box a:hover{color: #ef6b00;}

#header:hover,

#header.bgw{background: #fff;}

#header:hover .box,

#header.bgw .box{border-bottom-color: #f5f5f5;}

#header:hover .logo img:nth-child(1),

#header.bgw .logo img:nth-child(1){display: none;}

#header:hover .logo img:nth-child(2),

#header.bgw .logo img:nth-child(2){display: inline-block;}

#header:hover .nav .one-nav .one-a,

#header.bgw .nav .one-nav .one-a {color: #333;}

#header:hover .search,

#header.bgw .search{background: url(/images/header/search.png) no-repeat 0 0  /contain;}

#header:hover .lang,

#header.bgw .lang{background: url(/images/header/world.png) no-repeat 0 0   /contain;}

#header:hover .nav .one-nav.cur .one-a,

#header.bgw .nav .one-nav.cur .one-a{color: #ef6b00;}

#header:hover .lang-txt,

#header:hover .search-text,

#header.bgw .lang-txt,

#header.bgw .search-text{color: #333;}

#header.cur{background: #fff;box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);}

#header.cur .box{border-bottom-color: #f5f5f5;}

#header.cur .logo img:nth-child(1){display: none;}

#header.cur .logo img:nth-child(2){display: inline-block;}

#header.cur .nav .one-nav .one-a{color: #333;}

#header.cur .search{background: url(/images/header/search.png) no-repeat 0 0   /contain;}

#header.cur .lang-txt,

#header.cur .search-text{color:#333;}

#header.cur .lang{background: url(/images/header/world.png) no-repeat 0 0  /contain;}

#header.on{background: #fff;}

#header.on .box{border-bottom-color: #f5f5f5;}

#header.on .logo img:nth-child(1){display: none;}

#header.on .logo img:nth-child(2){display: inline-block;}

#header.on .nav .one-nav .one-a{color: #333;}

#header.on .search{background: url(/images/header/search.png) no-repeat 0 0  /contain;}

#header.on .lang{background: url(/images/lang-icon2.png) no-repeat 0 0 /contain;}

#header.on .nav .one-nav .one-a:hover{color: #ef6b00;}

#header.on .nav .one-nav.cur .one-a{color: #ef6b00;}

#header .nav-icon-2{display: block;width: 16px;height: 16px;margin: 64px 0 0 50px;background-size: cover;}

#header .nav-icon-2:before{content: "";position: absolute;width: 1px;height: 15px;background: rgba(255,255,255,.5);top: 0;left: -2px;}

#header.cur .nav-icon-2:before{content: "";position: absolute;width: 1px;height: 15px;background: #333333;top: 0;left: -2px;}

#header:hover .nav-icon-2:before{content: "";position: absolute;width: 1px;height: 15px;background: #333333;top: 0;left: -2px;}

#m-nav{display: none;}

@media (max-width: 1680px){

	#header .logo{margin-right: 7.8%;}

	#header .nav{/*line-height: 176px;*/margin-left:0;}

	#header .nav .one-nav{padding-right: 60px;}

}

@media (max-width: 1500px){

	#header .nav{/*line-height: 176px;*/margin-left:0;}

	/* #header .nav .one-nav .pro-line-nav  .rig .subs{gap:25px 13px;} */

	#header .nav .one-nav{padding-right: 50px;}

}

@media (max-width: 1540px){

	#header .nav .one-nav{padding-right: 40px;}

}

@media (max-width: 1440px) {
	#header .nav .one-nav:nth-of-type(6){padding-right: 0;}
	#header .nav-icon-2{display: none;}
}

/* 
@media (max-width: 1366px){

	#header .logo{margin-right: 80px;}

}

@media (max-width: 1280px){

	#header .nav .one-nav{padding-right: 30px;}

} */
@media (max-width: 1200px){

	#header .logo{margin-right: 2.8%;}

}

@media (max-width: 1024px){

	#header .nav{display: none;}

	#header .nav-icon{display: block;width: 16px;height: 16px;background: url(/images/gengduo-fff.png) no-repeat center;margin: 64px 0 0 50px;background-size: cover;}

	#header .nav-icon:before{content: "";position: absolute;width: 1px;height: 15px;background: rgba(255,255,255,.5);top: 0;left: -25px;}

	#header.on .nav-icon{background-image: url(/images/gengduo.png);}

	#header .nav-icon.cur{background: url(/images/guanbi.png) no-repeat center;}

	#header.cur .nav-icon,

	#header.cur .nav-icon.cur,

	#header.on .nav-icon.cur{background-image: url(/images/guanbi.png);}

	#m-nav{display: block;width: 100%;height: 0;z-index: 49;left: 0;right: 0;top: 130px;width: 100%;background: #fff;overflow-y: auto;box-shadow: 0 10px 30px 0 rgba(0,0,0,.1);}

	#m-nav.cur{height: 800px;}

	#m-nav .nav{width: 84%;margin: 0 auto;}

	#m-nav .nav .one-nav{line-height: 60px;border-bottom: 1px solid #ebebeb;background: url(/images/down-icon.png) no-repeat right 25px;}

	#m-nav .nav .one-nav.nobg{background: none;}

	#m-nav .nav .one-nav.cur{background: url(/images/top-icon.png) no-repeat right 25px;}

	#m-nav .nav .one-nav.cur.nobg{background: none;}

	#m-nav .nav .one-nav .one-a{font-size: 18px;font-weight: 700;}

	#m-nav .nav .one-nav .two-nav{width: 100%;padding-left: 30px;}

	#m-nav .nav .one-nav .two-nav .two-a{font-size: 16px;}

	#header:hover .nav-icon{background-image: url(/images/gengduo.png);}

	#header:hover .nav-icon:before,

	#header.cur .nav-icon:before,

	#header.on .nav-icon:before{background: #818181;}

	#header:hover .nav-icon.cur{background-image: url(/images/guanbi.png);}

	#header .logo{margin-right: 120px;}

    #header:hover .nav-icon, #header.cur .nav-icon,#header.bgw .nav-icon {background-image: url(/images/gengduo.png);}

}


@media (max-width: 750px){

	#header .nav-icon-2 {display: none;}

	#header .search,

	#header:hover .search,

	#header.on .search,

	#header.cur .search{width: 30px;height: 30px;background-size: cover;}

	#header .nav-icon{width: 32px;height: 32px;position: relative;z-index: 10;}

	#header .nav-icon:before{height: 32px;}

	#header .lang,

	#header:hover .lang,

	#header.on .lang,

	#header.cur .lang{width: 30px;height: 30px;background-size: cover;}

	#header .lang .txt,

	#header .lang .lang-box a{font-size: 26px;}

	#header.cur .nav-icon.cur,

	#header.inner .nav-icon.cur{width: 32px;height: 32px;background-size: cover;}

	#m-nav .nav .one-nav{line-height: 80px;}

	#m-nav .nav .one-nav .one-a{display: block;font-size: 28px;width:calc(100% - 50px)}

	#m-nav .nav .one-nav .two-nav .two-a{font-size: 26px;}

	#header .search-text {display: none;}

	#header .lang-txt {display: none;}

	#header .search{background: url(/images/header/search-m.png) no-repeat 0 0  /contain;}

    #header .lang{background: url(/images/header/world-m.png) no-repeat 0 0  /contain;}

	#header:hover .search{background: url(/images/header/search-m-h.png) no-repeat 0 0  /contain;;}

	#header:hover .lang{background: url(/images/header/world-m-h.png) no-repeat 0 0   /contain;}

	#header.cur .search{background: url(/images/header/search-m-h.png) no-repeat 0 0  /contain;;}

	#header.cur .lang{background: url(/images/header/world-m-h.png) no-repeat 0 0   /contain;}

}



#guanggao  .container .swiper-pagination-bullets {display: none;}



/*banner*/

#banner{width: 100%;}

#banner .li .text .name {padding:164px 0 20px 160px;font-size: 60px;line-height: 1.8;font-weight: 500;color:#fff;}

#banner .li .text  .divide {width:70px;height: 5px;background-color: #ef6b00;margin:0 0 0 160px;}

#banner .mouse-box{left: 50%;transform: translateX(-50%);bottom: 60px;z-index: 5;}

#banner .mouse-box .icon{width: 20px;height: 34px;animation: updown 4s linear infinite 0s;background: url(/images/mouse-icon.png) no-repeat center;left: 50%;transform: translateX(-50%);}

#banner .mouse-box .t{font-size: 16px;color: #fff;}

#banner .page-box{width: 10px;height: 100%;top: 0;bottom: 0;right: 68px;z-index: 10;display: flex;flex-direction: column;justify-content: center;}

#banner .swiper-pagination-bullets .swiper-pagination-bullet{width: 10px;height: 10px;opacity: 1;background: #fff;margin: 5px 0;}

#banner .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{height: 30px;background: #BA0020;border-radius: 5px;}

#banner.pro .li .text .cont{padding-left: 10%;}

#banner.pro .li .text .tit{width: 40%;font-size: 50px;line-height: 42px;margin-bottom: 39px; text-shadow: 0 0 10px rgba(0,0,0,.5);}

#banner.pro .li .text .brief{width: 40%;font-size: 16px;color: #fff;line-height: 1.625;margin-bottom: 80px; text-shadow: 0 0 10px rgba(0,0,0,.5);}

#banner.pro .swiper-pagination-bullets{bottom: 40px;}

#banner.pro .swiper-pagination-bullets .swiper-pagination-bullet{width: 10px;height: 10px;opacity: 1;background: #fff;margin: 0 5px;}

#banner.pro .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 30px;background: #BA0020;border-radius: 5px;}



#banner .text1{font-size: 80px;color: #fff;}

@media (max-width: 1366px){

	#banner.pro .li .text .tit{width: 80%;}

	#banner.pro .li .text .brief{width: 80%;}

}

@media (max-width: 1200px){

	#banner.pro .li .text .cont{padding-left: 0;margin-top: 100px;}

}

@media (max-width: 750px){
	#banner{display: none;}

	/* #banner .mouse-box .t{font-size: 26px;}

	#banner.pro .li .text .tit{width: 100%;}

	#banner.pro .li .text .brief{width: 100%;font-size: 28px;} */

	#mbbanner{display: block;}
	
	#mbbanner .li .text .name {padding:0 0 20px 0;font-size: 34px;line-height: 1.8;font-weight: 500;color:#fff;}

	#mbbanner .li .text  .divide {width:70px;height: 5px;background-color: #ef6b00;margin:0 auto;}

}





.pro-line{background-color: #f7f7f7;}

#pro-line .title .name {padding:64px 0 20px 0;font-size: 40px;line-height: 1.8;font-weight: 500;}

#pro-line .title .divide {width:70px;height: 5px;background-color: #ef6b00;}

#pro-line .container .slide {padding:60px 0 100px 0;; /* gap:calc(100% - 96.91%); *//* -webkit-column-gap: calc(100% - 96.91%);-moz-column-gap:calc(100% - 96.91%) ;-o-column-gap:calc(100% - 96.91%) ; */}

#pro-line .container .slide  .dd:nth-child(5n+5){margin-right:0;}

#pro-line .container .slide   .dd {display: block;width:17.44%;height:174px;margin-right: calc(100% - 96.91%);margin-bottom:50px;background-color: #fff;overflow: hidden;transition: all .5s;border-radius: 0 24px 0 0;}

#pro-line .container .slide   .dd .img{max-height: 50px;max-width: 80%;}

#pro-line .container .slide   .dd:hover {background-color: #ef6b00;}

#pro-line .container .slide   .dd:hover img{-webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);}

#pro-line .container .slide   .dd  .cur  {transition: all .5s;}

#pro-line .container .slide   .dd:hover .cur  {display: none;}

#pro-line .container .swiper-pagination-bullets {bottom:80px;}

#pro-line .container .swiper-pagination-bullets .swiper-pagination-bullet {width:14px;height: 14px;} 

#pro-line .container .swiper-pagination-bullets .swiper-pagination-bullet-active{background-color: #fff;border:4px solid #ef6b00;}



@media screen and (max-width:1000px) {

#pro-line .container .slide  .dd {width:30.60%;margin-right: calc(100% - 96.91%);}

#pro-line .container .slide  .dd:nth-child(5n+5){margin-right: calc(100% - 96.91%);}

#pro-line .container .slide  .dd:nth-child(3n+3){margin-right: 0;}

}



/* @media screen and (max-width:750px) {

#pro-line .container .slide  .dd {width:30.6%;margin-right: calc(100% - 96.91%);}

#pro-line .container .slide  .dd:nth-child(3n+3){margin-right: calc(100% - 96.91%);}

#pro-line .container .slide  .dd:nth-child(2n+2){margin-right: 0;}

} */







#go-jur .left {width:44.1%;margin-right:5.35%;margin-bottom: 20px;}

#go-jur .left .title .name {padding:164px 0 20px 0;font-size: 40px;line-height: 1.8;font-weight: 500;}

#go-jur .left .title .divide {width:70px;height: 5px;background-color: #ef6b00;}

#go-jur .left .text {font-size: 16px;line-height: 1.8;color:#666666;margin:70px 0 54px 0;}

#go-jur .left .number {display: flex;justify-content: space-between;}

#go-jur .left .number .th {font-size: 72px;color:#ef6b00;font-weight: bold;margin:0 0 20px 0;}

#go-jur .left .number .th .spe {font-size: 14px;}

#go-jur .left .number .dd {font-size: 16px;color:#666666;margin:0 0 50px 0;}

#go-jur .left .more {display: inline-block;width:180px;height:54px;line-height: 54px;text-align: center;background-color:#ef6b00;color:#fff;margin:0 0 168px 0;text-align: center;font-size: 16px;border-radius: 28px;transition: all .3s;}

#go-jur .left .more:hover {background-color:#e56700;}

#go-jur .right .map {margin:77px 0 0  0;}

#go-jur .right .map .img{max-width:810px;max-height:654px;}

#go-jur .right .sign1 {position:absolute;top:59.3%;right: 18.1%;}

#go-jur .right .sign1 .svg {width:23px;height:28px;fill:#ef6b00;animation: updown 1s infinite linear alternate;}

#go-jur .right .sign2 {position:absolute;top: 83.6%;left: 67.4%;}

#go-jur .right .sign2 .svg {width:23px;height:28px;fill:#ef6b00;animation: updown 1s infinite linear alternate;}



@keyframes updown {

	from {

		transform: translate(0,-0px);

	}

	to {

		transform: translate(0,-5px);

	}

}



@media screen and (max-width:1611px) {

	/* #go-jur {display: flex;flex-wrap: wrap;}

	#go-jur .left {width:100%;margin-right:0;} */

	/* #go-jur .right{display: flex;flex-wrap: wrap;} */

    #go-jur .left .more {margin:0 0 0 0;}

}







@media screen and (max-width:1600px) {

	#go-jur .left .number .th {font-size: 48px;}

}


@media screen and (max-width: 1440px){
	#go-jur{padding: 40px 0;}
	#go-jur .left{ width: 50.1%;margin-right: 3.35%;}
	#go-jur .left .title .name{padding: 15px 0 20px;}
	#go-jur .left .number .th{font-size: 42px;}
}


@media screen and (max-width:1024px) {

	#go-jur {padding: 60px 0;display: flex;flex-wrap: wrap;}

	#go-jur .left {width:100%;margin-right:0;}	

	#go-jur .right {width:100%;margin: 0 auto;}

	#go-jur .right .map{margin: 0 auto;}

	#go-jur .left .text {font-size: 26px;max-height: 187.2px;overflow: hidden;}

	#go-jur .left .number .dd {font-size: 26px;max-height: 98.6px;overflow: hidden;margin:0 0 50px 0;}

	#go-jur .left .more {font-size: 26px;}

}

@media screen and (max-width:900px) {

	/* #go-jur .right .map {transform: scale(0.6);} */

	#go-jur .right .map {width:680px;}

	#go-jur .right .sign1 {position:absolute;top:59.3%;right: 18.1%;}

	#go-jur .right .sign1 .img {width:23px;height:28px;fill:#ef6b00;animation: updown 1s infinite linear alternate;}

	#go-jur .right .sign2 {position:absolute;top: 83.6%;left: 67.4%;}

	#go-jur .right .sign2 .img {width:23px;height:28px;fill:#ef6b00;animation: updown 1s infinite linear alternate;}

	#go-jur .left .number{flex-wrap: wrap;}
	#go-jur .left .number .li{width: 50%;}

}





@media screen and (max-width:750px) {

	/* #go-jur .right .map {transform: scale(0.6);} */

	#go-jur .right .map {width:680px;margin: 0 auto;}

	#go-jur .left .text {font-size: 26px;max-height: 187.2px;overflow: hidden;}

	#go-jur .left .number .dd {font-size: 26px;max-height: 98.6px;overflow: hidden;margin:0 0 50px 10px;}

	#go-jur .left .more {font-size: 26px;}

}







#example {background-color: #f7f7f7;overflow: hidden;}

#example .title {margin:64px 0 60px 0;}

#example .title .left  .name {padding:0 0 20px 0;font-size: 40px;line-height: 1.8;font-weight: 500;}

#example .title .left  .divide {width:70px;height: 5px;background-color: #ef6b00;}

#example .title .right {display: block;width:182px;height:55px;line-height: 55px;background-color: #ef6b00;border-radius: 28px;font-size: 16px;text-align: center;color:#fff;}

#example .container .slide .card{max-width:516px;/* height:274px; */border-radius: 0 28px 0  0 ;overflow: hidden;}

#example .container .slide .card img  {transition: all .3s;}

#example .container .slide:hover  .card img {transform: scale(1.1);}

#example .container .slide .name{font-size: 20px;margin:20px 0 40px 0;} 

#example .container .slide .name:hover{color:#ef6b00;} 

#example .container .slide .brief{font-size: 16px; /*padding:0px 0 30px 0;*/ color:#666666;opacity: .7; line-height: 27px; height: calc(27px * 4); overflow: hidden;} 

#example .container .slide .next {visibility: hidden;margin:0px 0 150px 0;text-align: start;}

#example .container .slide .next .img{width:28px;height:20px;fill:#ef6b00;}

#example .container .slide:hover .next {visibility:visible;-webkit-animation: moveRightIn 1s 1;animation: moveRightIn 1s 1}

@-webkit-keyframes moveRightIn{

	50%{

		-webkit-transform:translateX(40px);

		transform:translateX(40px);

		opacity:0

	}

	51%{-webkit-transform:translateX(-40px);

		transform:translateX(-40px);

		opacity:0

	}

	100%{-webkit-transform:translateX(0);

		transform:translateX(0);

		opacity:1}

}

@keyframes moveRightIn{

	50%{

		-webkit-transform:translateX(40px);

		transform:translateX(40px);

		opacity:0

	}

	51%{-webkit-transform:translateX(-40px);

		transform:translateX(-40px);

		opacity:0

	}

	100%{-webkit-transform:translateX(0);

		transform:translateX(0);

		opacity:1}

}

#example .arrow  {width:100%;position: absolute;top:36%;z-index: 20;}

#example .arrow .bef ,#example  .arrow .aft {height:60px;width:60px;background-color: #fff;border-radius: 50%;}

#example .arrow .bef {transform: translate(-50%,0);}

#example .arrow .aft {transform: translate(50%,0);}

#example .arrow .bef:hover {background-color: #ef6b00;}

#example .arrow .aft:hover {background-color: #ef6b00;}

#example .arrow .bef:hover  .img{fill: #fff;}

#example .arrow .aft:hover  .img{fill: #fff;}

#example .arrow .bef .img{width:10px;height:18px;fill:#818181;}

#example .arrow .aft .img{width:10px;height:18px;fill:#818181;}

#example .container .swiper-pagination-bullets {bottom:80px;}

#example .container .swiper-pagination-bullets .swiper-pagination-bullet {width:14px;height: 14px;} 

#example .container .swiper-pagination-bullets .swiper-pagination-bullet-active{background-color: #fff;border:4px solid #ef6b00;}





@media screen and (max-width:750px) {

	#example .title .right {font-size: 26px;}

	#example .container .slide .name{font-size: 34px;} 

	#example .arrow  {display: none;width:100%;position: absolute;top:25%;z-index: 20;}

	#example .container .slide .brief{font-size: 26px;height: calc(48px * 4);margin:0 0 30px 0;line-height: 48px;overflow: hidden;} 

	#example .container .slide .card{max-width: 100%;}

	#example .container .slide .card img{width: 100%;}

}



/* #news-home {background-color:#ffffff;}

#news-home .title {margin:64px 0 60px 0;}

#news-home .title .left  .name {padding:0 0 20px 0;font-size: 40px;line-height: 1.8;font-weight: 500;}

#news-home .title .left  .divide {width:70px;height: 5px;background-color: #ef6b00;}

#news-home .title .right {display: block;width:182px;height:55px;line-height: 55px;background-color: #ef6b00;border-radius: 28px;font-size: 16px;text-align: center;color:#fff;transition: all .3s;}

#news-home .title .right:hover {background-color: #e56700;}

#news-home .content .card {width:37.5%;background-color: #ef6b00;margin:0 0 80px 0;}

#news-home .content .card .bottom  {padding:0 36px 0 50px}

#news-home .content .card .bottom .date {font-size: 16px;line-height: 1.8;margin:44px 0 20px 0;color:#FFF;}

#news-home .content .card .bottom .bigTit {line-height: 1.8;color:#fff;margin:0 0 10px 0;font-size: 25px;}

#news-home .content .card .bottom .brief {font-size: 16px;line-height: 1.8;color:#fff;margin:0 0 46px 0;}

#news-home .content .card img {transition: all .3s;}

#news-home .content .card:hover img {transform: scale(1.1);}

#news-home .content .info {width:57.1%;}

#news-home .content .info .top .img {width:630px;height:332px;}

#news-home .content .info .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background:#ef6b00;}

#news-home .text .caption {font-size: 20px;line-height: 1.8;font-weight: 600;margin:0 0 10px 0px;transition: all .3s;}

#news-home .text:hover  .caption  {color:#ef6b00;}

#news-home .text .subst  {margin:0 50px 0 10px;}

#news-home .text .subst .intro {font-size: 16px;opacity: .7;color:#666666;line-height: 1.8;margin: 0 0 50px 0;}

#news-home .text .subst .day {font-size: 16px;line-height: 1.8;color:#666666;opacity: .7;}





@media screen and (max-width:1120px) {

	#news-home .content {flex-wrap: wrap;}

	#news-home .text .subst  {margin:0 10px 0 10px;}

}



@media screen and (max-width:1000px) {

	#news-home .text .subst  {margin:0 10px 0 10px;}

}



@media screen and (max-width:750px) {

	#news-home .content .card{width:100%;}

	#news-home .content .info{width:100%;}

  	#news-home .title .right {font-size: 26px;}

  	#news-home .content .card .bottom .date {font-size: 26px;line-height: 1.8;}

  	#news-home .content .card .bottom .bigTit {font-size: 34px;line-height: 1.8;max-height:112.4px;overflow: hidden;}

  	#news-home .content .card .bottom .brief {font-size: 26px;line-height: 1.8;}

	#news-home .text .caption {font-size: 34px;line-height: 1.8;}

	#news-home .text .subst .intro {font-size: 26px;}

	#news-home .text .subst .day {font-size: 26px;}	

} */







#news-home {background-color:#ffffff;}

#news-home .title {margin:64px 0 60px 0;}

#news-home .title .left  .name {padding:0 0 20px 0;font-size: 40px;line-height: 1.8;font-weight: 500;}

#news-home .title .left  .divide {width:70px;height: 5px;background-color: #ef6b00;}

#news-home .title .right {display: block;width:182px;height:55px;line-height: 55px;background-color: #ef6b00;border-radius: 28px;font-size: 16px;text-align: center;color:#fff;}

#news-home .title .right:hover {background-color: #e56700;}

#news-home .content .card {width:37.5%;background-color: #ef6b00;margin:0 0 80px 0;overflow:hidden;}

#news-home .content .card:hover {background-color: #e56700;}

#news-home .content .card img {transition: all .3s;max-height:332px;object-fit:contain;}

#news-home .content .card:hover img {transform: scale(1.1);}

#news-home .content .card .bottom  {padding:0 36px 0 50px}

#news-home .content .card .bottom .date {font-size: 16px;line-height: 1.8;margin:44px 0 20px 0;color:#FFF;}

#news-home .content .card .bottom .bigTit {line-height: 30px; display: block; color:#fff;margin:0 0 15px 0;font-size: 22px; height: calc( 30px * 3);  overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}

#news-home .content .card .bottom .brief {font-size: 16px;line-height: 1.8;color:#fff;margin:0 0 46px 0; height: calc(29px * 3);}

#news-home .content .info {width:57.1%;}

#news-home .content .info .top .img {width:630px;height:332px;}

#news-home .content .info .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background:#ef6b00;}

#news-home .text  {display: block;padding:20px 0;border-bottom: 1px solid #f8f9fb;}

#news-home .text .caption {font-size: 20px;line-height: 1.8;font-weight: 600;margin:0 0 10px 0px;transition: all .5s;}

#news-home .text:hover  .caption  {color:#ef6b00;}

#news-home .text .subst  {margin:0 0px 0 10px;}

#news-home .text .subst .intro {font-size: 16px;opacity: .7;color:#666666;line-height: 1.8;margin: 0 20px 0px 0; height: calc(29px * 2);}

#news-home .text .subst .day {font-size: 16px;line-height: 1.8;color:#666666;opacity: .7;margin:0 40px 0 0;}

#news-home .content .info .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background:#ef6b00;}





@media screen and (max-width:1120px) {

	#news-home .content {flex-wrap: wrap;}

	#news-home .text .subst  {margin:0 10px 0 10px;}

}



@media screen and (max-width:1000px) {

	#news-home .text .subst  {margin:0 10px 0 10px;}

}



@media screen and (max-width:750px) {

	#news-home .content .card{width:100%;}

	#news-home .content .info{width:100%;}

  	#news-home .title .right {font-size: 26px;}

  	#news-home .content .card .bottom .date {font-size: 26px;line-height: 1.8;}

  	#news-home .content .card .bottom .bigTit {font-size: 34px;line-height: 1.8;max-height:112.4px;overflow: hidden;}

  	#news-home .content .card .bottom .brief {font-size: 26px;line-height: 1.8;}

	#news-home .text .caption {font-size: 34px;line-height: 1.8;}

	#news-home .text .subst .intro {font-size: 26px;}

	#news-home .text .subst .day {font-size: 26px;}	

}





.cooper{background-color: #f7f7f7;}

#cooper .title .name {padding:64px 0 20px 0;font-size: 40px;line-height: 1.8;font-weight: 600;}

#cooper .title .divide {width:70px;height: 5px;background-color: #ef6b00;}

#cooper .container .slide {padding:60px 0 200px 0;}

#cooper .container .slide .dd {width:20%;position: relative;z-index: 1;height:134px;background-color: #fff;border-right:1px solid #f3f3f3;border-bottom:1px solid #f3f3f3;overflow: hidden;transition: all .2s;}

#cooper .container .swiper-pagination-bullets {display: block;;bottom:120px;}

#cooper .container .swiper-pagination-bullets .swiper-pagination-bullet {width:14px;height: 14px;} 

#cooper .container .swiper-pagination-bullets .swiper-pagination-bullet-active{background-color: #fff;border:4px solid #ef6b00;}

#cooper .rank {font-size: 16px;}

#cooper .container .slide .dd:hover {box-shadow: 0px 0px 21px 0px rgba(239, 107, 0, 0.15);z-index: 2;transform: scale(1.01);}

#cooper .container .slide .dd:hover .img{transform: scale(1.01);}

#cooper .rank {font-size: 16px;position: absolute;bottom:150px;left:0;z-index: 3;font-weight: 600;}

@media screen and (max-width:1360px) {

 #cooper .container .slide .dd {width:25%;}

}

@media screen and (max-width:1020px) {

 #cooper .container .slide .dd {width:33.3%;}

}

/* @media screen and (max-width:750px) {

 #cooper .container .slide .dd {width:50%;}

 #cooper .rank {font-size: 26px;}

} */



#stock-home {position: relative;}

#stock-home .content {position: absolute;bottom:100px;width:100%;}

#stock-home .content .name {font-size: 40px;color:#fff;margin-bottom:3.57%;}

#stock-home .content .go {display: block;width:182px;height:55px;line-height: 55px;background-color: #ef6b00;border-radius: 28px;font-size: 16px;text-align: center;color:#fff;} 

@media (max-width: 1290px){

	#stock-home .content {bottom:20px;bottom: 50%;transform: translateY(50%);}

	

}

@media (max-width:750px){

	#stock-home .pc {display: none;}

	#stock-home .mb {display: block;}

	#stock-home .content .go {font-size: 26px;}

}





 .bgc{background-color: #141414;}

#footer .top  {border-bottom:1px solid #2c2c2c;}

#footer .top .left {width:calc(100% - 22.2%);border-right: 1px solid #2c2c2c;padding:80px 0 97px 0;}

#footer .top .left .li  {width:14.2%;}

#footer .top .left .li .dd {display: block;line-height: 1.8;color:#fff;opacity: .5;;font-size: 16px;cursor: pointer; width: 100%;}

#footer .top .left .li .dd:hover {color:#ef6b00;opacity: 1;}

#footer .top .left .li .th{display: block;opacity: 1;margin:0 0 20px 0;line-height: 1.8;color:#fff;font-weight: bold;font-size: 18px;}

#footer .top .left .spe {width:29%;display: flex;flex-wrap: wrap;padding-right:30px;}

#footer .top .left .spe .th,
#footer .top .left .spe .dd{width: 30%;}

#footer .top .right {width:22.2%;background-color: #141414;padding:80px 0 58px 0px;}

#footer .top .right .img {margin: 0 0 12px 0;text-align: center;}

#footer .top .right .img .code {width:108px;height:108px;}

#footer .top .right .text {font-size: 16px;color:#fff;line-height: 1.8;margin:0 0 30px 0;text-align: center;}

#footer .top .right .address {font-size: 16px;color:#fff;line-height: 1.8;margin:0 0 10px 0;padding-left:30px;}

#footer .top .right .phone {font-size: 16px;color:#fff;line-height: 1.8;padding-left:30px;}

#footer .bottom .bef {color:#fff;font-size: 14px;opacity: .3;padding:30px 0 30px 0;}

#footer .bottom .bef .support {margin:0 0 0 40px;}

#footer .bottom .aft {padding:30px 0 30px 0;}

#footer .bottom .aft .img {width:40px;height:40px;background-color: #2b2b2b;border-radius: 50%;margin-left:10px;}

#footer .bottom .aft .img .wx {width:24px;height:18px;fill:#6b6b6b;}

#footer .bottom .aft .img .wb {width:24px;height:18px;fill:#6b6b6b;}

#footer .bottom .aft .img .dy {width:24px;height:18px;fill:#6b6b6b;}

#footer .bottom .aft .img .add {width:24px;height:18px;fill:#6b6b6b;}

#footer .bottom .aft .img:hover {background-color: #ef6b00;}

#footer .bottom .aft .img:hover .wx {fill:#fff}

#footer .bottom .aft .img:hover .wb {fill:#fff}

#footer .bottom .aft .img:hover .dy {fill:#fff}

#footer .bottom .aft .img:hover .add {fill:#fff;}


@media (max-width: 1440px){
	#footer .top .left{ justify-content: start;}
	#footer .top .left .li{ margin-top: 20px; width: 20.3333%;}
	#footer .top .left .spe{ width: 50%;}
}




@media (max-width: 1256px){

	#footer .top .left {display: none;}

	#footer .top .right {width:100%;}

	#footer .top .right .img {text-align: center;}

	#footer .top .right .text {text-align: center;font-size: 26px;}

	#footer .top .right .address {text-align: center;font-size: 26px;}

    #footer .top .right .phone {text-align: center;font-size: 26px;} 

}





@media (max-width:750px){

	#footer .bottom .bef {font-size: 26px;width:100%;margin:20px 0 20px 40px;line-height: 1.8;}

	#footer .bottom .aft {font-size: 26px;width:100%;justify-content: center;}

	#footer .bottom .aft .img {width:60px;height:60px;}

	#footer .bottom .aft .img .wx {width:40px;height:40px;}

	#footer .bottom .aft .img .wb {width:40px;height:40px;}

	#footer .bottom .aft .img .dy {width:40px;height:40px;}

	#footer .bottom .aft .img .add {width:40px;height:40px;}

	#footer .top .right .address {padding-left:0px;}

    #footer .top .right .phone {padding-left:0px;}

}



/*新闻资讯 news*/

#news{padding-top: 100px;}

#news .hot .anniu{width: 94px;height: 94px;bottom: 0;z-index: 2;right: 0;}

#news .hot .next{right: 0;background:url(/images/news/arrow-aft.png)  no-repeat center #ef6b00;}

#news .hot .prev{right: 94px;background:  url(/images/news/arrow-bef.png) no-repeat center #fff;}

#news .hot .text{display: flex;padding: 32px 48px;line-height: 30px;background: rgba(0,0,0,0.6);bottom: 0;left: 0;z-index: 2;width: calc(100% - 188px);}

#news .hot .th1{display: block;font-size: 24px;color: #fff;font-weight: bold;}

#news .hot .th2{display: block;font-size: 16px;color: #fff;max-width:120px;font-weight: 500;}

#news .con{padding-bottom: 100px;}

#news .con .tent{position: relative;z-index: 3;}

#news .con .list{padding: 60px 0px 40px;border-bottom: 1px solid #e6e6e6;}

#news .list .time{margin: 0 42px 0 48px;width: 15%;}

#news .list .img{width: 400px;height: 250px;margin-right: 70px;}

#news .list .text{width: calc(85% - 560px);padding: 40px 48px 0 0;}

#news .list .t1{font-size: 70px;color: #ccc;font-weight: bold;}

#news .list .t2{font-size: 20px;color: #ccc;font-weight: bold;}

#news .list .a1{font-size: 20px;font-weight: bold;}

#news .list .time1{display: none;}

#news .list .t3{font-size: 16px;line-height: 1.875;margin: 20px auto 40px; height: calc(30px * 2);}

#news .list .t4 {font-size: 16px;color: #ccc;font-weight: bold;}

#news .list:hover{background: #fafafa;}

#news .list:hover .t1,#news .list:hover .t2,#news .list:hover .a1,#news .list:hover .t4 {color: #ef6b00;}

#news .more{margin: 100px auto 0;width: 135px;height: 59px;line-height: 59px;background: url(/images/more1.png) no-repeat center right;cursor: pointer;}





@media (max-width:1135px){

	#news .list .text{width: 100%;}

	#news .list .img {float: right;}

}

@media (max-width:750px){

	#news .hot {display: none;}

	#news .list .text{width: 100%;}

	#news .list .img {float: right;}

	#news .hot .th1{font-size: 34px;}

	#news .hot .th2{font-size: 26px;}

	#news .list .t1{font-size: 64px;}

	#news .list .t2{font-size: 26px;}

	#news .list .a1{font-size: 26px;}

	#news .list .t3{font-size: 26px;}

	#news .list .t4 {font-size: 26px;}

	#news .list .t4 {text-align: end;}

}



/* #news-detail 公司新闻 */

#news-detail{padding: 125px 0 115px;}

#news-detail .title{font-size: 45px;color: #1a1a1a;font-weight: 700;margin-bottom: 45px;}

#news-detail .icon{font-size: 16px;color: #999;margin-right: 55px;}

#news-detail .icon .svg{margin-right: 10px;width: 26px;height: 26px;fill: #999;}

#news-detail .share1,

#news-detail .share2,

#news-detail .share3{margin-left: 10px;}

#news-detail .share span{font-size: 16px;color: #999;}

#news-detail .share .svg{fill: #999;width: 26px;height: 26px;}

#news-detail .share1:hover .svg,#news-detail .share2:hover .svg,#news-detail .share3:hover .svg{fill: #65b955;}

#news-detail .content{padding-top: 50px;border-top: 1px solid #eee;margin: 35px 0 100px;}
#news-detail .content *{max-width:100%;white-space:pre-wrap !important;word-wrap:break-word !important;}

#news-detail .btns .prev,

#news-detail .btns .next{width: 50%;padding: 3.928% 12.5% 4.285% 4.643%;border: 1px solid #e6e6e6;background: #f8f8f8;}

#news-detail .btns .next{padding: 3.928% 4.643% 4.285% 12.5%;}

#news-detail .btns .prev .svg,

#news-detail .btns .next .svg{width: 40px;height: 40px;fill: #1a1a1a;}

#news-detail .btns .prev .text,

#news-detail .btns .next .text{width:calc(100% - 50px);}

#news-detail .btns .t1{font-size: 18px;margin-bottom: 25px;font-weight: bold;color:#333333;}

#news-detail .btns .t2{font-size: 16px;font-weight: bold;color:#666666;}

#news-detail .btns .prev:hover .t1,

#news-detail .btns .next:hover .t1{color: #fff;}

#news-detail .btns .prev:hover .t2,

#news-detail .btns .next:hover .t2{color: #fff;}

#news-detail .btns .prev:hover .svg,

#news-detail .btns .next:hover .svg{fill: #fff;}

#news-detail .btns .prev:hover,

#news-detail .btns .next:hover{background: #ef6b00;}

#news-detail .btns .prev:hover .arrow1 {fill:#fff;}

#news-detail .btns .next:hover .svg {fill:#fff;}



@media (max-width: 1024px){

	#news-detail  .btns .prev,

	#news-detail  .btns .next{padding: 3.5% 4.5%;}

}

@media (max-width: 750px){

	#news-detail  .title{font-size: 48px;}

	#news-detail  .time,

	#news-detail  .icon{font-size: 28px;}

	#news-detail  .time .svg{width: 26px;height: 26px;}

	#news-detail  .icon .svg{width: 36px;height: 36px;}

	#news-detail  .share{width: 100%;margin-top: 15px;}

	#news-detail  .share1,

	#news-detail  .share2,

	#news-detail  .share3{margin-left: 20px;}

	#news-detail  .share span{font-size: 28px;}

	#news-detail  .share .svg{width: 32px;height: 32px;}

	#news-detail  .content *{font-size: 26px !important;}

	#news-detail  .btns .prev,

	#news-detail  .btns .next{width: 100%;}

	#news-detail  .btns .t1{font-size: 30px;}

	#news-detail  .btns .t2{font-size: 28px;}

    #news-detail .icon{font-size: 26px;}

	#news-detail .share span{font-size: 26px;}

	#news-detail .btns .t1{font-size: 26px;}

    #news-detail .btns .t2{font-size: 26px;}

	#news-detail .editor{font-size: 26px;}

}



/* 分页 */

#paging {padding:100px 0;}

#paging .paging {text-align: center;}

#paging .paging[type='default'] .prev{border:1px solid rgb(235, 239, 242);}

#paging .paging[type='default'] .next{border:1px solid rgb(235, 239, 242);}

#paging .paging  .prev{width:60px;line-height: 60px;height:60px;border-radius:50%;text-align: center;font-size: 14px;color:#fff;border:1px solid rgb(235, 239, 242);}

#paging .paging  .prev  .img {height:100%;}

#paging .paging  .next  .img {height:100%;}

#paging .paging  .prev  .img .bef{width:22px;height:22px;height:100%;line-height:1 ;fill:#333333;}

#paging .paging  .next  .img .aft{width:22px;height:22px;line-height:1 ;fill:#333333;}

#paging .paging  .next{width:60px;line-height: 60px;height:60px;border-radius: 50%;text-align: center;font-size: 14px;border:1px solid rgb(235, 239, 242);}

#paging .paging  span a{width:60px;height:60px;background-color: #fff; line-height: 60px;font-size: 14px;border-radius: 50%;border:1px solid rgb(235, 239, 242);}

#paging .paging  span font{width:60px;height:60px;background-color: #fff; line-height: 60px;font-size: 14px;border-radius: 50%;border:1px solid rgb(235, 239, 242);}

#paging .paging  .cur {background-color:#ef6b00;} 

#paging .paging  .prev:hover {border:1px solid #f2832a;}

#paging .paging  .next:hover {border:1px solid #f2832a;}

#paging .paging  span a:hover{border:1px solid #f2832a;}

#paging .paging  span font:hover{border:1px solid #f2832a;}

@media screen and (max-width: 1440px) {
	#paging .paging span a{width: 50px; height: 50px; line-height: 50px;}
}

@media screen and (max-width : 750px) {

	#paging .paging  .prev{font-size: 22px;}

	#paging .paging  .next{font-size: 22px;}

	#paging .paging  span a{font-size: 22px;}

	#paging .paging  span font{font-size: 22px;}

}







/* about 第二个模块 */

/* #view  */

#view  {box-shadow: 0px 0px 20px 4px rgba(0, 0, 0, .1);}

#view  .picture  {padding-top:31.25%;}

#view  .bottom {padding:0 0 0 40px;}

#view  .bottom   .text {display: block;margin:50px 0 30px 0;font-size: 25px;font-weight: 500;}

#view  .bottom   .left   .icon {display: block;}

#view  .bottom   .left   .li {display: block;font-size: 16px;padding:20px 10px;color:#999999;}

#view  .bottom   .left   .li.spe {color:#333333;font-weight: 500;}

#view  .bottom   .left   .icon .home {width:20px;height:20px;fill:#a8a8a8;}

#view  .bottom   .right  .li {display: block;font-size: 16px;padding:20px 35px;position: relative;cursor: pointer;color:#000000;font-weight: 600;}

#view  .bottom   .right  .li.cur,

#view  .bottom   .right  .li:hover{color:#ef6b00;}

#view  .bottom   .right  .li.cur:after,

#view  .bottom   .right  .li:hover:after{content:"";width:5px;height:5px;border-radius: 50%;background-color:#ef6b00;;color:#ef6b00;position: absolute;bottom:10px;left:50%; transform: translate(-50%,0);}

#view  .picture  .box    {top:50%;left:50%;transform: translate(-50%,-50%);}

#view  .picture  .box    .name {font-size: 60px;padding:60px 0 20px 0;text-align: center;font-weight: 500;color:#fff;}

#view  .picture  .box    .divide {width:70px;height: 5px;background-color: #ef6b00;margin:0 auto ;}

/* #view  .scrollbar, .scrollbar *{background-color: #ef6b00;} */

#view.scrollbar,

#view.scrollbar *{scrollbar-width: thin;}

#view.scrollbar::-webkit-scrollbar,

#view.scrollbar ::-webkit-scrollbar{height:7px;width:7px;background:rgba(0,0,0,0.1)}

#view.scrollbar::-webkit-scrollbar:hover,

#view.scrollbar ::-webkit-scrollbar:hover{background:rgba(0,0,0,0.2)}

#view.scrollbar::-webkit-scrollbar-thumb,

#view.scrollbar ::-webkit-scrollbar-thumb{background:rgba(0,0,0,0.3);-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;border-radius:6px}

#view.scrollbar::-webkit-scrollbar-thumb:hover,

#view.scrollbar ::-webkit-scrollbar-thumb:hover{-webkit-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.25);-moz-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.25);-ms-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.25);-o-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.25);box-shadow:inset 1px 1px 1px rgba(0,0,0,0.25);background-color:rgba(0,0,0,0.4)}



@media screen and (max-width :1200px) {

	#view  .bottom  .left  {display: none;}

	#view  .bottom .right .li {padding: 20px 35px;}

	#view  .bottom .right {display: flex;width: 100%;justify-content: center;overflow-x: auto;}

}



@media screen and (max-width : 750px) {

	#view  .bottom   .text {font-size: 26px;}

	#view  .bottom   .left   .li {font-size: 26px;}

	#view  .bottom   .right  .li {font-size: 26px;}

	#view  .picture{height: 400px;}
	#view  .picture img:first-child{display: none;}
	#view  .picture img:nth-child(2){display: block !important;}

	#view  .picture  .box    .name {font-size: 40px;}

}



/* 第二套view2 */

/* about 第二个模块 */

/* #view  */

#view-2  {box-shadow: 0px 0px 20px 4px rgba(0, 0, 0, .1);}

#view-2  .picture  {padding-top:31.25%;}

#view-2  .bottom {padding:0 0 0 40px;}

#view-2  .bottom   .text {display: block;margin:50px 0 30px 0;font-size: 25px;font-weight: 500;}

#view-2  .bottom   .left   .icon {display: block;}

#view-2  .bottom   .left   .li {display: block;font-size: 16px;padding:20px 10px;color:#999999;}

#view-2  .bottom   .left   .li.spe {color:#333333;font-weight: 500;}

#view-2  .bottom   .left   .icon .home {width:20px;height:20px;fill:#a8a8a8;}

#view-2  .bottom   .right  .li {display: block;font-size: 16px;padding:20px 35px;position: relative;cursor: pointer;color:#000000;font-weight: 600;}

#view-2  .bottom   .right  .li.cur{color:#ef6b00;}

#view-2  .bottom   .right  .li.cur:after{content:"";width:5px;height:5px;border-radius: 50%;background-color:#ef6b00;;color:#ef6b00;position: absolute;bottom:10px;left:50%; transform: translate(-50%,0);}

#view-2  .picture  .box    {top:50%;left:50%;transform: translate(-50%,-50%);}

#view-2  .picture  .box    .name {font-size: 60px;padding:60px 0 20px 0;text-align: center;font-weight: 500;color:#fff;}

#view-2  .picture  .box    .divide {width:70px;height: 5px;background-color: #ef6b00;margin:0 auto ;}





@media screen and (max-width : 750px) {

	#view-2  .bottom   .text {font-size: 26px;}

	#view-2  .bottom   .left   .li {font-size: 26px;}

	#view-2  .bottom   .right  .li {font-size: 26px;}

	#view-2  .picture  .box    .name {font-size: 60px;}

}





#honor{padding:80px 0 116px;background: #f7f7f7;overflow: hidden;}

#honor .caption  {padding:0 0 70px 0;}

#honor .caption .name {font-size: 40px;line-height: 1.8;padding:64px 0 20px 0;text-align: center;}

#honor .caption .divide {width:70px;height: 5px;background-color: #ef6b00;margin:0 auto ;}

#honor .title{font-size:30px; color:#333; line-height:68px; font-weight:bold;}

#honor .title::before{width:20px; height:5px; background:#262d80; bottom:-5px; left:50%; margin:0 0 0 -10px;}

#honor .cate{margin:67px 0 60px;}

#honor .cate a{height:42px; line-height:42px; padding:0 28px; border-radius:3px; background:#efefef; font-size:16px; color:#333; margin:0 10px;}

#honor .cate a.cur{background:#262d80; color:#fff;}

#honor .prev{left:-52px; top:50%; margin:-12px 0 0; font-size:24px; transform:rotate(180deg); -ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -o-transform:rotate(180deg); z-index:2;}

#honor .next{right:-52px; top:50%; margin:-12px 0 0; font-size:24px; z-index:2;}

#honor .slide.swiper-slide-active{-moz-box-shadow:0 0 13px rgba(4,0,0,0.1); -webkit-box-shadow:0 0 13px rgba(4,0,0,0.1); box-shadow:0 0 13px rgba(4,0,0,0.1);}

#honor .container[hengxiangjiaodian]{overflow: hidden;}

#honor .container .slide{background:#fff;}

#honor .container[hengxiangjiaodian] .slide{width:500px; padding:25px 26px 25px 23px; border:1px solid #dcdcdc;}

#honor .container .slide .name{font-size:20px; color:#666; line-height:34px;margin-bottom: 20px;font-weight: 500;}

#honor .container .slide .img{margin:100px 0px 90px 0px;height:300px;}

#honor .container .slide .img img{filter: blur(5px);}

#honor .prev ,#honor .next {width:60px;height:60px;border-radius: 50%;background-color: #fff;}

#honor .prev:hover{background:#ef6b00;}

#honor .next:hover {background:#ef6b00}



#honor .prev:hover{background:#ef6b00;}

#honor .next:hover {background:#ef6b00}

#honor .prev .icon {fill:#333;width:17px;height:24px;margin-bottom: -4px}

#honor .next .icon {fill:#333;width:17px;height:24px;margin-top: 4px;}

#honor .prev:hover .icon {fill:#fff;}

#honor .next:hover .icon {fill:#fff;}

#honor .next{right:-52px; top:50%; margin:-12px 0 0; font-size:24px; z-index:2;}



@media only screen and (max-width:1500px){

	#honor .cw1200{width: 90%;}

}

@media only screen and (max-width: 750px){

	#honor .item {overflow: hidden;}

	#honor{padding:50px 0 100px;}

	#honor .cate a{font-size:20px;}

	#honor .container .slide{width: 378px;}

	#honor .container .slide .name{font-size:26px;}

	#honor .prev {left:0;}

	#honor .next {right:0;}

}





.connect-us {background-color: #fafafa;margin:0 0 100px 0;}

#connect-us  .title    .name {font-size: 40px;line-height: 1.8;padding:64px 0 20px 0;text-align: center;font-weight: 500;}

#connect-us  .title    .divide {width:70px;height: 5px;background-color: #ef6b00;margin:0 auto ;}

#connect-us  .content {gap:20px;padding:70px 0 100px  0;}

#connect-us  .content  .card  {background-color: #fff;width:45.23%;padding:0 0 50px 0;margin: 0 0 70px 0;}

#connect-us  .content  .card .picture  {padding-top:48.9%;position: relative;box-shadow: 0px 0px 29px 0px rgba(51, 51, 51, 0.08);}

#connect-us  .content  .card .bottom {padding:0 50px 0 40px;}

#connect-us  .content  .card .bottom   .text {display: block;margin:50px 0 30px 0;font-size: 25px;font-weight: 500;}

#connect-us  .content  .card .bottom   .brief {font-size: 16px;line-height: 1.8;}

#connect-us  .content  .card .bottom   .brief  .li {font-size: 18px;line-height: 1.8;margin: 0 0 10px 0;}

#connect-us  .content  .card .bottom   .brief  .li .icon {padding-right:30px;}

#connect-us  .content  .card .bottom   .brief  .li .icon .img {width:20px;height:25px;fill:#ef6b00;}

#connect-us  .content  .subs  {background-color: #fff;width:45.23%;padding:0 0 50px 0;margin: 0 0 70px 0;}

#connect-us  .content  .subs   .picture  {padding-top:48.9%;position: relative;box-shadow: 0px 0px 29px 0px rgba(51, 51, 51, 0.08);}

#connect-us  .content  .subs {padding:0 50px 50px 50px;}

#connect-us  .content  .subs   .text {display: block;margin:50px 0 30px 0;font-size: 25px;font-weight: 500;}

#connect-us  .content  .subs   .brief {font-size: 16px;line-height: 1.8;}

#connect-us  .content  .subs   .brief  .li {font-size: 18px;line-height: 1.8;margin: 0 0 10px 0;}

#connect-us  .content  .subs   .brief  .li .icon  {padding-right:30px;}

#connect-us  .content  .subs   .brief  .li .icon .img {width:20px;height:25px;fill:#ef6b00;margin-right:20px;}



@media screen and (max-width : 750px) {

	#connect-us  .content  .card {width:100%;}

	#connect-us  .content  .subs {width:100%;}

	#connect-us  .content  .card .bottom   .text {font-size: 26px;}

	#connect-us  .content  .card .bottom   .brief {font-size: 26px;}

	#connect-us  .content  .card .bottom   .brief  .li {font-size: 26px;}

	#connect-us  .content  .subs   .text {font-size: 34px;}

	#connect-us  .content  .subs   .brief {font-size: 26px;}

	#connect-us  .content  .subs   .brief  .li {font-size: 26px;}

	#connect-us  .content  .card .bottom   .brief  .li .icon .img {width:40px;height:40px;fill:#ef6b00;}

}





#message .title {padding:0 0 50px 0;}

#message .title .caption{margin:0 0 30px 0;}

#message .title  .caption{font-size: 36px;line-height: 1;color: #1a1a1a;text-align: center;}

#message .title  .notice{font-size:18px;line-height: 1;color:#666666;text-align: center;}

#message .content {background-color: #fff;padding:80px 100px 0 100px;}

#message .content .ul  {display: flex;gap:34px;}

#message .content .ul .li {width:29.8%;transition: all .3s ease-in;}

#message .content .ul .li .name{font-size: 16px;color:#333333;}

#message .content .ul .li .name .circle {width:5px;height:5px;margin-left:5px;border-radius: 50%;background-color:#ef6b00;}

#message .content .ul .li .input {border-radius: 8px; border:1px solid #e6e6e6;height:50px;margin:10px 0 30px 0;transition: all .3s;flex:1;padding:0 0  0 30px;}

#message .content .ul .li .input:hover {border:1px solid #ef6b00;}

#message .content .ul .li .input .write {height:100%;}

#message .content .state .name {padding:0 0 10px 0;font-size: 18px;}

#message .content .state .name .circle {width:5px;height:5px;margin-left:5px;border-radius: 50%;background-color:#ef6b00;}

#message .content .text {padding:25px 0 0 25px;width:100%;height:200px;border: #e6e6e6 solid 1px;font-size: 18px;margin:0 0 30px 0;border-radius: 8px;}

#message .content .text:hover {border: #ef6b00 solid 1px;}

#message .content .btn {width:180px;height:56px;line-height: 56px;text-align: center;font-size: 16px;margin:0 auto;border-radius: 28px;color:#fff;background-color: #ef6b00;cursor: pointer;}



@media screen and (max-width : 750px) {

	#message .content .ul .li {width:100%;}

	#message .content .ul {gap: 0;}

    #message .content .ul .li .input { margin:10px 0 10px 0;}

	#message .title  .notice{font-size:26px;}

	#message .content .ul .li .name{font-size: 26px;}

	#message .content .state .name {font-size: 26px;}

    #message .content .text {font-size: 26px;}

    #message .content .text {font-size: 26px;} 

    #message .content .btn {font-size: 26px;}

}



#intro{padding:0 0px 100px 0px;}

#intro .title  {padding:0 0 70px 0;}

#intro .title .name {font-size: 40px;line-height: 1.8;padding:64px 0 20px 0;text-align: center;}

#intro .title .divide {width:70px;height: 5px;background-color: #ef6b00;margin:0 auto ;}

#intro .text {font-size: 18px;color:#666;line-height: 1.8;}

#intro  .title .name {padding:164px 0 20px 0;font-size: 40px;line-height: 1.8;font-weight: 500;}

#intro  .title .divide {width:70px;height: 5px;background-color: #ef6b00;}

#intro  .text {font-size: 16px;line-height: 1.8;color:#666666;margin:70px 0 54px 0;}

/* #intro  .number {display: grid;grid-template-columns: auto auto auto auto;;justify-content: space-between;margin:70px 0 20px 0} */

#intro  .number{display: flex; justify-content: space-between;margin:70px 0 20px 0;}

#intro  .number .th {font-size: 72px;color:#ef6b00;font-weight: bold;font-family: "D-DINEXP-BOLD";margin:0 0 20px 0;}

#intro  .number .th .spe {font-size: 14px;}

#intro  .number .dd {font-size: 16px;color:#666666;margin:0 0 50px 0;}

#intro  .box .play {top:50%;left:50%;transform: translate(-50%,-50%);z-index: 4;}

#intro  .box .img {width:100%;}





@media screen and (max-width :1500px) {

	#intro  .title .name {padding:50px 0 20px 0;}

	#intro .title  {padding:0 0 0px 0;}

}



@media screen and (max-width : 750px) {

	#intro  .text {font-size: 26px;line-height: 1.8;}

	#intro .number .dd {font-size: 26px;padding: 0 10px;line-height: 1.8;max-height: 93.6px;overflow: hidden;}

	#intro  .title .name {padding:50px 0 20px 0;}

	#intro .title  {padding:0 0 0px 0;}

	#intro  .number{flex-wrap: wrap;}
	#intro  .number .item{width: 50%;}

}







#culture{background-color: #f7f7f7;padding-bottom:100px;}

#culture .title  {padding:0 0 70px 0;}

#culture .title .name {font-size: 40px;line-height: 1.8;padding:64px 0 20px 0;text-align: center;}

#culture .title .divide {width:70px;height: 5px;background-color: #ef6b00;margin:0 auto ;}

/* #culture .content {display: grid;grid-template-columns: 1fr 1fr 1fr;grid-auto-flow: row dense;grid-row-gap:30px;grid-column-gap: 30px;} */

#culture .content{display: flex; flex-wrap: wrap; justify-content: space-between;}

#culture .content .item{width: 32.063%; height:325px; overflow: hidden;}

#culture .content .item .bigTit{font-size: 25px;font-weight: 600;position: absolute;top:226px;margin: 0 20px 0 40px;color:#fff;width:100%;z-index: 5;transition: all .5s;}

#culture .content .item .bigTit  .icon{width:50px;/*height:50px;*/margin: 0 10px 0 0px;}

#culture .content .item .mask{z-index: 4;background-color: #ef6b00;opacity: .8;color:#fff;font-size: 16px;line-height: 1.8;transition: all .5s;transform: translateY(100%);padding: 0 20px 0 40px;}

#culture .content .item .mask .in{height: calc(35px * 4);}
#culture .content .item .mask .in .mCSB_container{ padding-right: 20px;}

#culture .content .item:hover .bigTit{bottom:auto;top:60px;animation-delay: 0.5s;}

#culture .content .item:hover .mask{transform: translateY(0);padding: 140px 20px 0 40px;}

#culture .content .item-1{background:url("/images/about/culture-1.jpg") no-repeat 0 0 /cover;}

#culture .content .item-2{background:url("/images/about/culture-2.jpg") no-repeat 0 0 /cover;}

#culture .content .item-3{background:url("/images/about/culture-3.jpg") no-repeat 0 0 /cover;}

#culture .content .item-4{width: 65.875%; margin-top: 30px; background:url("/images/about/culture-4.jpg") no-repeat 0 0 /cover;}

#culture .content .item-5{ margin-top: 30px; background:url("/images/about/culture-5.jpg") no-repeat 0 0 /cover;}

#culture .content .item-4{/* height:200px; */background-color: pink;padding-top: 0;grid-column: 1 / span 2;}



@media screen and (max-width : 1600px) {

	#culture .content .item .bigTit{top:180px;}

	/* #culture .content .item{padding-top: 63.64%;} */

}

@media screen and (max-width : 1500px) {

	/* #culture .content .item{padding-top:63.64%;overflow: hidden;} */

	#culture .content .item:hover .bigTit{ top: 30px;}

	#culture .content .item:hover .mask{ padding: 55px 20px 0 40px;}

}

@media screen and (max-width : 1440px){
	#culture .content .item{height: 276px;}
	#culture .content .item:hover .mask{padding: 95px 20px 0 40px;}
}

@media screen and (max-width : 1400px) {

	#culture .content .item .bigTit{top:140px;/*;padding-top:57.64%;*/}
	

}

@media screen and (max-width : 1200px) {

	#culture .content .item .bigTit{top:100px;}

	#culture .content .item .mask .in{height: calc(35px * 3);}

}



@media screen and (max-width : 1080px) {

	#culture .content .item .bigTit{top:200px;}

	#culture .content {grid-template-columns: 1fr 1fr;}

	#culture .content .item-4 {padding-top:28.82%;}

}

@media screen and (max-width : 750px) {

	/* #culture .content {grid-template-columns: 1fr;} */

	#culture .content .item{width: 100%; margin-top: 30px;}

	/* #culture .content .item-4{padding-top:57.6%;grid-column: 1 / span 1;} */

	#culture .content .item .bigTit{font-size: 34px; padding-top: 0;}

	#culture .content .item .mask{font-size: 26px;}

}





/* product-line 产品线卡 */

#product-line  {padding:100px 0 100px 0;}

/* #product-line  .content {gap:40px 10px;} */

#product-line  .content   .wrap {width:13.80%;padding-top:8.33%;box-shadow: 0px 0px 20px 0px rgba(51, 51, 51, 0.05);border-radius: 0 23px 0 0;margin: 0 20px;margin-bottom: 40px;;}

#product-line  .content   .wrap:nth-child(6n+6) {display: block;margin-right:0px;}

#product-line  .content   .wrap .dd {display: block;}

#product-line  .content   .wrap .dd img{max-width: 80%;max-height: 50%;}

#product-line  .content   .wrap:hover {background-color: #ef6b00;}

#product-line  .content   .wrap .dd:hover img{-webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);}

@media screen and (max-width: 1440px) {
	#product-line .content .wrap{width: 15.8%;}
	#product-line .content .wrap:nth-child(6n+6){margin-right: 20px;}
}

@media screen and (max-width : 1300px) {

	#product-line  .content   .wrap {margin-right:30px;margin-bottom: 40px;;}

	#product-line  .content   .wrap:nth-child(6n+6) {margin-right:30px;margin-bottom: 40px;}

}


@media screen and (max-width : 1170px) {

	#product-line  .content   .wrap {margin-right:20px;margin-bottom: 40px;;}

	#product-line  .content   .wrap:nth-child(6n+6) {margin-right:20px;margin-bottom: 40px;}

}

@media screen and (max-width : 1088px) {

#product-line  .content   .wrap {width:21.32%;margin-right:30px;margin-bottom: 40px;;}

#product-line  .content   .wrap:nth-child(6n+6) {width:21.32%;margin-right:30px;margin-bottom: 40px;}

#product-line  .content   .wrap:nth-child(4n+4) {margin-right:0px;margin-bottom: 40px;}

}

/* @media screen and (max-width : 776px) {

#product-line  .content   .wrap {width:29.6%;}

} */


@media screen and (max-width : 750px) {

#product-line  .content   .wrap {width:45%;margin-bottom:20px;padding-top:20%; margin-left: 0;}

#product-line  .content   .wrap:nth-child(6n+6) {width:45%;margin-right:30px;margin-bottom: 20px;}

#product-line  .content   .wrap:nth-child(4n+4) {width:45%;margin-right:30px;margin-bottom: 20px;}

#product-line  .content   .wrap:nth-child(2n+2) {margin-right:0px;margin-bottom: 20px;}

}











#dev{padding:0px 0 140px;background: url(/images/about/bgc-1_02.jpg) no-repeat center;background-size: cover;}

#dev .title  {padding:0 0 70px 0;}

#dev .title .name {font-size: 40px;line-height: 1.8;padding:64px 0 20px 0;text-align: center;color:#fff;}

#dev .title .divide {width:70px;height: 5px;background-color: #ef6b00;margin:0 auto ;}

#dev .line{width: calc(100% - 160px);height: 2px;background: #fff;left: 0;right: 0;margin: 0 auto;top: 50%;}

#dev .container{margin: 60px 160px 0;}

#dev .slide{height:660px;}

#dev .slide .li{width: 100%;bottom: 50%;padding: 0 0 30px;}

#dev .slide .li .i1{width: 14px;height: 14px;background: transparent;border-radius: 100%; bottom: -7px;}

#dev .slide .li .i2{width: 2px;height: 18px;background: #fff; bottom: 0;left: 6px;}

#dev .slide .li:nth-child(2n) .icon{top: auto;bottom: -30px;}

#dev .slide .li .year{font-size: 42px;color: #fff;}

#dev .slide .li .brief{font-size: 16px;color: #fff;line-height: 1.8;margin: 15px 0 20px;height: 86.4px;}

#dev .slide .li .pic{width: 100%;padding-top: 50%;}

#dev .slide .li:hover .i1{background: #ef6b00;}

#dev .slide .li:hover .i2{background: #ef6b00;}

#dev .slide .li:hover .year{color: #ef6b00;}

#dev .slide .li.mt{top: 50%;padding: 30px 0 0;}

#dev .slide .li.mt .i1{bottom: auto;top: -6px;}

#dev .slide .li.mt .i2{bottom: auto;top: 0;}

#dev .prev,

#dev .next{width: 80px;height: 80px;border-radius: 100%;border: 2px solid #fff;top: 50%;transform: translateY(-50%);}

#dev .prev{left: 0;}

#dev .next{right: 0;}

#dev .prev .svg,

#dev .next .svg{fill: #fff;width:20px;height:20px;}

#dev .prev:hover,

#dev .next:hover{background-color: #ef6b00;border-color: transparent;}

@media (max-width: 1280px){

	#dev .slide{height: 700px;}

}

@media (max-width: 1100px){

	#dev .slide{height: 800px;}

}

@media (max-width: 1100px){

	#dev {display: none;}

}







#dev_mobile{display: none;padding:0px 0 140px;background: url(/images/about/bgc-1_02.jpg) no-repeat center;background-size: cover;}

#dev_mobile .title  {padding:0 0 70px 0;}

#dev_mobile .title .name {font-size: 40px;line-height: 1.8;padding:64px 0 20px 0;text-align: center;color:#fff;}

#dev_mobile .title .divide {width:70px;height: 5px;background-color: #ef6b00;margin:0 auto ;}

#dev_mobile .ul{position: relative;;margin: 60px auto 0;}

#dev_mobile .ul .line {content:"";display: block;position: absolute;width:2px;height:100%;top:0;bottom:0;left:50%;transform: translate(-1px,0);background-color: #fff;z-index: 2;}

#dev_mobile .ul .li:nth-child(odd) {float: left;margin-right: 30%;text-align: right;}

#dev_mobile .ul .li:nth-child(even) {float: right;}

#dev_mobile .ul .li:nth-child(2n) .icon{top: auto;bottom: -30px;}

#dev_mobile .ul .li{width: 46%;position: relative;}

#dev_mobile .ul .li .i1 {display: none;}

#dev_mobile .ul .li .i2 {display: none;}

#dev_mobile .ul .li .year{position: relative;;font-size: 42px;color: #fff;}

#dev_mobile .ul .li:nth-child(even)  .year::before {content:"";display: block;position: absolute;left:0;top:50%;width:20px;height:2px;background-color: #fff;transform: translate(-134%,0);}

#dev_mobile .ul .li:nth-child(odd)  .year::before {content:"";display: block;position: absolute;right:0;top:50%;width:20px;height:2px;background-color: #fff;transform: translate(+134%,0);}

#dev_mobile .ul .li .brief{font-size: 16px;color: #fff;line-height: 1.8;margin: 15px 0 20px;height: 86.4px;}

#dev_mobile .ul .li:hover .i1{background: #ef6b00;}

#dev_mobile .ul .li:hover .i2{background: #ef6b00;}

#dev_mobile .ul .li:hover .year{color: #ef6b00;}



@media screen and (max-width : 750px) {

	#dev_mobile{display: block;}

}









/* 产品线卡-te */

#te .content  {padding:0 0 140px 0;padding:100px 0 0 0;}

#te .content .left {width:334px;}

#te .content .left .top {width:100%;}

#te .content .right {width:62.6%;font-size: 18px;line-height: 35px; height: calc(35px * 8);}

#te .content .right .mCSB_container{padding-right: 20px;}

#te .content .right .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background: #ef6b00;}

#te .content .bottom  {padding:16.6% 0 42.2% 0;gap:5px;}

/* #te .content .bottom .img  {border:1px solid #666666;border-radius: 50%;} */

#te .content .bottom .img {border: 1px solid #666666;border-radius: 50%;flex: 1 0 60px;height: 60px;width: 60px;}

#te .content .bottom .img:hover {background-color:#ef6b00;border:1px solid #ef6b00;}

#te .content .bottom .img .enjoy {width:22px;height:22px;fill:#666666;cursor: pointer;margin:18px;}

#te .content .bottom .img .such {width:22px;height:22px;fill:#666666;cursor: pointer;margin:18px;}

#te .content .bottom .img:hover .such {fill:#fff;}

#te .content .bottom .img:hover .enjoy {fill:#fff;}

#te .content .bottom .text {display: block;border:#666666;font-size: 16px;margin:0  0 0 20px;}



@media screen and (max-width : 1230px) {

	#te .content .left {width:100%;}

	#te .content .right {width:100%;margin:0 0 100px 0;}

	#te .content .bottom {padding: 20px 0 20px 0;justify-content: space-evenly;}

}



@media screen and (max-width : 750px) {

	#te .content .right {font-size: 26px;}

	#te .content .bottom .text {font-size: 26px;}

}

	

	



/* #product .title {padding:40px 0;border-top:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8;display: flex;justify-content: space-between;}

#product .title .tu {display: block;width:5px;height:22px;background-color: #ef6b00;margin-right:14px;}

#product .title .left{font-size: 24px;}

#product .title .right .li{font-size: 18px;margin:0 36px;transition: all .3s;}

#product .title .right .li:hover {color:#ef6b00;}

#product .title .right .li.cur{color:#ef6b00;position: relative;}

#product .title .right .cur::after{content:"";width:5px;height:5px;border-radius: 50%;background-color:#ef6b00;;color:#ef6b00;position: absolute;bottom:-10px;left:50%;transition: (-50%,0);}

#product .content {gap:27px 1.9%;padding:70px 0 0 0;}

#product .content .li{width:23.50%;padding-top:24.04%;border:1px solid #eeeeee;overflow: hidden;}

#product .content .li .card{padding:30px 46px 0px 46px}

#product .content .li .card .caption {font-size: 18px;text-align: center;margin:0 0 56px 0;line-height: 1;}

#product .content .li .card .box {height:180px;margin:0 0  40px 0;}

#product .content .li .card .box .img{max-width: 100%;max-height: 100%;}

#product .content .li .card .brief {color:#666666;font-size: 16px;text-align: center;}

#product .content .li .card2 {padding:50px 40px 0 34px ;background-color: #ef6b00;opacity: 88%;top:100%;left:0;width:100%;height:100%;transition: all 1s;color:#fff;font-size: 16px;line-height: 26px;line-height: 1.8;overflow: hidden;}

#product .content .li:hover .card2  {transform: translateY(-100%);}



@media screen and (max-width : 1630px) {

	#product .content .li{padding-top:34%;}

	

}

@media screen and (max-width : 1514px) {

	#product .title .left{width:100%;padding:0 0 50px 0;}

	#product .title .right{width:100%;gap: 20px 20px;}

	#product .title {border-top: 0px solid #e8e8e8;}

	#product .content .li{width:30%;padding-top:40%;overflow: hidden;}

}



@media screen and (max-width : 1420px) {

	#product .content .li{padding-top:38%;}	

}



@media screen and (max-width : 1300px) {

	#product .title .right{width:100%;gap: 20px 20px;}

}



@media screen and (max-width : 1200px) {

	#product .content .li{width:46%;padding-top:50%;}

}

@media screen and (max-width : 960px) {

	#product .content .li{width:100%;padding-top:50%;}

}



@media screen and (max-width : 750px) {

	#product .content .li{width:100%;padding-top:90%;}

	#product .title .left{font-size: 34px;}

	#product .title .right .li{font-size: 26px;line-height: 1.8;margin-bottom: 30px;}

	#product .content .li {margin-bottom: 40px;}

	#product .content .li .card .caption {font-size: 26px;}

	#product .content .li .card .brief {font-size: 26px;}

	#product .content .li .card2 {font-size: 26px;}	

}

 */



 #product .title {padding:40px 0;border-top:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8;display: flex;justify-content: space-between;}

#product .title .tu {display: block;width:5px;height:22px;background-color: #ef6b00;margin-right:14px;}

#product .title .left{font-size: 24px;}

#product .title .right .li{font-size: 18px;margin:0 36px;}

#product .title .right .li:hover{color:#ef6b00}

#product .title .right .li.cur{color:#ef6b00;position: relative;}

#product .title .right .cur::after{content:"";width:5px;height:5px;border-radius: 50%;background-color:#ef6b00;;color:#ef6b00;position: absolute;bottom:-10px;left:50%; transform: translate(-50%,0);}

#product .content {/*gap:27px 1.9%;*/padding:70px 0 0 0;}

#product .content .li{display: block;width:23.50%; margin: 27px 1.9% 0 0; padding-top:24.04%;border:1px solid #eeeeee;overflow: hidden;}
#product .content .li:nth-child(4n){margin-right: 0;}
#product .content .li:nth-child(-n+4){margin-top: 0;}
#product .content .li .card{padding:30px 46px 0px 46px}

#product .content .li .card .caption {font-size: 18px;text-align: center;margin:0 0 56px 0;line-height: 1;}

#product .content .li .card .box {height:180px;margin:0 0  40px 0;}

#product .content .li .card .box .img{max-width: 100%;max-height: 100%;}

#product .content .li .card .brief {color:#666666;font-size: 16px;text-align: center;}

#product .content .li .card2 {/*padding:50px 40px 0 34px;*/background-color: #ef6b00;opacity: 88%;transition: all 1s;overflow: hidden;top: 100%;}

#product .content .li:hover .card2  {top: 0;}

#product .content .li .card2>div{color:#fff;font-size: 16px;line-height: 1.8;width: 100%;height: 92%;}
#product .content .li .card2>div .con{padding:0 40px;}
#product .content .li .card2 .mCSB_container{display: flex;flex-direction: column;justify-content: center;}

#product .content .li .card2 .mCSB_dragger .mCSB_dragger_bar{background-color: rgba(255,255,255,.88);}

@media screen and (max-width : 1730px) {

	#product .content .li{padding-top:38%;}

	

}





@media screen and (max-width : 1670px) {

	#product .content .li{padding-top:30%;}

	

}





@media screen and (max-width : 1514px) {

	#product .title .left{width:100%;padding:0 0 50px 0;}

	#product .title .right{width:100%;gap: 20px 20px;}

	#product .title {border-top: 0px solid #e8e8e8;}
	#product .content .li .card{padding: 30px 30px 0;}

	/* #product .content .li{width:30%;padding-top:30%;overflow: hidden;} */

}



@media screen and (max-width : 1420px) {

	#product .content .li{padding-top:33%;}	

}



@media screen and (max-width : 1300px) {

	#product .title .right{width:100%;gap: 20px 20px;}

}



@media screen and (max-width : 1200px) {

	#product .content .li{width:49%;padding-top:50%;}
	#product .content .li .card{padding: 30px 20px 0;}
	#product .content .li:nth-child(-n+4){margin-top: 27px;}
	#product .content .li:nth-child(-n+2){margin-top: 0;}
	#product .content .li:nth-child(4n){margin-right: 1.9%;}
	#product .content .li:nth-child(2n){margin-right: 0;}
	

}

@media screen and (max-width : 960px) {

	#product .content .li{width:100%;padding-top:50%;}

}



@media screen and (max-width : 750px) {

	#product .content .li{width:100%;padding-top:68%;}

	#product .title .left{font-size: 34px;}

	#product .title .right .li{font-size: 26px;line-height: 1.8;margin-bottom: 30px;}

	#product .content .li {margin-bottom: 40px;}

	#product .content .li .card .caption {font-size: 26px;}

	#product .content .li .card .brief {font-size: 26px;}

	#product .content .li .card2 {font-size: 26px;position: static;transform: translateY(0%);padding: 35px;}

	#product .content .li .card2 >div{font-size: 26px;}

	#product .content .li:hover .card2  {transform: translateY(0%);}	

}





/* #service-tech  */

/* 技术支持 */

#service-tech  {background-color: #fafafa;padding:0 0 100px 0;}

#service-tech  .content .li {width:44.62%;}

#service-tech  .content .li .title .name  {font-size: 40px;line-height: 1.8;padding:64px 0 20px 0;text-align: center;font-weight: 500;}

#service-tech  .content .li .title .divide  {width:70px;height: 5px;background-color: #ef6b00;margin:0  auto  70px auto;}

#service-tech  .content .li .subs {padding:76px 54px 76px 54px;background-color: #fff;overflow: hidden;} 

#service-tech  .content  .subs .dd  {height:300px;width:50%;overflow: hidden;transform: translateX(2px);}

#service-tech  .content  .subs .dd:nth-child(1){border-right:1px solid #eaeaea;border-bottom:1px solid #eaeaea;}

#service-tech  .content  .subs .dd:nth-child(2){border-bottom:1px solid #eaeaea;}

#service-tech  .content  .subs .dd:nth-child(3){border-right:1px solid #eaeaea;}

#service-tech  .content  .subs .dd   .box  {margin:0 auto;text-align: center;}

#service-tech  .content  .subs .dd   .box .icon {width:92px;height:92px;background-color: #ef6b00;margin:0 auto 30px auto;border-radius: 50%;}

#service-tech  .content  .subs .dd   .box .icon .img {width:30px;height:30px;fill:#fff;}

#service-tech  .content  .subs .dd   .box .icon .wx {width:40px;height:40px;fill:#fff;}

#service-tech  .content  .subs .dd   .box .text {font-size: 18px;font-weight: 600;}

#service-tech  .content  .subs .dd   .code  {background-color: #fff;transform: translateY(-100%);transition: all 1s;right: -1px;}

#service-tech  .content  .subs .dd:hover .code {transform: translateY(0)}

#service-tech  .content  .subs .dd   .code .img{max-width:200px;max-height:200px;}



@media screen and (max-width :1200px) {

	#service-tech  .content .li {width:100%;}

	#service-tech  .content  .subs .dd   .box .text {font-size: 26px;}

}



@media screen and (max-width :750px) {

	#service-tech  .content  .subs .dd   .box .icon .img {width:50px;height:50px;fill:#fff;}

	#service-tech  .content  .subs .dd   .box .icon .wx {width:60px;height:60px;fill:#fff;}

}







/* service-appli */

#service-appli {background-color: #fafafa;padding:5.95% 0 0 0;}

#service-appli .title {padding:0 0 50px 0;}

#service-appli .title .caption{margin:0 0 30px 0;}

#service-appli .title  .caption{font-size: 40px;line-height: 1;color: #1a1a1a;text-align: center;font-weight:500;}

#service-appli .title  .notice{font-size:18px;line-height: 1;color:#666666;text-align: center;}

#service-appli .content  {background-color: #fff;padding:100px 11.9%  90px 11.9%;}

#service-appli .content .name{font-size: 16px;color:#333333;font-weight: 500;}

#service-appli .content .name .circle {width:5px;height:5px;margin-left:5px;border-radius: 50%;background-color:#ef6b00;}

#service-appli .content .input {border-radius: 8px; border:1px solid #e6e6e6;height:50px;margin:10px 0 30px 0;transition: all .3;}

#service-appli .content .input:hover {border:1px solid #ef6b00;}

#service-appli .content .input .write {font-size: 16px;height:100%;padding:0 0 0 20px;}

#service-appli .content .area {font-size: 16px; height:200px; border:1px solid #e6e6e6;border-radius: 8px;margin:10px 0 30px 0;}

#service-appli .content .area  .state {height:100%;}

#service-appli .content .btn {width:180px;height:56px;line-height: 54px;border-radius: 28px;color:#fff;font-weight: bold;font-size: 16px;background-color: #ef6b00;text-align: center;cursor: pointer;}

@media screen and (max-width : 750px) {

	#service-appli .title  .notice{font-size:26px;}

	#service-appli .content .name{font-size: 26px;}

	#service-appli .content .btn {font-size: 26px;}



	#service-appli .content .input .write {font-size: 26px;}

	#service-appli .content .area {font-size: 26px;}

}





/* #service-custo  */

#service-custo  {padding:100px 0 0 0;}

#service-custo .subs {gap:3%;}

#service-custo .subs  .card  {background-color: #fafafa;width:29.76%;padding:0 0 75px 0;margin: 0 0 100px 0;}

#service-custo .subs  .card .picture  {padding-top:59.4%;position: relative;box-shadow: 0px 0px 29px 0px rgba(51, 51, 51, 0.08);}

#service-custo .subs  .card .bottom {padding:0 40px 0 40px;}

#service-custo .subs  .card .bottom  .icon  {margin:40px 0 30px 0;}

#service-custo .subs  .card .bottom  .icon  .text {display: block;font-size: 30px;font-weight: 500;text-align: start;}

#service-custo .subs  .card .bottom  .icon  .img {width:40px;height:50px;fill:#ef6b00;margin-right:20px;}

#service-custo .subs  .card .bottom  .brief {font-size: 16px;line-height: 1.8;}



@media screen and (max-width : 1140px) {

	#service-custo .subs  .card  {width:43.85%;}

}



@media screen and (max-width : 750px) {

	#service-custo .subs  .card  {width:100%;}

	#service-custo .subs  .card .bottom  .icon  .text {font-size: 34px;}

	#service-custo .subs  .card .bottom  .brief {font-size: 26px;}

}



#connect  {background-color: #fafafa;}

#connect  .title    .name {font-size: 40px;line-height: 1.8;padding:64px 0 20px 0;text-align: center;font-weight: 500;}

#connect  .title    .divide {width:70px;height: 5px;background-color: #ef6b00;margin:0 auto ;}

#connect  .content {gap:20px;padding:70px 0 100px  0;}

#connect  .content  .li {height:300px;width:22.6%;background-color: #fff;overflow: hidden;}

#connect  .content  .li  .box  {margin:0 auto;text-align: center;}

#connect  .content  .li  .box .icon {width:92px;height:92px;background-color: #ef6b00;margin:0 auto 30px auto;border-radius: 50%;}

#connect  .content  .li  .box .icon .img {width:30px;height:30px;fill:#fff;}

#connect  .content  .li  .box .icon .wx {width:40px;height:40px;fill:#fff;}

#connect  .content  .li  .box .text {font-size: 18px;font-weight: 600;}

#connect  .content  .li  .code  {background-color: #fff;transform: translateX(-100%);transition: all 1s;}

#connect  .content  .li:hover .code {transform: translateX(0)}

#connect  .content  .li  .code .img{max-width:200px;max-height:200px;}

#connect  .content  .li:hover {background-color: rgba(0,0,0,.1);}





@media screen and (max-width : 1250px) {

	#connect  .content  .li {width:31.5%;}

}



@media screen and (max-width : 800px) {

	#connect  .content  .li {width:48.2%;margin-bottom:20px;}

}



@media screen and (max-width : 750px) {

	#connect  .content  .li {width:48.2%;}

	#connect  .content  .li  .box .text {font-size: 26px;}

}





/*招聘*/

#join .title .name {padding:64px 0 20px 0;font-size: 40px;line-height: 1.8;}

#join .title .divide {width:70px;height: 5px;background-color: #ef6b00;}

#join .pub-title{padding-left: 34px;line-height: 48px;border-left: 5px solid var(--main);color: #333333;font-size: 48px;margin-bottom: 80px;}

#join .pub-title .t2{color: var(--main);font-size: 48px;}

#join .job-boxs,

#join .boxs{padding: 100px 0 80px 0;}

#join .boxs .environ .pic{width: 32.25%;margin-right: 1.625%;margin-bottom: 1.625%;}

#join .boxs .environ .pic:after{padding-top: 73.64%;}

#join .boxs .environ .pic:nth-child(2),

#join .boxs .environ .pic:nth-child(5){margin-right: 0;}

#join .boxs .environ .p1{width: 66.125%;}

#join .boxs .environ .p1:after{padding-top: 35.92%;}

#join .job-boxs .top{background: #fafafa;padding: 27px 0;border: 1px solid #e7e8ea;}

#join .job-boxs .top .td{color: #333333;font-size: 16px;line-height: 26px;font-weight: 500; text-align: center;}

#join .job-boxs .same{margin-bottom: 10px;}

#join .job-boxs .same .td{margin-left: 2.625%;}

#join .job-boxs .same .w1{width: 17.25%;}

#join .job-boxs .same .w2{width: 13.5%;}

#join .job-boxs .same .w3{width: 11.62%;}

#join .job-boxs .same .w4{width: 21.9%;}

#join .job-boxs .same .w5{width: 15%;}

#join .job-boxs .same .w6{width: 32px;margin-right: 2.625%;}

#join .job-boxs .list .tp{padding: 27px 0;border: 1px solid #e7e8ea;}

#join .job-boxs .list .tp .td{color: #999999;font-size: 16px;line-height: 26px;text-align: center;}

#join .job-boxs .list .tp .w1{color: #333333;}

#join .job-boxs .list .tp .w5{color: #333333;/*padding-left: 25px; background: url(/images/bg_i22.png) no-repeat left center;*/}

#join .job-boxs .list .tp .w5 .icon{margin-right: 25px;}

#join .job-boxs .list .tp .w6{height: 26px;background: url(/images/bg_i23.png) no-repeat center center;}

#join .job-boxs .list .tp:hover{background: #fff8f2;}

#join .job-boxs .list .content{padding: 0 2.625%;width: 100%;height: 0;border: 1px solid transparent;border-top: none;overflow: hidden;}

#join .job-boxs .list .content .h{margin: 50px 0 80px;}

#join .job-boxs .list .content .editor{width: 79.3%;}

#join .job-boxs .list .content .editor .li.spe {margin:0 0 50px 0;}

#join .job-boxs .list .content .editor .li .title{font-size: 18px;color:#333333;font-weight: 500;margin:0px 0 20px 0;}

#join .job-boxs .list .content .editor .li .subs {line-height: 1.8;color:#999999;font-size: 16px;}

#join .job-boxs .list .content .apply{width: 11.87%;margin-left: 7%;text-align: center;height: 66px;border-radius: 50px;line-height: 66px;background:#ef6b00;font-size: 16px;color: #fff;cursor: pointer;}

#join .job-boxs .list .job.open .tp{background: #fff8f2;}

#join .job-boxs .list .job.open .tp .w1{font-weight: bold;}

#join .job-boxs .list .job.open .tp .w6{background-image: url(/images/bg_i24.png);}

#join .job-boxs .list .job.open .content{border-color: #e7e8ea;}


@media (max-width: 1440px) {
	#join .job-boxs .same .w4{width: 19.9%;}
}

@media (max-width: 1280px){

  #join .job-boxs,

  #join .boxs{padding: 80px 0;}

  #join .pub-title{margin-bottom: 40px;font-size: 40px;}

  #join .pub-title .t2{font-size: 40px;}

}

@media (max-width: 1240px){

  #join .job-boxs{padding-top: 60px;}

  #join .boxs{padding-bottom: 40px;}

  #join .pub-title{font-size: 36px;}

  #join .pub-title .t2{font-size: 36px;}

}

@media (max-width: 1024px){

  #join .boxs .environ .pic.p1{width: 100%;margin-right: 0;}

  #join .boxs .environ .pic:nth-child(2),

  #join .boxs .environ .pic{width: 48%;margin-right: 4%;margin-bottom: 4%;}

  #join .boxs .environ .pic:nth-child(3){margin-right: 0;}

  #join .job-boxs .same .w2,

  #join .job-boxs .same .w4{display: none;}

  #join .job-boxs .same .w1{width: 30%;}

  #join .job-boxs .same .w6{margin-right: 6%;}

  #join .job-boxs .same .w3{width: 22%;}
  
  #join .job-boxs .same .w5{width: 23%;}

  #join .job-boxs .list .content .con{display: block;margin-bottom: 30px;}

  #join .job-boxs .list .content .con .dd{font-size: 16px;color: #333;margin-bottom: 12px;}

  #join .job-boxs .list .content .editor{width: 100%;}

  #join .job-boxs .list .content .apply{margin-left: 0px;display: block;margin-top: 40px;width: 160px;}

}



@media (max-width: 750px){

  #join .job-boxs{padding-top: 30px;}

  #join .job-boxs .top .td{font-size: 26px;}

  #join .job-boxs .same .w3{display: none;}

  #join .job-boxs .same .w1{width: 40%;}

  #join .job-boxs .same .w6{width: 100px;text-align: center;}

  #join .job-boxs .same .w5{width: 30%; }

  #join .job-boxs .list .tp .w5 .icon{transform: scale(1.5);}

  #join .job-boxs .list .content .con .dd,

  #join .job-boxs .list .tp .td{font-size: 24px;line-height: 36px;}

  #join .job-boxs .list .tp .w6{height: 36px;}

  #join .job-boxs .list .content .apply{font-size: 24px;}

  #join .job-boxs .list .content .editor .li .subs {font-size: 26px;}

  #join .job-boxs .list .content .editor .li .title {font-size: 26px;}

}





/* #stock 在线库存 */

#stock .box {padding:64px 0 0 0px;align-items:flex-start;}

#stock .box .left {width:67.2%;}

#stock .box .left .title  {margin:0 0 60px 0;}

#stock .box .left .title .brand  .name {padding:0 0 20px 0;font-size: 40px;line-height: 1.8;}

#stock .box .left .title .brand  .divide {width:70px;height: 5px;background-color: #ef6b00;}

#stock .box .left .title .choose {margin-right:180px;padding: 0 30px;width:230px;height:60px;border: 1px solid #eaeaea; border-radius: 30px;}

#stock .box .left .title .choose .el-name {font-size: 16px;z-index: 5;}

#stock .box .left .title .choose .el-name .name {font-size: 16px;line-height: 60px;font-weight:600;}

#stock .box .left .title .choose .el-name .arrow .updown {width:10px;height:10px;fill:#ef6b00;transition: all .3s;}

#stock .box .left .title .choose .el-children {opacity: 0;visibility:  hidden;font-size: 16px;z-index: 4; border: 1px solid #eaeaea; background-color: #fff;top:100%;left:0;width:100%;padding:40px 0 0 50px;/*border-top:2px solid #ef6b00;*/ height: 363px; overflow-y: auto; transition: all .3s; border-radius: 30px;}

#stock .box .left .title .choose .el-children .li {font-size: 16px;color:#333;margin:0 0 20px 0;overflow: hidden;font-weight:600;}

#stock .box .left .title .choose .el-children .li.cur {color: #ef6b00;}

#stock .box .left .title .choose:hover .el-children {opacity: 1;visibility: visible;}

#stock .box .left .title .choose:hover .el-name .arrow .updown{transform: rotate(180deg);}

#stock .box .left .title .search {display: block;font-size: 16px;text-align: center;color:#fff;}

#stock .box .left .title .search .icon{width:60px;height:60px;line-height: 60px;background-color: #ef6b00;border-radius:50%;cursor: pointer;z-index: 2;}

#stock .box .left .title .search .icon  .img {width:22px;height:22px;fill:#fff;}

#stock .box .left .title .search .text {width:411px;right:30px;top:0;height:100%;fill:#fff;z-index: 1;border-radius:30px 0px 0 30px;border: 1px solid #eaeaea;transition: all 1s;}

#stock .box .left .title .search .text .write {color:#333;height:100%;width:100%;padding-left:20px;}

#stock .box .left .title .search .text .write::-webkit-input-placeholder{color:#333333;}

#stock .box .left .title .search .text .write::-moz-placeholder{color:#333333;}

#stock .box .left .title .search .text .write::-moz-placeholder{color:#333333;}

#stock .box .left .title .search .text .write::-ms-input-placeholder{color:#333333;}

#stock .box .left .content .th{padding:20px 0 ;background-color: #ef6b00;text-align: center;}

#stock .box .left .content .th .mm {width:20%;font-size: 18px;font-weight: 600;color:#fff;}

#stock .box .left .content .dd{padding:20px 0 ;justify-content: space-evenly;}

#stock .box .left .content .dd .mm {width:20%;;font-size: 18px;color:#fff;color: #666666;text-align: center;}

#stock .box .left .content .dd:nth-child(odd){background-color: #fafafa;}

#stock .box .left .content .dd .mm:nth-child(3){word-break: break-all;}

#stock .right {position: sticky;right:0;top:70px;background-color: #fff;width:360px;padding:70px 0  74px 42px;background: url("/images/store/conn-bgc_03.jpg") 0 0 /cover;}

#stock .right  .caption {font-size: 18px;margin:0 0 40px 0;font-weight: 500;}

#stock .right  .caption .tu {display: block;width:5px;height:18px;background-color: #ef6b00;margin-right:10px;}

#stock .right  .text {display: block;margin:50px 0 30px 0;font-size: 25px;font-weight: 500;}

#stock .right  .brief {font-size: 16px;line-height: 1.8;}

#stock .right  .brief  .li {font-size: 16px;line-height: 1.8;margin: 0 0 20px 0;color:#333333;font-weight: 500;}

#stock .right  .brief  .li .icon .img {width:26px;height:26px;fill:#333333;margin-right:20px;}


@media (max-width: 1600px){

	/* #stock .box .left .title .search .text {width:0;} */

	#stock .box .left .title .search .text {width:350px;}

}

@media (max-width: 1440px) {
	#stock .box .left .title .search .text{width: 275px;}
}


@media (max-width: 1400px){

	#stock .box .left .title .search .text {width:250px;}

}

@media (max-width: 1300px){

	#stock .box .left{width:100%;float: right;}

	#stock .box .right{width:100%;float: left;padding: 70px 0px 74px 0px;background: url("");}

	#stock .box .right .brief {display: flex;justify-content: space-between;flex-wrap: wrap;}

	#stock .box .right {position: static;}

	#stock .box .left .title .search .text {width:411px;}

}



@media (max-width: 1040px){

	#stock .box .left .title .search .text {width: 300px;}

}



@media (max-width: 840px){

	#stock .box .right .brief  {text-align: center;}

	#stock .box .right .brief  .li{width:50%;}

	#stock .box .left .title .search .text {width: 250px;}

}



@media (max-width: 750px){

	#stock .box .right .brief  {text-align: center;}

	#stock .box .right .brief  .li{width:50%;}

	#stock .box .left .title{flex-wrap: wrap;}

	#stock .box .left .title .choose .el-name {font-size: 26px;}

    #stock .box .left .title .choose .el-name .name {font-size: 26px;}

	#stock .box .left .title .choose .el-children {font-size: 26px;}

    #stock .box .left .title .choose .el-children .li {font-size: 26px;}

	#stock .box .left .title .search {margin-top: 30px; width: 100%; font-size: 26px;/*display: none;*/}
	#stock .box .left .title .search .text,
	#stock .box .left .title .search:hover .text{width: 96%;}
	#stock .box .left .title .search .icon{float: right;}

	#stock .box .left .content .th .mm {font-size: 26px;margin:0 10px}

	#stock .box .left .content .dd .mm {font-size: 26px;margin:0 10px}

	#stock .right  .caption {font-size: 26px;}

	#stock .right  .text {font-size: 34px;}

	#stock .right  .brief {font-size: 26px;}

	#stock .right  .brief  .li {font-size: 26px;}

}



#right{position: fixed;top: 45%;right: 15px;z-index: 9;width: 50px;}

#right .list{margin-bottom: 6px;cursor: pointer;}

#right .list .tel{background: url(/images/dianhua2.png) no-repeat center #ef6b00;width: 55px;height: 55px;overflow: hidden;transition: .3s;}

#right .list span{padding-left: 60px;white-space: nowrap;line-height: 55px;color: #f5f5f5;font-weight: 700;font-family:"Gilroy-Bold";font-size: 24px;}



#right .list .lx2{background: url(/images/youxiang2.png) no-repeat center #ef6b00;width: 55px;height: 55px;overflow: hidden;transition: .3s;}

#right .list .lx2 span{padding-left: 60px;white-space: nowrap;line-height: 55px;color: #f5f5f5;font-weight: 700;font-family:"Gilroy-Bold";font-size: 24px;}



#right .list .lx{background: url(/images/qq2.png) no-repeat center #ef6b00;width: 55px;height: 55px;overflow: hidden;transition: .3s;}

#right .list .lx span{padding-left: 60px;white-space: nowrap;line-height: 55px;color: #f5f5f5;font-weight: 700;font-family:"Gilroy-Bold";/*font-size: 16px;*/font-size: 24px;}



#right .list .qr{background: url(/images/weixin2.png) no-repeat center #ef6b00;width: 55px;height: 55px;overflow: hidden;transition: .3s;overflow: visible;}

#right .list .qr .qr-box{width: 108px;height: 108px;background: #fff;top: 0;left: -120px;display: none;}



#right .tel:hover{width: 280px;background: url(/images/dianhua2.png) no-repeat 20px #ef6b00; }

#right .lx2:hover{width: 280px;background: url(/images/youxiang2.png) no-repeat 20px #ef6b00; }

/*#right .lx:hover{width: 380px;background: url(/images/qq2.png) no-repeat 20px #ef6b00;}*/
#right .lx:hover{width: 280px;background: url(/images/qq2.png) no-repeat 20px #ef6b00;}

/*#right .lx:hover{background: url(/images/qq2.png) no-repeat center #ef6b00;}*/

#right .qr:hover{background: url(/images/weixin2.png) no-repeat center #ef6b00;}

#right .qr:hover .qr-box{display: block;}

#mobile-right{display:none;}

@media (max-width: 1440px) {
	#right .list .tel,
	#right .list .lx2,
	#right .list .lx,
	#right .list .qr{width: 40px; height: 40px;}
	#right .tel:hover,
	#right .lx2:hover,
	#right .lx:hover{width: 280px;}
	#right .list span,
	#right .list .lx2 span,
	#right .list .lx span{line-height: 40px;}
}

@media only screen and (max-width: 750px){

	#right{display: none;}

	/* #mobile-btm{height:80px;} */

	#mobile-right{display:block;}

	#mobile-right{position:fixed; bottom:0%; left:0; z-index:9; width:100%;}

	#mobile-right .list{cursor: pointer; width:25%; text-align:center;}

	/* #mobile-right .list .tel{background: url(/images/dianhua.png) no-repeat center #f5f5f5;width: 100%;height: 80px;overflow: hidden;transition: .3s;} */

	/* #mobile-right .list .lx2{background: url(/images/youxiang.png) no-repeat center #f5f5f5;width: 100%;height: 80px;overflow: hidden;transition: .3s;} */

	#mobile-right .list span{padding-left: 60px;white-space: nowrap;line-height: 55px;color: #f5f5f5;font-weight: 700;font-family:"Gilroy-Bold";font-size: var(--24px);}

	/* #mobile-right .list .lx{background: url(/images/qq.png) no-repeat center #f5f5f5;width: 100%;height: 80px;overflow: hidden;transition: .3s;} */

	/* #mobile-right .list .qr{background: url(/images/weixin.png) no-repeat center #f5f5f5;width: 100%;height: 80px;overflow: hidden;transition: .3s;overflow: visible;} */

	#mobile-right .list .qr .qr-box{width: 130px;height: 130px;background: #fff;top: -130px;left: 29px;display: none;}

	#mobile-right .tel{ background: url(/images/dianhua2.png) no-repeat center #ef6b00; width: 100%;height: 80px;overflow: hidden;transition: .3s; background-size: 24%;}

	#mobile-right .lx2{background: url(/images/youxiang2.png) no-repeat center #ef6b00;width: 100%;height: 80px;overflow: hidden;transition: .3s; background-size: 24%;}

	#mobile-right .lx{background: url(/images/qq2.png) no-repeat center #ef6b00;width: 100%;height: 80px;overflow: hidden;transition: .3s; background-size: 24%;}

	#mobile-right .qr{background: url(/images/weixin2.png) no-repeat center #ef6b00;width: 100%;height: 80px;overflow: hidden;transition: .3s; background-size: 24%;}

	#mobile-right .qr:hover .qr-box{display: block;}

}