@font-face{ font-family: DIN-Bold; src: url(/fonts/DIN-Bold.ttf);}
i, em { font-style: normal; }
.wrap { width: 1400px; margin: 0 auto; }
body { line-height: 1.7; font-size: 1rem; color: #181b21; min-width: 320px; }
a { color: #181b21; }
a:hover { color: #e7161b; }
img{ max-width:100%;}
.header { width: 100%; padding: 1rem 0; border-top:5px #e7161b solid; float:left;background:#fff }
.header .logo { float: left; display: inline-block; max-width: 30%; padding: 0; overflow: hidden; margin-right:2% }
.header .logo a { display: inline-block }
.header .nav { width:52%; float: left; }
.header .nav ul { display: flex; margin: 0 1rem; }
.header .nav li { width: 18.1666%; float: left; text-align: center; line-height: 4.5625rem; font-size: 1.125rem; position:relative }
.header .nav li a { display: block; position: relative;  }
.header .nav li a:hover { color: #e7161b; }
.header .nav li .xl{ display:none}
.header .nav li:hover .xl{ display:block; background:#fff; position:absolute; top:0; z-index:400000;border-top:3px #e7161b solid; margin-top:70px; padding:10px 10px 20px; min-width:180px; margin-left:-35px}
.xl a{ display:block; line-height:3.2rem; border-bottom:1px #eee dashed; margin-bottom:.3rem; font-size:16px;}

.header .tel { width: 18%; float: right; font-size: 0.875rem; line-height: 1.2; margin-top: 0.8rem; }
.header .tel span { display: block; font-family: "Arial Black", Gadget, sans-serif; color: #e7161b; font-size: 1.5rem; }
.header .tel i { display: inline-block; width: 0.8125rem; height: 0.8125rem; background: url(/images/tel.png) no-repeat center center; margin-right: 5px; }
.bannerSwiper { clear: both; position: relative; }
.bannerSwiper .swiper-slide { position: relative; overflow: hidden; z-index: 1; }
.bannerSwiper img { display: block; margin:0 auto; max-width:100%; object-fit: cover; min-height: 200px;}
.bannerSwiper .swiper-pagination-bullet { background-color: #fff; opacity: 1; border:1px #ccc solid }
.bannerSwiper .swiper-pagination-bullet-active { background-color: #e7161b; opacity: 1; }
.sectit { text-align: center; margin-bottom: 1.5rem; }
.sectit h2 { font-size: 2.125rem; font-weight: bold; }
.sectit h2 span { color: #f8b830; }
.sectit p { }
.section1 { padding: 3rem 0; background-color: #edf0f6; }
.section1 h2 { font-size: 2.25rem; margin-bottom: 1rem; }
.section1 ul { overflow: hidden; margin: 0 -1%; display: flex; position: static; }
.section1 ul li { width: 23%; float: left; margin: 0 1%; background-color: #ffffff; }
.section1 ul li h3 { font-size: 1.25rem; background-color: #e7161b; color: #ffffff; padding: 1rem 1.5rem; }
.section1 ul li p { padding: 1.5rem; font-size: 1.125rem; }
.section1 ul li:hover h3 { background-color: #ffc445; color: #1f2022; }




.pro_sy { overflow: hidden; padding: 3rem 0; background-size: cover; background:#f5f5f5 }

.sec2tit { overflow: hidden; margin-bottom:1.5rem; position:relative  } 
.pro_tit { width:30%; float: left;}

.pro_tit h2 { font-size: 2.25rem; }
.pro_tit p { font-size: 1rem; color: #616265; }
.pro_nav { width:68%; float: right; margin-top: 3rem; }
.pro_nav ul { position: static; overflow: hidden; }
.pro_nav li { width:23%; float: left; margin:.3rem 0; margin-left:2%; text-align: center; font-size: 1rem; padding: 0.8rem 0; border: 1px #d3d3d3 solid; border-radius: 3rem; }
.slideBox .hd li.on { background-color: #e7161b; border-color: #e7161b; color: #fff; }
 

.sec2list { overflow: hidden; margin: 0 -1%; }
.sec2list li{ width:24%; float:left; margin:1rem 0.5%; padding-bottom:1.4rem; position:relative; background:url(/images/sec1-2.png) no-repeat center bottom #ffffff; background-size:100%; text-align: center; }
.sec2list li a{ display:block; position:relative; padding:2rem 1rem 0;}
.sec2list li h3{ font-size:1.1rem; color:#fff; border:1px #fff dashed; line-height:2.2rem; width:70%; margin-left:15%}
.sec2list li p{ margin:1rem 0;font-size:0.875rem; color:#666666;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.sec2list li i{ display:block; width:1.75rem; height:0.5rem; background:url(/images/sec1-3.png) no-repeat center center;}
.sec2list li .pic{ text-align:center;}
.sec2list li a:hover h3 em{ background-color:#e7161b;}
.sec2list li:hover .pic{transform: translateY(-15px);-ms-transform: translateY(-15px);-webkit-transform: translateY(-15px);-moz-transition: all .3s ease 0s; -ms-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; -webkit-transition: all .3s ease 0s; transition: all .3s ease 0s;}


 



.secatel { background-color: #e7161b; text-align: center; padding: 2rem 0; color: #ffffff; position: relative; }
.secatel .tel { font-size: 0.875rem; line-height: 1.2; margin-top: 0.8rem; }
.secatel .tel span { display: block; font-family: "Arial Black", Gadget, sans-serif; font-size: 3rem; }
.secatel .tel i { display: inline-block; width: 0.8125rem; height: 0.8125rem; background: url(/images/tel1.png) no-repeat center center; background-size: cover; margin-right: 5px; }
.secatel .tel em { display: inline-block; width: 13rem; height: 1px; background-color: #31b96e; margin-top: 0.5rem; }
.secatel:before { content: ""; display: block; position: absolute; top: -2.3125rem; left: calc( 50% - 2.34375rem ); width: 4.6875rem; height: 2.3125rem; background: url(/images/sico3.png) no-repeat center center; background-size: cover; }
 
 
 
 
.ys { padding: 3rem 0; overflow: hidden; padding:100px 0; background: url(/images/sec4.jpg) no-repeat center center; }
.sec41 { width: 47%; float: left; margin-right: 7%; }
.sec421{}
.sec42 { width: 46%; float: left; }
.sec4tit { color: #ffffff; }
.sec4tit h2 { font-size: 3rem; text-transform: uppercase; line-height: 1; }
.sec4tit h2 span { display: block; font-family: "Arial Black", Gadget, sans-serif;}
.sec4tit h3 { font-size: 2.2rem; line-height: 1; font-weight: bold; margin: 1rem 0; }
.sec4tit h3:after { content: ""; display: inline-table; vertical-align: middle; background: url(/images/sec4-1.png) no-repeat center center; width: 3.5rem; height: 0.875rem; margin-left: 5px;background-size: cover; }
.sec41c { overflow: hidden; margin-top: 3rem; }
.sec41c li { width: 32.33333%; float: left; margin-right: 1%; margin-bottom: 5px; background-color:rgb(185 49 77 / 30%); padding: 1rem; box-sizing: border-box; color: #ffffff; }
.sec41c li .img1 span { float: right; font-size: 1.125rem; font-weight: bold; }
.sec41c li .txt { margin: 2rem 0; line-height: 1.2; }
.sec41c li .txt h4 { font-size: 1.2rem; font-weight: bold; }
.sec41c li .txt em { display: block; text-transform: uppercase; font-size: 0.535rem; opacity: 0.5; }
.sec41c li i { display: block; width: 1rem; height: 0.75rem; background: url(/images/sec4-6.png) no-repeat center center; }
.sec41c li:nth-child(2) { margin-right: 33.33333%; }
.sec41c li:nth-child(3) { margin-left: 33.33333%; }
.slideBox2 { position: relative; display: flex; position: static; overflow: hidden;  }
.slideBox2 .hd ul li.on { background-color:rgb(185 49 49 / 70%); }
.sec42 { padding: 3rem 0 0; position: relative;  }
.sec422, .sec423 { margin: 2rem 1rem; color: #ffffff; font-size:1.3rem; line-height:2.2rem }
.sec423 b{ font-size:1.5rem;}
.sec422 h4 { font-size: 2.25rem; font-weight: bold; }
.sec422 em { display: block; text-transform: uppercase; font-size: 0.535rem; opacity: 0.5; }
.sec424 { position: absolute; bottom: 0; left: 0; width: 100%; display: table; }
.sec424 .pageState { color: #ffffff; font-size: 1.25rem; letter-spacing: 5px; margin-right: 2%; }
.sec424 .arrow { float: right; margin-top: -1.3rem; }
.sec424 .arrow a { display: block; width: 2.625rem; height: 2.625rem; float: right; margin-right: 5px; margin-top: 10px; overflow: hidden; cursor: pointer; background: url("/images/sec4-8.png") 0 0 no-repeat;background-size: cover; }
.sec424 .arrow .next { background: url("/images/sec4-9.png") 0 0 no-repeat;background-size: cover; }
.sec424:after { content: ""; display: inline-table; width: 73%; height: 1px; background-color: #fc1c21; margin-top: 0.5rem; }


.about_sy { background: url(/images/sec5.jpg) no-repeat center bottom #f9f9f9; padding:5rem 0; overflow: hidden; }
.about_sy_left { width: 44%; float: left; margin: 0 3%; position:relative }
.about_sy_ri { width: 44%; float: right; }
.about_sy_left h2 { font-size: 2.25rem; } 
.sec5txt { margin:2rem 0 5rem; text-indent: 2em; line-height:2.2rem }
.sec5a { width: 233px; height: 32px; display: table; position: relative; }
.sec5a a {display:block; width: 233px; height: 32px; background:url(/images/more01.png) no-repeat; margin-left:40px }
.sec5a a:hover {background:url(/images/more01-h.png) no-repeat }
 
.about_sy_ri h2 {font-family: Arial; font-size: 4.5rem; text-transform: uppercase; line-height: 1; color: #e7161b; }
.about_sy_ri h2 span { display: block; font-family: "Arial Black", Gadget, sans-serif; }
.about_sy_ri h3 { font-size: 2.4rem; line-height: 1; font-weight: bold; margin: 2.5rem 0 0; }
.about_sy_ri h3 span { color: #e7161b; }
.about_sy_ri em { font-size: 0.875rem; text-transform: uppercase; }

.sec53 ul { overflow: hidden; margin: 0 -1%; }
.sec53 li { width: 23%; float: left; margin: 0 1%; }
.sec53 li i { display: block; margin-bottom: 1rem; }
.sec53 li div { display: inline-table; border-top: 1px rgba(255,255,255,.22) solid; color: #ffffff; }
.sec53 li div span {font-family: DIN-Bold; font-size: 3.25rem; display: table-cell; font-weight: bold; }
.sec53 li div em { font-size: 0.1rem; text-transform: uppercase; }
.sec53 li p { margin-top: 1rem; margin-left: 1rem; font-size: 1rem; }
.sec53 li div span:after { content: "+"; }
.sec53 li:last-child div span:after{ content: ""; }
.section6 { padding:4.875rem 0 5rem; background:url(/images/sec6.jpg) no-repeat top center  }
.sec6tit{ position:relative}
.sec6tit h2 { font-size: 2.25rem; }
.sec6tit::after{ left:120px}
 
.sec6Swiper .swiper-slide img { max-width: 100%; border-radius: 20px; }
.sec6Swiper .swiper-slide { position: relative; overflow: hidden; }
.sec6box { position: absolute; top: 0; left: 0; width: 100%; height: 0; background-color: rgba(0,0,0,.4); border-radius: 20px; transition: all 0.5s; }
.sec6Swiper .swiper-slide:hover .sec6box, .sec6Swiper .swiper-slide-next .sec6box { height: 100%; }
.sec6txt { position: absolute; bottom: 10%; left: 5%; color: #ffffff; line-height: 1.2; }
.sec6txt h3 { font-size: 1.5rem; }
.sec6txt span { text-transform: uppercase; font-size: 0.625rem; }
.sec6Swiper { padding-top: 5rem; margin-top: -2rem; position:relative; /*background: url(/images/sec6-6.png) no-repeat right 12px;*/  }
.sec6Swiper .swiper-button-prev, .sec6Swiper .swiper-button-next { width: 46px; height: 52px; background: url(/images/sec6-4.png) no-repeat center center; }
.sec6Swiper .swiper-button-next { background: url(/images/sec6-5.png) no-repeat center center; }
.sec6Swiper .swiper-button-prev { left: 32%; }
.sec6Swiper .swiper-button-next { right: 32%; }
.sec6Swiper .swiper-button-next:after, .sec6Swiper .swiper-rtl .swiper-button-prev:after, .sec6Swiper .swiper-button-prev:after, .sec6Swiper .swiper-rtl .swiper-button-next:after { content: ""; }
.swiper-pagination1 { position: absolute; top: 0; right: 0; z-index: 3333; width: 65%; height: 30px; text-align: right; font-size: 1rem; }
.sec6Swiper .swiper-pagination-current { color: #e7161b; font-weight: bold; }
.sec6Swiper .line{ width:33%; height:5px;  background: url(/images/sec6-6.png) no-repeat left top; position: absolute; top: 12px; right: 0;}

.section7 { background: url(/images/sec7.jpg) no-repeat center top; padding: 3rem 0 6rem; }
.section7 .sec3tit p { line-height: 1.4; padding: 2rem 0; display: table; }
.section7 .sec3tit p span { display: table-cell; padding-right: 3rem; }
.sec7list { overflow: hidden; margin: 0 -1%; position:static; display:flex;    flex-wrap: wrap; }
.sec7list li { width: 25%; float: left; background-color: #ffffff; }
.sec7list li div{border-top:1px #fcd7d8 dashed;border-left:1px #fcd7d8 dashed;padding:2rem 1rem 3rem;margin-top:-1px; margin-left:-1px;transition:all 0.5s;text-align:center;position:relative}
.sec7list li .img02 { display: none; }
.sec7list li:hover .img02 { display: block; }
.sec7list li:hover .img01 { display: none; }
.sec7list li span { display: block; width: 5.4375rem; height: 5.4375rem; border-radius: 50%; border: 1px #ffffff dashed; margin: 0 auto 1rem; }
.sec7list li:hover div { background-color: #e7161b; color: #ffffff; }
.sec7list li:hover div:after { content: ""; background: url(/images/sec7-2.png) no-repeat center center; width: 17px; height: 31px; position: absolute; top: calc( 50% - 15px); right: -16px; z-index: 333; }
.sec7list li h3 { font-size: 1.5rem; }
.sec7list li p { font-size: 1rem; opacity: 0.6;}
.section8 { padding: 3rem 0; overflow: hidden; }
.sec8tit { overflow: hidden; width: 30%; float: right; display: table; margin-top: 3.2rem; }
.sec8tit li { width: 48%; float: left; margin-left: 2%; text-align: center; font-size: 1.125rem }
.sec8tit li a { display: block; padding: 0.5rem 1rem; margin-top: 1rem; border-radius: 50px; border: 1px #ffffff solid; }
.sec8tit li:last-child a { border: 1px #d3d3d3 solid; }
.sec8tit li a:hover, .sec8tit li:first-child a { background-color: #fdd759; border: 1px #fdd759 solid; }
.picFocus { margin: 0 auto; width: 100%; position: relative; overflow: hidden; zoom: 1; }
.picFocus .hd { width: 100%; padding-top: 5px; overflow: hidden; }
.picFocus .hd ul { overflow: hidden; zoom: 1; margin: 0 auto; }
.picFocus .hd ul li { width: 32.66666666666667%; float: left; margin-right: 1%; text-align: center; background-color: #f4f4f4; }
.picFocus .hd ul li:last-child { margin-right: 0; }
.picFocus .hd ul li img { cursor: pointer; max-width: 100%; }
.picFocus .hd ul li.on { background-color: #fdd759; }
.picFocus .hd ul li.on img { }
.picFocus .hd ul li p { padding: 1rem; }
.picFocus .prev, .picFocus .next { display: block; width: 2.625rem; height: 2.625rem; position: absolute; top: 40%; left: 53%; margin-right: 5px; margin-top: 10px; overflow: hidden; cursor: pointer; background: url(/images/sec4-8.png) no-repeat center center; background-size:cover;}
.picFocus .next { left: 57%; background: url(/images/sec8-1.png) no-repeat center center; background-size:cover;}
.sec8c { background-color: #edf0f6; display: flex; position: static; margin-bottom: 1rem; }
.sec8c dt { width: 48%; float: left; }
.sec8c dt img{ max-width:100%;}
.sec8c dd { width: 46%; float: left; margin: 3rem 2% auto 4%; }
.sec8c dd h3 { font-size: 1.5rem; }
.sec8c dd p { font-size: 1rem; margin: 2rem 0; }
.section9 { background: url(/images/sec9.jpg) no-repeat center center; padding: 3rem 0; overflow: hidden; }
.sec91 { width: 50%; float: left; margin-right: 5%; }
.sec91 h2 { font-size: 4.5rem; color: #fdd759; text-transform: uppercase; line-height: 1; }
.sec91 h2 span { font-family: "Arial Black", Gadget, sans-serif; display: block; color: #ffffff; }
.sec91 h3 { font-size: 1.25rem; color: #ffffff; margin: 1rem 0; }
.sec91 h3 span { display: block; font-size: 0.5rem; text-transform: uppercase; color: #31b96e; }
.sec92 { width: 45%; float: left; }
.contact_form { }
.contact_form .lyk { width: 48%; float: left; margin: 0 1% 10px; position: relative; background-color: #ffffff; }
.contact_form .lyk1 { width: 98%; margin: 0 1% 10px; min-height: 170px }
.contact_form .lyk input { height: 58px; line-height: 58px; position: relative; color: #ababab; border-radius: 0.3125rem; }
.contact_form .name { text-align: left; line-height: 58px; z-index: 0; cursor: text; display: block; color: #666666; text-transform: capitalize; position: absolute; top: 0; left: 10px; z-index: 3; font-size: 1rem; }
.contact_form .name:before { content: ""; display: inline-block; width: 1.25rem; height: 1.1rem; background: url(/images/sec81.png) no-repeat center center; margin-right: 0.5rem; background-size:cover; }
.contact_form .name2:before { background: url(/images/sec82.png) no-repeat center center; background-size:cover; }
.contact_form .name3:before { background: url(/images/sec83.png) no-repeat center center; background-size:cover; }
.contact_form .lyk input { border: 0; line-height: 58px; display: block; width: 100%; background-color: transparent; padding: 0 10px; color: #ababab; border-radius: 0.3125rem; }
.contact_form .lyk1 textarea { border: 0; line-height: 50px; display: block; padding: 0; width: 100%; background-color: transparent; clear: both; position: relative; z-index: 2; padding: 0 10px; color: #ababab; border-radius: 0.3125rem; }
textarea { resize: none; outline: none; }
.ny_lykff { clear: both; width: 98%; margin: 0 auto; }
.contact_form .btn1 { text-align: center; background-color: #31b96e; display: block; width: 100%; height: 3.1875rem; line-height: 3.1875rem; font-size: 1.25rem; color: #ffffff; position: relative; border: none; }
.sec92t { color: #ffffff; }
.sec92t h3 { font-size: 3rem; font-weight: bold; }
.sec92t p { font-size: 1.125rem; }
.sec92c { overflow: hidden; margin: 1.5rem 0; }
.sec92c li { width: 50%; float: left; margin-bottom: 1rem; background: url(/images/sec9-1.png) no-repeat left top; height: 8.375rem; background-size: cover;  }
.sec92c li div { padding: 2rem; color: #ffffff; }
.sec92d { color: #ffffff; line-height: 1.2; }
.sec92d p { font-size: 1.125rem; }
.sec92d em { font-size: 0.625rem; text-transform: uppercase; margin-left: 5px; vertical-align: middle; color: #31b96e; }
.sec92d h4 { font-size: 2.25rem; font-weight: bold; text-indent: 1.5em; }
.sec92d h4 span { color: #fdd759; }
.secfoot1 { padding:3rem 0; overflow: hidden; background:url(/images/newsbg.jpg) no-repeat }
 

.secfot2tit { overflow: hidden; margin-bottom: 1.5rem; position:relative  }
.secfot2tit1 { width: 30%; float: left;}

.secfot2tit1 h2 { font-size: 2.25rem; }
.secfot2tit1 p { font-size: 1rem; color: #616265; }
.secfot2tit2 { width: 30%; float: right; margin-left: 10%; margin-top: 3rem; display: flex; }
.secfot2tit2 a { width: 31.3333%; float: left; margin-left: 2%; text-align: center; font-size: 1rem; padding: 0.8rem 0; border: 1px #d3d3d3 solid; border-radius: 3rem; }
.secfot2tit2 a:hover{ background:#e7161b; color:#fff}

.sy_list{float:left;width:100%; margin-bottom:2rem}
.sy_list ul{margin-top: -30px;margin-right: -24px;}
.sy_list ul::after{content: "";display: block;clear: both;font-size: 0;line-height: 0;}
.sy_list ul li{float: left;margin-right: 2%;margin-top: 30px;width:31%;height: 220px;background-color: #ffffff;border: solid 1px #eeeeee;-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;position: relative;padding: 30px 120px 0 30px;overflow: hidden;}
.sy_list ul li .date{position: absolute;top: 52px;right: 30px;font-family: Arial;text-align: center;-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;color: #d6d6d6;}
.sy_list ul li .date i{display: block;font-size: 48px;line-height: 35px;}
.sy_list ul li .date span{display: block;font-family: Arial;font-size: 15px;line-height: 12px;margin-top: 18px;color: #999999;}
.sy_list ul li .bt{display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 16px;height: 36px;line-height: 36px;-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.sy_list ul li .bt:hover{-webkit-transform: translateX(5px);transform: translateX(5px);}
.sy_list ul li .line{width: 17px;height: 2px;background-color: #e7161b;margin-top: 18px;-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.sy_list ul li p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;line-height: 30px;height: 60px;font-size: 15px;color: #999999;margin-top: 12px;}
.sy_list ul li .more{position: absolute;width: 72px;height: 72px;background-color: #ededed;border-radius: 100%;right: -23px;bottom: -33px;color: #c4c4c4;-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.sy_list ul li .more::before{content: "+";line-height: 38px;padding-left: 18px;font-size: 28px;}
.sy_list ul li .more:hover{box-shadow: 0 10px 10px -5px rgba(231, 22, 27, 0.5);}
.sy_list ul li:hover {box-shadow: 0px 2px 23px 0px rgba(206, 206, 206, 0.34);border-color: transparent;}
.sy_list ul li:hover .pic img{-webkit-transform: scale(1.08);-moz-transform: scale(1.08);-o-transform: scale(1.08);transform: scale(1.08);}
.sy_list ul li:hover .date{color: #333333;}
.sy_list ul li:hover .bt{color: #e7161b;}
.sy_list ul li:hover .more{background-color: #e7161b;color: #fff;}


.lxList{ width:100%; background-color: #e8e8e8; float:left}
.lxList ul{display: flex;justify-content: space-between;}
.lxList ul li{float:left;width:33.33%;display:flex;justify-content:center;padding-top:36px;background-color:#f2f2f2;height:130px;}
.lxList ul li > div {max-width: 92%;position: relative;padding-left: 78px;padding-top: 6px;}
.lxList ul li > div i{display:block;width:55px;height: 55px;background-color: #d9d9d9;border-radius: 50%;overflow: hidden;position: absolute;left: 0;top: 0;margin: auto;}
.lxList ul li > div i:before,
.lxList ul li > div i:after {content: ""; display: block;width: 100%;height: 100%;position: relative;top: 0;-webkit-transition: all 0.4s ease-out;transition: all 0.4s ease-out}
.lxList ul li > div i.ico1:before {background: url(/images/lxico1.png) center center no-repeat;}
.lxList ul li > div i.ico1:after {background: url(/images/lxico1h.png) center center no-repeat;}
.lxList ul li > div i.ico2:before {background: url(/images/lxico2.png) center center no-repeat;}
.lxList ul li > div i.ico2:after {background: url(/images/lxico2h.png) center center no-repeat;}
.lxList ul li > div i.ico3:before {background: url(/images/lxico3.png) center center no-repeat;}
.lxList ul li > div i.ico3:after {background: url(/images/lxico3h.png) center center no-repeat;}
.lxList ul li > div h4 {font-size: 15px;line-height: 1;color: #666666;}
.lxList ul li > div p {line-height: 28px;font-size: 16px;color: #333333;margin-top: 10px;}
.lxList ul li:nth-child(1) > div i {background-color:#ce050a;}
.lxList ul li:nth-child(1) > div p {font-family: Arial;font-size: 18px;}
.lxList ul li:nth-child(2) {background-color: #e8e8e8;}
.lxList ul li:nth-child(2) > div p {font-family: Arial;}
.lxList ul li:hover > div i {background-color:#ce050a;}
.lxList ul li:hover > div i:before,
.lxList ul li:hover > div i:after {top: -100%;}


@media (min-width: 768px) {
.imghover:hover:before { left: 100%; transition: all .8s; }
}
.footer { overflow: hidden; background-color: #191e1c; color: #fff; padding: 3rem 0 0; width:100%; float:left }
.flogo { width: 40%; float: left; }
.flogo p { margin-top:1.5rem; }
.flogo p b { font-weight: bold; font-size: 1.125rem; line-height: 24px; vertical-align: middle; }
.flogo p b:before { content: ""; display: inline-block; width: 19px; height: 24px; margin-right: 5px; background: url(/images/fdz.png) no-repeat center bottom; }
.footer .f2 { width: 15%; float: left; padding-top: 2rem; }
.footer dt { font-size: 1.125rem; font-weight: bold; margin-bottom: 2rem; color: #fff; }
.footer dd a { display: block; color: #fff; line-height: 2; font-size: 1rem; }
.footer a { color: #fff; }
.footer .f3 { text-align: center; }
.copyright { padding: 1rem 0; clear: both; text-align: left; border-top: 1px #474b49 solid; margin-top: 4rem; }
.copyright span { float: right; }
.cd-top { display: inline-block; height: 40px; width: 40px; position: fixed; bottom: 40px; right: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);overflow: hidden; text-indent: 100%; white-space: nowrap; background: rgba(231, 22, 27, 1) url(../images/fl5.png) no-repeat center 50%; visibility: hidden; opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; z-index: 33333; }
.cd-top.cd-is-visible { visibility: visible; opacity: 1; }
.cd-top.cd-fade-out { opacity: 1; }
.no-touch .cd-top:hover { background-color: #e86256; opacity: 1; }
@media only screen and (min-width: 768px) {
.cd-top { right: 20px; bottom: 20px; }
}
@media only screen and (min-width: 1024px) {
.cd-top { height: 60px; width: 60px; right: 30px; bottom: 30px; }
}
@media (max-width:1920px) {
html { font-size: 16px; }
}
@media (min-width:1400px) and (max-width:1600px) {
html { font-size: 15px !important; }
}
@media (min-width:640px) and (max-width:1399px) {
html { font-size: 14px !important; }
}
@media (min-width:471px) and (max-width:639px) {
html { font-size: 13px !important; }
.header .nav li:hover .xl{ display:none;}
}
@media (min-width:329px) and (max-width:470px) {
html { font-size: 12px !important; }
}
@media (max-width:328px) {
html { font-size: 12px !important; }
}
@media (max-width: 1400px) {
.wrap { width: 96%; margin: 0 auto; }
.header .logo img{ max-width:100%;}
.sec4tit h2,.about_sy_ri h2,.sec91 h2{ font-size:4rem;}
.header .nav{ width:50%;}
}
@media (max-width: 1280px) {
.sec41c li{ width:48%;}
.sec41c li:nth-child(3){ margin-left:0;}
.sec41c li:nth-child(2){ margin-right:0;}

}
@media (max-width: 990px) {
	.about_sy_left{ width:96%}
	.about_sy{ padding:2rem 0}
	.sec5txt{ margin-bottom:2rem}
.header{ padding:1rem 0;}
.header .tel,.about_sy_ri{ display:none;}
.header .nav{ width:68%;}
.header .nav li{line-height: 3.5625rem;font-size: 1rem;}
.header .logo{ max-width:30%;}
.sec4tit h2, .about_sy_ri h2, .sec91 h2{ font-size:3rem;}
.about_sy_ri h3,.about_sy_left h2,.sec422 h4,.sec4tit h3,.sec3tit h2,.section1 h2,.pro_tit h2,.sec6tit h2,.sec92d h4,.sec92t h3{ font-size:2rem;}
.secfoot1 .tel span,.secatel .tel span{ font-size:2.5rem;}
.sec3tit h3{ font-size:1.5rem;}
.sec3tit h2{ background-image:none;}
.sec2tit2 li{ font-size:1.25rem;}
.sec6Swiper .swiper-button-next{ right:0;}
.sec6Swiper .swiper-button-prev{ left:0;}
.sec53 li{ width:48%; text-align:center;}
.sec53,.section7{ padding:2rem 0;}
.picFocus .hd{ display:none;}
.picFocus .next{ right:0; left:auto;}
.picFocus .prev{ left:0;}
.sec8c dd{ margin:0 auto; padding-top:2rem;}
.sec91,.sec92{ width:100%; margin:0 auto;}
.section9{ background-size:cover;}
.sec92{ margin-top:1.5rem;}
.secfoot1 .flx1 a{ width:60%; margin: 0 auto; display: block; float: none;padding: 1rem 0;}
.sec2list li em{ display: none; }
.sec2list li p{ padding: 1rem 0; }
.sec91 h2 span,.sec4tit h2 span{ font-weight: bolder; }
}
.ab_sl{ width:100%; display:flex; border-left:1px #f5f5f5 solid;  }
.ab_sl li{ width:25%; text-align:center; float:left;color:#e7161b; border-right:1px #f5f5f5 solid; padding:1.6rem 0}
.ab_sl li h3{ font-size:2.4rem; font-weight:700}

.ab_sl li:nth-child(1) h3:after ,.ab_sl li:nth-child(4) h3:after ,.ab_sl li:nth-child(3) h3:after{
    content: "+";
}
.ab_sl li span{  font-size:1.1rem; color:#333}

@media (max-width: 800px) {
.header{ padding:0;}
.header .wrap{ width:100%;}
.header .logo{ width:100%; text-align:center; float:none; margin:1rem auto; display:block;}
.header .nav{ width:100%; background-color:#e7161b;}
.header .nav li a{ color:#ffffff; height:3rem; line-height:3rem; font-size:1rem; border-top:1px rgba(255,255,255,0.5) solid;border-left:1px rgba(255,255,255,0.5) solid;}
.header .nav li a:hover { color: #ffc445; }
.header .nav li{ width:33.33333%;}
.header .nav ul{ flex-wrap:wrap; margin:0 auto;}
.section1 ul li{ width:48%; margin-bottom:1rem;}
.section1 ul{ flex-wrap:wrap;}
.secfoot1 .tel span, .secatel .tel span{ font-size:2rem;}
.flogo{ width:100%; text-align:center;}
.flogo p{ margin-top:1rem; line-height:24px; vertical-align:middle;}
.flogo p br,.flogo p b:before{ display:none;}
.footer .f2{ width:25%; text-align:center;}
.footer dt{ margin-bottom:0.625rem;}
.sec8tit li:first-child{ display:none;}
.sec8tit,.pro_tit{ width:100%;}
.sec8tit{ margin:0 auto;}
.sec8tit li{ width:50%; float:none; margin:0 auto;}
.pro_tit p br{ display:none;}
.sec7list li{ width:50%;}
.section7 .sec3tit p img{ display:none;}
.sec3tit,.pro_tit{ text-align:center;}
.section7 .sec3tit p span br{ display:none;}
.section7 .sec3tit p{ text-align:center; display:block; padding:0;}
.section7 .sec3tit p span{ display:block;  padding:0; text-align:center; width:100%}
.sec3tit h2:after{ display:none;}
.sec3tit h3{ background-image:none;}
.sec3a{ width:12rem; height:3.2rem; font-size:1rem;}
.sec41,.about_sy_left{ width:100%; margin:0 auto;}
.sec42,.about_sy_ri{ display:none;}
.ys{ background-position:0 0;}
.sec41c li{ margin:0 1% 1rem!important;}
.sec5txt{ margin:1rem 0;}
.sec53 li div span,.sec53 li div{ display:block; margin:0 auto;}
.sec53 li p{ margin-top:0; margin-bottom:1.5rem;}
.sec53 li div span{ font-size:2.5rem;}
.sec53 li i img{ width:30px;}
.section6{ padding:3rem 0; background-image:none;}
.sec6Swiper .line,.swiper-pagination1{ display:none;}
.sec6Swiper .swiper-slide:hover .sec6box, .sec6Swiper .swiper-slide-next .sec6box { height: 0; }
.sec6tit{ text-align:center;}
.sec6Swiper{ padding:0; margin:1rem auto auto;}
.section6{ padding-bottom:0;}
.sec2tit2{ width:100%; margin:1rem auto auto;}
.sec2list li{ width:48%; padding-bottom:1rem;}
.flogo img,.header .logo{ max-width: 50%; }
.sec8c dd p{ margin: 1rem 0 2rem; }
.sec2tit2 li:after{ width: 0.9375rem; height: 0.5rem; }
}
@media (max-width: 640px){
	.pro_nav,.lxList,.secfot2tit2{ display:none}
.secfoot1 .tel,.secfoot1 .fwx,.secfoot1 .flx1{ width:100%; text-align:center;}
.sec92c li{ width:100%;}
.contact_form .lyk,.secfot2tit1,.sy_list ul li{ width:98%;}
.footer .f2{ display: none; }
.copyright{ margin-top: 1.5rem; }
.ab_sl{display:block;}
.ab_sl li{ width:50%;border-bottom:1px #f5f5f5 solid;}
.ab_sl li:nth-child(2n){border-right:none }
.about_sy,.ys,.pro_sy{ float:left; padding:2rem 0}
.pro_sy,.sec53{ padding-bottom:0}
.sec2list li h3{ width:100%; margin-left:0; margin-top:1rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; height:2rem; margin-top:.3rem;}
.secfoot1 { padding:1.5rem 0}
.about_sy_ri h3,.about_sy_left h2,.sec422 h4,.sec4tit h3,.sec3tit h2,.section1 h2,.pro_tit h2,.sec6tit h2,.sec92d h4,.sec92t h3{}

.about_sy_ri h3 img,.about_sy_left h2 img,.sec422 h4 img,.sec4tit h3 img,.sec3tit h2 img,.section1 h2 img,.pro_tit h2 img,.sec6tit h2 img,.sec92d h4 img,.sec92t h3 img,.secfot2tit1 h2 img{ width:60%;}

}
@media (max-width: 480px) {
.sec2a img { width: 35px; }
.copyright span { float: none; display: block; }
.copyright { text-align: center; }
.sec8c dt{ width:100%;}
.sec8c dd{ width:98%;}
.sec8c{ flex-wrap:wrap;}
}

<!--ºÄʱ1765823997.8299Ãë-->