#iss {min-width: 1372px; background: url(../images/iss_bg.jpg) no-repeat center top;}
#iss .wrap {display: flex; height: 101px;}
#iss .l {display: flex; align-items: center; padding: 15px 35px 15px 0; width: 50%; box-sizing: border-box;}
#iss .l .text {flex: 1 1 auto;}
#iss .l .text p:nth-child(1) {color:#e0651f; font-size: 16px;}
#iss .l .text p:nth-child(1) strong {font-size: 20px;}
#iss .l .text p:nth-child(1) span {position: relative; top: 2px; margin-right: 5px; font-family: Arial; font-size: 26px;}
#iss .l .text p:nth-child(2) {margin-top: 3px; color:#999; font-weight: bold; text-transform: uppercase;}
#iss .l .tel {flex: 0 0 auto; padding-left: 46px; height: 36px; line-height: 36px; background: url(../images/icon-tel.png) no-repeat;}
#iss .r {display: flex; flex-direction: column; width: 50%;}
#iss .r .search {position: relative; height: 51px;}
#iss .r .search input {padding-left: 25px; padding-right: 60px; width: 100%; height: 100%; border: none; background: none;}
#iss .r .search i {position: absolute; top: 50%; right: 18px; display: block; width: 26px; height: 26px; background-image: url(../images/icon-search.png); cursor: pointer; transform: translateY(-50%);}
#iss .r .hotkey {display: flex; align-items: center; padding-left: 25px; height: 49px; overflow: hidden;}
#iss .r .hotkey span {flex: 0 0 auto; margin-right: 10px; color:#333; font-weight: bold;}
#iss .r .hotkey a {flex: 0 0 auto; margin-right: 30px; color:#666;}
#iss .r .hotkey a:last-child {margin-right: 0;}
#iss .r .hotkey a:hover {color:#000;}

#ipics {margin-top: -140px; min-width: 1372px; overflow: hidden;}
#ipics div {position: relative; left: 50%; margin-left: -960px; width: 1920px; font-size: 0; text-align: center;}

