* { margin: 0; padding: 0; }

html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;  background: #fff;}

body {color: #333333;  background: #fff; margin: 0 auto; font-size: 12px; line-height: 1.25em; font-family: 'microsoft yahei'; -webkit-text-size-adjust: none;overflow-x: hidden; }

ol, ul, li { list-style: none; }

img { border: none; vertical-align: top; -webkit-transition:all 0.8s ease 0s; transition:all 0.8s ease 0s; }

a { color: #333333; text-decoration: none; outline: none; -webkit-transition:all 0.8s ease 0s; transition:all 0.8s ease 0s; }

a:hover{color: #024f97;}

button, input, select, textarea { font-size: 100%; font-family: 'microsoft yahei'; margin: 0; outline: 0 none; vertical-align: baseline; *vertical-align: middle; }

input { outline: none; border-radius: 0; font-family: 'microsoft yahei'; }

input:focus, textarea:focus { outline: none; }

input:focus { -webkit-tap-highlight-color: transparent; -webkit-user-modify: read-write-plaintext-only; }

input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; }

textarea { -webkit-appearance: none; }

/*select{appearance:none;-moz-appearance:none;-webkit-appearance:none;background: #fff;}
*/
h1, h2, h3, h4, h5, h6 { font-weight: normal; -webkit-transition:all 0.8s ease 0s; transition:all 0.8s ease 0s; }

.clearfix:before, .clearfix:after { content: ''; display: table; }

.clearfix:after { clear: both; }

.clearfix { *zoom: 1; }

.none { display: none; }

em, i, span, b { font-style: normal; -webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;}

.width90{width: 90%;padding: 0 5%;}
.w_1200{max-width: 1200px;margin: auto;width: 94%;overflow: hidden;}
.w_96{margin:0 auto;width: 96%;overflow: hidden;}
/*transition*/
.fl{float: left;}
.fr{float: right;}
.m_header{display: none;padding-bottom: 5px;height: 50px;background: #fff;width: 100%;z-index: 2;top:0;}
.m_logo{margin-left: 1%;margin-top: 6px;float: left;}
.m_logo img{height: 36px; margin-top:5px; margin-left:10px;}
.menua{float: right;margin-top: 11px;}
.menua img{height: 30px;}

.logo{margin: 1.924vw 6% 0 0;}
.logo img{height: 2.444vw;}
.navWrap{position: fixed; background: #fff;top: 0; left: 0; z-index: 99;-webkit-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s;width: 100%;-webkit-box-shadow:0 0 10px #abaaaa;box-shadow:0 0 10px #abaaaa;}
.navWrap .w_1200{overflow:inherit}
.navWrap .w_96{overflow:inherit}
.navWrap .nav{position: relative;z-index: 99;-webkit-transition:all 0.8s ease 0s; transition:all 0.8s ease 0s;margin-top:.8vw; }
.navWrap .nav ul{float: left; -webkit-transition:all 0.8s ease 0s; transition:all 0.8s ease 0s; }
.navWrap .nav .nLi{position: relative;margin-left:1vw;padding-bottom: .832vw;}
.navWrap .nav .nLi:first-child{margin-left: 0;}
.navWrap .nav .nLi h3{position: relative;text-align: center;}
.navWrap .nav .nLi h3 a{display: block;position: relative;z-index: 3;font-size:0.832vw;color: #100600;line-height:3vw;padding: 1vw 1.2vw 0;}
.navWrap .nav .nLi h3 a:after,.navWrap .nav .nLi h3 a:before{width: 0;height: 3px;background: #ff7e00;content: '';display: inline-block;position: absolute;bottom: 0;-webkit-transition:all 0.8s ease 0s; transition:all 0.8s ease 0s;}
.navWrap .nav .nLi h3 a:after{left: 50%}
.navWrap .nav .nLi h3 a:before{right: 50%}
.navWrap .nav .nLi.on a,.navWrap .nav .nLi:hover a{color: #ff7e00;}
.navWrap .nav .nLi.on h3 a:after,.navWrap .nav .nLi.on h3 a:before,.navWrap .nav .nLi.cur h3 a:after,.navWrap .nav .nLi.cur h3 a:before{width: 35%;}
.navWrap .nav .nLi .navSub{overflow: hidden;width: 8.32vw; margin-left:-4.16vw; left:50%;position: absolute;top:4.542vw;background: #fff;display: none;}
.navWrap .nav .nLi .navSub ul li a{display: block;font-size: 0.78vw;color: #555;line-height:2.548vw;border-top: 1px solid #e2e2e2; text-align:center;}
.navWrap .nav .nLi .navSub ul{overflow: hidden;width: 100%;float: none;}
.navWrap .nav .nLi .navSub ul li a:hover{color: #f79c52; background:#f2f2f2;letter-spacing: 1px;}
.navWrap .nav .nLi .navSub ul li:first-child{padding-top: 10px;}
.navWrap .nav .nLi .navSub ul li:first-child a{border-top: none;}
.navWrap .nav .nLi .navSub ul li em{float: right;font-family: simsun;font-size: 12px;}
.navWrap .nav .nLi .navSub ul li i{margin-right: 10px;background: url(../images/ico1.png) 0 center no-repeat;display: inline-block;width: 7px;float: left;line-height: 86px;height: 86px;}
.navWrap .nav .nLi .navSub ul li:hover i{background-position: -7px center;}
.navWrap .nav .nLi .navSub ul li:hover em{color: #ff7e00;}

.navWrap .marquee { position:absolute; left:0; width:100%; height:30px; padding:0 1.2vw;box-sizing: border-box;}
.navWrap .marquee dl dt { width:15.392vw; float:left;}
.navWrap .marquee dl dt img { width:100%;}
.navWrap .marquee dl dd { width: calc(100% - 16vw); float:left;}


.searbtn{margin-top: 52px;margin-left: 60px;-webkit-transition:all 0.8s ease 0s; transition:all 0.8s ease 0s;cursor: pointer;width: 16px;height: 16px;display: inline-block;position: relative;background: url(../images/sear_ico.png)  no-repeat;-webkit-background-size: cover;
background-size: cover;}
.search_wrap{border:1px solid #ccc;-webkit-border-radius: 25px;border-radius: 25px;}

.navWrap .lxtel { width:13.52vw; margin-top:1.248vw;}
.navWrap .lxtel img { width:100%;}

.tophide{padding: 10px 0;}
.tophide .nav{margin-top: 0.3vw;}
.tophide .nav .nLi{padding-bottom: 0;}
.tophide .logo{ margin-top:0.6vw;}
.tophide .logo img{height: 2.6vw;}
.tophide .searbtn{margin-top: 16px}
.tophide .nav .nLi .navSub{top: 3.6vw}
.tophide .nav .nLi h3 a{line-height:2.6vw;}
.tophide .lxtel{ margin-top:0vw;}

.cd-popup { position: fixed; left: 0; top: 0; height: 100%; width: 100%;background: url(../images/grayBg.png) repeat;visibility: hidden; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s; transition: opacity 0.3s 0s, visibility 0s 0.3s; z-index: 9999;  opacity: 0;}
.cd-popup.is-visible { opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s 0s, visibility 0s 0s; transition: opacity 0.3s 0s, visibility 0s 0s; }
.cd-popup-container { position: relative; padding: 40px; background: #fff; width: 60%; margin: 0 auto; top: 50%; margin-top: -58px; background: #FFF; border-radius: .4rem .4rem .4rem .4rem; text-align: center; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); -webkit-backface-visibility: hidden; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }
.is-visible .cd-popup-container { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
.cd-popup-container1 { top: 10%; }
.close_btn { position: absolute; right: 0; top: 0; padding: 10px; width: 22px; height: 22px; -webkit-transition: 0.5s; transition: 0.5s; }
.is-visible .cd-popup-container0, .is-visible .cd-popup-container1, .is-visible .cd-popup-container2, .is-visible .cd-popup-container3 { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
.sear_p{float: left;border:1px solid #ccc;margin: 20px 0 0 10px;width: 145px;}
.sear_txt{float: left;width: 80%;height: 50px;font-size: 16px;line-height: 50px;font-family: 'microsoft yahei';border: none;background: none;color: #666;text-indent: 15px;}
.sear_btn{float: right;background: url('../images/sear_ico.png') center center no-repeat;text-indent: 999px;overflow: hidden;-webkit-background-size: 25px;background-size: 25px;width: 50px;height: 50px;border:none;cursor: pointer;}
.close_btn:after, .close_btn:before { background: #cccccc; width: 20px; height: 3px; display: block; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; content: ""; position: absolute; left: 10px; top: 11px; }
.close_btn:before { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.close_btn:after { -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); top: 26px; }


.banner{overflow: hidden;position: relative;z-index: 5;margin-top:5.616vw;height: 36vw;}
.banner a{display: block;height: 100%;position: relative;background-repeat: no-repeat;-webkit-background-size: cover;background-size: cover;-webkit-transform: scale(1.8);transform: scale(1.8);}
.banner span.txt1{position: absolute;left: 50%;margin-left: -300px;top: 27%;width: 600px;opacity: 0;filter: alpha(opacity=0);-webkit-transition:all 3.5s ease 0s; transition:all 3.5s ease 0s;z-index: 3;}
.banner span.txt1 img{max-width: 90%}
.banner .swiper-slide.swiper-slide-active span.txt1{opacity: 1;filter: alpha(opacity=0);margin-left: -600px;}

.bannerhd{z-index: 20;text-align: center;width: 100%;position: absolute;bottom: 40px;}
.bannerhd span{width: 8px;height: 8px;-webkit-border-radius: 5px;border-radius: 5px;background: #fff;margin: 0 5px}
.bannerhd span.swiper-pagination-bullet-active{width:30px;background: #d6ae5e;}

.banner .swiper-slide-active .top_cloud{background: url(../images/top_cloud.png) no-repeat;display: block;background-size: 100%;width: 720px;height: 325px;position: absolute;left: 0;top: 0;animation-name: slidein;animation-duration: 600s;animation-iteration-count: infinite;animation-direction: alternate;z-index:2;}
.banner .swiper-slide-active .bottom_cloud{background: url(../images/bottom_cloud.png) no-repeat;display: block;background-size: 100%;width: 720px;height: 343px;position: absolute;left:40%;top: 110px;animation-name: slide;animation-duration: 140s;animation-iteration-count: infinite;animation-direction: alternate;z-index: 5;}
.banner .swiper-slide-active .item{-webkit-transform: scale(1);transform: scale(1);}


@keyframes slidein {
  from {    transform:translateX(0);}
  to {    transform:translateX(2000px);}
}
@keyframes slide{
    from {
        transform:translateX(0);
    }

    to {
        transform:translateX(2000px);
    }
}
/*banner end*/

/*第一屏数据*/
.data-container {
    display: flex;
	margin-top:2vw;
    justify-content: space-around;
    width: 100%;
    width: 100%;
    padding:2vw 0;
	box-shadow: 0 0 20px rgba(0,0,0,0.1);
    transition: box-shadow 0.5s ease;
}

.data-item {
    text-align: center;
}

.number {
    font-size: 1.5vw;
    font-weight: bold;
    color: #ff9900;
	margin-top: 1vw;
    margin-bottom: .8vw;
}

.label {
    font-size: .832vw;
    color: #666;
}

/*第一屏数据结束*/

.index_one{margin: 40px auto;position: relative;}
/*.one_left{width: 50%;float: left;overflow: hidden;position: relative;}
.one_left a{display: block;position: relative;}
.one_left a .img{display: block;padding-bottom: 350px;-webkit-background-size: cover;background-size: cover;background-repeat: no-repeat;background-position: center;width: 105%;}
.one_left a .txt{bottom: 0;position: absolute;width: 100%;left: 0;background: rgba(0,0,0,0.7);display: block;color: #fff;font-weight: bold;text-align: center;font-size: 20px;line-height: 60px;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}
.one_left a:hover .img{-webkit-transform: translateX(-2%);transform: translateX(-2%);}*/

.one_right{width:100%;position: relative;overflow: hidden;}
.one_right .tabs{border-bottom: 1px solid #e2e2e2;border-top: 1px solid #e2e2e2; margin:0.2vw auto;padding:1.5vw 0;width: 60%;text-align: center;}

.one_right .tabs > a{ width:10.7vw; text-align:center; line-height: 26px; color: #333;display: inline-block;position: relative; border-right:1px solid #e6e6e6; }
.one_right .tabs > a:last-child {border-right:0;}

.one_right .tabs > a:after{width: 100%;background: #ff9900;height:.156vw;display: inline-block;position: absolute;bottom: -1.6vw; left:0; content: '';-webkit-transition:all 0.8s ease 0s; transition:all 0.8s ease 0s;opacity: 0;filter: alpha(opacity=0);}

.one_right .tabs > a:before{width: 100%;background: #ff9900;height:.156vw;display: inline-block;position: absolute;top:-1.6vw; left:0; content: '';-webkit-transition:all 0.8s ease 0s; transition:all 0.8s ease 0s;opacity: 0;filter: alpha(opacity=0);}

.one_right .tabs > a i.fa-handshake svg { width:3.432vw; height:auto; fill: #9c9c9c;}
.one_right .tabs > a i.fa-print svg { width:3.432vw; height:auto;fill: #9c9c9c;}
.one_right .tabs > a i.fa-hammer svg { width:3.432vw; height:auto; fill: #9c9c9c;}

.one_right .tabs > a.active{color: #d6e;}

.one_right .tabs > a.active:before {width: 100%; opacity: 1;filter: alpha(opacity=100);top:-1.6vw;}

.one_right .tabs > a.active:after{width: 100%; opacity: 1;filter: alpha(opacity=100); bottom:-1.6vw;}


.one_right .tabs  span{ width:100%; display:blockl}

.one_right .tabs a span {font-size: .832vw;color: #666;display: inline-block;line-height: 26px;}
.one_right .tabs a.active span {color: #ff9900;}
.one_right .tabs a.active i svg { fill: #ff9900;}



.one_right .tabs-container{overflow: hidden;}
/*.one_right .tabs-container dl{border-bottom: 1px solid #e2e2e2;padding-bottom: 18px;}
.one_right .tabs-container dl dt a{margin-top: 30px;margin-bottom: 18px;width: 100%;float: left;display: block;font-size: 20px;color: #110600;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;line-height: 24px;}
.one_right .tabs-container dl dd{float: left;width: 100%;font-size: 14px;color: #888888;line-height: 25px;height: 50px;overflow: hidden;}
.one_right .tabs-container ul{padding-top: 14px;}
.one_right .tabs-container ul li{width: 100%;float: left;}
.one_right .tabs-container ul li a{display: block;line-height: 38px;height: 38px;font-size: 14px;}
.one_right .tabs-container ul li a span{display: inline-block;color: #110600;width: 72%;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}
.one_right .tabs-container ul li a em{float: right;color: #888888;}
.one_right .tabs-container dl dt a:hover,.one_right .tabs-container ul li a:hover span,.one_right .tabs span a:hover{color: #d6ae5e;}
.one_right .tabs-container ul li a:hover i{background-position: left center;}
.one_right .tabs-container ul li a:hover span{-webkit-transform: translateX(3px);transform: translateX(3px);}
.one_right .tabs-container dl dt a:hover{-webkit-transform: translateY(-3px);transform: translateY(-3px);}*/

.isect5{ margin-top:2vw; border-bottom:1px solid #e2e2e2;border-top:1px solid #e2e2e2;}
.isect5 .ititle{margin-bottom: 14px;}
.isect5 .nLi{width: 33.3%;cursor: pointer;}
.isect5 .nLi .pic{height:17.68vw;position: relative;overflow: hidden;}
.isect5 .nLi .pic img{width: 100%;height: 100%;}
.isect5 .nLi .pic b{position: absolute;left: 0;top:0;width: 100%;height: 100%;background: url(../images/gray60.png) repeat;text-align: center;line-height:17.68vw;font-size: 1.248vw;color: #ffffff;font-weight: normal;
filter: alpha(opacity=0);opacity: 0;}
.isect5 .nLi .text{height:17.68vw;box-sizing: border-box;text-align: center;position: relative; display:flex;flex-direction: column;   align-items: center;    justify-content: center; background:#fff;}

.isect5 .nLi .text h5{font-size: 1.248vw;line-height: 1.5;color: #333333;font-weight: normal; margin-bottom:1vw;}
.isect5 .nLi .text p {font-size: .832vw; line-height: 1.5;color: #828282;font-weight: normal; padding-left:5%;padding-right:5%;}
.isect5 .nLi:hover .pic b{filter: alpha(opacity=100);opacity: 1;}





.one_right{width:100%;position: relative;overflow: hidden;}
.one_right .tabs2{border-bottom: 1px solid #e2e2e2;border-top: 1px solid #e2e2e2; margin:0.2vw auto;padding:1.5vw 0;width: 60%;text-align: center;}

.one_right .tabs2 > a{ width:10.7vw; text-align:center; line-height: 26px; color: #333;display: inline-block;position: relative; border-right:1px solid #e6e6e6; }
.one_right .tabs2 > a:last-child {border-right:0;}

.one_right .tabs2 > a:after{width: 100%;background: #ff9900;height:.156vw;display: inline-block;position: absolute;bottom: -1.6vw; left:0; content: '';-webkit-transition:all 0.8s ease 0s; transition:all 0.8s ease 0s;opacity: 0;filter: alpha(opacity=0);}

.one_right .tabs2 > a:before{width: 100%;background: #ff9900;height:.156vw;display: inline-block;position: absolute;top:-1.6vw; left:0; content: '';-webkit-transition:all 0.8s ease 0s; transition:all 0.8s ease 0s;opacity: 0;filter: alpha(opacity=0);}



.one_right .tabs2 > a.active{color: #d6e;}
.one_right .tabs2 > a.active:before {width: 100%; opacity: 1;filter: alpha(opacity=100);top:-1.6vw;}
.one_right .tabs2 > a.active:after{width: 100%; opacity: 1;filter: alpha(opacity=100); bottom:-1.6vw;}
.one_right .tabs2  span{ width:100%; display:block;}
.one_right .tabs2 a span {font-size: .832vw;color: #666;display: inline-block;line-height: 26px;}
.one_right .tabs2 a.active span {color: #ff9900;}
.one_right .tabs-container2{overflow: hidden;}





.index_two{position: relative;overflow: hidden;}

.title { width:100%; margin-top:1vw;}
.title h2 { text-align:center; font-size:1.872vw; line-height:2; color:#3f3f3f; font-weight:bold;}
.title p { text-align:center; font-size:.936vw; line-height:1; color:#7f7f7f;}


.isect1{padding: 3vw 0;}
.isect1 .cont{width: 100%;overflow: hidden;}
.isect1 .cont .kwicks{width: 150%;}
.isect1 .cont .kwicks .kwick{width:10.06vw;overflow: hidden; margin-left:3px;}
.isect1 .cont .kwicks .kwick a{display: block;width: 47.84vw;position: relative;}
.isect1 .cont .kwicks .kwick a em{display: block;width: 100%;height: 0;padding-bottom:54.436%;background-repeat: no-repeat;background-position: center;background-size: cover;}
.isect1 .cont .kwicks .kwick a b{position: absolute;left: 0;top:0;width: 100%;height: 100%;z-index: 2;background: url(../images/mask.png) no-repeat center;background-size: 100% 100%;}
.isect1 .cont .kwicks .kwick a .text{position: absolute;left: 0;bottom: 0;height: 4.16vw;width: 100%;z-index: 3;box-sizing: border-box;padding: .48vw  9vw .48vw 1.56vw;}
.isect1 .cont .kwicks .kwick a .text h5{font-size: 1.144vw;color: #fff;line-height: 1.8;font-weight: bold;}
.isect1 .cont .kwicks .kwick a .text p{font-size: .832vw;line-height: 1.5;color: #fff;filter: alpha(opacity=0);opacity: 0; margin-top:0.15vw;}
.isect1 .cont .kwicks .kwick:first-child{width: 47.84vw;}
.isect1 .cont .kwicks .kwick.on a .text h5{font-size: 1.352vw;color: #fff;line-height: 2;font-weight: bold;}
.isect1 .cont .kwicks .kwick.on a b{filter: alpha(opacity=0);opacity: 0;}
.isect1 .cont .kwicks .kwick.on a .text{background: rgba(0, 0, 0, 0.45);height: 6.76vw;}
.isect1 .cont .kwicks .kwick.on a .text p{filter: alpha(opacity=100);opacity: 1;}

.isect1 .cont .kwicks .kwick a .text .kwick_btn { width:6.76vw; height:2.184vw; line-height:2.184vw; font-size:.832vw; text-align:center; color:#fff; background:#ff9900; border-radius:50px; position:absolute; right:1vw; top:2.5vw; display:flex;justify-content: center;}
.isect1 .cont .kwicks .kwick a .text .kwick_btn img { width:1.248vw; margin-right:0.3vw;}


.isect1 .wap{display: none;}
.isect1 .wap .container{width: 100%;position: relative;overflow: hidden;padding-bottom: 20px;}
.isect1 .wap .container .swiper-slide a{display: block;}
.isect1 .wap .container .swiper-slide a em{display: block;width: 100%;height: 0;padding-bottom: 95%;background-repeat: no-repeat;background-position: center;background-size: cover;}
.isect1 .wap .container .swiper-slide a b{position: absolute;left: 0;top:0;width: 100%;height: 100%;z-index: 2;background: url(../images/mask.png) no-repeat center;background-size: 100% 100%;}
.isect1 .wap .container .swiper-slide a h5{font-size: 15px;color: #fff;line-height: 54px;width: 100%;position: absolute;left: 0;bottom: 0;z-index: 2;box-sizing: border-box;padding: 0 20px;}
.isect1 .wap .container .swiper-pagination{height: 8px;line-height: 8px;font-size: 0;bottom: 0;}
.isect1 .wap .container .swiper-pagination .swiper-pagination-bullet{width: 8px;height: 8px;box-sizing: border-box;margin: 0 4px;}
.isect1 .wap .container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #029EA7;}



.process-container {display: flex;justify-content: space-around;width: 100%; margin-bottom:5vw;}
.process-item {text-align: center;transition: all .5s ease;}
.diamond {width:5.72vw;height:5.72vw;margin: 3vw auto 2vw;transform: rotate(45deg);border: 2px solid #ccc;
    display: flex;    justify-content: center;    align-items: center;    overflow: hidden;}
.diamond .icon { transform: rotate(-45deg);    max-width: 70%;    max-height: 70%;  }
.process-item p {    margin: 5px 0; font-size:.832vw; color:#c1c1c1;}
.process-item p.name {    font-size:.936vw; color:#333; margin-bottom:.5vw;}

.process-item .icon_l1 {  width:2.6vw; height:auto; fill: #bfbfbf; transform: rotate(-45deg); transition: .5s; }
.process-item .icon_l2 {  width:2.9vw; height:auto; fill: #bfbfbf; transform: rotate(-45deg); transition: .5s; }
.process-item .icon_l3 {  width:2.8vw; height:auto; fill: #bfbfbf; transform: rotate(-45deg); transition: .5s; }
.process-item .icon_l4 {  width:2.4vw; height:auto; fill: #bfbfbf; transform: rotate(-45deg); transition: .5s; }
.process-item .icon_l5 {  width:2.8vw; height:auto; fill: #bfbfbf; transform: rotate(-45deg); transition: .5s; }
.process-item .icon_l6 {  width:2.6vw; height:auto; fill: #bfbfbf; transform: rotate(-45deg); transition: .5s;  }

.process-item:hover .icon_l1 {  fill: #ff9900; transform: rotate(-45deg) scaleX(-1); }
.process-item:hover .icon_l2 {  fill: #ff9900; transform: rotate(-45deg) scaleX(-1); }
.process-item:hover .icon_l3 {  fill: #ff9900; transform: rotate(-45deg) scaleX(-1); }
.process-item:hover .icon_l4 {  fill: #ff9900; transform: rotate(-45deg) scaleX(-1); }
.process-item:hover .icon_l5 {  fill: #ff9900; transform: rotate(-45deg) scaleX(-1); }
.process-item:hover .icon_l6 {  fill: #ff9900; transform: rotate(-45deg) scaleX(-1); }

.process-item:hover  p.name { color:#ff9900;}
.process-item:hover .diamond {border: 2px solid #ff9900;}
.process-item:hover .diamond img {filter: grayscale(0%) sepia(40%)  saturate(10); /* 变为橙色 */
transform: rotate(-45deg) scaleX(-1);  filter:#F00 }
.process-item:hover {transform: translateY(-10px); }




.index_three{}
.three_swiper{position: relative;overflow: hidden;padding: 40px 20px 50px 20px;max-width: 1200px;margin: auto;}
.three_swiper .swiper-slide{-webkit-box-shadow: 0 0 15px #dedede;box-shadow: 0 0 15px #dedede;}
.three_swiper a{display: block;position: relative;}
.three_swiper a .img{display: block;padding-bottom: 440px;position: relative;background-position: center;-webkit-background-size: cover;background-size: cover;background-repeat: no-repeat;}
.three_swiper a .img:after{background: rgba(0,0,0,0.3);position: absolute;width: 100%;height: 100%;content: '';display: block;opacity: 0;filter: alpha(opacity=0);-webkit-transition:all 0.8s ease 0s; transition:all 0.8s ease 0s;}
.three_swiper a .txt{text-align: center;font-size: 24px;position: absolute;bottom: 0;left: 0;display: block;width: 84%;padding: 0 8%;line-height: 80px;color: #fff; }
.three_swiper a .txt b {float: right;opacity: 0;filter: alpha(opacity=0);}
.three_swiper a .txt b img{margin-top: 31px;}
.three_swiper a .txt em{padding-left: 55px;-webkit-background-size: auto 30px;background-size: auto 30px;background-repeat: no-repeat;background-position: left center;-webkit-transition:all 0.8s ease 0s; transition:all 0.8s ease 0s;position: absolute;left: 50%;margin-left: -75px;}
.three_swiper .slide1 .txt{background:linear-gradient(to right,#4b9cd4,#8bc5eb);}
.three_swiper .slide2 .txt{background:linear-gradient(to right,#d9b074,#eadba7);}
.three_swiper .slide3 .txt{background:linear-gradient(to right,#e66364,#efa182);}
.three_swiper .slide1 .txt em{background-image: url(../images/ico2.png);}
.three_swiper .slide2 .txt em{background-image: url(../images/ico3.png);}
.three_swiper .slide3 .txt em{background-image: url(../images/ico4.png);}
.three_swiper a:hover .txt em{left: 8%;margin-left: 0;}
.three_swiper a:hover b{opacity: 1;filter: alpha(opacity=100);}
.three_swiper a:hover .img:after{opacity: 1;filter: alpha(opacity=100);}


.diamond2 {width:8.72vw;height:3.72vw;margin: 0vw auto 1vw;border: 1px solid #ccc;
    display: flex;    justify-content: center;    align-items: center;    overflow: hidden;}
.diamond2 .icon {    max-width: 90%;    max-height: 90%;  }

.process-container2 {display: flex;justify-content: space-around;width: 100%; margin-bottom:5vw;margin-top:2vw;gap: 20px;
flex-wrap: wrap;}
.process-item2 {text-align: center;transition: all .5s ease;}

.process-item2 p {    margin: 5px 0; font-size:.832vw; color:#c1c1c1;}
.process-item2 p.name {    font-size:.836vw; color:#333; margin-bottom:.5vw;}


.process-item2:hover  p.name { color:#ff9900;}
.process-item2:hover .diamond {border: 2px solid #ff9900;}
.process-item2:hover .diamond img {filter: grayscale(0%) sepia(40%)  saturate(10); /* 变为橙色 */
transform: rotate(-45deg) scaleX(-1);  filter:#F00 }
.process-item2:hover {transform: translateY(-10px); }




.footer{background:#000;}
.footer .fr ul{padding-top:2.496vw;float: left;width: 4.68vw;}
.footer .fr ul li a{display: block;line-height: 30px;}
.footer .fr ul li h5 {margin-bottom: 22px;}
.footer .fr ul li h5 a{font-size: .832vw;color: #fff;}
.footer .fr ul li > a{font-size: .728vw;color: #fff;opacity: 0.6;filter: alpha(opacity=60);}
.footer .fl{padding-top: 40px;}
.footer .fl ul li{float: left;margin-right: 35px;font-size: 16px;color: #110600;line-height: 26px;text-transform: uppercase;}
.footer .fl ul li a{color: #110600;}
.footer .fl dl{float: left; display:flex;}
.footer .fl dl dt{float: left;}
.footer .fl dl dt img{width: 3.484vw;}
.footer .fl dl dd{margin-left: 1vw;}
.footer .fl dl dd h3{font-size:.936vw;color:#fff;line-height: 22px; margin-top:.5vw;}
.footer .fl dl dd h3 span {font-size:1.248vw; font-weight:600;}
.footer .fl dl dd h4{padding: 3px 0 6px;font-size:.728vw;color: #fff;line-height: 24px; opacity:0.68;}

.footer .fl select{margin-top: 9px;border:1px solid #21252a;background: none;width: 302px;line-height: 34px;font-size: 14px;color: #110600;text-indent: 10px;height: 34px;}
.footer .fr ul li a:hover,.footer .fl ul li a:hover{color: #d6ae5e;}

.footer .copyright { width:100%; text-align:left; font-size:.728vw; color:#fff; opacity:.58; border-top:1px solid #3e3e3e; padding-top:.8vw;padding-bottom:.8vw; margin-top:1vw;}



.float{position: fixed;right: 0;top:30%;z-index: 999;width: 80px;}
.float ul li{height: 80px;position: relative;border-top: 1px solid #63acff;}
.float ul li:first-child{border-top: none;}
.float ul li .icon{display: block;height: 100%;background: #489eff url(../images/float.png) no-repeat left top;}
.float ul li .codeImg{position: absolute;right: 82px;padding-right: 12px;top:50%;margin-top: -54px;display: none;}
.float ul li .codeImg:before{content: "";    width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;
border-left:10px solid #eee;position: absolute;right:3px;top:50%;margin-top: -10px;}
.float ul li .codeImg .pic{width: 100px;height: 100px;padding: 4px;background: #eee;}
.float ul li .codeImg .pic img{width: 100%;height: 100%;}
.float ul li .bdsharebuttonbox{width: 100%;height: 100%;margin: 0;padding: 0;}
.float ul li .bdsharebuttonbox .icon{padding: 0;margin: 0;width: 100%;height: 100%;display: block;background: #489eff url(../images/float.png) no-repeat left -81px;}
.float ul li:hover .icon{opacity: 0.8;}
.float ul li.li3 .icon{background-position: left -162px;}




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

.navWrap{display: none;}	
.m_header{display: block;}
.banner a{padding-bottom: 50%;height: auto;}
.banner{margin-top: 0;}
.banner{height: auto;}
.banner .swiper-slide.swiper-slide-active span.txt1{margin-left: 20px;}
.index_two span.txt{left: 3%;margin-left: 0;}
.three_swiper a .img{padding-bottom: 120%;}
.three_swiper a .txt{font-size: 20px;line-height: 60px;width: 100%;-webkit-box-sizing: border-box;box-sizing: border-box;}
.three_swiper a .txt b img{margin-top: 19px;}
.footer .fr{display: none;}
.footer .fl{text-align: center;width: 100%; padding-top:0;}
.footer .fl ul li{display: inline-block;float: none;}
.footer .fl dl{margin: auto;float: none;padding: 20px 0 0;}
.footer .fl dl dt{float: none;padding-bottom: 20px;}
.footer .fl dl dd{margin-left: 15px;}
.banner .swiper-slide.swiper-slide-active span.txt1{left: 0}

.footer .fl dl dt img { width: 40px;}
.footer .fl dl dd h3 { font-size: .883rem; color: #fff;margin-top: .2vw; text-align:left;}
.footer .fl dl dd h3 span { font-size: 1.5rem;}
.footer .fl dl dd h4 { font-size:14px;text-align:left;}

.footer .copyright {
    width: 100%;
    text-align: left;
    font-size:12px;
    padding-top: 10px;
    padding-bottom:10px;
    margin-top: 10px;
	padding-left:15px;
	padding-right:15px;
}



.isect1{padding: 20px 5%;}
.isect1 .pc{display: none;}
.isect1 .wap{display: block;}

}
@media screen and (max-width: 991px){
	.bannerhd{bottom: 10px}
  .one_left a .txt{font-size: 16px;}
  
  

}

@media screen and (max-width: 768px){
.banner span.txt1{width: 60%;}
.banner span.txt1 img{width: 100%}
.one_left,.one_right{width: 100%;}
.one_left{margin-bottom: 20px;}
.one_left a .img{padding-bottom: 60%;}
.one_right .tabs > a{font-size:20px;padding-bottom: 15px;padding-top: 15px;  width:49%;}
.one_right .tabs-container dl dt a{font-size: 18px;}
.one_right .tabs > a i.fa-handshake svg { width:2.5rem;}
.one_right .tabs > a i.fa-print svg { width:2.5rem;}
.one_right .tabs > a i.fa-hammer svg { width:2.5rem;}
.one_right .tabs a span {    font-size: 0.9rem;}

.one_right .tabs > a:nth-of-type(even) {
    border-right: 0;
}

.one_right .tabs2 { width:90%;}

.one_right .tabs2 > a{font-size:20px;padding-bottom: 15px;padding-top: 15px;  width:49%;}
.one_right .tabs-container2 dl dt a{font-size: 18px;}
.one_right .tabs2 a span {    font-size: 0.9rem;}
.one_right .tabs2 > a:nth-of-type(even) {    border-right: 0;}
.index_two span.txt{width: 60%;}



.index_two span.txt i{font-size: 12px;padding: 0;}
.index_two span.txt em{font-size: 13px;line-height: 23px;}
.index_two span.txt{width: 94%;height: auto;top: 50%;padding: 30px 0;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.index_two span.img{padding-bottom: 300px;}
.index_two span.txt em{padding-top: 10px;}
.index_two span.txt img{max-width: 60%}
.three_swiper a .txt{font-size: 15px;line-height: 40px;}
.three_swiper a .txt em{-webkit-background-size: auto 22px;background-size: auto 22px;padding-left: 35px;margin-left: -47.5px;}
.three_swiper a .txt b img{height: 17px;margin-top: 11px;}

.data-container {flex-wrap: wrap; padding:2rem 0;}
.data-container .data-item { width:50%;}
.data-container .data-item .icon { padding-top:1rem;}
.data-container .data-item .icon img  {filter: grayscale(0%) sepia(100%)  saturate(10);  }

.number {font-size: 1.5rem;margin-top: 1rem;margin-bottom: .8rem;}
.label {font-size: 1rem;}
.one_right .tabs {width: 90%; margin: 0.2vw auto;    padding: 1.5vw 0;}
.float{display: none;}
.isect5 .nLi { width: 100%;}
.isect5 .nLi .pic {height:12.68rem}
.isect5 .nLi .text {height:12.68rem; background:#f3f3f3;}

.isect5 .nLi.nLi2 { display:flex;flex-direction: column-reverse;}

.isect5 .nLi .text h5 { font-size: 1.248rem;margin-bottom: 1rem; font-weight:600;}
.isect5 .nLi .text p { font-size: 1rem;}

.title h2 { font-size:1.6rem;}
.title p { font-size:.832rem;}

.process-container {flex-wrap: wrap;}
.process-item { width:33%;}

.diamond { width: 4.5rem;    height: 4.5rem;    margin: 3rem auto 2rem;}

.process-item .icon_l1 {width: 2.6rem;}
.process-item .icon_l2 {width: 2.6rem;}
.process-item .icon_l3 {width: 2.6rem;}
.process-item .icon_l4 {width: 2.6rem;}
.process-item .icon_l5 {width: 2.6rem;}
.process-item .icon_l6 {width: 2.6rem;}

.process-item p.name { font-size: 1rem;margin-bottom:.5rem;}
.process-item p { font-size: .832rem;}



}
@media screen and (max-width: 600px){
.isect1 .wap .container .swiper-slide a h5{padding: 0 10px;line-height: 30px;font-size: 14px;bottom: 5px;}




}