@charset "utf-8";
@import url("/assets/css/bootstrap.min.css");
@import url("/assets/css/icomoon.css");
html,body,ul,li{margin:0;padding:0;height:100%; font-size:14px; color:#555;-webkit-text-size-adjust:none;}
h1,h2,h3,h4,h5,h6,hr,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea{margin:0;padding:0;list-style:none;font-size:14px; color:#555; font-weight:normal}
@font-face {font-family: 'Open-Sans';src: url('/assets/css/fonts/Open-Sans.ttf') format('truetype');font-weight: normal;font-style: normal;}
em{ font-style:normal}
input,dl,dt,dd{-webkit-tap-highlight-color:rgba(255,255,255,0); display:inline-block; vertical-align:top}
input{font-size:14px;outline:0;display: inline-block;}
input[type=button]{cursor:pointer}
select{margin:0}
li{list-style:none}
img{display: inline-block; border:none}
a{text-decoration:none;color:#555;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout: none; -webkit-user-select: none;transition: all 0.2s;}
a:hover{ color:#ff0000;text-decoration:none;}
a,input,button,textarea,i{ outline:none; }
.fl{float: left;}
.fr{float: right;}
.clearfix:after{ display: block; content:'';clear: both;height:0;overflow: hidden;}
.clearfix { zoom: 1;}
.containerfull{overflow-x:clip;}
header{height: 90px;width:100%;position: fixed;left: 0;top: 0;z-index: 1500;}
header.sroll{background:rgba(255,255,255,0.9);box-shadow: 0 1px 8px 0 rgba(0,0,0,0.2);}
header .logo a {display: block;vertical-align: middle;height: 90px;white-space:nowrap}
header .logo a .logo{width: 220px;padding-top:16px;display:inline-block;vertical-align:top}
header .logo a .logo img{width: 100%}
header .logo a .stock-code{width: calc(100% - 220px);display: inline-block;vertical-align:top;padding-top:23px;padding-left:40px;position:relative;}
header .logo a .stock-code:after{content:'';position: absolute;left: 22px;top: 25px;width: 1px;height: 38px;display: inline-block;background: #ffffff90;}
header .logo a .stock-code h1{font-size: 18px;color:#fff;padding-bottom: 0;display:block}
header .logo a .stock-code h2{color: #fff;font-size: 16px;font-weight:bold;padding-left:6px}
header .menu{text-align:right;}
header .menu ul{height: 90px;text-align:right;}
header .menu ul li{display: inline-block;padding: 0 23px;vertical-align: top;position:relative}
header .menu ul li.stock:after{content:'';position: absolute;left: 0;top: 50%;transform:translateY(-50%);width:1px;height:16px;background:#ddd}
header .menu ul li > a{font-size: 18px;color: #fff;line-height: 21px;padding:25px 0;font-weight:bold;display:block;text-align:left}
header .menu ul li:nth-child(6) > a{text-align:center}
header .menu ul li > a > p{font-weight: normal;text-transform: uppercase;font-size: 13px;}
header .menu ul li.lang > a img{width: 80px;}
header.sroll .menu ul li > a{color: #1b1b1b;}
header.sroll .logo a .stock-code h1,header.sroll .logo a .stock-code h2{color:#1b1b1b;}
header.sroll .logo a .stock-code:after{background: #00000090;}
header .menu ul li > a:hover{color: #ff0000}
header .menu ul li em{position:absolute;width:140%;padding:15px 10px;background:#fff;left:-20%;top:90px;text-align:center;transition:all .2s;opacity:0;visibility:hidden;box-shadow: 0 0 18px 0 rgba(0,0,0,0.1);border-radius: 4px}
header .menu ul li em:after{position: absolute; top: -8px;left: 50%;display: inline-block; border-right: 8px solid transparent;
    border-bottom: 8px solid #fff; border-left: 8px solid transparent; content: '';margin-left:-4px}
header .menu ul li.this em{top:80px;opacity:1;visibility:visible}
header .menu ul li em a{display: block;color: #333;line-height:40px;border-bottom:1px #fafafa solid;font-size:14px}
header .menu ul li em a:last-child{border-bottom:none;}
header .menu ul li em a:hover{color: #ff0000}
header .menu ul li:last-child{display: none;}
header .menu ul li span{display:table-cell;vertical-align: middle;height: 90px;width:30px;font-size: 0;cursor: pointer;}
header .menu ul li span i{width: 30px; height: 2px;margin: 3px 0;background: #fff;transition: all .2s;display:inline-block;}
header.sroll .menu ul li span i{background: #1b1b1b;}
/*header .menu ul li span:hover i:nth-of-type(1){-moz-transform: translateY(4px) rotate(45deg);	-ms-transform: translateY(4px) rotate(45deg);-webkit-transform: translateY(4px) rotate(45deg);transform: translateY(4px) rotate(45deg); }
header .menu ul li span:hover i:nth-of-type(2){display: none;}
header .menu ul li span:hover i:nth-of-type(3){-moz-transform: translateY(-3px) rotate(45deg);-ms-transform: translateY(-3px) rotate(45deg);-webkit-transform: translateY(-3px) rotate(45deg);transform: translateY(-3px) rotate(-45deg);}*/
.fixmenu{background: #ff0000;position:fixed;width:100%;height: 100%;z-index: 1500;right:-100%;top: 0;padding: 30px 30px 0 80px;transition: all .2s;}
.fixmenu .close{padding-bottom: 20px;position:absolute;right:2.5%;top:25px}
.fixmenu .close i{color:#fff;font-size: 40px;cursor: pointer;}
.fixmenu .title{width:100%;}
.fixmenu .title h1{color:#fff;font-family: 'Open-Sans';font-size:30px;text-transform: uppercase;}
.fixmenu .title h1::after {content: '';display: block;width: 60px;border-bottom: 1px #ffffffa0 solid;padding-bottom: 20px}
.fixmenu ul.menu{width:100%;padding: 20px 0;height: auto;padding-bottom: 40px}
.fixmenu ul.menu li{display: block;height: 60px;line-height:20px;padding-top:10px;padding-bottom: 10px;;border-bottom:1px #ffffff20 solid}
.fixmenu ul.menu li a{line-height: 20px;color:#ffffff;font-size: 16px}
.fixmenu ul.menu li a p{text-transform: uppercase;color:#ffffffa0;font-size:13px}
.fixmenu ul.menu li a:hover{color:#fff;}
.fixmenu ul.menu li.lang{margin-top: 30px;}
.fixmenu ul.menu li.lang a img{width:80px;border:1px #ffffff50 solid;border-radius:30px}
.fixmenu .contact{width:100%;padding-top:25px}
.fixmenu .contact h1{color:#fff;font-family: 'Open-Sans';font-size:30px;}
.fixmenu .contact ul{padding-top: 10px}
.fixmenu .contact ul li{line-height: 28px;color:#ffffffa0}
.fixmenu .lang{width:100%;color:#fff;font-family: 'Open-Sans';font-size:20px;padding-top: 30px}
.fixmenu .lang span{padding: 0 10px}
.fixmenu .lang a{color:#ffffffa0;}
.fixmenu .lang a:hover{color:#fff}
.fixmenu.on{left: 0}
.banner .img img{width:100%;}
.banner-video{background: #1b1b1b;height: 100vh;overflow: hidden;position:relative;}
.banner-video video{opacity: 1;vertical-align:top;height:100vh;object-fit:cover}
.banner-video .text,.banner .text{position: absolute;left: 15%;top: 30%;z-index: 10;}
.banner-video .text{left:auto;right:5%;top:auto;bottom:10%}
.banner-video .text h1,.banner .text h1{font-size: 28px;font-family: 'Open-Sans';color:rgba(255,255,255,0.9);text-transform: uppercase;line-height: 40px}
.banner-video .text h2{font-size: 50px;font-family: 'impact';color:rgba(255,255,255,0.9);text-transform: uppercase;padding-bottom: 3%}
.banner-video .text h3{font-size: 18px;color:#fff;background:#f60;padding: 5px 30px;border-radius:40px;display:inline-block;margin-bottom: 7%}
.banner-video .text h4{font-size: 45px;color:rgba(255,255,255,0.9);font-weight: bold;line-height: 55px;}
.banner .text{top: 15%}
.banner .text h1{font-size: 50px;line-height:65px;color:rgba(255,255,255,0.1);}
.banner .text h2{font-size: 18px;color:#fff;padding-top: 45px}
.banner .text h2:before{position: absolute; left: 0; top: 70px; content: ""; width: 55px; height: 2px; background:rgba(255,255,255,0.1)}
@media (max-width:1599px){
    header .logo a .logo{width: 200px;padding-top:19px;}
    header .logo a .stock-code{padding-top: 24px;}
    header .logo a .stock-code h1{font-size: 17px;padding-top:0}
    header .logo a .stock-code:after{left: 21px;top: 27px;height: 32px;}
    header .menu ul li > a{font-size: 17px;}
}
@media (max-width:1399px){
    header .menu ul li{padding: 0 15px;}
    header .menu ul li > a{font-size: 16px;}
    header .menu ul li.lang > a img{width: 70px;}
}
@media (max-width:1199px){
    header .logo a img{height: 60%}
    header .menu ul li{padding: 0 10px;}
    header .menu ul li > a{font-size: 15px;}
    header .menu ul li em{width:160%;left:-30%;}
    header .menu ul li.lang > a img{width: 60px;}
}
@media (max-width:991px){
	header{height: 60px;}
	header .logo a .logo{width: 145px;padding-top:11px}
	header .logo a .stock-code{padding-top: 15px;}
	header .logo a .stock-code:after{top:18px;height: 25px;}
	header .logo a .stock-code h1{font-size: 14px;}
	header .logo a .stock-code h2{font-size: 13px;}
	header .logo a,header .menu ul,header .menu ul li a,header .menu ul li span{height: 60px}
	header .menu ul li{display:none}
	header .menu ul li:last-child{display: inline-block;padding: 0}
	.banner-video video{object-fit: contain;}
}
@media (max-width:767px){
    .fixmenu{padding: 30px 30px 0 30px;}
}
@media (max-width:1499px){
	.banner-video .text{top: 25%}
	.banner-video{height: auto}
}
@media (max-width:1299px){
	.banner-video .text{top: 20%}
	.banner-video .text h2{font-size: 40px;}
	.banner-video .text h3{font-size: 16px;margin-bottom: 15px}
	.banner-video .text h4{font-size: 30px;line-height:35px;}
}
@media (max-width:999px){
	.banner-video .text{left: 5%}
	.banner-video .text h2{font-size: 25px;}
	.banner-video .text h3{font-size: 12px;margin-bottom: 10px}
	.banner-video .text h4{font-size: 20px;line-height:25px;}
}
@media (max-width:699px){
	.banner-video .text{top:auto;bottom:25vh}
}
.index-scroll {position:absolute;right:1%;bottom: 30%;z-index:700;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);}
.index-scroll h6{margin: 0;font-weight: normal;font-size: 0;position: relative;padding-bottom:7px;padding-left: 30px;}
.index-scroll h6::after {content: '';display: block;width: 120%;height: 1px;background: #fff;position: absolute;top: 0;left:-20%;-webkit-animation: w100 3000ms infinite ease-in-out;animation: w100 3000ms infinite ease-in-out;}
.index-scroll h6 span{font-size: 12px;color: #fff;text-transform: uppercase;letter-spacing: 1px; margin-right: 10px;display: inline-block;vertical-align: middle;line-height: 35px}
.index-scroll h6 i{width: 12px;line-height: 35px; font-size:16px;color: #999;vertical-align: middle;-webkit-animation: op01 1000ms infinite ease-in-out;animation: op01 1000ms infinite ease-in-out;}
@keyframes w100{0%{width: 0%;} 100%{width: 120%;}}
@keyframes op01{0%{opacity: 0;}100%{opacity: 1;}}

.index-company{position: absolute;z-index: 100;padding: 30px 0 25px 0;left: 0;bottom: 0;background:rgba(0,0,0,.5);width:100%;font-size:0}
.index-company dl{border-right: 1px #666 dotted;width:20%;display: inline-block;text-align: center}
.index-company dl:last-child{border-right: none}
.index-company dl dt{color: #fff;font-size: 13px;width:100%;}
.index-company dl dt i{font-size: 70px;vertical-align:top;line-height: 70px;}
.index-company dl a:hover dt i,.index-company dl a:hover dd{color:#ff0000;}
.index-company dl dd{color: #fff;width:100%;padding-bottom: 20px;}
.index-company dl dd span{font-size: 55px;font-family:'Open-Sans' }

@media (max-width:999px){
	.index-company dl dd span{font-size: 45px;}
}
@media (max-width: 799px){
	.index-company{padding: 20px 0}
	.index-company .container{max-width: 100%}
	.index-company dl{padding-left: 5%;}
	.index-company dl dt i{line-height: 25px;}
	.index-company dl dt i:before{line-height: 25px;}
	.index-company dl dd span{font-size: 30px;}
}
@media (max-width: 599px){
	.index-company{display: none}
	.index-scroll {bottom: 15%;}
	.index-scroll h6{padding-left:0}
}
.index-about {width: 100%; padding: 120px 0 180px 0; overflow: hidden;}
.index-about .iabout-left {float: left; position: relative; width: 51%;}
.index-about .iabout-left .iabout-leftbac {position: absolute; left: 0; bottom: -74px; z-index: -1; width: 85%; height: 100%; background: #edf6f9;}
.index-about .iabout-left .iabout-img {width: 100%; padding-left: 32%;}
.index-about .iabout-left .iabout-img img {display: block;width: 100%;}
.index-about .iabout-right {float: right; width: 49%;}
.index-about .iabout-right .iabout-des {width: 100%; padding-left: 13%;padding-top: 100px;}
.index-about .iabout-right .iabout-des .iabout-title h4 {position: relative; font-size: 36px; line-height: 40px;  color: #1b1b1b; margin-top: 10px;}
.index-about .iabout-right .iabout-des .iabout-title h2 {font-size: 72px; line-height: 64px; font-family: Open-Sans; color: #d9d9d9; text-transform: uppercase;}
/*.index-about .iabout-right .iabout-des .iabout-title h4:after {position: absolute; left: -130px; top: 19px; content: "";width: 105px; height: 4px; background:url(/assets/images/line.svg) no-repeat;background-size: cover}*/
.index-about .iabout-right .iabout-des .iabout-con {padding-right: 36%; font-size: 14px; line-height: 26px; margin-top: 80px;  color: #4c4948;}
a.view-more {display: inline-block; margin-top: 50px; font-family: Open-Sans; font-size: 25px; line-height:40px; padding-right: 30px; text-transform: uppercase; color: #7f7f7f;}
a.view-more i{font-size:40px;vertical-align:top;margin-left: 20px;display: inline-block;}
a.view-more:hover {color: #ff0000;}
a.view-more.white{color:#fff;}
@media (max-width: 799px){
	a.view-more {margin-top: 20px;}
}
.index-profession {width: 100%; padding-bottom: 110px;}
.index-profession .iprofession-left {float: left; padding-left: 18.7%; width: 45%;}
.index-profession .iprofession-left .iprofession-des .iprofession-title h4 {position: relative; font-size: 36px; line-height: 40px;margin-top: 10px;  color: #1b1b1b;}
.index-profession .iprofession-left .iprofession-des .iprofession-title h2 {font-size: 72px; line-height: 64px;  font-family: Open-Sans; color: #d9d9d9; text-transform: uppercase;}
/*.index-profession .iprofession-left .iprofession-des .iprofession-title h4:after {position: absolute; left: -110px; top: 19px; content: ""; width: 80px; height: 4px; background:url(/assets/images/line.svg) no-repeat;background-size: cover}*/
.index-profession .iprofession-left .iprofession-con {font-size: 14px; line-height: 26px; margin-top: 80px;  color: #4c4948;}
.iprofession-right {width: 55%; position: relative; float: right; padding-left: 6%;}
.iprofession-right .iprofession-list {position: relative; background: #ff0000; padding: 30px 28% 30px 90px;}
.iprofession-right .iprofession-rightbac {position: absolute; left:3%; top: -60px; z-index: -1; width: 90%; height: 520px; background: #edf6f9;}
.index-profession .iprofession-left .business{position: relative;height:130px}
.index-profession .iprofession-left .business .buss{opacity: 0;visibility: hidden;transition: all .2s;position:absolute;left: 0;top: 30px}
.index-profession .iprofession-left .business .buss.on{opacity: 1;visibility: visible;top: 0}
.iprofession-list ul {padding-top: 80px;padding-bottom: 100px}
.iprofession-list ul li {margin-bottom: 50px;}
.iprofession-list ul li a {display:block;position: relative;opacity: 0.6}
.iprofession-list ul li a i {display:inline-block; line-height: 54px;color: #fff;font-size:80px;vertical-align:top;opacity: 0.8}
.iprofession-list ul li a .iprofession-txt {padding-left: 25px;display: inline-block;}
.iprofession-list ul li a .iprofession-txt h3 {font-size: 32px; font-family: Open-Sans; line-height: 28px; text-transform: uppercase; color: #fff;}
.iprofession-list ul li a .iprofession-txt h5 { font-size: 16px; line-height: 20px; color: #fff; margin-top: 4px;opacity: 0.8;}
.iprofession-list ul li.on a:after {content: ""; display: block; position: absolute; top: 20px; right: 0; width: 49px; height: 11px;  background: url(/assets/images/right-af.png) no-repeat; }
.iprofession-list ul li a:hover,.iprofession-list ul li.on a {opacity: 1}
.iprofession-list ul li a em { display:none; font-style:normal; position:absolute; right:20px; width:30px; height:30px; top:50%; margin-top:-15px; z-index:3; border:1px solid #FFF; color:#FFF; line-height:30px; text-align:center;border-radius:200px; font-size:18px; text-indent:3px; opacity:0.5;}
@media (max-width: 905px){
	.iprofession-list ul li a .iprofession-txt h5{font-size: 14px}
}
.uw-play{padding-top: 45px;}
.uw-play i{background:#ff0000;border:2px #ff0000 solid;color: #fff;padding: 5px 30px;border-radius: 20px;display:inline-block;cursor: pointer;font-style:normal;transition:all .3s;font-size:16px}
.uw-play i:hover{background:#ff0000;border-color: #ff0000;}
.uw-index-about-video {background: #000;position: fixed;left: 0;top: 0;z-index: 1999;width: 100%;height: 100%;transform:translateY(0);display: block;transition:all .4s ease;}
.uw-index-about-video.cur {display: block;transform:translateY(-100%);}
.uw-index-about-video video{position: absolute;width: 100%;height: 100%;margin: auto;left: 0;top: 0;}
.uw-close {cursor: pointer; position: absolute; width: 40px; height: 40px;right:2%; top: 3%;background: url(/assets/images/xxx.png) center no-repeat #fff; transition-duration: 0.5s;z-index: 1000;}
.uw-close:hover {opacity: 0.5;}

.index-pro-app {width: 100%;background: #ff0000; overflow: hidden;}
.index-pro-app .fl {width: 51%; height: 100%;}
.index-pro-app .fl .product-scroll img{width:100%;}
.index-pro-app .fl .swiper-pagination{text-align:right;padding-right: 5%}
.index-pro-app .fr {width: 49%; height: 100%; position: relative; padding-left: 90px; padding-top: 120px;}
.index-pro-app .fr .title {width: 100%;}
.index-pro-app .fr .title h2 {font-family: Open-Sans; font-size: 68px; line-height: 70px; text-transform: uppercase; color: #ededed;}
.index-pro-app .fr .title h4 {position: relative; font-size: 36px; line-height: 40px; color: #ededed; margin-top: 10px;}
.index-pro-app .fr .title h4:after {content: ""; position: absolute; top: 19px; left: -140px; width: 120px; height: 2px; background: #ededed;z-index: 50}
.index-pro-app .fr .application{width:65%;padding-top: 90px;position: relative;}
.index-pro-app .fr .application .app-scroll a{padding: 7px;background: #fff;text-align:center;display: block;width:100%;}
.index-pro-app .fr .application .app-scroll a:hover{background:#cde9f2;}
.index-pro-app .fr .application .app-scroll a dl{width:100%;}
.index-pro-app .fr .application .app-scroll a dl dt{overflow: hidden;width:100%;}
.index-pro-app .fr .application .app-scroll a dl dt img{width:100%;transition: all .2s}
.index-pro-app .fr .application .app-scroll a dl dd{width: 100%;display: block;line-height: 20px;margin-top: 7px;}
.index-pro-app .fr .application .app-scroll a:hover dl dt img{transform:scale(1.1);}
.index-pro-app .fr .application .swiper-button-prev {left:-40px;top:47%;outline:none;transform: scale(0.8);color: #fff}
.index-pro-app .fr .application .swiper-button-next{right: -40px;top:47%;outline:none;transform: scale(0.8);color: #fff}
.index-pro-app .fr .application .swiper-button-prev:hover,.index-pro-app .fr .application .swiper-button-next:hover{opacity: 0.6}
@media (max-width:1599px){
	.index-pro-app .fr .application{width:80%;}
}
@media (max-width:1440px){
	.index-pro-app .fr .title h2{font-size: 50px;line-height: 52px;padding-top: 0px}
	.index-pro-app .fr {padding-top: 70px;}
}
@media (max-width:1300px){
	.index-pro-app .fr {padding-top: 60px;}
	.index-pro-app .fr .application{padding-top: 50px}
}
@media (max-width:1100px){
	.index-pro-app .fr {padding-top: 40px;}
	.index-pro-app .fr .application{padding-top: 30px}
}
@media (max-width:999px){
	.index-pro-app .fl,.index-pro-app .fr{width: 100%;padding: 0}
	.index-pro-app .fr{padding: 30px 2%}
	.index-pro-app .fr .title h4{font-size:18px;line-height: 20px}
	.index-pro-app .fr .application{width:100%;padding-top: 20px}
	.index-pro-app .fr .application .app-scroll a dl dt{height: auto;}
	.index-pro-app .fr .application .swiper-button-prev,.index-pro-app .fr .application .swiper-button-next{display: none}
}

.comm-title h1 {position: relative;color: #1b1b1b; font-size: 36px;line-height:70px; margin-top: 0;font-weight:bold}
@media (max-width:999px){
	.comm-title h1{font-size: 30px;line-height: 40px}
}
@media (max-width:767px){
	.comm-title h1{font-size: 25px;line-height: 35px}
	.comm-title p{font-size: 13px;}
}
.index-news {padding-top: 70px;background:#f7f8fa;padding-bottom: 70px}
.index-news .row{padding-top: 60px}
.index-news .row > div{padding: 0}
.index-news .row > div.img-list{padding-right: 2.5%}
.index-news .img-list a{display: block;background: #00000050;}
.index-news .img-list a img{display: block;width: 100%;transition: all .6s;opacity: .8;}
.index-news .img-list a:hover img{transform: scale(1.1);opacity: 0.95;}
.index-news .img-list a .text{width: 100%;box-sizing: border-box;position: absolute;bottom: 0;left: 0;padding-right: 25%;padding-left: 30px;z-index: 2;}
.index-news .img-list a .text h3{font-size:14px;color: #ffffff90;font-family: 'Gilroy-Bold';padding-bottom: 10px}
.index-news .img-list a .text h4{font-size:19px;color: #ffffff;font-weight: bold;margin-bottom:5px;line-height:24px;height:24px;overflow: hidden;}
.index-news .img-list a .text h5{font-size: 13px;color: #ffffff;line-height: 20px;color: rgba(255,255,255,0.7);margin-bottom: 30px;margin-top: 20px;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;overflow: hidden;}
.index-news .img-list .swiper-pagination{bottom: 30px;text-align: right;box-sizing: border-box;padding-right: 40px;}
.index-news .img-list .swiper-pagination .swiper-pagination-bullet{background-color: #ffffff;opacity: 1;}
.index-news .img-list .swiper-pagination .swiper-pagination-bullet-active{background-color: #ff0000;width: 45px;border-radius: 2rem;}
.index-news .more{text-align: center;display: block;padding-top:50px}
.index-news .more a{background:#c20000;color: #fff;padding: 10px 40px;text-transform: uppercase;margin-top: 30px;display: inline-block}
.index-news .more a i{margin-left: 8px;transition:all .2s;font-size: 16px;direction: inline-block;vertical-align: text-top}
.index-news .more a:hover i{margin-left: 15px;}
.index-news .more a:hover{color: #fff;background:#e60012;}
.index-news .listnews{padding-top: 30px}
.index-news .listnews dl{width: 100%;font-size: 0;border-top: 1px #e7e7e7 solid;padding: 24px 0;overflow:hidden;transition:all .4s;}
.index-news .listnews dl:last-child{border-bottom: 1px #e7e7e7 solid}
.index-news .listnews dl a dt{display:inline-block;width:18%;padding-left:6%;border-right: 1px #aaa solid;opacity: 0.3;position: relative;}
.index-news .listnews dl a dt h1{color:#333;font-size: 38px;font-weight: bold;}
.index-news .listnews dl a dt h2{padding-bottom: 8px}
.index-news .listnews dl a dt i{position: absolute;left: -100px;top:0;font-size: 30px;background: #ddd;padding:13px 40px;transition:all .4s;}
.index-news .listnews dl.this{background: #e7e7e7}
.index-news .listnews dl.this a dt i{left: 0;background: #e7e7e7}
.index-news .listnews dl a dd{display:inline-block;width: 82%;padding-left: 5%;padding-top: 5px;transition:all .4s;}
.index-news .listnews dl.this a dd{padding-left: 4%;}
.index-news .listnews dl a dd h1{width:100%;display:inline-block;font-size:18px;color:#333;line-height: 28px;transition: all .2s;height: 28px;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}
.index-news .listnews dl a dd p{line-height: 25px;height: 25px;width: 95%;margin: 0;font-size: 14px;color:#999;overflow:hidden;padding:0;white-space: nowrap;text-overflow: ellipsis;}
.index-news .listnews dl.this a dd h1,.index-news .listnews dl.this a dd p{color:#ff0000;}
@media (max-width:1499px){
	.index-news .listnews dl{padding:20px 0;}
}
@media (max-width:1399px){
	.index-news .listnews dl{padding:18px 0;}
}
@media (max-width:1339px){
	.index-news .listnews dl{padding:17px 0;}
}
@media (max-width:1199px){
	.index-news .img-list a .text{padding-right: 30px;}
    .index-news .img-list a .text .data h3{font-size:35px;}
    .index-news .img-list a .text .data font{font-size: 14px;padding-left: 15px;margin-left: 15px;vertical-align: top}
	.index-news .img-list a .text h4{font-size: 16px;line-height: 20px;height:20px;}
	.index-news .listnews dl a dt h1{font-size: 35px;}
}
@media (max-width:991px){
	.index-news .row > div.img-list{padding-right: 0}
	.index-news .listnews dl a dt{width:20%;padding-left:3%;}
	.index-news .listnews dl a dd{width: 80%;}
	.index-news .listnews dl a dt i{left: -105px;}
	.index-news .listnews dl a dt h1{font-size: 30px;}
	.index-news .listnews dl a dt h2{font-size: 12px}
	.index-news .listnews dl a dd h1{font-size:15px;}
	.index-news .listnews dl a dd p{line-height: 20px;height: 20px;font-size: 13px}
	.index-news .img-list a .text{padding-left: 10px;margin-left: 10px;}
	.index-news .img-list a .text h4{font-size: 15px;line-height:18px;height:18px;}
	.index-news .img-list a .text h5{line-height: 16px;margin-top: 10px;-webkit-line-clamp:1;}
}
@media (max-width:767px){
	.index-news{padding-top: 30px;padding-bottom: 30px;}
	.index-news .row{padding-top: 30px}
    .index-news .img-list a .text .data h3{font-size:28px;}
    .index-news .img-list .swiper-pagination{bottom: 10px;padding-right: 10px;}
    .index-news .img-list .swiper-pagination .swiper-pagination-bullet{width:15px;height:3px;margin:0 3px}
    .index-news .img-list .swiper-pagination .swiper-pagination-bullet-active{background-color: #ff0000;width: 25px;border-radius: 1rem;}
}

.index-map{padding-top:80px;padding-bottom:100px}
.index-map .img{display: block;}
.index-map .img img{width: 100%;}
.index-map .img.mbshow{display:none}
@media (max-width:991px){
    .index-map{padding-top:40px;padding-bottom:40px}
    .index-map .img.pcshow{display:none}
    .index-map .img.mbshow{display:block;width:100%;padding-top: 10px;}
}

.index-business{background: #f7f8fa;padding-top:100px;padding-bottom: 60px}
.index-business .business-list{display: block;width: 100%;font-size: 0;padding-top: 40px;padding-bottom: 40px}
.index-business .business-list dl{width: 20%;display: inline-block;padding:12px;}
.index-business .business-list dl a{background: #fff;display: block;text-align: center;padding:20px;box-shadow: 0 3px 10px 0 rgba(0,0,0,0.03);position: relative;}
.index-business .business-list dl a:after{content: '';background: #ff0000;width: 0;height: 3px;position: absolute;bottom: 0;left: 0;transition: all .2s}
.index-business .business-list dl a:hover{box-shadow: 0 5px 15px 0 rgba(0,0,0,0.15);}
.index-business .business-list dl a:hover:after{width: 100%}
.index-business .business-list dl a dt{display: block;}
.index-business .business-list dl a dt i{color: #ff0000;font-size: 90px;line-height:110px}
.index-business .business-list dl a dd{display: block;font-size: 13px;color: #666;height: 40px;line-height: 20px}

@media (max-width:991px){
	.index-business .business-list dl{width: 50%;}
	.index-business{padding-top:50px;padding-bottom: 30px}
	.index-business .business-list{padding-top: 20px;padding-bottom: 20px}
}
@media (max-width:767px){
	.index-business .business-list dl{width: 50%;}
	.index-business{padding-top:30px;}
	.index-business .business-list{padding-top: 0px;padding-bottom: 0px}
}
.submenu{background:#fff;position: relative;z-index: 500;box-shadow: 0 5px 15px 0 rgba(0,0,0,0.05);}
/*.submenu.gray{background: #f7f7f7}*/
.submenu div{padding: 0}
.submenu .list{padding: 15px 0;line-height: 40px}
.submenu .list div:last-child{text-align: right;}
.submenu .list li{margin-right: 8px;display:inline-block;position: relative;height: 40px}
.submenu .list li > a{padding: 0 45px;display:inline-block;font-size: 14px;color: #999;border: 1px #ededed solid;line-height: 40px}
.submenu .list li > a i:before{font-size:12px;margin-left:10px;line-height: 40px;vertical-align: top;transition: all .2s}
.submenu .list li > a:hover i:before{-webkit-transform:rotate(180deg);transform:rotate(180deg);}
.submenu .list li > a:hover,.submenu .list li.hover > a{background: #ff0000;color:#fff;border-color: #ff0000}
.submenu .list li.this > a{background: #ff0000;border-color: #ff0000;color:#fff}
.submenu .list div i:before{line-height: 40px;display:inline-block;vertical-align:top;font-size:18px;margin-right:4px;}
.submenu .list div i{font-size: 12px;color:#999;}
.submenu .list div li.this i,.submenu .list li > a:hover i{color:#fff;}
.submenu .list li span{position: absolute;top: 60px;left: 0;display: block;width: 100%;padding: 5% 8%;background: #fff;box-shadow: 0 5px 15px 0 rgba(0,0,0,0.05);opacity: 0;visibility: hidden;transition: all .2s;}
.submenu .list li span a{display: block;line-height: 40px;}
.submenu .list li.hover span{top: 40px;opacity: 1;visibility: visible;}
@media (max-width:991px){
	.submenu .list li{height: 30px;margin-right: 2px;}
	.submenu .list li > a{padding: 0 15px;line-height: 30px}
	.submenu .list li > a i:before{line-height:30px;}
	.submenu .list div:last-child{display: none}
	.submenu .list li span{left: 0;width: 150%;}
}
@media (max-width:767px){
    .submenu .list li > a{padding: 0 10px;line-height: 26px;font-size:13px}
    .submenu .list li > a i:before{line-height:26px;}
    .submenu .list li span{left: 0;width: 170%;}
}
.about-inner{background: #f7f7f7;padding-top:110px;}
.about-inner .about-giansun,.about-inner .title {padding: 0}
.about-inner .about-giansun .title,.comm-center,.comm-center-left{position: relative;margin-bottom:40px}
.comm-center{text-align: center;}
@media (max-width:767px){
    .about-inner .about-giansun .title,.comm-center,.comm-center-left{margin-bottom:20px}
}
.about-inner .about-giansun .title h1,.honor-list .title h1,.contact-inner .title h1,.comm-center h1,.comm-center-left h1{font-size: 35px; line-height: 40px; font-weight: bold; color: #1b1b1b; text-transform: uppercase;}
.about-inner .about-giansun .title h2,.honor-list .title h2,.contact-inner .title h2,.comm-center h2,.comm-center-left h2{font-size: 20px;line-height: 40px;padding-top: 4px}
/*.about-inner .about-giansun .title h2:after,.honor-list .title h2:after,.contact-inner .title h2:after,.comm-center h2:after,.comm-center-left h2:after{position: absolute; left: 110px; top: 93px; content: "";width: 65px; height: 3px; background:url(/assets/images/line.svg) no-repeat;background-size: cover}*/
.comm-center h2{padding-top: 45px}
.comm-center h2:after{left: 50%;margin-left:-33px;}
.comm-center h3{padding: 20px 20%;color:rgb(0,0,0,0.4);line-height: 25px}
.about-inner .about-giansun{padding-bottom: 110px}
.about-inner .about-giansun .intro{line-height: 30px;padding-left:0;padding-right: 5%;height: 510px;overflow-y: scroll;font-size: 15px;line-height: 32px}
.about-inner .about-giansun .intro::-webkit-scrollbar{width:3px;height:3px;border-radius:10px;background:rgba(240,240,240,.9);}
.about-inner .about-giansun .intro::-webkit-scrollbar-track{box-shadow:inset 0 0 0 rgba(240,240,240,.5);border-radius:10px;}
.about-inner .about-giansun .intro::-webkit-scrollbar-thumb{ border-radius:10px;box-shadow:inset 0 0 0 rgba(240,240,240,.5);background:rgba(0,0,0,.1);}
.about-inner .about-giansun .intro p{position: relative;z-index: 10;}
.about-inner .about-giansun .introimg{position: relative;padding-left: 6%;}
.about-inner .about-giansun .introimg img{width:100%;}
.about-inner .about-giansun .introimg i{font-size: 80px;color:#fff;opacity: 0.2;position: absolute;left:8%;top: 50%;text-transform:uppercase;font-weight: bold;line-height: 100px}
.about-inner .about-giansun .introimg i span{color:#999;display:block;padding-left:1em}
@media (max-width:767px){
	.comm-center h3{padding: 20px 3%;line-height: 20px}
}
.history-container {overflow: hidden;position: relative;}
.history-container img{display: block;width: 100%;height: auto;}
.hls-history {background: url(/assets/images/history.jpg) no-repeat center top fixed;background-size: cover;overflow: hidden;padding: 120px 0 80px 0;}
.hls-history .title {text-align: center;}
.hls-history .title h1,.cultural-list .title h1,.product-related .title h1,.feed-content .title h1{font-size: 35px; line-height: 40px; font-weight: bold;color:#fff;}
/*.hls-history .title i,.cultural-list .title i,.product-related .title i,.feed-content .title i{display:inline-block;width: 65px; height: 3px; background:url(/assets/images/line.svg) no-repeat;background-size: cover}*/
.hls-history .title h2,.cultural-list .title h2,.product-related .title h2,.feed-content .title h2{font-size: 20px;line-height: 60px;color:#fff;}
.histor {position: relative;padding-top:1%;overflow: hidden;}
.histor-time-line {background: url(/assets/images/hline.svg) center bottom no-repeat;}
.histor-time {width:100%;overflow: hidden; margin:auto;position: relative;}
.histor-time h3{padding: 50px 0;overflow: hidden; font-size: 40px;font-family: Open-Sans;color: #676768;text-transform: uppercase;text-align: center;}
.histor-time .swiper-slide-thumb-active  h3,.histor-time .swiper-slide-active h3{color: #fff;}
.histor-main {position: relative;margin-top:50px;}
.histor-main li{background: #fff;padding:5%;overflow: hidden;font-size: 15px;line-height: 32px;text-align: center;}
.histor-time h3,.histor-main li{cursor: pointer;}
@media screen and (max-width: 991px){
	.about-inner{padding-top:30px;}
	.about-inner .about-giansun{padding-bottom: 50px}
	.about-inner .about-giansun .introimg{padding:0;padding-top: 30px}
	.hls-history {padding: 80px 0 40px 0;}
	.histor-time h3 {padding:40px 0;font-size: 28px;}
	.histor-main li{font-size: 14px;line-height: 25px}
	.about-inner .about-giansun .title h1, .honor-list .title h1, .contact-inner .title h1, .comm-center h1, .comm-center-left h1{font-size:25px;}
	.about-inner .about-giansun .intro{padding-left:0;padding-right: 0;height: auto;overflow-y: visible;font-size: 14px;line-height:25px}
}
@media screen and (max-width:767px){
    .about-inner .about-giansun .intro p{font-size:13px;}
}
.group-history{padding: 70px 0;overflow: hidden;background: #f7f7f7}
.group-history .row{position: relative;z-index: 5;padding-top: 10px}
.group-history .comm-title{margin-bottom: 20px}
.group-history .row:after{content: '';background:#eee;height: 100%;width: 1px;left: 16.68%;top: 0;position: absolute;}
.group-history dl{position: relative;z-index: 6;padding: 0 5%;}
.group-history dl img{width:200px;margin-top: 5px}
.group-history dl:first-child:after,.group-history dl:first-child:before{content:'';width:20px;height:20px;background: #ccc;border: 5px solid #fff;margin: -10px -10px 0 0;position: absolute;right:0%;top: 28px; border-radius: 100%;transition:all .2s;}
.group-history .row:hover dl:first-child:after{background: #333;}
.group-history .row:hover dl:first-child:before{transform: scale(2);background:none;border: 1px #eee solid}
.group-history dl dt{color: #999;font-size: 20px;display: block;}
.group-history dl dd{color: #333;font-size: 16px;line-height: 26px;padding: 10px 0;}
.group-history dl h1{color: #ff0000;font-size: 28px;line-height: 60px;white-space:nowrap}
.group-history .row:nth-child(n+1) dl:first-child {text-align: right;}
@media screen and (max-width: 1399px){
	.group-history dl h1{font-size: 25px;line-height: 35px}
	.group-history dl dd{font-size: 16px;line-height: 26px;padding-top: 0;}
	.group-history dl:first-child:after,.group-history dl:first-child:before{top: 15px;}
}
@media screen and (max-width: 991px){
	.group-history{padding: 40px 0;}
	.group-history dl{padding-left: 0;padding-right: 4%}
	.group-history dl dt{font-size: 15px;}
	.group-history dl h1{font-size: 18px;line-height: 25px}
	.group-history dl dd{font-size: 13px;padding-top: 0;padding-left:25px}
	.group-history dl:first-child:after,.group-history dl:first-child:before{top: 14px;}
}
.cultural-list{padding: 80px 0;padding-bottom: 40px;background: #fff;}
.product-related .title,.feed-content .title{text-align: center;}
.cultural-list .title h1,.cultural-list .title h2,.product-related .title h1,.product-related .title h2,.feed-content .title h1,.feed-content .title h2{color:#1b1b1b;}
.cultural-list .container{padding: 0}
.cultural-list .cultural{height: 670px}
.cultural-list .list dl{height: 290px;padding:15px 0;}
.cultural-list .list dl a{background: #fafafa;display:block;text-align: center;padding: 15px;padding-bottom: 0;box-shadow: 0px 5px 10px 0px rgba(25, 42, 51, 0.1);position: relative;}
.cultural-list .list dl a i{width:40px;height: 40px;line-height: 40px;text-align: center;position:absolute;left: 50%;top: 60%;margin-left:-20px;margin-top: -30px;display:block;background: #1b1b1b;color:#fff;font-size: 16px;border-radius: 50%;z-index: 10;opacity: 0;transition: all .2s}
.cultural-list .list dl a:hover i{top:50%;opacity: 1}
.cultural-list .list dl a:hover{background:#ff0000;}
.cultural-list .list dl a dt{overflow:hidden;display: block;}
.cultural-list .list dl a dt img{width:100%;transition: all .2s;vertical-align: top}
.cultural-list .list dl a:hover dt img{transform:scale(1.1);opacity: .6;}
.cultural-list .list dl a dd{line-height: 50px;overflow: hidden;width: 100%;height: 50px;}
.cultural-list .list dl a:hover dd{color:#fff;}

.swiper-time-nextD,.swiper-time-prevD {position: absolute;width:50px;height:50px;top: 49%;z-index: 3;border-radius:100%; outline:none; cursor: pointer;text-align: center;font-size: 25px;line-height: 50px;transition: all .2s;color:#999}
.swiper-time-nextD {right:3%;}
.swiper-time-prevD {left: 3%;}
.swiper-time-nextD:hover {color:#1b1b1b;background:#fff;}
.swiper-time-prevD:hover {color:#1b1b1b;background:#fff;}
@media screen and (max-width: 1700px){
	.swiper-time-nextD {right:9%;}
	.swiper-time-prevD {left: 9%;}
}
@media screen and (max-width: 1599px){
	.cultural-list .list dl{height: 270px;}
	.cultural-list .cultural{height: 630px}
}
@media screen and (max-width: 1399px){
	.cultural-list .list dl{height: 320px;}
	.cultural-list .cultural{height: 730px}
}
@media screen and (max-width: 1280px){
	.cultural-list .list dl a{padding: 8px;padding-bottom: 0}
	.swiper-time-nextD {right:1%;}
	.swiper-time-prevD {left: 1%;}
}
@media screen and (max-width: 1099px){
	.cultural-list .list dl{height: 370px;}
	.cultural-list .cultural{height: 830px}
}
@media screen and (max-width: 999px){
	.cultural-list .list dl{height: 350px;}
	.cultural-list .cultural{height: 770px}
	.cultural-list .list dl a dd{line-height: 40px;height: 40px;}
}
@media screen and (max-width: 800px){
	.cultural-list{padding: 40px 0}
	.swiper-time-nextD,.swiper-time-prevD{display:none;}
	.cultural-list .list dl{height: 250px;}
	.cultural-list .cultural{height: 590px}
}
@media screen and (max-width: 600px){
	.cultural-list .list dl{height: 220px;}
	.cultural-list .cultural{height: 530px}
}
@media screen and (max-width: 500px){
	.cultural-list .list dl{height: 160px;}
	.cultural-list .cultural{height: 400px}
}
.honor-list{padding-top: 70px;padding-bottom: 70px;width:100%;font-size: 0}
.honor-list .row{padding-bottom: 40px}
.honor-list .title{padding-left:0}
.honor-list .cate {text-align: right;cursor: pointer;padding-right: 0}
.honor-list .cate a {display: inline-block;vertical-align: top;text-align: center;border: 1px solid #dcdcde;margin-left: 10px;padding: 20px;}
.honor-list .cate a h3 {color: #999999;font-size: 36px;}
.honor-list .cate a h5 {color: #999999;font-size: 14px;font-weight: normal;}
.honor-list .cate a.cur,.honor-list .cate a.cur:hover {border: 1px solid #ff0000;}
.honor-list .cate a.cur h3,.honor-list .cate a.cur h5,.honor-list .cate a.cur:hover h5,.honor-list .cate a.cur:hover h3 {color: #ff0000;}
.honor-list .cate a:hover {border: 1px solid #1b1b1b;}
.honor-list .cate a:hover h3,.honor-list .cate a:hover h5 {color: #1b1b1b;}
.honor-list .list {position: relative;padding-bottom: 50px;} 
.honor-list .list-img{display: block;font-size:0}
.honor-list .list-img dl{display: inline-block;padding:10px;width:calc(100%/7);margin-top:20px;}
.honor-list .list-img dl:nth-child(-n+3){width:calc(100%/3);padding:20px;}
.honor-list .list-img dl dt{display: block;}
.honor-list .list-img dl dt img{width: 100%;aspect-ratio:4/2.5;object-fit:contain;}
.honor-list .list-img dl dd{display: block;text-align:center;padding-top:20px}
.list-swiper .swiper-slide {background: #fff;padding:4px;padding-top: 15px;text-align: center;cursor: pointer;position: relative;}
.list-swiper .swiper-slide a{display:block;box-shadow: 0px 0 6px 0px rgba(0, 0, 0, 0.1);}
.list-swiper .swiper-slide a:hover{box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.2);}
.list-swiper .swiper-slide a img{width:100%;}
.list-swiper .swiper-slide a i {display:inline-block;width: 40px;height: 40px;position: absolute;left: 50%;top: 70%;margin-left: -20px;margin-top: -20px;border-radius: 100%;font-size: 20px;line-height: 40px;text-align: center;color:#fff;opacity: 0;transition: all .2s;}
.list-swiper .txt{font-size: 14px;color: #999999;padding-top: 20px;min-height: 20px; overflow: hidden;}
.list-swiper a:hover{ box-shadow: 0px 20px 40px 0px rgba(25, 42, 51, 0.1);}
.list-swiper .swiper-slide a:hover i {opacity: 1;top: 50%;background:rgba(0,0,0,0.5);}
.tip {overflow: hidden;font-size: 14px;color: #1b1b1b;position: absolute;left: 0;bottom:50px;z-index: 500}
.tip img {display: inline-block;vertical-align: middle;margin-right: 10px;}

.swiper-pagination-num {width: 60px;position: absolute;bottom: 0;right: 500px;font-size: 14px;color: #666;}
.swiper-pagination-num span {font-size: 14px;color: #666;}
.list-swiper .swiper-container{padding-bottom: 80px}
.list-swiper .swiper-container-horizontal>.swiper-scrollbar {width: 500px;right: 0;left: auto;top:auto;bottom:8px;height: 3px}
.list-swiper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background: #1b1b1b}
@media screen and (max-width: 1199px){
    .honor-list .list-img dl{width:calc(100%/4);padding:6px;}
}
@media screen and (max-width: 991px){
    .honor-list .list-img dl,.honor-list .list-img dl:nth-child(-n+3){width:50%;padding:6px;}
}
@media screen and (max-width: 767px){
	.about-inner .about-giansun .title h1,.honor-list .title h1{font-size: 25px;line-height: 35px;}
	.about-inner .about-giansun .title h2:after,.honor-list .title h2:after{top: 73px;left: 100px;}
	.honor-list .list {padding-bottom: 20px;} 
	.honor-list .cate a{padding: 12px}
	.swiper-pagination-num,.list-swiper .swiper-container-horizontal>.swiper-scrollbar{display:none;}
	.honor-list{padding:40px 3%}
}

.business-inner {padding:5% 0;background: #f7f7f7;}
.business-inner .container{padding: 0}
.business-inner {overflow: hidden;position: relative;}
.business-inner .pic{padding: 0;}
.business-inner .pic img{width:100%;}
.business-inner .txt {padding:6% 3% 0 3%;background: #fff}
.business-inner .txt h1{font-size: 45px;font-family: Open-Sans;text-transform:uppercase;line-height: 60px}
.business-inner .txt h2{font-size: 22px;position:relative;font-weight:bold;color:#333}
/*.business-inner .txt h2:after {position: absolute; left: 0; top:55px; content: "";width:60px; height: 3px; background:url(/assets/images/line.svg) no-repeat;background-size: cover}*/
.business-inner .txt p{font-size: 14px;color: #666;line-height: 30px;font-weight: normal;padding-top: 30px;overflow: hidden;text-align: justify;}
.business-inner .two .txt {padding:5% 3%}
.business-inner a.view-more {margin-top: 10px;font-size:16px;}

.product-inner{padding: 5% 0}
.product-inner .container{padding: 0;font-size:0}
.product-inner .container .comm-center-right{padding-top:0;padding-bottom: 2%}
.product-inner .container .comm-center-right li{font-size:15px;line-height: 30px;height: 30px}
.product-cate dl{margin-bottom: 25px}
.product-cate dl a{box-shadow: 0 5px 15px 0 rgba(0,0,0,0.1);display: block;}
.product-cate dl a dt{width: 100%;position:relative;display: table;overflow:hidden;}
.product-cate dl a dt span{width: 100%;height: 100%;background: rgba(0,0,0,.5);display: table-cell;position: absolute;left: 0;top:0;color:#fff;text-align: center;vertical-align: middle;padding-top: 16%;font-size:18px;}
.product-cate dl a dt span i{font-size: 120px;line-height: 100px;display: inline-block;}
.product-cate dl a dt img{width:100%;transition: all .2s;}
.product-cate dl a:hover dt span{background: rgba(0,0,0,.7);}
.product-cate dl a:hover dt img{transform: scale(1.1);}
.product-cate dl a dd{width:100%;padding: 5%;font-size: 13px;background: #f7f7f7;transition: all .2s;line-height: 24px}
.product-cate dl a:hover dd{color:#fff;background: #ff0000}
.product-cate dl a dd h1{background: #fff;margin-top: 20px;display:table;padding: 8px 20px;clear: both;color: #999;}
.product-cate dl a dd h1 i{margin-left: 5px;transition: all .2s}
.product-cate dl a:hover dd h1 i{margin-left: 15px}
@media screen and (max-width: 767px){
	.product-cate dl{margin-bottom: 20px;padding: 0}
	.product-cate dl a dd{padding: 5% 3%}
	.product-cate dl a dd h1{font-size: 12px;}
	.product-cate dl a dt span{font-size:14px;padding-top: 20%;}
	.product-cate dl a dt span i{font-size:80px;line-height: 60px;}
}
.productlist-inner .container.prutcatemenu{padding-bottom: 30px;display: block}
.productlist-inner .container.prutcatemenu a{display: inline-block;margin-right:6px;margin-bottom: 10px;border:1px #ff0000 solid;padding:5px 20px;border-radius: 5px}
.productlist-inner .container.prutcatemenu a:hover,.productlist-inner .container.prutcatemenu a.this{background:#ff0000;color: #fff}
.productlist-inner,.product-related{background: #f7f7f7;padding:50px 0}
.productlist-inner.details{padding-bottom: 150px}
.productlist-inner .catelist{padding-bottom: 40px}
.productlist-inner .catelist a,.product-related .related-list dl a{display:inline-block;margin-right:15px;margin-bottom:10px;font-size: 16px;background: #fff;padding:6px 25px;border-radius: 3px}
.productlist-inner .catelist a:hover,.productlist-inner .catelist a.this{color: #fff;background: #ff0000}
.productlist-inner .container{padding:0;}
.productlist-inner .container dl {margin-bottom: 15px;}
.productlist-inner .container dl a{background: #fff;height: 325px;overflow:hidden;display:inline-block;font-size:0;width:100%;padding:10% 6%}
.productlist-inner .container dl a:hover{box-shadow: 0 1px 15px 0 hsl(230deg 9% 48% / 20%);}
.productlist-inner .container dl a dt{width: 38%;display: inline-block;vertical-align: top;overflow:hidden;}
.productlist-inner .container dl a dt img{width: 100%;transition: all .2s}
.productlist-inner .container dl a:hover dt img{transform: scale(1.15);}
.productlist-inner .container dl a dd{width: 62%;padding-right: 7%}
.productlist-inner .container dl a dd h1{font-size:26px;color: #1b1b1b;font-weight: bold;width: 100%;overflow:hidden;display: block;height:30px;line-height: 30px;white-space: nowrap;text-overflow: ellipsis;}
.productlist-inner .container dl a dd p{padding-top: 50px;margin-bottom: 30px;line-height: 25px;height: 125px;overflow: hidden;position: relative;}
.productlist-inner .container dl a dd p:after,.productlist-inner .container dl a dd p:before{content: '';position: absolute;left: 0;top: 25px;width:20%;height: 2px;background: #ff0000;display: block;transition: all .2s}
.productlist-inner .container dl a dd p:before{width: 100%;background: #e8e8e8}
.productlist-inner .container dl a:hover dd p:after{width: 100%}
.productlist-inner .container dl a dd h3{border: 1px #eee solid;padding: 8px 20px;display: inline-block;text-transform:uppercase;font-size:12px;transition: all .2s}
.productlist-inner .container dl a dd h3 i{vertical-align: bottom;margin-left: 5px;transition: all .2s}
.productlist-inner .container dl a:hover dd h3 i{margin-left: 20px}
.productlist-inner .container dl a:hover dd h3{background: #ff0000;color: #fff;border-color: #ff0000}
.productlist-inner .container dl:nth-child(n+1){padding-left: 0}
.productlist-inner .container dl:nth-child(2n){padding-right: 0}

@media screen and (max-width: 1199px){
    .productlist-inner .container dl a dd h1{font-size:22px;}
}
@media screen and (max-width: 991px){
    .productlist-inner .container dl a{height: auto;padding:5% 3%}
    .productlist-inner .container dl a dd h1{font-size:18px;}
    .productlist-inner .container dl a dd p{line-height: 20px;height: 100px;font-size:13px;padding-top:40px}
    .productlist-inner .container dl a dd p:after,.productlist-inner .container dl a dd p:before{top:15px}
}
@media screen and (max-width: 767px){
	.productlist-inner .container{padding: 0 2%}
	.productlist-inner .container dl:nth-child(n){padding: 0}
}

.productlist-inner .productintro{padding-top: 10px;}
.productlist-inner .productintro .detail-pic img{width: 100%}
.productlist-inner .abstract{padding-left:5%;padding-top: 5%}
.productlist-inner .abstract .title h1{font-size: 35px;line-height: 40px;color: #1b1b1b;padding-bottom: 20px}
.productlist-inner .abstract .title h2{color: #1b1b1b;font-size: 30px;font-weight: bold;position: relative;padding-bottom: 30px}
.productlist-inner .abstract .title h2:after{position: absolute; left: 0; bottom: 0px; content: "";width: 65px; height: 1px;background: #ddd}
.productlist-inner .abstract .title p{padding-top: 12%;font-size: 14px;line-height: 30px}
.productlist-inner .abstract .button{width: 100%;display:block;font-size: 0;padding-top: 10%}
.productlist-inner .abstract .button a{width: 28%;margin-right: 4%;display:inline-block;font-size: 14px;background:#eee;padding:5px 25px;text-align: center;line-height: 30px;vertical-align: top;border-radius: 3px}
.productlist-inner .abstract .button a:nth-child(2){background: #ff0000;color: #fff}
.productlist-inner .abstract .button a:last-child{margin-right: 0}
.productlist-inner .abstract .button a.icon-arrow-left:before{margin-right: 8px;vertical-align: top;font-size: 16px;line-height: 30px}
.productlist-inner .abstract .button a.icon-arrow-right2:after{content: "\e90c";margin-left:8px;vertical-align: top;font-size: 16px;line-height: 30px;}
.productlist-inner .abstract .button a:hover{background: #1b1b1b;color: #fff}
@media screen and (max-width: 1399px){
	.productlist-inner .abstract .button a{padding:5px 15px;}
}
@media screen and (max-width: 1199px){
    .productlist-inner .abstract .title h2{font-size: 25px;}
	.productlist-inner .abstract .button a{padding:5px;}
}
@media screen and (max-width: 991px){
    .productlist-inner .abstract .title h2{font-size: 20px;}
	.productlist-inner .abstract{padding-left:0;}
}

.product-detail{margin-top: -70px}
.product-detail .title h1{background: #fff;line-height: 70px;display:inline-block;padding:0 80px;font-size: 22px;font-weight: bold;color: #1b1b1b;border-top: 3px #1b1b1b solid}
.product-detail .intro{padding:80px 0;line-height: 30px;font-size: 15px}
.product-detail .intro strong{color:#1b1b1b;font-size: 20px}
.product-detail .intro .billet {padding-top: 20px}
.product-detail .intro .billet dl{margin-bottom: 40px;width:100%;}
.product-detail .intro .billet dl dt{width:100%;display: block;text-align: center;}
.product-detail .intro .billet dl dt img{min-width: 25%;padding: 10px;background: #479f9d;border-radius: 10px}
.product-detail .intro .billet dl dd{width: 100%;padding: 0 5%;text-align: center;display: block;line-height: 20px;margin-top: 20px;}
.product-detail .intro .puller-intro {padding-top: 2%}
.product-detail .intro .puller-intro dl{background:#479f9d;text-align: center;width:100%;border-radius: 10px;padding: 5%;margin-bottom: 5%}
.product-detail .intro .puller-intro dl dt{font-size: 25px;color:#fff;line-height: 40px;font-weight: bold;display: block;}
.product-detail .intro .puller-intro dl dd{font-size: 25px;font-family: Open-Sans;line-height: 30px;color:#fff}
.product-detail .parameter-table{border:1px #ddd solid;border-radius: 8px;padding: 2px}
.product-detail .parameter-table ul{width:100%;font-size: 0;display: table}
.product-detail .parameter-table ul li{display:table-cell;vertical-align: middle;width:20%;padding: 0 1%}
.product-detail .parameter-table ul:first-child li{font-size: 18px;font-weight: bold;color:#ff0000;border-bottom: 2px #ff0000 solid;padding: 10px 1%;background: #f9f9f9}
.product-detail .parameter-table ul li dl{width:100%;padding: 15px 0}
.product-detail .parameter-table ul li dl dd{padding: 5px 0;display: block;line-height: 28px;font-size: 14px}
.product-detail .parameter-table ul:nth-child(2) li:nth-child(2n){background: #f9f9f9}
.product-detail .parameter-table ul:nth-child(2) li dd{border-bottom: 1px #ddd solid}
@media (max-width:1199px){
	.product-detail .intro img{max-width:100%;}
}

.product-related .title{text-align:center;}
.product-related .title h1{font-size:36px;text-transform:uppercase;color: #1b1b1b}
.product-related .title i{display:inline-block;width: 65px; height: 3px; background:url(/assets/images/line.svg) no-repeat;background-size: cover}
.product-related .title h2{font-size: 20px;line-height: 60px;}
.product-related .related-list{padding-top: 40px}
.product-related .related-list dl a{background: #fff;box-shadow: 0 1px 15px 0 hsl(230deg 9% 48% / 20%);padding: 12px;padding-bottom: 0;display:block;transition: all 0.5s}
.product-related .related-list dl a:hover{box-shadow: #a9a9a933 7px 7px 1px;transform: translate(0,-10px);}
.product-related .related-list dl a dt{overflow:hidden;display:block}
.product-related .related-list dl a dt img{width: 100%;vertical-align: top;transition: all .2s}
.product-related .related-list dl a:hover dt img{transform: scale(1.1);}
.product-related .related-list dl a dd{line-height: 30px;height: 30px;overflow:hidden;font-size: 16px;text-align: center;width: 100%;margin: 15px 0}

.sever-inner{padding: 5% 0;background: #f7f7f7}
.sever-inner ul{width: 100%;font-size: 0}
.sever-inner ul li{width:40%;display:table-cell;vertical-align: middle;}
.sever-inner ul li.text{padding: 0 5%;line-height: 30px;background: #fff;font-size: 13px}
.sever-inner ul li:last-child{width:20%}
.sever-inner ul li img{width:100%;}
.sever-inner ul li h1{font-size:30px;padding-bottom: 50px;position: relative;}
.sever-inner ul li h1:after{position: absolute; left: 0; top:55px; content: "";width:60px; height:1px;background: #ff0000}
.sever-inner ul:last-child li.text{background: #555;color:#ddd;}
.sever-inner ul:last-child li.colorbg{background: #984213}
.sever-inner ul li.mobile{display: none;}
@media screen and (max-width: 1299px){
    .product-related .title h1{font-size:30px;}
	.sever-inner ul li{width: 50%}
	.sever-inner ul li:last-child,.sever-inner ul:last-child li.colorbg{display: none}
}
@media screen and (max-width: 991px){
    .product-related .title h1{font-size:25px;}
	.sever-inner ul li{width: 100%;display: block;}
	.sever-inner ul li.text{padding:5%;}
	.sever-inner ul li.pc{display: none;}
	.sever-inner ul li.mobile{display: block;width: 100%}
}
@media screen and (max-width: 767px){
	.sever-inner ul li h1{font-size:22px;padding-bottom:30px;}
	.sever-inner ul li h1:after{top:42px;width:40px;}
	.sever-inner ul li.text{line-height: 24px;}
}
.quality-device {margin-top:10px;}
.quality-device dl {position: relative;}
.quality-device dl a{background: #000;display: inline-block;}
.quality-device dl a dt{width: 100%;overflow:hidden;}
.quality-device dl a dt img{width: 100%;transition: all .2s;opacity: 0.7}
.quality-device dl a:hover dt img{transform: scale(1.2);opacity: 1}
.quality-device dl a dd{width: 100%;padding:0 5%;background: rgba(0,0,0,0.6);color: #fff;position: absolute;left: 0;bottom: 0;line-height: 50px;height: 50px;overflow: hide}
.quality-device .swiper-button-next,.quality-device .swiper-button-prev {width: 60px;height: 60px;margin-top: -30px; background-color:rgba(0,0,0,.5);}
.quality-device .swiper-button-next {right:14%;left: auto}
.quality-device .swiper-button-prev {left: 14%;}
.quality-device .swiper-button-next:after, .quality-device .swiper-button-prev:after{font-size:25px;color: #fff}
.quality-device .swiper-button-next:hover,.quality-device .swiper-button-prev:hover {background-color:#fff;}
.quality-device .swiper-button-next:hover:after,.quality-device .swiper-button-prev:hover:after{color: #000}

.inner-video{padding-top: 70px;padding-bottom: 70px;background: #f7f7f7}

.invest-inner{padding-bottom: 70px}
.invest-inner .comm-left-title{margin-top: 70px}
.invest-inner .invest-list > div{padding:0;}
.invest-inner .invest-list > div a{display: block;overflow: hidden;}
.invest-inner .invest-list > div a img{width: 100%;transition: all .4s}
.invest-inner .invest-list > div a:hover img{transform: scale(1.12);}
.invest-inner .invest-list > div:last-child{padding-left: 4%}
.invest-inner .invest-list > div dl{display: block;width: 100%;font-size: 0;border-bottom: 1px #eee dotted;}
.invest-inner .invest-list > div dl dt{width: 80%;display: inline-block;vertical-align: top;font-size:0}
.invest-inner .invest-list > div dl dt i{display: inline-block;line-height: 50px;vertical-align: top;margin-right:8px;font-size: 16px;}
.invest-inner .invest-list > div dl dt a{display: inline-block;line-height: 26px;padding:12px 0;font-size: 16px;width:calc(100% - 28px)}
.invest-inner .invest-list > div dl dd{width: 20%;text-align: right;display: inline-block;vertical-align: top}
.invest-inner .invest-list > div .viewmore{padding-top: 40px}
.invest-inner .invest-list > div .viewmore a{display: inline-block;padding:6px 28px;color: #999;font-size: 13px;border-radius: 4px;border:1px #eee solid;}
.invest-inner .invest-list > div .viewmore a i{margin-left: 10px;font-size: 13px;transition: all .2s}
.invest-inner .invest-list > div .viewmore a:hover{background: #ff0000;color: #fff;border-color:#ff0000}
.invest-inner .invest-list > div .viewmore a:hover i{margin-left: 15px}
.invest-inner .all-list{padding-top: 70px}
.invest-inner .all-list dl{display: block;width: 100%;border-bottom: 1px #ccc solid;padding-bottom: 40px;margin-bottom:40px}
.invest-inner .all-list dl a{display: block;font-size: 0;width: 100%}
.invest-inner .all-list dl a dt{width: 80%;display: inline-block;vertical-align: top;padding-left: 3%}
.invest-inner .all-list dl a dt h1{font-size: 20px;color: #333;font-weight: bold;padding-bottom: 20px}
.invest-inner .all-list dl a:hover dt h1{color: #ff0000}
.invest-inner .all-list dl a dt h1 i{font-weight: normal;font-size: 20px;margin-right: 5px;vertical-align: bottom}
.invest-inner .all-list dl a dt h2{margin-top: 30px;display: block;color:#888}
.invest-inner .all-list dl a dt h2 i{font-size: 16px;margin-left: 10px;transition: all .2s}
.invest-inner .all-list dl a:hover dt h2 i{margin-left: 15px}
.invest-inner .all-list dl a dt p{font-size: 15px;color: #666;line-height: 22px}
.invest-inner .all-list dl a dd{width: 20%;display: inline-block;vertical-align: top;}
.invest-inner .all-list dl a dd img{width: 100%;padding-right: 5%}
.invest-inner .all-list dl a dd b,.invest-inner .all-list dl a dd span{display: inline-block;width:60%;text-align: center;}
.invest-inner .all-list dl a dd b{background: #ff0000;color: #fff;padding:10px 0;font-size: 30px;border-radius: 4px}
.invest-inner .all-list dl a dd span{font-size: 16px;color: #999;padding-top: 10px}
.invest-inner .all-list.investinfos dl a dd{width: 12%;}
.invest-inner .all-list.investinfos dl a dt{width: 88%;padding-left: 2%}
.talent-concept{background:#f7f7f7;margin-top:-50px;padding-top: 130px;padding-bottom: 80px}
.talent-concept .row div{background: #fff;padding: 0}
.talent-concept .row div:first-child img{width:100%;}
.talent-concept .row div:last-child{padding: 80px 77px;padding-bottom: 30px;}
.talent-concept .row div:last-child .talent-content{padding: 0;padding-top: 30px;font-size: 15px;line-height: 32px}
.school-table{display: block;padding-top: 40px;padding-bottom: 50px}
.school-table table{width: 100%;text-align: center;font-size: 16px;line-height: 25px}
.school-table table tr:first-child{background: #ff0000;color: #fff;font-weight: bold}
.school-table table tr td{padding-top: 20px;padding-bottom: 20px;border:1px #eee solid;}
.school-table table tr td p{margin:5px 0;padding:0}
.school-table table tr td:nth-child(2){text-align: left;padding-left: 3%}
.talent-part{padding-top: 40px;padding-bottom: 100px;}
.talent-part .talent-list{padding-top: 60px;width:100%}
.talent-part .talent-list div{padding: 0;color: #666;line-height: 25px}
.talent-part .talent-list div:last-child{color: #333;font-size: 15px;}
.talent-part .talent-list div h3{font-size: 20px;display: block;line-height:25px;padding-bottom: 5px;color: #ff0000}
.talent-part .talent-list div h1,.talent-concept .row div .title h1,.comm-left-title .title h1{font-size: 30px;color: #333;font-weight: bold;}
.comm-left-title .title{padding-bottom: 50px}
.talent-part .talent-list div h3 i{line-height:25px;vertical-align: baseline;margin-right: 5px;font-size:18px}
.talent-part .talent-table{width: 100%;border-top: 4px #ff0000 solid;margin: 40px 0;}
.talent-part .talent-table ul{width:100%;border: 1px #eee solid;border-top: none;font-size: 0;display: block;transition: all .2s}
.talent-part .talent-table ul:first-child{background: #fff;}
.talent-part .talent-table ul:first-child li{font-weight:bold;color: #000}
.talent-part .talent-table ul:hover,.talent-part .talent-table ul.this{background: #f3f4f8;}
.talent-part .talent-table ul li{line-height: 25px;padding: 30px 0;width: 20%;font-size:16px;display: inline-block;text-indent: 3em;cursor: pointer;vertical-align: top}
.talent-part .talent-table ul li:first-child{width:40%;}
.talent-part .talent-table ul li > i{font-size: 13px;margin-right: 5px;transition: all .2s}
.talent-part .talent-table ul.this li > i:before{content: "\e945";}
.talent-part .talent-table ul .submit-resume{font-size: 15px;line-height: 20px;display: none;padding:3%;background: #fff;margin-bottom: 0}
.talent-part .talent-table ul .submit-resume .resume-intro{width: 100%;display: block;margin-bottom: 15px;}
.talent-part .talent-table ul .submit-resume p{width:100%;display: block;}
.talent-part .talent-table ul .submit-resume p b{font-size: 20px;}
.talent-part .talent-table ul .submit-resume a{display:inline-block;background: #0068b7;color: #fff;font-size: 14px;padding: 8px 40px;border-radius: 3px;margin-top: 20px}
.talent-part .talent-table ul .submit-resume a i{margin-left:15px}
.talent-part .talent-table ul.this .submit-resume{display: block}
.talent-concept .container .row:nth-child(2n) {flex-direction: row-reverse;margin-top: 50px}
@media(max-width:1299px){
	.talent-concept{padding-top: 100px;padding-bottom: 50px}
	.talent-part .talent-table ul li{width: 22%;text-indent: 0.5em;}
	.talent-part .talent-table ul li:first-child{width:34%;}
	.talent-part .talent-list{padding-top: 50px}
	.talent-concept .row div:last-child{padding: 50px 47px;padding-bottom: 20px;}
}
@media(max-width:991px){
	.invest-inner{padding-bottom: 0px}
	.invest-inner .comm-left-title{margin-top: 35px}
	.invest-inner .all-list{padding-top: 40px}
	.talent-part .talent-list{padding-top:20px}
	.talent-part .talent-list div h3{font-size: 16px;padding-top: 20px}
	.talent-part .talent-table ul li{line-height: 20px;padding:20px 0;font-size:14px;}
	.school-table table tr td,.school-table table tr td p{font-size:13px}
	.talent-concept .row div:last-child{padding: 30px 27px;padding-bottom: 20px;}
	.talent-concept .row div:last-child .talent-content{padding-top: 30px;font-size: 14px;line-height: 30px}
	.invest-inner .all-list dl a dd{width: 100%;display: block}
	.invest-inner .all-list dl a dt{width: 100%;display: block;padding-top: 30px;padding-left: 0}
	.invest-inner .all-list dl a dd img{padding-right: 0}
	.invest-inner .all-list dl a dt h1{font-size: 16px;line-height: 32px;height:32px;overflow: hidden;margin-bottom: 10px}
	.invest-inner .all-list dl a dt h1 i{font-size: 16px;line-height: 32px;}
	.invest-inner .all-list dl a dt p{font-size: 13px;line-height:18px;height: 36px;overflow: hidden;display: block;}
	.invest-inner .all-list dl a dt h2{margin-top: 20px}
	.invest-inner .invest-list > div:last-child{padding-left: 2%;padding-top: 0px}
	.invest-inner .invest-list > div dl{margin: 15px 0;}
	.invest-inner .invest-list > div dl dt{width: 80%;height:50px;overflow: hidden;}
	.invest-inner .invest-list > div dl dt a,.invest-inner .invest-list > div dl dt i{line-height: 20px;font-size: 14px;}
	.invest-inner .invest-list > div dl dt a{padding: 0;height: 40px;overflow:hidden}
	.invest-inner .invest-list > div dl dd{width: 20%;line-height: 20px;font-size: 12px;color: #999}
	.talent-part .talent-list div h1,.talent-concept .row div .title h1,.comm-left-title .title h1{font-size: 20px;}
	.comm-left-title .title{padding-bottom: 20px}
	.invest-inner .invest-list > div .viewmore{padding-top: 25px}
	.invest-inner .all-list.investinfos dl a dd{width: 22%;display: inline-block}
	.invest-inner .all-list.investinfos dl a dt{width: 78%;display: inline-block;padding-left: 0;padding-top: 0}
	.invest-inner .all-list.investinfos dl a dd b,.invest-inner .all-list.investinfos dl a dd span{display: inline-block;width:80%;text-align: center;}
	.invest-inner .all-list.investinfos dl a dd span{font-size: 13px}
}
@media(max-width:767px){
	.talent-part .talent-table ul .submit-resume{font-size: 14px;line-height: 22px;padding:20px 1rem;}
	.talent-part .talent-table ul .submit-resume a{margin-top: 5px}
	.invest-inner .invest-list > div:last-child{padding-left: 0;padding-top: 15px}
}
@media(max-width:576px){
	.talent-part .talent-table ul li{font-size: 13px;padding:10px 0.2rem;}
	.talent-part .talent-table ul .submit-resume{font-size: 13px;line-height: 18px;}
	.talent-concept .row div:last-child .talent-content{padding:25px 0;font-size: 13px;line-height: 22px}
}

.news-inner{background: #f7f7f7;padding-top:90px;}
.news-inner .container,.news-inner .row{padding: 0}
.news-inner .title{position: relative;}
.news-inner .responsibility{padding-top: 40px}
.news-inner {padding: 4% 0;border-right: 1px #ededed solid}
.news-inner dl{margin-bottom: 50px;width: 100%}
.news-inner dl a{font-size: 0;display:block;background: #fafafa;box-shadow: 0px 5px 15px 0px rgba(25, 42, 51, 0.05);}
.news-inner dl a dt{width: 100%;overflow:hidden;}
.news-inner dl a dd{width: 100%;padding: 5%;}
.news-inner dl a dt img{width: 100%;transition: all .2s}
.news-inner dl a:hover dt img{transform: scale(1.1);}
.news-inner dl a dd h5{font-size: 12px;line-height: 40px}
.news-inner dl a dd h1{color:#1b1b1b;font-size: 18px;font-weight: bold;line-height: 30px;display:block;width: 100%;height: 30px;overflow:hidden;text-align:center}
.news-inner dl a dd h2{line-height: 32px;font-size: 13px;}
.news-inner dl a dd h2 i{font-size: 22px;margin-left: 10px;vertical-align: bottom;line-height: 33px}
.news-inner dl a:hover dd h2,.news-inner dl a:hover dd h2 i{color:#ff0000;}
.news-inner dl a dd p{padding-top: 40px;position:relative;height: 90px;line-height: 25px;overflow:hidden;color: #999}
.news-inner dl a dd p::after{position: absolute; left: 0; top: 25px; content: "";width: 50px; height:1px;background: #aaa;transition: all .2s}
.news-inner dl a:hover{background: #fff;box-shadow: 0px 20px 40px 0px rgba(25, 42, 51, 0.1);}
.news-inner dl a:hover dd p::after{width: 100%;background: #ff0000}
.news-inner .hotnews {padding-right: 0;padding-left: 2.5%}
.news-inner .hotnews .title{ font-size: 18px;color: #1a1a1a;font-weight: bold;padding-bottom: 20px;display:block;}
.news-inner .hotnews .hotlist dl{width: 100%;margin-bottom: 20px}
.news-inner .hotnews .hotlist dl a dt{overflow:hidden;}
.news-inner .hotnews .hotlist dl a dt img{width: 100%;transition: all .2s}
.news-inner .hotnews .hotlist dl a:hover dt img{transform: scale(1.1);}
.news-inner .hotnews .hotlist dl a {position: relative;display:block;}
.news-inner .hotnews .hotlist dl a dd{padding: 10px 4%;background:#fff;color:#1b1b1b;display:block;width: 100%;}
.news-inner .hotnews .hotlist dl a dd h1{line-height: 30px;height: 30px;width: 100%;font-size: 15px;font-weight: bold;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}
.news-inner .hotnews .hotlist dl a dd h5{color:#aaa;font-size: 12px;line-height: 20px}
.news-inner .hotnews .hotlist dl a:hover dd{background:#ff0000;}
.news-inner .hotnews .hotlist dl a:hover dd h1,.news-inner .hotnews .hotlist dl a:hover dd h5{color: #fff}
.news-inner .hotnews .hotlist ul{width: 100%;padding: 10px 0;}
.news-inner .hotnews .hotlist ul li a{border-bottom: 1px #ddd solid;line-height: 25px;padding: 20px 4%;width: 100%;display:inline-block;font-size: 15px;font-weight: bold;}
.news-inner .hotnews .hotlist ul li a:hover{padding-left: 6%;border-bottom-color:#ff0000}
.news-inner .hotnews .hotlist ul li span{width:100%;line-height: 20px;font-size: 12px;color:#aaa;display:block;margin-top: 5px;font-weight: normal;position:relative;}
.news-inner .hotnews .hotlist ul li a:hover span{color:#ff0000}
.news-inner .hotnews .hotlist ul li span:after{position: absolute;font-size: 14px; right: -30px; top: 0;content: "\e90c";opacity: 0;transition: all .2s}
.news-inner .hotnews .hotlist ul li a:hover span:after{opacity: 1;right: 0}
.news-inner .content{padding: 60px;background: #fff}
.news-inner .content .title {border-bottom: 1px #eee solid;padding-bottom: 20px}
.news-inner .content .title h1{font-size: 26px;color:#1a1a1a;font-weight: bold;line-height: 30px;}
.news-inner .content .title h2{line-height: 40px;font-size: 12px;color: #999}
.news-inner .content .detail{font-size: 16px;line-height: 40px;padding: 50px 0}
.news-inner .content .detail img{max-width: 100%;}
.news-inner .content .prenext{border-top: 1px #eee solid;padding-top: 30px;font-size: 0;width: 100%}
.news-inner .content .prenext li{width: 40%;display:inline-block;font-size: 0}
.news-inner .content .prenext li a{font-size: 13px;}
.news-inner .content .prenext li a i{display:inline-block;line-height: 16px;font-size: 13px;width: 21%;vertical-align: top}
.news-inner .content .prenext li i:before{line-height: 16px;vertical-align: text-top;margin-right: 5px}
.news-inner .content .prenext li a span{width: 79%;font-size: 13px;line-height: 16px;height:16px;vertical-align: top;display:inline-block;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;padding-left: 15px;border-left: 1px #ddd solid}
.news-inner .content .prenext li a i b{font-weight: normal;}
.news-inner .content .prenext li:nth-child(2){width: 20%;text-align:center;line-height: 16px;vertical-align: top}
.news-inner .content .prenext li:nth-child(2) i{width: auto;}
.news-inner .content .prenext li:last-child{text-align:right;}
.news-inner .content .prenext li a i.icon-arrow-right2:after{content: "\e90c";margin-left: 5px}
.news-inner .content .prenext li:last-child a span{padding-left: 0;border-left:none;padding-right: 15px;border-right: 1px #ddd solid}
@media screen and (max-width: 1399px){
	.news-inner .content .prenext li a i{width:10%}
	.news-inner .content .prenext li a i b{display:none;}
}
@media screen and (max-width: 991px){
	.news-inner .content{padding: 30px 3%}
	.news-inner .content .title h1{font-size: 20px;line-height: 25px;}
	.news-inner .content .detail{font-size: 13px;line-height: 26px;padding: 20px 0}
	.news-inner .hotnews .title{margin-top: 30px;padding-bottom: 0}
	.news-inner .hotnews .hotlist ul li a{padding: 10px 0;font-size: 13px;}
}
@media screen and (max-width: 767px){
    .news-inner dl a dd{padding: 2%;}
    .news-inner dl a dd h1{font-size: 14px;}
}
.pageNav{padding-bottom: 40px;font-size: 13px;padding-left: 0;}
.pageNav.pageCenter{text-align: center;padding-top: 50px}
.pageNav span,.pageNav a{display: inline-block;font-size: 13px;padding: 8px 14px;border: 1px #ddd solid;margin-right: 6px;border-radius: 2px}
.pageNav a:hover,.pageNav span.current{color: #fff;background: #ff0000;border-color: #ff0000}
.pageNav span.disabled{border-color: #ddd;color: #aaa}
@media(max-width:991px){
	.pageNav.pageCenter{padding-top: 0px}
	.pageNav span,.pageNav a{font-size: 12px;padding: 6px 10px;margin-right: 4px;}
}
.contact-inner .content{background: #fff;padding:60px 0;}
.contact-inner .container{padding: 0}
.contact-inner .content .title{font-size: 40px;line-height: 60px;font-weight: bold;color: #1b1b1b;border-bottom: 1px #ddd solid;padding:0 15px 25px 15px}
.contact-inner .content .title h2{position: relative;}
.contact-inner .content .title h2:after{top:25px}
/*.contact-inner .content .contacts{padding-top: 50px}*/
/*.contact-inner .content .contacts dl dt{font-size: 0;width: 100%;display:block;border-bottom: 1px #eee solid;}*/
/*.contact-inner .content .contacts dl dt h1{display:inline-block;color: #666;font-size: 16px;width: 94%;line-height: 50px}*/
/*.contact-inner .content .contacts dl dt h1:before{font-size: 25px;line-height: 53px;vertical-align:top;}*/
/*.contact-inner .content .contacts dl dt i{display:inline-block;width: 6%;text-align:right;font-family: Open-Sans;opacity: 0.3;font-size: 22px;line-height: 53px;font-style: normal;vertical-align: bottom;}*/
/*.contact-inner .content .contacts dl dd{margin-top: 30px;padding:10px;background: #f7f7f7;transition: all .2s;}*/
/*.contact-inner .content .contacts dl dd img{width: 100%;vertical-align: top}*/
/*.contact-inner .content .contacts dl dd ul{padding: 20px;}*/
/*.contact-inner .content .contacts dl dd ul li{line-height: 30px;font-size: 14px}*/
/*.contact-inner .content .contacts dl dd ul li:last-child{padding-top: 20px}*/
/*.contact-inner .content .contacts dl dd ul li a{padding:10px 30px;border:1px #ddd solid;line-height: 20px}*/
/*.contact-inner .content .contacts dl dd ul li a:before{font-size:16px;vertical-align:top;line-height: 34px;margin-right:5px}*/
/*.contact-inner .content .contacts dl.this dd ul li a,.contact-inner .content .contacts dl dd ul li a:hover{background: #ff0000;color: #fff;border-color: #ff0000}*/
/*.contact-inner .content .contacts dl dd ul li a:hover{background: #107a98;border-color:#107a98}*/
/*.contact-inner .content .contacts dl.this dd{box-shadow: 0px 20px 40px 0px rgba(25, 42, 51, 0.1);}*/
/*.contact-inner .content .contacts dl.this dt h1,.contact-inner .content .contacts dl.this dt i{color: #ff0000}*/
.inner-contact{display: block;width:100%;padding-top: 50px}
.inner-contact .inner-title h2{font-size: 25px;font-weight:bold;color:#222;text-align:right}
.inner-contact .contacts{border-top: 3px #ff0000 solid;padding-top: 50px;margin-top: 20px;display: block;padding-bottom: 50px}
.inner-contact .contacts dl{display: block;font-size:0;border-bottom: 1px #00000020 solid;margin-bottom: 0;padding: 25px 0}
.inner-contact .contacts dl:last-child{border-bottom: none}
.inner-contact .contacts dl dt{font-size:15px;width: 30%;display: inline-block;vertical-align: top;line-height: 3.5vh;font-weight:normal;}
.inner-contact .contacts dl dd{width: 70%;display: inline-block;font-weight:bold;vertical-align: top;line-height: 3.5vh;text-align: right;font-size:20px;color: #111;margin: 0;}
.inner-contact .contacts dl dd i{font-size:20px;font-style:normal;}
.inner-contact .contactimg{padding-right: 5%;}
.inner-contact .contactimg img{width:100%}

@media (max-width:1499px){
    .contact-inner .content .contacts{padding-top: 30px;}
}

@media (max-width:767px){
    .contact-inner .content{padding:30px 0;}
    .contact-inner .content .title{font-size: 20px;line-height: 40px;padding-left:0}
    .inner-contact .inner-title{padding-top: 30px;}
    .inner-contact .inner-title h2{font-size: 20px;text-align:left}
    .inner-contact .comm-left-title, .inner-contact .contactimg{padding: 0}
    .inner-contact .contacts{padding-bottom: 0;}
    .inner-contact .contacts dl{padding: 15px 0}
    .inner-contact .contacts dl dt{font-size:14px;line-height: 2.5vh;}
    .inner-contact .contacts dl dd i{font-size: 16px;}
    .inner-contact .contacts dl dd{line-height: 2.5vh;font-size:16px;}
}

.feedback{background:url(/assets/images/feed.jpg) no-repeat center top;padding-top:150px;}
.feedback .container{background:#fff;padding: 80px}
.feedback .container .feed-content .txt{padding-bottom: 20px;padding-top: 20px;font-size: 15px;line-height: 30px}
.feedback .container .feed-content .txt span{color: #ff0000;font-weight:bold;}
.feedback .container .feed-content li{padding-bottom: 20px;line-height: 46px}
.feedback .container .feed-content li input,.feedback .container .feed-content li textarea{width: 100%;background: #f7f7f7;padding: 8px 15px;line-height: 30px;border: none;border-radius: 5px;vertical-align: top}
.feedback .container .feed-content li textarea{height: 210px}
.feedback .container .feed-content li button{background: #ff0000;color: #fff;padding: 0 50px;border: none;border-radius: 5px}
.feedback .container .feed-content li img#codeimg{cursor: pointer;}
.feedback .container .feed-content li button:hover{background:#107a98}

.footer{background:url(/assets/images/foot_bg.png) no-repeat center center #ff0000;padding-top: 0px}
.footer .container{padding-bottom: 30px;position: relative;}
.footer .container .line{background: rgba(255,255,255,.2);width:100%;height: 1px;overflow: hidden;position: absolute;left: 0;top: 65px}
.footer .container .logo img{width:230px}
.footer .container .wechat{padding-top: 40px}
.footer .container .tel{display: inline-block;vertical-align: middle;padding-left: 5%;}
.footer .container .tel h1{font-size:14px;line-height: 25px;color:#fff}
.footer .container .tel h2{font-size:35px;color:#fff;font-family: Open-Sans;font-weight: bold;line-height: 40px}
.footer .container .add{padding-right: 5%;padding-top: 30px;font-size:13px;line-height: 22px;color:#fff}
.footer .container .catelist{text-align:right;padding-right: 0;font-size: 0}
.footer dl{display: inline-block;padding-top: 5px}
.footer dl dt,.footer dl dd{width:100%;text-align:left;}
.footer dl dt a{font-size:16px;color: #fff;line-height: 60px;}
.footer dl > i{display: none}
.footer dl dd {padding-top: 18px;}
.footer dl dd a{display: block;line-height: 30px;font-size:13px;color:#ffffff90}
.footer dl dd a:hover{color:#fff;}
.footer .copyright{background: #141414;text-align:center;font-size:12px;line-height: 55px;color:#ffffffa0}
.footer .copyright a{color:#ffffffa0}
.footer .copyright a:hover{color:#fff;}
.footer .copyright img{display: inline-block;margin: 0 5px;vertical-align: text-bottom;}
@media (max-width:1499px){
	.footer dl{width:calc(100%/7)}
	.footer .container .logo img{width:200px}
	.footer .container .tel h2{font-size:30px;}
}
@media (max-width:991px){
	.footer .container .tel h2{font-size:25px;}
	.footer .container .logo img{width: 180px}
	.footer .container .catelist{border-top: 1px rgba(255,255,255,.2) solid;padding: 10px 0;margin-top: 20px}
	.footer dl{width:100%;height: 40px;line-height: 40px;overflow: hidden;display: block;position: relative;border-bottom: 1px #ffffff30 dotted;padding-top: 0}
	.footer dl dt a{line-height: 40px;padding-left: 3%;display: inline-block;font-size: 14px;font-weight: bold}
	.footer dl i{color: #fff;position: absolute;right: 2%;font-size:16px;line-height: 40px;top: 0;display: block;cursor: pointer;}
	.footer dl dd {padding-top: 10px;padding-bottom: 10px;padding-left: 3%}
	.footer .copyright{line-height: 20px;padding-top: 15px;padding-bottom: 15px}
}<!--0.0001828670501709-->