.itis {padding-top: 60px; text-align: center;}
.itis::after {display: block; margin: 18px auto 0 auto; width: 56px; height: 2px; background-color: #0166aa; content: '';}
.itis h2 {color:#222; font-size: 36px; line-height: 1; text-transform: uppercase;}
.itis p {margin-top: 12px; color:#666; font-size: 16px;}

#icases .cont {position: relative; margin-top: 35px; height: 523px;}
#icases .cont .list {display: flex; flex-direction: column; flex-wrap: wrap; align-content: space-between; justify-content: space-between; height: 100%;}
#icases .cont .list li {padding: 18px 20px 15px 20px; width: 292px; height: 120px; box-sizing: border-box; background-color: #e5e5e5; cursor: pointer; overflow: hidden;}
#icases .cont .list li:nth-child(n+5) {text-align: right;}
#icases .cont .list li.curt {color:#fff; background-color: #e0651f;}
#icases .cont .list li div {height: 52px; font-size: 0; overflow: hidden;}
#icases .cont .list li div img {max-height: 100%;}
#icases .cont .list li h3 {margin-top: 12px; font-size: 14px; font-weight: normal;}
#icases .cont .tws {position: absolute; top: 0; left: 50%; margin-left: -348px; width: 697px; height: 100%; background-color: #e5e5e5; overflow: hidden;}
#icases .cont .tws .item:not(:first-child) {display: none;}
#icases .cont .tws .imgs {display: block; height: 438px; font-size: 0; overflow: hidden;}
#icases .cont .tws .imgs img {width: 100%; height: 100%; transition: transform ease-out 500ms;}
#icases .cont .tws .text {display: flex; align-items: center; padding: 20px 10px 20px 0; height: 85px; box-sizing: border-box;}
#icases .cont .tws .text p {padding-left: 20px; padding-right: 20px; color:#000; font-size: 14px; line-height: 1.6;}
#icases .cont .tws .text .xxas {flex: 0 0 auto; display: flex; flex-direction: column; width: 110px;}
#icases .cont .tws .text .xxas a {height: 24px; line-height: 24px; font-size: 12px; text-align: center;}
#icases .cont .tws .text .xxas a:nth-child(1) {color:#fff; background-color: #e0651f;}
#icases .cont .tws .text .xxas a:nth-child(2) {margin-top: 8px; color:#e0651f; background-color: #fff;}
#icases .cont .tws:hover .imgs img {transform: scale(1.05);}
#icases .abtn {display: flex; align-items: center; justify-content: center; margin-top: 22px; margin-bottom: 60px; text-align: center;}
#icases .abtn a {display: flex; align-items: center; padding-left: 30px; padding-right: 25px; height: 46px; color:#e0651f; font-size: 16px; font-weight: bold; border-radius: 24px; border: 1px solid #e0651f;}
#icases .abtn a i {margin-left: 10px; font-size: 20px;}
#icases .abtn a:hover {color:#fff; background-color: #e0651f;}

#iscsys {background: url(../images/iscsys_bg2.png) no-repeat -8px top;}
#iscsys .wrap {display: flex; justify-content: space-between; padding-top: 17px; height: 389px; box-sizing: border-box;}
#iscsys .l {flex: 0 0 auto; width: 640px;}
#iscsys .l .imgs {height: 228px; font-size: 0; overflow: hidden;}
#iscsys .l .imgs img {max-height: 100%;}
#iscsys .l .text p:nth-child(1) {margin-top: 15px; margin-bottom: 10px; color:#fefefe; font-size:26px; font-weight: bold; overflow: hidden;}
#iscsys .l .text p:nth-child(2) {color: #fff; line-height: 1.6; -webkit-line-clamp: 3;}
#iscsys .r {flex: 0 0 auto; width: 580px;}
#iscsys .r .tab {display: flex; justify-content: space-between; position: relative; height: 35px;}
#iscsys .r .tab::before {position: absolute; bottom: 3px; left: 0; right: 0; z-index: 1; height: 1px; background-color:rgba(255,255,255,0.8); content: '';}
#iscsys .r .tab::after {position: absolute; bottom: 0; left: 0; right: 0; z-index: 1; height: 1px; background-color:rgba(255,255,255,0.8); content: '';}
#iscsys .r .tab li {position: relative; z-index: 2; color:#fff; font-size: 12px; cursor: pointer;}
#iscsys .r .tab li.curt {font-weight: bold;}
#iscsys .r .tab li.curt::after {position: absolute; bottom: 0; left: 0; right: 0; height: 4px; background-color: #fff; content: '';}
#iscsys .r .tab li.curt::before {position: absolute; bottom: -19px; left: 50%; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid rgba(255,255,255,0.8); content: '';}
#iscsys .r .nrs {position: relative; margin-top: 18px; padding: 13px; height: 240px; box-sizing: border-box; background-color:rgba(255,255,255,0.8);}
#iscsys .r .nrs .cont {display: none;}
#iscsys .r .nrs .cont .text {flex: 1 1 auto; display: flex; flex-direction: column; padding: 10px 30px 10px 10px; font-size: 14px; font-weight: bold; line-height: 1.6;}
#iscsys .r .nrs .cont .text p {-webkit-line-clamp:3;}
#iscsys .r .nrs .cont .text p:nth-child(1) {color:#0166aa;}
#iscsys .r .nrs .cont .text span {margin-top: 12px; margin-bottom: 12px; height: 30px; background: url(../images/icon-vs.png) no-repeat center center;}
#iscsys .r .nrs .cont .imgs {flex: 0 0 auto; width: 240px; height: 210px; font-size: 0; overflow: hidden;}
#iscsys .r .nrs .cont .imgs img {width: 100%; height: 100%;}

#iyoushi .cont {margin-top: 40px;}
#iyoushi .cont .text {position: relative; padding-left: 100px;}
#iyoushi .cont .text:nth-child(2) {margin-top: 50px;}
#iyoushi .cont .text span {position: absolute; top: -12px; left: -20px; display: block; padding: 20px; width: 104px; height: 104px; line-height: 60px; color:#fff; font-size: 44px; font-family: Impact; text-align: center; box-sizing: border-box; background-image: url(../images/iyoushi_bg1.png);}
#iyoushi .cont .text h3 {color:#000; font-size: 22px; font-weight: normal;}
#iyoushi .cont .text h3::after {margin-top: 15px; margin-bottom: 10px; display: block; width: 28px; height: 2px; background-color: #0166aa; content: '';}
#iyoushi .cont .text p {color:#666; font-size: 14px; line-height: 1.7;}
#iyoushi .contl {position: relative; padding-right: 710px;}
#iyoushi .contl img {position: absolute; right: 0;}
#iyoushi .contr {position: relative; padding-left: 700px;}
#iyoushi .contr img {position: absolute; left: 0;}
#iyoushi .cont1 {min-height: 400px;}
#iyoushi .cont1 img {top: 0; width: 655px; height: 400px;}
#iyoushi .cont2 {margin-top: 34px; min-height: 468px;}
#iyoushi .cont2 img {top: -20px; width: 615px; height: 468px;}
#iyoushi .cont3 {margin-top: 40px; min-height: 539px;}
#iyoushi .cont3 img {top: -80px; width: 579px; height: 539px;}

#ikh {padding-bottom: 80px; min-width: 1372px; background: url(../images/icustomer_bg.jpg) no-repeat center center/cover;}
#ikh .cont {position: relative; margin-top: 40px;}
#ikh .cont .swiper-slide {background-color: #dfdfdf;}
#ikh .cont .swiper-button {position: absolute; top: 50%; display: block; margin-top: -41px; width: 39px; height: 82px; background-image: url(../images/arrow1.png); cursor: pointer;}
#ikh .cont .swiper-prev {left: -60px;}
#ikh .cont .swiper-prev:hover {background-position: left bottom;}
#ikh .cont .swiper-next {right: -60px; background-position: right top;}
#ikh .cont .swiper-next:hover {background-position: right bottom;}
#ikh .cont .imgs {height: 243px; font-size: 0; overflow: hidden;}
#ikh .cont .imgs img {width: 100%; height: 100%; transition: transform ease-out 500ms;}
#ikh .cont .text {padding: 15px 22px 0 22px; height: 160px; box-sizing: border-box;}
#ikh .cont .text h3 {color:#222; font-size: 16px;}
#ikh .cont .text p {margin-top: 8px; color:#888; line-height: 1.7;}
#ikh .cont .text div {position: absolute; bottom: 20px; left: 22px; right: 22px; height: 24px; line-height: 24px; color:#555; font-size: 12px;}
#ikh .cont .text div .line {color:#e0651f;}
#ikh .cont .text div .xxas {position: absolute; top: 0; right: 0; display: block; padding-left: 15px; padding-right: 15px; height: 24px; line-height: 24px; color:#666; font-size: 12px; background-color: #fff;}
#ikh .cont .swiper-slide:hover {background-color: #e0651f;}
#ikh .cont .swiper-slide:hover .imgs img {transform: scale(1.08);}
#ikh .cont .swiper-slide:hover .text h3 {color:#fff;}
#ikh .cont .swiper-slide:hover .text p {color:#fff;}
#ikh .cont .swiper-slide:hover .text div {color:#fff;}
#ikh .cont .swiper-slide:hover .text div .line {color:#fff;}
#ikh .cont .swiper-slide:hover .text div .xxas {color:#e0651f;}

#ikh .vipkh {display: flex; margin-top: 50px; border: 1px solid #e1e1e1; background-color: #fff;}
#ikh .vipkh .tis {flex: 0 0 auto; padding: 10px; width: 240px; box-sizing: border-box;}
#ikh .vipkh .logo {display: flex; flex-direction: column; align-items: center; padding-top: 45px; height: 100%; color:#fff; box-sizing: border-box; background-color: #e0651f;}
#ikh .vipkh .logo span {font-size: 0;}
#ikh .vipkh .logo p {margin-top: 10px; margin-bottom: 25px; color:#fff; font-size: 22px; line-height: 1;}
#ikh .vipkh .logo a {width: 90px; height: 26px; line-height: 26px; color:#e0651f; font-size: 12px; text-align: center; background-color: #fff;}
#ikh .vipkh .list {flex: 1 1 auto; display: flex; flex-flow: row wrap;}
#ikh .vipkh .list .flex-column {padding: 12px; width: 25%; height: 112px; font-size: 0; text-align: center; box-sizing: border-box; border-left: 1px solid #d5d5d5;}
#ikh .vipkh .list .flex-column:nth-child(-n+4) {border-bottom: 1px solid #d5d5d5;}
#ikh .vipkh .list .flex-column span {max-height: 100%;}
#ikh .vipkh .list .flex-column img {max-height: 100%; max-width: 100%; transition: transform ease-out 500ms;}
#ikh .vipkh .list .flex-column:hover img {transform: scale(1.08);}

#iabout {background: url(../images/iabout_bg2.png) no-repeat -8px top;}
#iabout .wrap {position: relative; padding-top: 240px; padding-bottom: 75px;}
#iabout .itis {position: absolute; top: 88px; left: 0; padding-top: 0; text-align: left;}
#iabout .itis h2 {color:#fff;}
#iabout .itis p {color:#fff;}
#iabout .itis::after {display: none;}

#iabout .szys {position: absolute; top: 88px; right: 0; display: flex; justify-content: space-between; width: 634px;}
#iabout .szys li {color:#fff; text-align: center;}
#iabout .szys li div {position: relative; font-size: 60px; font-weight: bold; line-height: 1;}
#iabout .szys li div .year {position: absolute; top:6px; right: -15px; font-size: 18px; font-weight: normal;}
#iabout .szys li div .jia {position: absolute; top:0; right: -25px; font-size: 30px; font-weight: normal;}
#iabout .szys li p {margin-top: 20px; font-size: 14px;}

#iabout .cont {display: flex; align-items: flex-start;}
#iabout .cont .text {flex: 1 1 auto; padding-top: 120px; padding-right: 70px;}
#iabout .cont .text .name {color:#222; font-size: 18px;}
#iabout .cont .text .editorc {margin-top: 12px; color:#555; line-height: 1.7;}
#iabout .cont .text .xxas {display: inline-block; margin-top: 25px; padding-left: 15px; padding-right: 15px; height: 24px; line-height: 24px; color:#fff; background-color: #e0651f;}
#iabout .cont .text .list {display: flex; justify-content: space-between; margin-top: 46px;}
#iabout .cont .text .list a {flex: 0 0 auto; max-width: 25%; color:#555;}
#iabout .cont .text .list a:hover {color:#e0651f;}
#iabout .cont .text .list a:hover .icon div:nth-child(1) {visibility: hidden;}
#iabout .cont .text .list a:hover .icon div:nth-child(2) {visibility: visible;}
#iabout .cont .text .list a .icon {position: relative; margin-bottom: 10px; height: 50px; font-size: 0; overflow: hidden;}
#iabout .cont .text .list a .icon div {position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center;}
#iabout .cont .text .list a .icon div span {max-height: 100%;}
#iabout .cont .text .list a .icon div img {max-height: 100%;}
#iabout .cont .text .list a .icon div:nth-child(2) {visibility: hidden;}
#iabout .cont .imgs {flex: 0 0 auto; position: relative; width: 634px; font-size: 0; overflow: hidden;}
#iabout .cont .imgs img {width: 100%; transition: transform ease-out 500ms;}
#iabout .cont .imgs a {position: absolute; top: 0; left: 0; z-index: 2; display: block; width: 100%; height: 100%; background: url(../images/play3.png) no-repeat center center;}
#iabout .cont .imgs:hover img {transform: scale(1.05);}

#iabout .pics {position: relative; margin-top: 50px; padding: 38px 47px 25px 47px; background-color: #f4f4f4;}
#iabout .pics .swiper-button {position: absolute; top: 50%; display: block; margin-top: -24px; width: 23px; height: 48px; background-image: url(../images/arrow2.png); cursor: pointer;}
#iabout .pics .swiper-prev {left: 12px;}
#iabout .pics .swiper-prev:hover {background-position: left bottom;}
#iabout .pics .swiper-next {right: 12px; background-position: right top;}
#iabout .pics .swiper-next:hover {background-position: right bottom;}
#iabout .pics a {display: block; text-align: center;}
#iabout .pics a div {font-size: 0; overflow: hidden;}
#iabout .pics a div img {width: 100%; transition: transform ease-out 500ms;}
#iabout .pics a p {margin-top: 15px;}
#iabout .pics a:hover div img {transform: scale(1.08);}

#inews {background-color: #f4f4f4;}
#inews .wrap {display: flex; justify-content: space-between; padding-top: 65px; padding-bottom: 65px; background-color: #f4f4f4;}
#inews .tis {position: relative; height: 52px;}
#inews .tis::after {position: absolute; bottom: 0; left: 0; display: block; width: 28px; height: 2px; background-color: #e0651f; content: '';}
#inews .tis h3 {color:#222; font-size: 22px; line-height: 1;}
#inews .tis a {position: absolute; top: 2px; right: 0; display: block; width: 26px; height: 26px; background-color: #e0651f;}
#inews .tis a::before {position: absolute; top: 50%; left: 50%; display: block; margin-top: -1px; margin-left: -7px; width: 14px; height: 2px; background-color: #fff; content: '';}
#inews .tis a::after {position: absolute; top: 50%; left: 50%; display: block; margin-top: -1px; margin-left: -7px; width: 14px; height: 2px; background-color: #fff; content: ''; transform: rotate(90deg);}

#inews .cont1 {padding: 30px 35px; width:430px; height: 587px; box-sizing: border-box; background: url(../images/inews_bg1.jpg) no-repeat #fff;}
#inews .cont1 .tws {margin-top: 22px; color:#e0651f;}
#inews .cont1 .tws .imgs {display: block; font-size: 0; overflow: hidden;}
#inews .cont1 .tws .imgs img {width: 100%; transition: transform ease-out 500ms;}
#inews .cont1 .tws .text h2 {margin-top: 20px; margin-bottom: 20px; font-size: 16px; font-weight: normal; line-height: 1.6;}
#inews .cont1 .tws .text h2 a {color:#e0651f;}
#inews .cont1 .tws .text p {line-height: 1.7; -webkit-line-clamp: 3;}
#inews .cont1 .tws .text span {position: relative; display: block; margin-top: 40px; text-align: right;}
#inews .cont1 .tws .text span::before {position: absolute; top: 50%; left: 0; display: block; width: 75px; height: 1px; background-color: #e0651f; content: '';}
#inews .cont1 .tws:hover .imgs img {transform: scale(1.08);}

#inews .r {display: flex; flex-direction: column; justify-content: space-between; margin-left: 24px; width: calc(100% - 454px);}
#inews .cont2 {padding: 30px 34px; height: 277px; box-sizing: border-box; background-color: #fff;}
#inews .cont2 ul {display: flex; justify-content: space-between; margin-top: 20px;}
#inews .cont2 ul li {width: 47%;}
#inews .cont2 ul li h2 {font-size: 16px; font-weight: normal;}
#inews .cont2 ul li p {margin-top: 25px; color:#666; line-height: 1.7;}
#inews .cont2 ul li span {position: relative; display: block; margin-top: 35px; color:#999; text-align: right;}
#inews .cont2 ul li span::before {position: absolute; top: 50%; left: 0; display: block; width: 75px; height: 1px; background-color: #c3c3c3; content: '';}

#inews .cont3 {display: flex; justify-content: space-between; padding: 30px 34px; height: 286px; box-sizing: border-box; background-color: #fff;}
#inews .cont3 .ily {width: 47%;}
#inews .cont3 .ily form {display: flex; flex-flow: row wrap; justify-content: space-between; margin-top: 18px;}
#inews .cont3 .ily .items {width: 48%;}
#inews .cont3 .ily .items:nth-child(3) {width: 100%; margin-top: 9px;}
#inews .cont3 .ily .items input {padding-left: 32px; padding-right: 10px; width: 100%; height: 40px; border: 1px solid #dedede;}
#inews .cont3 .ily .items input[name="m_name"] {background: url(../images/icon-ly-name.jpg) no-repeat 7px center;}
#inews .cont3 .ily .items input[name="m_tel"] {background: url(../images/icon-ly-tel.jpg) no-repeat 6px center;}
#inews .cont3 .ily .items input[name="m_content"] {background: url(../images/icon-ly-content.jpg) no-repeat 6px center;}
#inews .cont3 .ily .btns {display: flex; margin-top: 17px; width: 100%;}
#inews .cont3 .ily .btns button {width: 50%; height: 36px;}
#inews .cont3 .ily .btns button:nth-child(1) {color:#fff; border: none; background-image: url(../images/imessage_bg2.jpg);}
#inews .cont3 .ily .btns button:nth-child(2) {color:#666; border: none; background-image: url(../images/imessage_bg1.jpg);}

#inews .cont3 .faq {width: 47%;}
#inews .cont3 .faq li {margin-top: 17px;}
#inews .cont3 .faq li:first-child {margin-top: 13px;}
#inews .cont3 .faq .q {position: relative; padding-left: 43px; height: 34px; line-height: 34px; font-size: 14px;}
#inews .cont3 .faq .q span {background-image: url(../images/icon-q.png);}
#inews .cont3 .faq .a {position: relative; margin-top: 2px; padding-left: 43px; height: 34px; line-height: 34px; color:#666;}
#inews .cont3 .faq .a span {background-image: url(../images/icon-a.png);}
#inews .cont3 .faq li span {position: absolute; top: 0; left: 0; display: block; width: 30px; height: 34px; color:#fff; font-size: 15spx; text-align: center; background-repeat: no-repeat;}