


/* 头部 */
.top-box{ padding:20px 0; position: fixed; top:0; left:0; width:100%; z-index:9; transition: all .5s;}
.top-box .logo{ width:25%; float: left;}
.top-box .logo .pic{ position: relative; margin-top:25px; display: inline-block; vertical-align: middle;}
.top-box .logo .moren-img{ opacity: 1; transition: all .5s;}
.top-box .logo .hover-img{ opacity:0; position: absolute; top:0; left:0; max-width:100%; transition: all .5s;}
.top-box .top-text{ text-align: right; width:75%; line-height:35px; font-size:14px; float: right;}
.top-box.back .top-text .top-search{background: rgba(0, 0, 0, .1);}
.top-box .top-text .top-search{ position: relative; display: inline-block; vertical-align: middle; margin-right:15px; background:rgba(255, 255, 255, .3); border-radius:5px; overflow: hidden; padding-right:40px;}
.top-box:hover .top-text .top-search{background: rgba(0, 0, 0, .1);}
.top-box .top-text .top-search input{ width:300px; font-size:12px; padding:0 10px; height:35px; line-height:35px; color: #333;}
.top-box .top-text .top-search .but-so{ height:36px; position: absolute; right:0; top:0; border-radius:5px; cursor: pointer; border:none; background:#1685da url(../images/search_icon.png) no-repeat center; width:40px;}
.top-box .top-text .top-search input::-webkit-input-placeholder {color:rgba(255, 255, 255, .5);}
.top-box .top-text .top-search input:-ms-input-placeholder {color:rgba(255, 255, 255, .5);}
.top-box .top-text .top-search input::placeholder {color:rgba(255, 255, 255, .5);}
.top-box .top-text .Version{ display: inline-block; vertical-align: middle; background: url(../images/top_icon1.png) no-repeat left center;padding-left:50px; color: #fff;}
.top-box .top-text .Version a{ color: #fff;}
.top-box .top-text .Version a:hover{ color: #333;}
.top-box .top-nav{ margin-top:10px;}
.top-box .nav-shell{ width:85%; float: left; color: #fff;}
.top-box .nav-shell li{ position: relative; font-size:16px; float: left; width:14.1%; text-align: center;}
.top-box .nav-shell li a{ color: #fff; display:inline-block; vertical-align: middle;}
.top-box .tel-top{ float: right; color: #fff;}
.top-box .tel-top span{ background: url(../images/top_icon3.png) no-repeat left center; width:180px; padding-left:35px; display:inline-block; vertical-align: middle; font-size:20px;}





/* 导航下拉 */
.top-box .level-box{ display: none; position: fixed; padding-top:20px; width:100%; left:0; z-index: 3;}
.top-box .level-box .flex{ background: rgba(80, 80, 80, .7); width:100%;}
.top-box .level-one{ padding:50px 0; width:430px; text-align: right; padding-left:80px; background:rgba(22, 133, 218, .6);}
.top-box .level-one dd{ margin-bottom:30px;}
.top-box .level-one dd:last-child{ margin-bottom:0;}
.top-box .level-one dd span{ display: inline-block; vertical-align: middle; border-left: solid 3px #fff; padding-right:15px; transition: all .5s; }
.top-box .level-one dd span a,
.top-box .level-one >dl >dd a{ font-size:18px; display:block; min-width:120px; text-align: left; padding:7px 25px; background: url(../images/more_icon.png) no-repeat center right; transition: all .5s; }
.top-box .level-one dd .wap-sub{ display: none;}
.top-box .level-two{ padding:50px 40px; min-width:330px; text-align: left; border-right: solid 1px #fff;}
.top-box .level-two dl{ display: none;}
.top-box .level-two dl dd{ margin-bottom:10px;}
.top-box .level-two dl dd a{ display: block; padding:7px 0;}
.top-box .level-two dl dd.hover a,
.top-box .level-two dl dd a:hover{ color: #1685da;}
.top-box .level-two dl dd:last-child{ margin-bottom:0;}
.top-box .level-three{ padding:50px; padding-right:80px; width:62%;}
.top-box .level-three dl dd{ float: left; width:25%; margin:20px 0;}
.top-box .level-three dl dd a{ display: block;}
.top-box .level-three dl dd .tu-img{ width:100%; display: block; padding-bottom:50%; background-size: contain; background-position: center; background-repeat: no-repeat;}
.top-box .level-three dl dd .text-mc{ padding:10px 0; font-size: 14px;}
.top-box .level-one dd:hover span,
.top-box .level-one dd.hover span{ background-color: #fff;}
.top-box .level-one dd:hover a,
.top-box .level-one dd.hover a{ color: #1685da; background: url(../images/more_icon2.png) no-repeat center right;}
.top-box .level-ot{ display: none;}
.top-box .level-ot dl{ display: none;}
.top-box .content{ height:460px;}
.top-box:hover,
.top-box.back{ background-color: rgba(255, 255, 255, 1);box-shadow: 0 0 5px 0 rgba(0, 0, 0, .3);}
.top-box.back .logo .moren-img,
.top-box:hover .logo .moren-img{ opacity:0;}
.top-box.back .logo .hover-img,
.top-box:hover .logo .hover-img{ opacity:1;}
.top-box.back .nav-shell li >a,
.top-box:hover .nav-shell li >a{ color: #666666;}
.top-box.back .top-text .top-search input::-webkit-input-placeholder,
.top-box:hover .top-text .top-search input::-webkit-input-placeholder{ color: #333;}
.top-box.back .top-text .top-search input:-ms-input-placeholder,
.top-box:hover .top-text .top-search input:-ms-input-placeholder{ color: #333;}
.top-box.back .top-text .top-search input::placeholder,
.top-box:hover .top-text .top-search input::placeholder{ color: #333;}
.top-box.back .top-text .Version,
.top-box:hover .top-text .Version{ background:url(../images/top_icon2.png) no-repeat left center}
.top-box.back .top-text .Version,
.top-box.back .top-text .Version a,
.top-box:hover .top-text .Version a{ color: #666;}
.top-box.back .tel-top span,
.top-box:hover .tel-top span{ color: #666; background: url(../images/top_icon4.png) no-repeat left center;}
.top-box .nav-shell li a:hover,
.top-box .nav-shell li.active> a,
.top-box .nav-shell li:hover> a{ color: #1685da;}

.top-box .level-shell{ font-size: 15px; display: none; position: absolute; top:100%; left:0; width: 100%; padding-top:20px; text-align: center;}
.top-box .level-shell dl{ background: rgba(80, 80, 80, .7);}
.top-box .level-shell dd{ padding:0 3px; border-bottom: solid 1px rgba(255, 255, 255, .3);}
.top-box .level-shell dd a{ display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.top-box .level-shell dd:last-child{ border-bottom: none;}
.top-box .level-shell dd:hover{ background:rgba(255, 255, 255, .7);}
.top-box .wap-Aniu{ display: none; float: right;}
.top-box .wap-Aniu .wap-search{ border-radius:5px; cursor: pointer; background:#1685da url(../images/search_icon.png) no-repeat center; height:36px; width:36px; float: left; margin:0 10px;}
.top-box .wap-Aniu .wap-menu{ background: #1685da; padding:0 5px; position: relative; height:36px; width:30px; float: right; border-radius:5px;}
.top-box .wap-Aniu .wap-menu i,
.top-box .wap-Aniu .wap-menu i:before,
.top-box .wap-Aniu .wap-menu i:after{ position:absolute; content:''; background: #fff; left:5px; width:30px; height:100%; content:''; transition: all .5s;}
.top-box .wap-Aniu .wap-menu i{ height:2px; top:50%; margin-top: -1.5px;}
.top-box .wap-Aniu .wap-menu i::before{top:8px; left:0;}
.top-box .wap-Aniu .wap-menu i::after{top:-8px; left:0;}
.top-box .wap-Aniu .wap-menu.open i::before{top:0!important; transform:rotate(45deg);}
.top-box .wap-Aniu .wap-menu.open i::after{top:0!important; transform:rotate(-45deg);}
.top-box .wap-Aniu .wap-menu.open i{ background: none!important;}




@media(max-width:1660px){
.top-box .level-three dl dd{ float: left; width:25%;}
}
@media(max-width:1440px){
.top-box .content{ height:350px;}
}
@media(max-width:1366px){
.top-box .level-three dl dd{ width: 33.333%; margin:20px 0;}
.top-box .content{ height:360px;}
.top-box .nav-shell{ width:80%;}
}

@media(max-width:1281px){

.top-box .level-three dl dd{ width:50%;}
.top-box .content{ height:330px;}
.products-list .itme .title{
overflow: hidden;
    max-height: 25px;

}
}
@media(max-width:1024px){
.wab_block{ display: block;}
.top-box .wap-Aniu{ display: block;}
.top-box .top-text .top-search{ display: none;}
.top-box .logo .pic{ margin-top:0;}
.top-box .other-top{ margin-top:10px;}
.top-box .top-text .top-search{ position: absolute; right: 0; top:100%;}
.top-box .cover{ display: none; position: fixed; width:100%; height:100%; left:0; top:0; z-index:-1;}
.top-box .tel-top{ width:100%; text-align: left;}
.top-box .tel-top span,
.top-box .tel-top span{ color: #666; background: url(../images/top_icon4.png) no-repeat left center;}

.top-box .top-nav{ padding:20px 0; margin-top:0; display:block; position: fixed; right:-40%; top:93px; height:90vh; width:40%; background: rgba(255, 255, 255, .8); transition: all .5s;}
.top-box .top-nav.Rone{ right:0;}
.top-box .nav-shell{ width:100%;}
.top-box .nav-shell li{ padding:5px 0; width:100%; text-align: left;}
.top-box .nav-shell li a{ display: block; color: #666;}
.top-box .content{ height:auto;}
/* 下拉 */
.top-box .level-box{ padding:0; position: relative;}
.top-box .level-box .flex{ display: block;}
.top-box .level-one,
.top-box .level-two,
.top-box .level-three{ width:auto; padding:0;}
.top-box .level-shell{ position: relative; padding:0;}
.top-box .nav-shell{ max-height:75vh; overflow: auto;}
.top-box .nav-shell li >a{ margin:0 20px;}
.top-box .level-one dd a,
.top-box .level-shell dd a{ color: #fff;}
.top-box .tel-top,
.top-box .level-shell dd,
.top-box .level-one .wap-sub{ padding-left:30px;}
.top-box .level-one{ padding-left:2em;}
.top-box .level-one dd{ padding:10px 0; margin:0; text-align: left;}
.top-box .level-one >dl >dd a,
.top-box .level-one dd a{ font-size:15px; padding:0 10px;}
.top-box .level-one .wap-sub dd{ padding:0; font-size: 14px;}
.top-box .level-one .wap-sub a{ color: #fff !important;}
.top-box .level-shell dl{ text-align: left;}
}
@media(max-width:640px){
.top-box .other-top{ margin-top:0;}
.top-box .logo{ width:33.333%;}
.top-box .top-text{ width:auto; line-height:30px;}
.top-box.back .top-text .Version,
.top-box:hover .top-text .Version,
.top-box .top-text .Version{ background: none; padding-left:0;}
.top-box .wap-Aniu .wap-search{ width:30px; height:30px; margin:0 5px;}
.top-box .wap-Aniu .wap-menu{ width:20px; height:30px;}
.top-box .wap-Aniu .wap-menu i,
.top-box .wap-Aniu .wap-menu i:before,
.top-box .wap-Aniu .wap-menu i:after{ width:20px;}
.top-box .top-nav.Rone{ width:60%;}
.top-box .top-nav{ top:71px; height:91vh;}
}






/* ban */
.ban_home .itme{ position: relative;}
.ban_home .itme span{ display: block; padding-bottom:48.8%; background-size: cover; background-position: center; background-repeat: no-repeat;}
.ban_home .itme .wenz{ position: absolute; top:50%; margin-top:-110px; left:0; width:100%; text-align: center; color: #fff; font-size:72px; line-height:72px; z-index:5; transform: translateY(-50%);}
.ban_home .itme video{ position: absolute; top:0; left:0; width:100%; height:100%; z-index:3; object-fit: cover;}
.ban_home .itme .icon_video{ cursor: pointer; width:105px; height:105px; position: absolute; top:50%; left:50%; background: url(../images/video_icon.png) no-repeat center; background-size: cover; z-index: 4; transform: translate(-50%, -50%);}
.ban_home .itme.on span{ opacity:0;}
.ban_home .itme.on .wenz,
.ban_home .itme.on .icon_video{ display: none;}
.ban_home .itme.on video{ opacity:1;}
.ban_home .swiper-pagination-bullet{ margin:0 8px!important; width:14px; height:14px; background-color: #fff; transition: all .5s; border-radius:20px;}
.ban_home .swiper-pagination-bullet-active{ width:50px;}

.ban_home.ban .itme span{ display: block; padding-bottom:28.564%;}
.ban_home.ban .itme .wenz{ margin-top:0; letter-spacing:10px; line-height:45px; top:55%;}
.ban_home.ban .itme .wenz .tis{ font-size:36px;}
.ban_home.ban .itme .wenz .miaos{ font-size:18px; opacity:.5;}
@media(max-width:1024px){
.ban_home .itme .wenz{ font-size:50px; line-height:60px; margin-top:-80px;}
.ban_home .itme .icon_video{ width:70px; height:70px;}
}
@media(max-width:640px){
.ban_home .itme .wenz{ font-size:18px; line-height:30px; margin-top:-15px;}
.ban_home .itme .icon_video{ width:25px; height:25px; margin-top:20px;}
.ban_home .swiper-pagination-bullet{ width:8px; height:8px; margin:0 5px!important;}
.ban_home .swiper-pagination-bullet-active{ width:20px;}
.ban_home.ban .itme .wenz{ letter-spacing:5px; line-height:40px;}
.ban_home.ban .itme .wenz .tis{ font-size:30px;}
.ban_home.ban .itme .wenz .miaos{ font-size:16px;}
.ban_home.ban .itme span{/* padding-bottom:45%;*/}
.footer .copyright-box{
	display:none;
}
}


/* 首页 */
.home-title{ margin:50px auto; text-align: center;}
.home-title .title-text{ font-weight: bold; color: #333333; font-size:38px; z-index:3; position: relative;}
.home-title .en-text{ font-weight: bold; text-transform: uppercase; font-size:58px; line-height:0; color: #fff; -webkit-text-stroke: 1px rgba(51, 51, 51, .1); transform: translateY(60%);}
.home-title .title-text::after{ margin:10px auto; display: block; content: ''; width:1.5em; height:2px; background-color: #1685da;}
.home-title .title-Intro{ padding-top:10px; color: #666666; font-size:20px;}

.home-con-one{ padding-bottom:100px; overflow:hidden;}
.home-con-one .swiper-container{ padding:90px 10px; -webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box; overflow:visible;}
.home-con-one .swiper-box .swiper-slide{ padding:0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}
.home-con-one .swiper-box .itme{transition:all .3s; cursor: pointer; box-shadow: 0 0 10px rgba(0, 0, 0, .2); margin-bottom:17px;}
.home-con-one .swiper-box .itme:hover {transform:scale(1.1);}




.home-con-one .swiper-box .pic {overflow:hidden;}
.home-con-one .swiper-box .pic span{ display: block; padding-bottom:65%; background-size: cover; background-position: center; background-repeat:no-repeat; transition:all .3s;}
.home-con-one .swiper-box .text{     padding: 25px 0;
    padding-top: 15px;
    text-align: center;}
    .icon {
    transform: scale(1.1);
}
.home-con-one .swiper-box .itw{ font-size:15px; color: #1685da;    position: relative;}
.home-con-one .swiper-box .itw::after{ content: ''; display: block; margin:5px auto 0; width:1em; height:2px; background-color: #1685da;}
.home-con-one .swiper-box .wenz{ padding:10px 0; font-size:13px; color: #333333;}
.home-con-one .swiper-box .wenb{ min-height:60px; line-height:20px; color: #666666; font-size: 12px;}
.home-con-one .color3{ color: #1685da;}
.home-con-one .swiper-box .swiper-slide{ position: relative; text-align: center; font-size: 18px; background: #fff; transition:300ms; transform: scale(1);}
.home-con-one .swiper-box .swiper-slide .itme::after{ content: ''; display: block; width:100%; height:100%; position: absolute; top:0; left: 0; background: rgba(255, 255, 255, .5); }
.home-con-one .swiper-box .swiper-slide .itme::before{ opacity:0; background: url(../images/more_icon.png) no-repeat center #1685da; content: ''; width:35px; height:35px; background-size:6px; display: block; position: absolute; bottom:2px; left:50%; margin-left:-17px; border-radius:50%; overflow: hidden; transition: all .5s;display: none;}
.home-con-one .swiper-box .swiper-slide.swiper-slide-prev,
.home-con-one .swiper-box .swiper-slide.swiper-slide-next{ z-index:2; transform: scale(1.25);}
.home-con-one .swiper-box .swiper-slide-active,
.home-con-one .swiper-box .swiper-slide-duplicate-active{ z-index:3; transform: scale(1.5);}
.home-con-one .swiper-box .swiper-slide-active .itme::before,
.home-con-one .swiper-box .swiper-slide-duplicate-active .itme::before{ opacity:1;}
.home-con-one .swiper-box .swiper-slide-active .itme::after,
.home-con-one .swiper-box .swiper-slide-duplicate-active .itme::after{ opacity:0;}
.home-con-one .swiper-container .swiper-button-next{
    left: 50%;top: calc(100% - 30px);margin-left: -25px;width: 50px;height: 50px; background: url(../images/more_icon.png) no-repeat center #1685da;
    outline: none;border-radius: 50%;}
@media(max-width:1024px){
.home-con-one .swiper-container{ padding:120px 0;}
}
@media(max-width:640px){
.home-title{ margin:30px 0;}
.home-title .title-text{ font-size:24px;}
.home-title .en-text{ font-size:30px;}
.home-title .title-Intro{ font-size:16px; padding-top:0;}
.home-con-one{ padding-bottom:80px;}
.home-con-one .swiper-container{ padding:40px 0;}
.home-con-one .swiper-box .swiper-slide.swiper-slide-prev,
.home-con-one .swiper-box .swiper-slide.swiper-slide-next{ z-index:2; transform: scale(1);}
.home-con-one .swiper-box .swiper-slide-active,
.home-con-one .swiper-box .swiper-slide-duplicate-active{ z-index:3; transform: scale(1.2);}
.home-con-one .swiper-box .wenb{ padding:0 3%;}
}


.home-con-two{ overflow: hidden;}
.home-con-two .two-con-list .tab-l{ float: left; text-align:left; width: 30%;}
.home-con-two .two-con-list .tab-l .swiper-container{ height:350px; width:100%; transform: translateX(-80px); }
.home-con-two .two-con-list .tab-l .itme{ cursor: pointer; text-align: left; width:100%; padding-left:80px; opacity:.2; height:50px; line-height:50px; color: #333333; font-size:20px; }
.home-con-two .two-con-list .tab-l .swiper-slide{ position: relative; text-align: center; transition:300ms;}
.home-con-two .two-con-list .tab-l .swiper-slide.swiper-slide-prev .itme,
.home-con-two .two-con-list .tab-l .swiper-slide.swiper-slide-next .itme{ opacity:.5; font-size:24px;}
.home-con-two .two-con-list .tab-l .swiper-slide-active .itme,
.home-con-two .two-con-list .tab-l .swiper-slide-duplicate-active .itme{ color: #1685da; background:rgba(22, 133, 218, .1); opacity:1; font-size:28px;}
.home-con-two .two-con-list .tab-l .itme::before{ opacity:0; display: block; content: ''; width:8px; height: 14px; background: url(../images/more_icon2.png) no-repeat center; position: absolute; top:50%; margin-top: -7px; right:4px; z-index: 2;}
.home-con-two .two-con-list .tab-l .itme::after{ opacity:0; content: ''; width:0; height:0; border-top:25px solid transparent; border-bottom:25px solid transparent; border-right:30px solid white; position: absolute; top:0; right:0;}
.home-con-two .two-con-list .tab-l .itme span{ position: relative; transition: all .5s;}
.home-con-two .two-con-list .tab-l .itme span:hover {transform:scale(1.3); transform-origin:left center}
.home-con-two .two-con-list .tab-l .itme span::after{ content: ''; display: block; position: absolute; left:0; top:50%; background-color: #1685da; width:15px; height:2px; opacity: 0;}
.home-con-two .two-con-list .tab-l .swiper-slide-active span{ padding-left:25px;}
.home-con-two .two-con-list .tab-l .swiper-slide-active span::after,
.home-con-two .two-con-list .tab-l .swiper-slide-active .itme::before,
.home-con-two .two-con-list .tab-l .swiper-slide-active .itme::after,
.home-con-two .two-con-list .tab-l .swiper-slide-duplicate-active .itme::before,
.home-con-two .two-con-list .tab-l .swiper-slide-duplicate-active .itme::after{ opacity:1;}
.home-con-two .two-con-list .tab-r{ width:70%; float: left;}
.home-con-two .two-con-list .tab-r .swiper-container{ width:100%;}
.home-con-two .two-con-list .tab-r .swiper-slide{ background-color: #fff;}
.home-con-two .two-con-list .tab-r .swiper-slide .item_a{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 2;}
.home-con-two .swiper-container-v .title{ line-height:35px; color: #1685da; overflow: hidden;}
.home-con-two .swiper-container-v .title span{ font-size:26px;}
.home-con-two .swiper-container-v .title em{ padding-left:10px; line-height:25px; display: inline-block; vertical-align: middle; font-style: normal; font-size:18px;}
.home-con-two .swiper-container-v .Intro{ padding-right:60px; margin-bottom:30px; font-size:14px; color: #999999;}
.home-con-two .swiper-container-v .pic{ position: relative; background-color: #f8f8f8;}
.home-con-two .swiper-container-v .pic .text-ou{ opacity:0; color: #fff; line-height:30px; padding:20px 40px; display: table; position: absolute; left:0; top:0; width:100%; height: 100%; overflow: hidden; background: linear-gradient( rgba(69,157,255,.5),rgba(0,142,250,1)); transition: all .5s;}
.home-con-two .swiper-container-v .pic .text-ou h4{ font-size:22px; font-weight: 500;}
.home-con-two .swiper-container-v .pic .text-ou .des{ margin:10px 0;}
.home-con-two .swiper-container-v .pic .text-ou .but{ margin-top:10px; font-size:14px; background: rgba(255, 255, 255, .3); padding:5px 15px; display: inline-block; vertical-align: middle; border-radius:5px;}
.home-con-two .swiper-container-v .pic .text-ou .but i{ padding-left:10px; font-style: normal; font-family: '黑体';}
.home-con-two .swiper-container-v .pic span{ display: block; padding-bottom:90%; background-size: cover; background-position: center; background-repeat: no-repeat;}
.home-con-two .swiper-container-v .pic .pdf{ position: absolute; right:0; top:-30px; content: ''; display:block; width:60px; height:60px; background: url(../images/pdf1.png) no-repeat center; background-size: contain; z-index: 5;}
.home-con-two .swiper-container-v .itme:hover .pic .text-ou{ opacity:1;}
@media(max-width:1440px){
.home-con-two .two-con-list .tab-l .swiper-container{ transform: translateX(-7%); -webkit-transform: translateX(-7%); -moz-transform: translateX(-7%); -ms-transform: translateX(-7%); -o-transform: translateX(-7%); }
.home-con-two .two-con-list .tab-l .itme{ padding-left:7%;}
}
@media(max-width:1024px){
.home-con-two .two-con-list .tab-l .itme{ font-size:14px;}
.home-con-two .two-con-list .tab-l .itme span{ width:calc(100% - 30px);}
.home-con-two .two-con-list .tab-l .swiper-slide.swiper-slide-prev .itme,
.home-con-two .two-con-list .tab-l .swiper-slide.swiper-slide-next .itme{ font-size:16px;}
.home-con-two .two-con-list .tab-l .swiper-slide-active .itme,
.home-con-two .two-con-list .tab-l .swiper-slide-duplicate-active .itme{ font-size:18px;}
}
@media(max-width:640px){
	.tab-l .swiper-slide-active {
    margin-right: 25px;
}
	
	.home-con-two .two-con-list .tab-l .itme span:hover{
		transform: scale(1.2);
		
	}
.home-con-two .two-con-list .tab-l{ width:100%;}
.home-con-two .two-con-list .tab-l .swiper-container{ transform:translateX(0); height: auto;}
.home-con-two .two-con-list .tab-l .swiper-slide-active .itme::before,
.home-con-two .two-con-list .tab-l .swiper-slide-active .itme::after,
.home-con-two .two-con-list .tab-l .swiper-slide-duplicate-active .itme::before,
.home-con-two .two-con-list .tab-l .swiper-slide-duplicate-active .itme::after{ opacity:0; display: none;}
.home-con-two .two-con-list .tab-l .itme{ padding-left:0;}
.home-con-two .two-con-list .tab-l .itme::before,
.home-con-two .two-con-list .tab-l .itme::after{ display: none;}
.home-con-two .two-con-list .tab-l .itme span{ width: 75%; width:calc(100% - 0); text-align: center; font-size: 16px;}
.home-con-two .two-con-list .tab-r{ margin:20px 0; width:100%;}
.home-con-two .two-con-list .tab-r .swiper-wrapper{ height: auto !important;}
.home-con-two .swiper-container-v .pic .pdf{ width:25px; height:25px; top:-12.5px;}
.home-con-two .swiper-container-v .Intro{ padding-right:0; margin-bottom:20px;}
.home-con-two .swiper-container-v .title span{ font-size:18px;}
.home-con-two .swiper-container-v .title em{ font-size:12px;}
.home-con-two .two-con-list .tab-l .swiper-slide-active .itme{ background: none; font-size: 16px; color:#333333; opacity:.5;}
.home-con-two .two-con-list .tab-l .swiper-slide-thumb-active .itme{color: #1685da; background: rgba(22, 133, 218, .1); opacity: 1!important;}

.home-con-two .swiper-container-v .pic .text-ou h4 {font-size:16px;}
.home-con-two .swiper-container-v .pic .text-ou .des {font-size:14px;}
.home-con-two .swiper-container-v .pic .text-ou .but {padding:0 10px;}
}

.home-con-three .box-lcon{ padding:90px; width:50%; background: url(../images/home_back1.jpg) no-repeat center; background-size: cover;}
.home-con-three .box-rcon{ padding:90px; width:50%; background: url(../images/home_back2.jpg) no-repeat center; background-size: cover;}
.home-con-three .home-title{ margin-top:0;}
.home-con-three .home-title .title-text::after{ display: none;}
.home-con-three .home-title .title-Intro{ font-size:16px; line-height:30px;}
.home-con-three .box-rcon .home-title .title-text{ color: #fff;}
.home-con-three .box-rcon .home-title  .title-Intro{ font-size:16px; color: #fff;}
.home-con-three .search-shell{ position: relative; padding:0 20px; line-height:50px; border:solid 1px #1685da; border-radius:8px; overflow: hidden;}
.home-con-three .search-shell input{ font-size:16px; width: 100%; line-height:50px; height:50px; padding-right:100px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}
.home-con-three .search-shell .but_a{ cursor: pointer; font-size:20px; position: absolute; right:0; height:100%; width:110px; text-align: right; color: #fff; padding:0 20px; background:#1685da url(../images/search_icon2.png) no-repeat 20px center;border-radius:8px 0 0 8px; margin-top:0;}
.home-con-three .search-shell input::-webkit-input-placeholder {color:#999999;}
.home-con-three .search-shell input:-ms-input-placeholder {color:#999999;}
.home-con-three .search-shell input::placeholder {color:#999999;}
.home-con-three{ margin-top:40px;}
.home-con-three .form-box{ color: #fff; overflow: hidden;}
.home-con-three .form-box .input-r,
.home-con-three .form-box .input-l{ width:50%; float: left; padding:10px;}
.home-con-three .form-box input,
.home-con-three .form-box textarea{ color: #fff; font-size:16px; font-style: normal;}
.home-con-three .form-box input::-webkit-input-placeholder,
.home-con-three .form-box textarea::-webkit-input-placeholder{color:#fff;}
.home-con-three .form-box input:-ms-input-placeholder,
.home-con-three .form-box textarea:-ms-input-placeholder{color:#fff;}
.home-con-three .form-box input::placeholder,
.home-con-three .form-box textarea::placeholder{color:#fff;}
.home-con-three .form-box .textarea,
.home-con-three .form-box .input-su{ margin-bottom:17px; line-height:50px; border:solid 1px rgba(255, 255, 255, .5); border-radius:6px;overflow: hidden;}
.home-con-three .form-box .input-su input{ width:100%; line-height:50px; height:50px; padding:0 20px;}
.home-con-three .form-box .input-su:last-child{ margin-bottom:0;}
.home-con-three .form-box i{ position: absolute; left:20px; top:0; height:50px; line-height:50px; width:10px; font-style: normal;}
.home-con-three .form-box .textarea{ line-height:30px; margin-bottom:17px; padding:12px 20px; border-radius:6px;}
.home-con-three .form-box .textarea textarea{ font-family:'微软雅黑'; height:164px; display: block; width:100%;}
.home-con-three .form-box .Aniu{ background-color: #fff; line-height:50px; text-align: center; border-radius:6px;}
.home-con-three .form-box .Aniu input{ width: 100%; cursor: pointer; font-size:16px; color: #036eb8; line-height:50px; height:50px;}
@media(max-width:1440px){
.home-con-three .box-rcon,
.home-con-three .box-lcon{ padding:60px 4%;}
}
@media(max-width:640px){
.home-con-three{ margin-top:0; display: block;}
.home-con-three .box-rcon{ background-color: #1685da; width:100%;}
.home-con-three .box-lcon{ width:100%;}
.home-con-three .form-box .input-r,
.home-con-three .form-box .input-l{ width:100%;}
.home-con-three .form-box .textarea textarea{ height:120px;}
.home-con-three .search-shell input{ font-size:14px; padding-right:80px;}
.home-con-three .search-shell .but_a{ font-size:16px; width:85px; padding:0 10px; background-position:15px center;}
}
        
.home-con-four{ margin-top:115px; background: url(../images/home_back3.png) no-repeat center bottom; padding-bottom:30px;}
.home-con-four .list-four li{ border-right: solid 1px #e5e5e5; padding:115px 0; text-align: center; width:16.5%; float: left; position: relative; transition: all .5s;}
.home-con-four .list-four li .bgt{ content: ''; display: block; position: absolute; left:-100%; top:0; width:300%; height:100%; z-index:-1; opacity:0; background-size:100% 100%; transition: all .5s;}
.home-con-four .list-four li .icon{ position: relative;}
.home-con-four .list-four li .icon span{ display: block; padding-bottom:100px; background-size:contain; background-position: center; background-repeat:no-repeat; transition: all .5s;}
.home-con-four .list-four li .icon span.hide{ opacity:0; position: absolute; left:0; top:0; width:100%; display: none;}
.home-con-four .list-four li .wenz{ margin:50px 0; font-size:28px; color: #333333;}
.home-con-four .list-four li .icon_a span{ position: relative; background-color: #1685da; font-size:26px; width:50px; height:50px; line-height:45px; text-align: center; display: inline-block; color: #fff; vertical-align: middle; border-radius:50%; transition: all .5s;}
.home-con-four .list-four li .icon_a em{ line-height:50px; text-align: center; display: block; position: absolute; width: 120px; left:0; font-style: normal; opacity:0;}
.home-con-four .list-four li .icon_a i{ position: absolute; right:15px; top:15px; text-align: center; display: inline-block; vertical-align: middle; background-color: #1685da; color: #fff; width:20px; height:20px; font-style: normal; font-size: 18px; line-height:20px; border-radius:50%; }
.home-con-four .list-four li:hover .wenz{ color: #fff;}
.home-con-four .list-four li:hover .icon span.show{ opacity:0;}
.home-con-four .list-four li:hover .bgt,
.home-con-four .list-four li:hover .icon span.hide{ opacity:1;}
.home-con-four .list-four li:hover .icon_a span{ width:100px; padding-left:45px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; }
.home-con-four .list-four li:hover .icon_a i{ background-color: #fff; color: #1685da;}
.home-con-four .list-four li:hover .icon_a em{ font-size: 16px; opacity:1;}

.home-con-four .list-four li:hover{ background-color:rgba(69, 157, 255, .7);}
@media(max-width:768px){
.home-con-four .list-four li{ padding:50px 0;}
.home-con-four .list-four li .wenz{ margin:20px 0; font-size:22px;}
.home-con-four .list-four li .icon span{ padding-bottom:65px;}

.home-con-four .list-four li .icon span.hide {display:block;}
}
@media(max-width:640px){
.home-con-four{ margin-top:60px; padding-bottom:80px;}
.home-con-four .list-four li{ width:49%; padding:30px 0; border-bottom: solid 1px #e5e5e5;}
.home-con-four .list-four li .wenz{ margin:15px 0; font-size:18px;}
.home-con-four .list-four li .icon span{ padding-bottom:65px;}
.home-con-four .list-four li .icon_a span{ width:90px; padding-left:35px; height:40px; line-height:35px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; }
.home-con-four .list-four li .icon_a i{ top:10px; background-color: #fff; color: #1685da;}
.home-con-four .list-four li .icon_a em{ line-height:40px; width: 80px; font-size:14px; opacity:1;}
.home-con-four .list-four li .bgt{
	
	width:100%;    left: 0%;    background-size: cover;
    background-position: center;
	
}
}



/* 按钮 */
.but_more a{ text-align: center; background-color: #1685da; display: inline-block; vertical-align: middle; line-height:50px; width:180px; color: #fff; border-radius:8px;}
.but_more a span{ background: url(../images/more_icon.png) no-repeat center right; padding-right:20px;}

.home-con-fives{ background: url(../images/home_back4.png) no-repeat center top; background-size: cover; background-repeat: no-repeat; background-position: center; padding-top: 50px; padding-bottom:80px; margin-bottom: -80px; transform: translateY(-80px);}
.home-con-fives .home-title{ margin:0; display: inline-block; vertical-align: middle; position: absolute; left:50%; top:50%; transform: translate(-50%,-50%); z-index: 5;}
.home-con-fives .but_more{ text-align: center;}
.home-con-fives .home-title .title-text{ color: #1685da;}

.home-con-fives .fives-con{ position: relative; height:900px; background-size: cover; background-repeat: no-repeat; background-position: center;}
.home-con-fives .itme{ cursor: pointer; width:210px; height:210px; line-height:210px; text-align: center; position: absolute; transition: all .5s; z-index: 3;}
.home-con-fives .itme::after{ content: ''; display: block; width:100%; height:100%; position: absolute; top:0; left:0; background-color: #fff; z-index:-1; transform:rotate(45deg); box-shadow: 0 0 10px rgba(0, 0, 0, .2);}
.home-con-fives .itme span{ display: inline-block; vertical-align: middle; z-index:3; width:90%; line-height:50px; height:50px;overflow: hidden;}
.home-con-fives .itme span img{ max-height:100%;    transform: scale(1.5);}
.home-con-fives .itme:nth-child(1){ left:11%; top:16.5%; width:150px; height:150px; line-height:150px;}
.home-con-fives .itme:nth-child(2){ left:3.8%; top:37.3%; width:140px; height:140px; line-height:140px;}
.home-con-fives .itme:nth-child(3){ left:9.5%; top:57%; width:130px; height:130px; line-height:130px;}
.home-con-fives .itme:nth-child(3) span{ height:60px; line-height:60px;}
.home-con-fives .itme:nth-child(4){ left:16.8%; top:74%; width:130px; height:130px; line-height:130px;}
.home-con-fives .itme:nth-child(5){ left:21%; top:38%; width:100px; height:100px; line-height:100px;}
.home-con-fives .itme:nth-child(5) span{ height:55px; line-height:70px;}
.home-con-fives .itme:nth-child(6){ left:29.1%; top:25.6%; width:160px; height:160px; line-height:160px;}
.home-con-fives .itme:nth-child(7){ left:24.9%; top:48.8%; width:160px; height:160px; line-height:160px;}
.home-con-fives .itme:nth-child(8){ left:47.2%; top:25%; width:120px; height:120px; line-height:120px;}
.home-con-fives .itme:nth-child(9){ left:44.5%; top:70%; width:160px; height:160px; line-height:160px;}
.home-con-fives .itme:nth-child(10){ left:75%; top:16.1%; width:120px; height:120px; line-height:120px;}
.home-con-fives .itme:nth-child(11){ left:68.5%; top:28.1%; width:120px; height:120px; line-height:120px;}
.home-con-fives .itme:nth-child(12){ left:85%; top:29%; width:125px; height:125px; line-height:125px;}

.home-con-fives .itme:nth-child(13){ left:61.5%; top:39.2%; width:131px; height:131px; line-height:131px;}
.home-con-fives .itme:nth-child(14){ left:75.5%; top:39.2%; width:110px; height:110px; line-height:110px;}
.home-con-fives .itme:nth-child(15){ left:68.5%; top:55%; width:180px; height:150px; line-height:150px;}
.home-con-fives .itme:nth-child(15) span{ height:70px; line-height:70px;}
.home-con-fives .itme:nth-child(16){ left:83%; top:50.3%; width:150px; height:150px; line-height:150px;}
.home-con-fives .itme:nth-child(16) span{ height:80px; line-height:80px;}
.home-con-fives .itme:nth-child(17){ left:59.6%; top:67.5%; width:130px; height:130px; line-height:130px;}
.home-con-fives .itme:nth-child(18){ left:63.6%; top:77.8%; width:110px; height:110px; line-height:110px;}
.home-con-fives .itme:nth-child(19){ left:74.8%; top:74.8%; width:130px; height:130px; line-height:130px;}
.home-con-fives .itme:hover{ transform: scale(1.1);}
.home-con-fives .itme:hover::after{}
@media(max-width:1024px){
.home-con-fives .fives-con{ height:800px;}
.home-con-fives .itme{ transform: scale(.7);}
.home-con-fives .itme:hover{ transform: scale(.8);}
}
@media(max-width:768px){
.home-con-fives .fives-con{ height:600px;}
.home-con-fives .itme{ transform: scale(.6);}
.home-con-fives .itme:hover{ transform: scale(.7);}
}
@media(max-width:640px){
.home-con-fives{ padding-bottom:50px; background-position: top center;}
.home-con-fives .but_more{ padding-top:30px;}
.home-con-fives .home-title{ margin-top:30px; position: relative; left:0; transform: translate(0); width: 100%;}
.home-con-fives .fives-con{ height: auto; margin-top: 30px;}
.home-con-fives .itme{ margin-bottom:2%; width:49%!important; height:70px!important; line-height:70px!important; background-color: #fff; position: relative; left:0!important; top:0!important; float: left; transform: scale(1);}
.home-con-fives .itme:nth-child(2n){ float: right;}
.home-con-fives .itme img{ max-width:100%!important; max-height:50px!important;}
.home-con-fives .itme::after{ display: none;}
}

.home-con-about{ height:710px; margin-top:50px; padding:50px 0; background-size: cover; background-position: top center;}
.home-con-about .home-title{ margin-top:0;}
.home-con-about .Habout-text-con{ position: relative;}
.home-con-about .Habout-text-con .tim{ font-size:20px; color: #1685da;}
.home-con-about .Habout-text-con .Intro{ max-width:490px; margin:20px 0; color: #666666; font-size:14px;}
.home-con-about .Habout-text-con .addr-line{ position: absolute; right:-5%; top:55%; border:solid 1px #d4ecff; padding:10px; border-radius:8px;}
.home-con-about .Habout-text-con .addr-text{ font-size:18px; max-width:320px; padding:10px; color: #fff; background: linear-gradient(rgb(131,201,255),rgb(22,133,218)); border-radius:8px;}
.home-con-about .Habout-text-con .addr-line::after{ position: absolute; left:-101px; top:45%; width:101px; height:132px; content: ''; display: inline-block; background: url(../images/punctuate_line.png) no-repeat center;}
@-webkit-keyframes toua {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-20%, 0, 0);
        transform: translate3d(-20%, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes toua {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-20%, 0, 0);
        transform: translate3d(-20%, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
.toua {
    -webkit-animation-name: toua;
    animation-name: toua;
}
@media(max-width:1440px){
.home-con-about .Habout-text-con .addr-line{ right:0; padding:8px;}
.home-con-about .Habout-text-con .addr-text{ font-size:16px; max-width:240px;}
}
@media(max-width:1280px){
.home-con-about .Habout-text-con .addr-line{ right:33%;}
.home-con-about .Habout-text-con .addr-line::after{ left:auto; right:-101px; -moz-transform:scaleX(-1); -webkit-transform:scaleX(-1);  -o-transform:scaleX(-1); transform:scaleX(-1); }
}
@media(max-width:1024px){
.home-con-about .Habout-text-con .addr-line{ right:27%; transform: translateX(0);}
}
@media(max-width:768px){
.home-con-about{ max-height:80vh;  margin-top:0; background:no-repeat center bottom; background-size:100% auto;}
.home-con-about .Habout-text-con .addr-line{ position: relative; float: left; right:0; transform: translateX(0); overflow: hidden;}
.home-con-about .Habout-text-con .addr-line::after{ display: none;}
.home-con-about .Habout-text-con .but_more{ overflow: hidden; float: left; width:100%; margin-top:30px;}


}


.home-con-news{ padding-top:50px; padding-bottom:50px; background-color: #f8f9fb;}
.home-con-news .Hnews-Tab{ margin-bottom:60px; text-align: center;}
.home-con-news .Hnews-Tab a{ cursor: pointer; display: inline-block; line-height:50px; padding:0 30px; color: #666666; font-size:18px; border-radius:6px; transition: all .5s; -webkit-border-radius:6px; -moz-border-radius:6px; }
.home-con-news .Hnews-Tab a:hover,
.home-con-news .Hnews-Tab a.active{ color: #fff; background-color: #1685da;}
.Hnews-list .top_hnews{ width:50.5%; float: left;}
.Hnews-list .top_hnews .pic{overflow: hidden;}
.Hnews-list .top_hnews .pic span{ display: block; padding-bottom:48%; background-size: cover; background-repeat: no-repeat; background-position: center; transition:all .5s;}
.Hnews-list .top_hnews .text{ padding:40px;}
.Hnews-list .top_hnews .Tim{ font-size:20px; color: #333333;}
.Hnews-list .top_hnews .time{ padding:15px 0; color: #999999; font-size:14px;}
.Hnews-list .top_hnews .Intro{ margin-bottom:15px; font-size:14px; color: #999999; line-height:25px;}
.Hnews-list .top_hnews .but a{ font-size:14px; color: #036eb8;}
.Hnews-list .top_hnews .but a em{ margin-left:10px; font-style: normal; font-family: '宋体';}
.Hnews-list .top_hnews:hover .pic span{ transform: scale(1.25);}
.Hnews-list .box{display: none;}
.Hnews-list .ul{ width:46%; float: right;}
.Hnews-list .ul li{ margin-bottom:20px; padding:40px; background:#fff; border-radius:6px;}
.Hnews-list .ul li a{ color: #999999;}
.Hnews-list .ul li .time{ color: #1685da; padding-right:40px; min-width:80px; text-align: center;}
.Hnews-list .ul li .time span{ padding-bottom:5px; display:inline-block; vertical-align: middle; border-bottom:solid 1px #f5f5f5; margin-bottom:10px; line-height:60px; font-size:60px; }
.Hnews-list .ul li .time b{ display: block; font-size:18px;}
.Hnews-list .ul li .text .til{ color: #333; font-size:20px;}
.Hnews-list .ul li .text .Intro{ margin:10px 0; font-size:14px;}
.Hnews-list .ul li .but span{ font-size:14px; color: #1685da;}
.Hnews-list .ul li .but span em{ margin-left:10px; font-style: normal; font-family: '宋体';}
.Hnews-list .ul li:hover{ background: linear-gradient(#83c9ff, #1685da);}
.Hnews-list .ul li:hover a,
.Hnews-list .ul li:hover .but span,
.Hnews-list .ul li:hover .time,
.Hnews-list .ul li:hover .text .til,
.Hnews-list .ul li:hover .time span{ color: #fff;}
@media(max-width:768px){
.Hnews-list .top_hnews{ width:100%;}
.Hnews-list .top_hnews .text{ padding:20px;}
.Hnews-list .ul li{ padding:20px;}
.Hnews-list .ul li .time{ padding-right:20px;}
.Hnews-list .ul{ width:100%;}
.Hnews-list .ul li .text{ width:70%;}
.Hnews-list .ul li .time span{ line-height:50px; font-size:50px;}
.Hnews-list .ul li .text .til{ font-size:18px;}
}
@media(max-width:640px){
.Hnews-list .top_hnews .time{ padding:10px 0;}
.home-con-news .Hnews-Tab{ font-size:0; margin-bottom:30px;}
.home-con-news .Hnews-Tab a{ padding:0; width:33.333%; font-size:16px; line-height:40px;}
.home-con-news .Hnews-Tab a:hover{ background:#fff; color: #333;}
.home-con-news .Hnews-Tab a.active{ color: #fff; background-color: #1685da;}
}


/* 底部 */
.footer{ padding-top:40px; background: url(../images/footer_back.jpg) no-repeat center; background-size: cover;}
.footer .footer_nav{ width:80%; float: left;}
.footer dl{ width:25%; float: left;}
.footer dl dt{ font-size:20px; color: #333333; margin-bottom:20px;}
.footer dl dd{ line-height:34px;}
.footer dl dd a{ color: #888888;}
.footer .footer_qr{ width: 20%; float: right; }
.footer .footer_qr .img-box{ max-width:48%; float: left; text-align: center; color: #888888; margin-right:2%;}
.footer .footer_qr .img-box:last-child{ margin-right:0;}
.footer .footer_qr .img-box span{ margin-top:5px; display: block;}
.footer .footer_two{ margin-top:30px; padding:30px 0; border-top: solid 1px rgba(3, 110, 184, .1);}
.footer .copyright-box{ padding:5px 0; float: left; color: #999999;}
.footer .copyright-box a {color: #999999;}
.footer .copyright-box .line{ display: none;}
.footer .other{ line-height:41px; color: #999999; float: right;}
.footer .other a{ color: #999999;}
.footer .other em{ display: inline-block; vertical-align: middle; width:1px; height:13px; background-color: #999; font-style: normal; font-size:0; font-family:'宋体'; margin:0 10px;}
.footer a:hover,
.footer .other a:hover{ color: #1685da;}
.footer .footer_two.show-il .copyright-box{ line-height:25px;}
.footer .footer_two.show-il .line{ display: block;}
.footer .footer_two.show-il .other{ line-height:62px;}
@media(max-width:640px){
	
	
	
.footer{ padding-top:20px;}
.footer .footer_two{ margin:20px 0; padding:15px 0;}
.footer .footer_nav{ display: none;}
.footer .other{ width:100%; text-align: center; line-height:35px;}
.footer .footer_qr{ width:100%; text-align: center;}
.footer .footer_qr .img-box{ float: initial; display: inline-block; vertical-align: middle;}
}

/* 首页底部悬浮 */
.suspension-shell { position: fixed; padding: 0 80px; bottom: 0; left: 0; right: 0; width: 100%; height: 60px; z-index: 80; background: rgba(0, 0, 0, 0.8); display: none; }
.suspension-shell * { transition: 0.3s }
.suspension-shell .cha { position: absolute; text-align: center; line-height: 60px; cursor: pointer; right: 0; top: 0; height: 60px; width: 60px; background: #000; }
.suspension-shell .left{width: calc(100% - 120px);}
.suspension-shell .left img { height: 60px; }
.suspension-shell .TonCon { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; display: -webkit-flex; justify-content: space-between; }
/* .suspension-shell .left span { font-size: 18px; color: #fff; font-weight: 400; vertical-align: middle }
.suspension-shell .left span a{ color: #1685da; font-weight: 400; cursor: pointer; } */
.suspension-shell .left .text{padding: 7px;text-align: center;font-size: 18px;color: #fff;line-height: 45px;}
.suspension-shell .left .text a{color: #1685da; }
.suspension-shell .right,
.suspension-shell .right form { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; display: -webkit-flex; justify-content: space-between; }
.suspension-shell .right .obtain { font-size: 0; padding-top: 7px; }
.suspension-shell .right input { background-color: #fff; border: 0; height: 45px; line-height: 45px; padding: 0 6px; font-size: 14px }
.suspension-shell .right .but{ width: 138px; cursor: pointer; vertical-align: top; background: #1685da; color: #fff; height: 45px; font-size: 16px; line-height: 45px; text-align: center; display: inline-block; }
.suspension-shell .right p { color: #fff; font-size: 14px; line-height: 60px }
.suspension-shell .right p a { color: #9a9a9a }
@media screen and (max-width:1440px) {
  .suspension-shell .right p { font-size: 14px }
  .suspension-shell .right .but { width: 120px; }
}
@media screen and (max-width:1366px) {
  .suspension-shell { padding: 0 60px 0 0; height: 60px; }
  .suspension-shell .left img { height: 60px; }
  .suspension-shell .right p { line-height: 60px }
  .suspension-shell .right .obtain { padding-top: 12px; margin-right: 16px; }
  .suspension-shell .right .but,
  .suspension-shell .right input { line-height: 36px; height: 36px; }
  .suspension-shell .right .but { width: 95px }
  .suspension-shell .cha { width: 60px; height: 60px; line-height: 60px; }
}
@media screen and (max-width:1024px) {
  .suspension-shell { display: none !important }
}


/* 悬浮 */
.Suspension{ position: fixed; bottom:0; right:2px; z-index:-1; opacity:0;}
.Suspension a{ margin-top:10px; background-color: #1685da; width:40px; height:40px; color: #fff; display:block; vertical-align: middle; padding:5px; font-size:16px; line-height:20px; text-align: center; border-radius:8px;}
.Suspension a.updown{ cursor: pointer; background-image: url(../images/up.png); background-position: center; background-repeat: no-repeat;}
.Suspension.shwo{ opacity:1; z-index:3;}
@media(max-width:640px){
.Suspension a{ margin-top:10px; font-size:14px; width:30px; height:30px; line-height:15px;}
.Suspension a.updown{ background-size:20px;}

}

/* 侧边菜单 */
.mar70{ margin-top:70px; margin-bottom:20px;}
.left-caid{ float: left; width:360px; background-color: #f3f7fb; padding-bottom:100px; border-radius:0 0 40px 0;}
.left-caid .One-lve{ font-size:24px; color: #fff; padding:35px; background-color: #1685da; border-radius:40px 0 0 0; transition: all .5s;}
.left-caid dd{ font-size:18px; padding:20px 35px; border-bottom: solid 1px #e8ecf3; position: relative;}
.left-caid dd::after{ position: absolute; top:50%; right:15px; margin-top: -10px; content: ''; display:block; width:20px; height:20px; background: #ccc url(../images/more_icon.png) no-repeat center; background-size:6px; border-radius:50%; transition: all .5s;}
.left-caid dd a{ display: block; color:#666666}
.right-con-in{       
  padding-left: 100px;
  float: right;
  width: calc(100% - 360px);
}
.left-caid dd.on,
.left-caid dd:hover{ background-color: #e1eef9;}
.left-caid dd.on a,
.left-caid dd:hover a{ color: #1685da;}
.left-caid dd.on::after,
.left-caid dd:hover::after{ background-color: #1685da;}
@media(max-width:1024px){
.left-caid{ width:330px;}
.right-con-in{ width: calc(100% - 330px); padding-left:50px;}
}
@media(max-width:768px){
.mar70{ margin-top:30px; margin-bottom:70px;}
.left-caid{ margin-bottom:30px; width:100%; position: relative; padding-bottom:0;}
.left-caid .two-lve{ display: none; position: absolute; width: 100%; background-color: #f3f7fb;}
.left-caid .One-lve{ font-size:22px; padding:20px 35px;}
.right-con-in{ width:100%; padding-left:0;}


}
@media(max-width:640px){
.left-caid{ margin-bottom:10px;}
}
/* 品牌列表 */
.menu-shell{ background-color: #fafafa;}
.menu-shell .menu-lbox{ float: left;}
.menu-shell .menu-lbox dd{ font-size: 18px; float: left; margin-right:50px;}
.menu-shell .menu-lbox dd:last-child{ margin-right:0;}
.menu-shell .menu-lbox dd a{ display: block; padding:35px 0; color: #666; border-bottom: solid 2px #fafafa; transition: all .5s;}
.menu-shell .Current{ padding:35px 0; line-height:25px; float: right; font-size:0;}
.menu-shell .Current i{ margin:0 20px; display:inline-block; vertical-align: middle; width:6px; height:6px; background-color: #eeeeee; border-radius:50%;}
.menu-shell .Current span,
.menu-shell .Current a{ display:inline-block; vertical-align: middle; font-size:14px; color: #999999;transition: all .5s;}
.menu-shell .Current a:hover,
.menu-shell .menu-lbox dd a:hover,
.menu-shell .menu-lbox dd.active a{ color: #1685da; border-color: #1685da;}
@media(max-width:768px){
.menu-shell .Current{ display: none;}
}
@media(max-width:640px){
.menu-shell .menu-lbox dd{ margin-right:20px;}
.menu-shell .menu-lbox dd a{ padding:20px 0; font-size: 16px;}
}

/*  */
.products-des{ margin-bottom:0px; background-color: #f8fafd; padding:20px;}
.products-des .name{  
  margin-bottom: 40px;
position: relative; padding:10px 0; font-size:30px; color: #333333; border-bottom: solid 1px rgba(22, 133, 218, .1);}
.products-des .name:before {
  content: '';
  position: absolute;
  content: '';
  width: 70px;
  height: 3px;
  background: #1685da;
  bottom: -3px;
}
.tuijianyd .products-des {
  margin-top: 20px;    padding-bottom: 20px;
  width: 100%;
}



.tuijianyd .products-des .ul {display: flex;flex-wrap: wrap;}

.tuijianyd .products-des .ul li {
  width: 47%;
    margin-right: 40px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ebebeb;
    padding-top: 20px;
}

.tuijianyd .too {
  margin: 0;
  background: transparent;
  padding:0;
}
.tuijianyd {
  max-width: 1000px;
  margin: auto;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.tuijianyd.w1300 {width:1300px; max-width:93.75%;}
.tuijianyd .products-des .ul li:nth-child(2n){
margin-right: 0;
}



.products-des .oua{ margin:10px 0; line-height:30px; font-size:20px; color: #333333;}
.products-des .oua::before{ margin-right:10px; background-color: #1685da; content: ''; width:10px; height:10px; display:inline-block; vertical-align: middle;}
.products-des .oua span{ display: inline-block; vertical-align: middle;}
.products-des .wenz{ line-height:30px; font-size:15px; color: #666666;} 
.products-list .itme{ width:30.3333%; float: left; margin-right:4.4%;max-height: 379.2px;max-width: 345.8px;

}
.products-list .itme:nth-child(3n){ margin-right:0;}
.products-list .itme .title{ color: #1685da; position: relative; padding:20px 0; 
max-height:25px;  
}
.products-list .itme .title span{ font-size:24px;}
.products-list .itme .title em{ margin-left:15px; font-size:16px; font-style: normal;}
.products-list .itme .title .pdf{ position: absolute; right:0; top:10px; content: ''; display:block; vertical-align: middle; width:45px; height:45px; background: url(../images/pdf.png) no-repeat center; background-size: contain;}
.products-list .itme .pic{ position: relative; background-color: #f8f8f8;overflow:hidden;}
.products-list .itme .pic span{ display: block; padding-bottom:90%; background-size: cover; background-repeat: no-repeat; background-position: center;}
.products-list .itme .text{ font-size:14px; color: #fff; padding:20px; background-color: rgba(69, 157, 255, .9); position: absolute; left:0; top:0; width:100%; height:100%; opacity:0; transition: all .5s;}
.products-list .itme .text .Intro{    margin-bottom: 15px;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-start;
    align-content: center;
    flex-direction: column;
    justify-content: center;
    flex-wrap: nowrap;}
.products-list .itme .text .wenb{ line-height:23px; word-wrap:break-word;display: none;}
.products-list .itme .text .Ronh{ height:100%; padding-left:0px;}
.products-list .mCSB_inside>.mCSB_container{ margin-right:0; padding-right:0px;width: 100%;height: 100%;}

.products-list .mCSB_scrollTools{ right:0;}
.products-list .itme:hover .text{ opacity:1;}
@media(max-width:1024px){
.products-list .itme{ width:48%; margin-right:2%;}
.products-list .itme:nth-child(3n){ margin-right:2%;}

}
@media(max-width:640px){
.products-des{ padding:20px; margin-bottom:20px;}
.products-des .name{ font-size:24px;}
.products-list .itme .title span{ font-size:18px;}
.products-list .itme .title em{ margin-left:3px; font-size:12px;}
.products-list .itme .title .pdf{ top:20px; width:20px; height:20px;}
}

/* 品牌详情 */
.por-ifno .big-img{ margin-bottom:30px; text-align: center; border:solid 1px #e5e5e5; overflow: hidden; border-radius:5px;}
.por-ifno .des-box{ margin-bottom:30px;}
.por-ifno .des-box .Tetle{ padding-bottom:10px; font-size:36px; color: #333333; border-bottom:solid 1px #e5e5e5;}
.por-ifno .des-box .text{ padding:20px 0; color: #888888; line-height:30px;}
.por-ifno .para-box{ margin-bottom:30px; border-bottom: solid 1px #e5e5e5; padding-bottom:50px; margin-bottom:50px;}
.por-ifno .para-box .Tetle{ padding-bottom:10px; font-size:20px; line-height:36px; color: #333333; border-bottom:solid 1px #e5e5e5;}
.por-ifno .list-para{font-size: 0; padding:20px 0; color: #888888; line-height:30px;}
.por-ifno .list-para li{ margin:20px 0; font-size: 16px; min-width:36%; display: inline-block; vertical-align: middle;}
.por-ifno .list-para li.wiu{ min-width:27%;}
.por-ifno .list-para li .til{ margin-right:20px; color: #333333; display: inline-block; vertical-align: middle;}
.por-ifno .list-para li .til::before{ margin-right:20px; background-color: #1685da; content: ''; width:10px; height:10px; display:inline-block; vertical-align: middle;}
.por-ifno .list-para li .til span{ display: inline-block; vertical-align: middle;}
.por-ifno .list-para li .mix{ color: #888888; display: inline-block; vertical-align: middle;}
.por-ifno .consult_but{ margin-top:50px; font-size:0;}
.por-ifno .consult_but a{ font-size:18px; color: #fff; display: inline-block; vertical-align: middle; padding:0 45px; line-height:65px; text-align: center; border-radius:5px; }
.por-ifno .consult_but a span{ display: inline-block; background-position:left center; background-repeat: no-repeat;}
.por-ifno .consult_but a.weix{ margin-right:20px; background-color: #1685da;}
.por-ifno .consult_but a.weix span{ padding-left:50px; background-image: url(../images/weix.png);}
.por-ifno .consult_but a.pdf{ background-color: #d63102;}
.por-ifno .consult_but a.pdf span{ padding-left:36px; background-image: url(../images/pdf1.png);}
.por-ifno .Detail-box{ color: #666666;}
.por-ifno .tab-one{ margin-bottom:20px; border-bottom: solid 1px #e5e5e5;}
.por-ifno .tab-one span{ cursor: pointer; width:200px; margin-right:2px; background-color: #f5f5f5; font-size:18px; color: #666666; display: inline-block; vertical-align: middle; line-height:60px; text-align: center; border-radius:5px; transform: translateY(1px);}
.por-ifno .tab-one span.on{ color: #fff; background-color: #1685da;}
.por-ifno .Detail-box .color1{ color: #333333;}
.por-ifno .Detail-box .tab-con{ display: none;}
@media(max-width:640px){
.por-ifno .consult_but a{ padding:0 25px; font-size:16px; line-height:50px;}
.por-ifno .tab-one span{ min-width:33%; width: auto; line-height:50px;}
.por-ifno .consult_but{ margin-top:30px;}
.por-ifno .list-para li{ margin:5px 0; width: 100%;}
}

/* 代理品牌首页 */
.Epson_title{ margin:20px 0 10px; line-height:30px; font-size:20px; color: #333333;}
.Epson_title::before{ margin-right:10px; background-color: #1685da; content: ''; width:10px; height:10px; display:inline-block; vertical-align: middle;}
.Epson_title span{ display: inline-block; vertical-align: middle;}
.Epson-des{ padding:10px 00px; margin-top:40px;}
.Epson-des .Tim{ line-height:59px;}
.Epson-des .Tim span{ margin-left:40px; font-size:30px; color: #333333; display:inline-block; vertical-align: middle; border-bottom: solid 1px #e5e5e5;}
.Epson-des .Tim span::after{ content: ''; display:block; width:2em; height:2px; background-color: #1685da;}
.Epson-des .Intro{ line-height:32px; font-size:15px; color: #666666;}
.Epson-des .Intro .color1{ color: #333333;}
.Epson-icon-box{ margin-top:20px; font-size:0; text-align: center;}
.Epson-icon-box .itme{ width: 16.666%; display: inline-block; vertical-align: middle;}
.Epson-icon-box .itme p{ padding:10px 0; font-size: 16px; color: #666666;}
.Epson-pro{ margin-top:70px;    padding: 20px 0;}
.Tit_Rp{text-align: center; font-size:38px; color: #333333;}
.Tit_Rp::after{ content: ''; display: block; width:1em; height:2px; background-color: #1685da; margin:15px auto;}
.beijs{
  background: #f8fafd;
}
.Epson-pro .Tit_Rp{ margin-bottom:40px;}
.Epson-pro .Tit_Rp::after{ margin:15px auto 0;}
.Epson-pro li{ position: relative; background-color: #ffffff; width:17.5%; float: left; margin-right:3.111%; margin-bottom: 80px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; transition: all .5s;overflow: visible;box-shadow: 0px 0px 10px 0px #d2d2d2;}
.Epson-pro li:nth-child(5n){margin-right:0;}
.Epson-pro li a{ display:block; padding: 10px 20px; position: relative; z-index:2;transition: all 0.2s;}
.Epson-pro li h4{ margin:20px 0; font-weight: 500; font-size:20px; height:60px; line-height:30px;}
.Epson-pro li p{ font-size:14px; color: #999999;}
.Epson-pro li p em{ font-family: '宋体'; font-weight: bold; font-style: normal; padding-left:10px;}
.Epson-pro li::after{ position: absolute; right:0; bottom:0; content: ''; width:100%; height:100%; z-index:1; background-image: url(../images/vv.png); background-repeat: no-repeat; background-position: right bottom;}
/* .Epson-pro li:hover{ background-color: #1685da; transform: scale(1.1);margin-top: -20px;margin-bottom: 59.65px;padding: 20px 00px;position: a;} */

.Epson-pro li:hover::before{
  opacity: 1;

}
.Epson-pro li:hover{
  box-shadow:none
}
.Epson-pro li:before {
  content: '';
  position: absolute;
  background: #1585da;
  width: 110%;
  height: 120%;
  left: -5%;
  top: -10%;
  margin: auto;
  opacity: 0;
  transition: all .5s;
}

.Epson-pro li:hover::after {
  right: -10%;
  bottom: -10%;
}

.Epson-pro li:hover::after{
  background-image: url(../images/Categories_icon.png);

}

.Epson-pro li:hover h4{ color: #fff;}
.Epson-pro li:hover p{ color: #fff;}

.Epson-Newpro{ padding:40px 0 90px; margin:40px auto; background-color: #f8fafd;}
.Epson-Newpro .Tit_Rp{ margin-bottom:40px;}
.Newpro_list{ padding:0 100px; position: relative;}
.Newpro_list .title{ line-height:35px; color: #1685da; overflow: hidden;}
.Newpro_list .title span{ font-size:30px;}
.Newpro_list .title em{ padding-left:10px; line-height:25px; display: inline-block; vertical-align: middle; font-style: normal; font-size:18px;}
.Newpro_list .Intro{ padding-right:60px; margin-bottom:30px; font-size:14px; color: #999999;}
.Newpro_list .pic{ position: relative; background-color: #fff;}
.Newpro_list .pic span{ display: block; padding-bottom:90%; background-size: cover; background-position: center; background-repeat: no-repeat; transition: all .5s;}
.Newpro_list .pic .pdf{ position: absolute; right:0; top:-30px; content: ''; display:block; width:60px; height:60px; background: url(../images/pdf.png) no-repeat center; background-size: contain;}
.Newpro_list .itme:hover .pic span{ transform: scale(1.1);}
.Newpro_list .swiper-button-prev{ background:#fff url(../images/more_icon2.png) no-repeat center; transform:rotate(180deg);}
.Newpro_list .swiper-button-next{ background:#fff url(../images/more_icon2.png) no-repeat center;}
.Newpro_list .swiper-button-next,
.Newpro_list .swiper-button-prev{ width:50px; height:50px; background-size:8px; border:solid 2px #1685da; border-radius:50%;}
.Newpro_list .swiper-button-next:hover,
.Newpro_list .swiper-button-prev:hover{background:#1685da url(../images/more_icon.png) no-repeat center;}
.Newpro_list .swiper-button-next:hover{background:#1685da url(../images/more_icon.png) no-repeat center;}
.Epson-news{ padding:40px 0 0;}
.Epson-news-list{ margin-top:50px;}
.Epson-news-list .itme{ font-size:0; margin-bottom:40px; background-color: #f8fafd;}
.Epson-news-list .itme .pic{ display: inline-block; vertical-align: middle; width:26.5%; overflow: hidden;}
.Epson-news-list .itme .pic span{
	    display: block;
    padding-bottom: 70%;
    background: no-repeat;
    background-size: contain;
    transition: all .5s;
	
}
.Epson-news-list .itme .table{ width:100%; height:100%;}
.Epson-news-list .itme .text{ display: inline-block; vertical-align: middle; padding:0 5%; width:73.5%;}
.Epson-news-list .itme .wenz{ font-size:24px; color: #333333; float: left;}
.Epson-news-list .itme .title{ padding-bottom:10px; overflow: hidden; position: relative;}
.Epson-news-list .itme .title .wenz a{transition: all .5s;}
.Epson-news-list .itme .title::after{ position: absolute; left:0; bottom:0; content: ''; display: block; width:2em; height:2px; background-color: #1685da;}
.Epson-news-list .itme .title .wenz{ line-height:40px; width: calc(100% - 110px);}
.Epson-news-list .itme .more{ border:solid 1px #1685da; float: right; font-size:16px; color: #1685da; padding:8px 20px; border-radius:50px;}
.Epson-news-list .itme .time{ margin:20px 0; background: url(../images/time.png) no-repeat left center; padding-left:25px; font-size:16px; color: #666666;}
.Epson-news-list .itme .Intro{ font-size:16px; line-height:30px; color: #999999;}
.Epson-news-list .itme .grid{ display: grid;}
.Epson-news-list .itme:hover .pic span{ transform: scale(1.1);}
.Epson-news-list .itme:hover .title .wenz a{ color:#1685da;}

@media(max-width:1024px){
.Epson-des{ padding:50px 70px;}
.Epson-icon-box .itme img{ max-width:70%;}
.Epson-pro li{ width:19%; margin-right:1.2%;}
.Epson-pro li a{ padding:30px 20px;}
.Epson-pro li h4{ font-size:18px;}
}
@media(max-width:768px){
.Epson-icon-box .itme{ width:33.3333%;}
.Epson-icon-box .itme img{ max-width:100px; display: block; margin:0 auto;}
.Tit_Rp{ font-size:26px;}
.Epson-pro .Tit_Rp{ margin-bottom:20px;}
.Epson-pro li a{ padding:25px 10px;}
.Epson-pro li h4{ font-size:17px;}
.Epson-pro li::after{ background-size: 70%;}
.Epson-news-list .itme{ margin-bottom:20px;}
.Epson-news-list .itme .time{ font-size:14px; margin:5px 0;}
.Epson-news-list .itme .pic{ width:35%;}
.Epson-news-list .itme .text{ padding:0 4%; width:65%;}
.Epson-news-list .itme .title .wenz{ font-size:18px; line-height:31px;}
.Epson-news-list .itme .more{ padding:5px 20px; font-size:14px;}
}
@media(max-width:640px){
.Epson-des{ padding:30px 2%; margin-top:30px;}
.Epson-des .Tim{ line-height:46px;}
.Epson-des .Tim img{ max-width:140px;}
.Epson-des .Tim span{ margin-left:10px; font-size:22px;}
.Epson-icon-box{ margin-top:30px;}
.Epson-icon-box .itme img{ max-width:80px;}
.Epson-icon-box .itme p{ font-size:15px;}
.Epson-pro li{ width:32%; margin-right:2%; margin-bottom:2%;}
.Epson-pro li h4{ margin:10px 0; font-size: 16px;}
.Epson-pro li:nth-child(5n){ margin-right:2%;}
.Epson-pro li:nth-child(3n){ margin-right:0;}
.Newpro_list{ padding:0 20px;}
.Newpro_list .itme .pic .pdf{ width:25px; height:25px; top:-12.5px;}
.Newpro_list .itme .Intro{ padding-right:0; margin-bottom:20px;}
.Newpro_list .itme .title span{ font-size:18px;}
.Newpro_list .itme .title em{ font-size:12px;}
.Newpro_list .swiper-button-prev{ left:0; width:30px; height:30px;}
.Newpro_list .swiper-button-next{ right:0; width:30px; height:30px;}
.Epson-news-list .itme{ display: block;}
.Epson-news-list .itme .pic{ width:100%;}
.Epson-news-list .itme .text{ padding:5%; width:100%;}
}

.toww {
  padding-left: 0;
  float: initial;
  width: 100%;
  margin-top: 0px;
  overflow-x: auto;
}


.soulie .toww{
  margin-top: 20px;
}

/* 代理品牌列表 */
.backf4{ background-color: #f4f6fa;}
.Represent-box{ padding:70px 0;}
.Represent_tishi{ margin-bottom:60px; text-align: center; color: #999999;}
.Represent-list .itme{ width:22.5%; float: left; margin-right:3.3%; margin-bottom:3.3%;}
.Represent-list .itme:nth-child(4n){ margin-right:0;}
.Represent-list .itme .title{ color: #1685da; position: relative; padding:20px 0; padding-right:50px;}
.Represent-list .itme .title span{ font-size:30px;}
.Represent-list .itme .title em{ margin-left:15px; font-size:18px; font-style: normal;}
.Represent-list .itme .title .pdf{ position: absolute; right:0; top:10px; content: ''; display:block; vertical-align: middle; width:45px; height:45px; background: url(../images/pdf.png) no-repeat center; background-size: contain;}
.Represent-list .itme .pic{ position: relative; background-color: #fff; width:100%; overflow: hidden;}
.Represent-list .itme .pic span{ display: block; padding-bottom:90%; background-size: cover; background-repeat: no-repeat; background-position: center;}
.Represent-list .itme .text{ font-size:14px; color: #fff; padding:30px 0; background-color: rgba(69, 157, 255, .9); position: absolute; left:0; top:0; width:100%; height:100%; opacity:0; transition: all .5s;}
.Represent-list .itme .text .Intro{ margin-bottom:15px; 
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;}
.Represent-list .itme .text .wenb{ line-height:23px; word-wrap:break-word;display:none;}
.Represent-list .itme .text .Ronh{ height:100%; padding-left:30px;}
.Represent-list .mCSB_inside>.mCSB_container{ margin-right:0; padding-right:30px;}
.Represent-list .mCSB_scrollTools{ right:0;}
.Represent-list .itme:hover .text{ opacity:1;}
@media(max-width:1024px){
.Represent-list .itme{ width:48%; margin-right:2%;}
.Represent-list .itme:nth-child(4n){ margin-right:0;}
}
@media(max-width:640px){
.Represent-box{ padding:30px 0;}
.Represent-des .name{ font-size:24px;}
.Represent-list .itme .title span{ font-size:18px;}
.Represent-list .itme .text{ padding:10px;}
.Represent-list .itme .text .Ronh{padding-left:10px;}
.Represent-list .mCSB_inside>.mCSB_container{padding-right:10px;}
.Represent-list .itme .title em{ margin-left:3px; font-size:12px;}
.Represent-list .itme .title .pdf{ top:20px; width:20px; height:20px;}
}

/* 代理品牌详情 */
.Represent-img{ width:48%; float: left;}
.Represent-img .gallery-big .itme{ border:solid 1px #e5e5e5; border-radius:10px; overflow: hidden;}
.Represent-img .gallery-big .itme span{ display: block; padding-bottom:66.58%; background-size: contain; background-repeat: no-repeat; background-position: center;}
.Represent-img .small-box{ margin-top:20px; padding-right:140px;}
.Represent-img .gallery-small .itme{ border:solid 1px #e5e5e5; border-radius:10px; overflow: hidden;}
.Represent-img .gallery-small .itme span{ display: block; padding-bottom:66.58%; background-size: contain; background-repeat: no-repeat; background-position: center;}
.Represent-img .gallery-small .swiper-slide-thumb-active .itme{ border-color: #1685da;}
.Represent-img .small-box .button-style{ text-align: center; font-family:'宋体'; font-weight: bold; background-image: none; line-height:37px; left: auto; right:0; margin-top:0; height:50%; width: 120px;}
.Represent-img .small-box .swiper-button-prev{ top:0; border-bottom: solid 1px #e5e5e5;}
.Represent-img .small-box .swiper-button-next{ bottom:0; color: #1685da;}
.Represent-img .small-box .button-style:hover{ color: #1685da;}
.Represent-Intro{ float: right; width:47%;}
.Represent-Intro .des-box{ margin-bottom:30px;}
.Represent-Intro .des-box .Tetle{ padding-bottom:10px; font-size:36px; color: #333333; border-bottom:solid 1px #e5e5e5;}
.Represent-Intro .des-box .text{ padding:20px 0; color: #888888; line-height:30px;}
.Represent-Intro .para-box .Tetle{padding-bottom:10px; font-size:20px; line-height:36px; color: #333333; border-bottom:solid 1px #e5e5e5;}
.Represent-Intro .list-para{font-size: 0; padding:20px 0; color: #888888; line-height:30px;}
.Represent-Intro .list-para li{ margin:20px 0; font-size: 16px; min-width:48%; display: inline-block; vertical-align: middle;}
.Represent-Intro .list-para li .til{ width:95px; margin-right:15px; color: #333333; display: inline-block; vertical-align: middle;}
.Represent-Intro .list-para li .til::before{ margin-right:15px; background-color: #1685da; content: ''; width:10px; height:10px; display:inline-block; vertical-align: middle;}
.Represent-Intro .list-para li .til span{ display: inline-block; vertical-align: middle;}
.Represent-Intro .list-para li .mix{ color: #888888; display: inline-block; vertical-align: middle;}
.Represent-Intro .consult_but{ margin-top:50px; font-size:0;}
.Represent-Intro .consult_but a{ font-size:18px; color: #fff; display: inline-block; vertical-align: middle; padding:0 45px; line-height:65px; text-align: center; border-radius:5px; }
.Represent-Intro .consult_but a span{ display: inline-block; background-position:left center; background-repeat: no-repeat;}
.Represent-Intro .consult_but a.weix{ margin-right:4%; background-color: #1685da;}
.Represent-Intro .consult_but a.weix span{ padding-left:50px; background-image: url(../images/weix.png);}
.Represent-Intro .consult_but a.pdf{ background-color: #d63102;}
.Represent-Intro .consult_but a.pdf span{ padding-left:36px; background-image: url(../images/pdf1.png);}
.Represent-info .Detail-box{ color: #666666;}
.Represent-info .tab-one{ margin-bottom:20px; border-bottom: solid 1px #e5e5e5;}
.Represent-info .tab-one span{ cursor: pointer; width:200px; margin-right:2px; background-color: #f5f5f5; font-size:18px; color: #666666; display: inline-block; vertical-align: middle; line-height:60px; text-align: center; border-radius:5px; transform: translateY(1px);}
.Represent-info .tab-one span.on{ color: #fff; background-color: #1685da;}
.Represent-info .Detail-box .color1{ color: #333333;}
.Represent-info .Detail-box .tab-con{ display: none;}

@media(max-width:768px){
.Represent-img{ width:100%;}
.Represent-Intro{ margin-top:40px; width: 100%;}
}
@media(max-width:640px){
.Represent-box{ padding-bottom:30px;}
.Represent-img .small-box{ padding-right:100px;}
.Represent-img .small-box .button-style{ width:80px;}
.Represent-Intro .consult_but a{ padding:0 25px; font-size:16px; line-height:50px;}
.Represent-Intro .consult_but{ margin-top:30px;}
.Represent-Intro .list-para li{ margin:5px 0; width: 100%;}
.Represent-info .tab-one span{ font-size:16px; min-width:30%; width: auto; line-height:50px;}
}

/* 分页 */
.Page002623{padding:2vw 0; text-align: center;font-family: Arial;font-size: 18px;}
/* .Page002623 .Pages a.a_first,
.Page002623 .Pages a.a_end,
.Page002623 .Pages > span:not(.p_page){display: block;} */

.p_cur{display: none;}
.p_count{display: none;}
.p_total{display: none;}
.p_jump{display: none;}



.Page002623 .Pages em{float: left;margin: 0 5px; font-style: normal;}
.Page002623 .Pages .p_page{display: table; margin: 0 auto;}
a.a_prev {
    color: #fff;
    font-size: 0px !important;
}
a.a_next {
    color: #fff;
    font-size: 0px !important;
}



.Page002623 .Pages a{ background-color: #fff; float: left; line-height: 50px; width: 50px; margin: 0 5px; border-radius:50%;}
.Page002623 .Pages a.a_cur,
.Page002623 .Pages a:hover{color: #fff;background: #1685da;}
.Page002623 .Pages .p_page > a{font-size: 15px;
    height: 50px;
    position: relative;
    width: 65px;}
.Page002623 .Pages .p_page > a:before{position: absolute; content: '';border:5px solid transparent; left: 50%; top: 50%; margin: -5px 0 0 -10px;}





.Page002623 .Pages .p_page > a.a_prev:before{border-right-color: #000;border-right-width: 8px;}
.Page002623 .Pages .p_page > a.a_next:before{border-left-color: #000;border-left-width: 8px; margin-left: -4px;}
.Page002623 .Pages a.a_prev:hover:before{border-right-color: #fff;}
.Page002623 .Pages a.a_next:hover:before{border-left-color: #fff;}
@media(max-width:640px){
.Page002623{padding: 6vw 0 8vw 0;}
.Page002623 .Pages a{background-color: #eee; margin:0 2px; width: 40px; height:40px; line-height:40px;}
.Page002623 .Pages .p_page > a{ height:40px;}
}




/* 服务支持-场景 */
.Scenes-title{text-align: center; font-size:38px; color: #333333;}
.Scenes-title::after{ content: ''; display: block; width:1em; height:2px; background-color: #1685da; margin:15px auto;}
.Scenes-tishi{ margin-bottom:60px; text-align: center; color: #999999;}
.Scenes-noe{ padding:70px 0;}
.Scenes-noe .one-list{ position: relative;}
.Scenes-noe .one-list::after{ content: ''; width:100%; height:1px; background:#e5e5e5; display: block; position: absolute; left:0; top:74%;}
.Scenes-noe .one-list .swiper-container{ max-width:1360px; margin:0 auto;}
.Scenes-noe .one-list .itme{ text-align: center;}
.Scenes-noe .one-list .itme .icon{ padding-bottom:72px; background-position: center; background-repeat: no-repeat; background-size: 70px;}
.Scenes-noe .one-list .itme .cn-wez{ margin-bottom:5px; font-size:20px; color: #333333; margin-top:25px;}
.Scenes-noe .one-list .itme .en-wez{ font-size:14px; color: #999999; margin-bottom:25px;}
.Scenes-noe .one-list .itme .serial::before{ margin:15px auto; background-color:#1685da; content: ''; display: block; width:10px; height:10px; border-radius:50%; overflow: hidden;}
.Scenes-noe .one-list .itme .serial{ font-weight: bold; font-size:36px; color: #1685da;}
.Scenes-two{ padding:70px 0; background-color: #f6f8fb;}
.Scenes-two .two-list .itme{ padding:60px 0; background-color: #fff; text-align: center;}
.Scenes-two .two-list .itme .icon{ margin:25px 0; padding-bottom:40px; background-position: center; background-repeat: no-repeat; background-size: 40px;}
.Scenes-two .two-list .itme .cn-wez{ font-size:20px; color: #333333;}
.Scenes-two .two-list .itme .serial{ font-weight: bold; font-size:30px; color: #1685da; opacity:.2;}
.Scenes-two .swiper-pagination{ display: none !important;}
@media(max-width:768px){
.Scenes-two .swiper-pagination{ display: block !important;}
}
@media(max-width:640px){
.Scenes-noe .one-list .itme .cn-wez{ margin-top:10px; font-size:17px;}
.Scenes-noe .one-list .itme .en-wez{ margin-bottom:10px; font-size:12px;}
.Scenes-noe .one-list .itme .icon{ padding-bottom:65px; background-size:60px;}
.Scenes-title{ font-size: 26px;}
.Scenes-tishi{ margin-bottom:30px;}
.Scenes-noe .one-list::after{ top:69%;}
}


/* 服务支持-样品申请 */
.sample-box{ padding:70px 0;}
.sample-title{text-align: center; font-size:38px; color: #333333;}
.sample-title::after{ content: ''; display: block; width:1em; height:2px; background-color: #1685da; margin:15px auto;}
.sample-tab{ margin:50px 0; font-size: 0; text-align: center;}
.sample-tab .itme{ cursor: pointer; background: #f5f5f5; padding:0 35px; margin:0 10px; color: #333333; line-height:50px; display: inline-block; vertical-align: middle; font-size:18px; border-radius:6px;}
.sample-tab .itme i{ margin-right:5px; width:24px; display:inline-block; vertical-align: middle; height:24px; }
.sample-tab .itme:hover,
.sample-tab .itme.on{ background-color: #1685da;}
.sample-tab .itme:hover a,
.sample-tab .itme.on a{ color: #fff;}
.sample-form .wli50{ margin-bottom:30px; width:50%; padding-right:40px; overflow: hidden;min-height: 105px;}
.sample-form .wli50:nth-child(2n){ padding-left:40px;}
.sample-form .oua{ margin:10px 0; line-height:30px; font-size:20px; color: #333333;}
.sample-form .oua::before{ margin-right:10px; background-color: #1685da; content: ''; width:10px; height:10px; display:inline-block; vertical-align: middle;}
.sample-form .inline-block{vertical-align: middle;}
.sample-form .oua span{ display: inline-block; vertical-align: middle;}
.sample-form .radio-box{ line-height:50px;}
.sample-form .radio-box label{ display:block; cursor: pointer; margin-right:30px; float: left;}
.sample-form .radio-box label input{ display:inline-block; vertical-align: middle;}
.sample-form .radio-box span{ display: inline-block; vertical-align: middle; margin-left:5px;}
.sample-form .radio-box .other-text{ display:block; float: left;}
.sample-form .radio-box1 label:nth-child(3){ margin-right:5px;}
.sample-form .radio-box2 label:nth-child(4){ margin-right:5px;}
.sample-form .input-text{ display: inline-block; vertical-align: middle;}
.sample-form .input-select{ background-color: #f2f7ff; border-radius:6px;}
.sample-form .input-select select{ padding:0 15px; padding-right:20px; line-height:50px; height:50px; font-size:16px; color: #666666;}
.sample-form .text-hw{ padding:0 15px; background-color: #f2f7ff; line-height:50px; height:50px; font-size:16px; border-radius:6px;}
.sample-form .input-box3 .input-select{ margin-left:20px;}
.sample-form .other-textarea{ padding:15px; background-color: #f2f7ff; border-radius:6px;}
.sample-form .other-textarea textarea{ display: block; height:210px;font-size:16px;}
.sample-form .input-select select { padding-right:25px; background: url("../images/arrow.png") no-repeat scroll 95% center transparent; appearance:none; -moz-appearance:none; -webkit-appearance:none;}
.sample-form .input-select select::-ms-expand { display: none; background: none; }
.but-apply{ margin-top:50px; text-align: center;}
.but-apply .anuw{ cursor: pointer; background-color: #1685da; font-size:18px; color: #fff; line-height:50px; text-align: center; display:inline-block; vertical-align: middle; vertical-align: middle; width:200px; border-radius:6px;}
.sample-form .red{ color: red;}
.sample-form .w430{ width:430px;}
.sample-form .w300{ width:300px;}
.sample-form .w240{ width:240px;}
.sample-form .w120{ width:120px;}
.sample-form .wli100{ width:100%;}
.sample-form .wli90{ width:calc(100% - 20px);}
.sample-form .wli33{ width:32%; margin-bottom:2%; margin-right:2%;}
.sample-form .wli33.wli33_on{ margin-right:0;}
.sample-form2{ margin-top:70px;}

@media(max-width:1600px){
.sample-form .radio-box label{ display:block; cursor: pointer; margin-right:20px; float: left;}
.sample-form .w430{ width:350px;}
.sample-form .w300{ width:250px;}
.sample-form .w240{ width:200px;}
.sample-form .w120{ width:120px;}
}
@media(max-width:1280px){
.sample-form .w430{ width:300px;}
.sample-form .w240{ width:200px;}
}
@media(max-width:1024px){
.sample-form .w430{ width:250px;}
.sample-form .w240{ width:150px;}
}
@media(max-width:768px){
.sample-form .wli50{ width: 100%; padding-right:0;}
.sample-form .wli50:nth-child(2n){ padding-left:0;}
.sample-form .w430{ width:350px;}
.sample-form .w240{ width:200px;}
}
@media(max-width:640px){
.sample-box{ padding:50px 0;}
.sample-title{ font-size:26px;}
.sample-tab{ margin:20px 0;}
.sample-tab .itme{ width:44%; padding:0; margin:2%;}
.sample-form .w430{ width:200px;}
.sample-form .w300{ width:130px;}
.sample-form .w240{ width:130px;}
.sample-form .w120{ width:90px;}
.sample-form .radio-box label{ margin-right:20px;}
.sample-form .oua{ margin:5px 0; font-size: 18px;}
.sample-form .wli50{ margin-bottom:10px;}
.sample-form .radio-box{ line-height:40px;}
.sample-form .text-hw{ height:40px; line-height:40px;}
.sample-form .wli33{ width:49%; margin-bottom:2%; margin-right:2%;}
.sample-form .wli33.wli33_on{ margin-right:2%;}
.sample-form .wli33:nth-child(2n){ margin-right:0;}
}
        



/* 环保报告 */
.friendly-box{ padding:70px 0;}
.friendly-box ul{ margin-top:70px;}
.friendly-box li{ background-color: #f8fafd; width:30%; margin-right:5%; margin-bottom:5%; float: left; padding:0 40px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; position: relative; transition:all .5s;}
.friendly-box li::after{ content: ''; position: absolute; top:0; left:0; z-index:1; display: block; width:100%; height:100%; background: url(../images/friendly-icon.png) no-repeat right bottom;}
.friendly-box li:nth-child(3n){ margin-right:0;}
.friendly-box li a{ position: relative; z-index:2; display: block; padding:50px 0;}
.friendly-box li .time{ font-size:18px; color: #999999;}
.friendly-box li h4{ margin:20px 0; line-height:30px; height:60px; font-weight: initial; font-size:20px; color: #333333;}
.friendly-box li .but_Aniu{ text-align: center; width:155px; line-height:40px; display: inline-block; vertical-align: middle; font-size:16px; color: #fff; border:solid 2px #fff; border-radius:50px;}
.friendly-box li .but_Aniu span{ display: inline-block; background: url(../images/dow-icon.png) no-repeat right center; padding-right:40px;}
.friendly-box li:hover{ background-color: #1685da; transform: scale(1.1); z-index: 3;}
.friendly-box li:hover h4,
.friendly-box li:hover .time{ color: #fff;}
@media(max-width:640px){
.friendly-box{ padding:30px 0;}
.friendly-box ul{ margin-top:30px;}
.friendly-box li{ padding:0 2%; width:49%; margin-right:2%; margin-bottom:2%; background-color: #1685da;}
.friendly-box li::after{ background-size:70%;}
.friendly-box li h4,
.friendly-box li .time{ color: #fff;}
.friendly-box li h4{ margin:10px 0; font-size:16px; line-height:25px; height:50px;}
.friendly-box li:nth-child(3n){ margin-right:2%;}
.friendly-box li:nth-child(2n){ margin-right:0;}
.friendly-box li:hover{ transform: scale(1); z-index: 3;}
.friendly-box li a{ padding:30px 0;}
.friendly-box li .but_Aniu{ font-size:14px; line-height:40px; width:80%; border:solid 1px #fff;}
.friendly-box li .but_Aniu span{ padding-right:30px;}
}





/* 参数换算 */
.Parameter-box{ padding:70px 0;}
.Parameter-lbox{width:500px; float: left;}
.Parameter-lbox .other-text input{ height:50px; line-height:50px; width:100%; background-color: #f8fafd; border-radius:6px;}
.Parameter-lbox .calculate{ margin-top:30px; cursor: pointer; line-height:50px; text-align: center; background-color: #1685da; border-radius:6px;}
.Parameter-lbox .calculate .anuw{ display: block; color: #fff;}
.Result-box{ margin-top:30px; background-color: #f8fafd; width:100%; text-align: center; height:250px; line-height:250px;}
.Result-box .Result-text{ width:100%; line-height:30px; display: inline-block; vertical-align: middle; border-radius:6px;}
.Parameter-rbox{ font-size:15px; color: #888888; line-height:30px; width:calc(100% - 500px); float: right; padding-left:140px;}
.Parameter-box .oli{ font-size:24px; color: #333333;}
.Parameter-box .oli::after{ content: ''; display: block; width:1em; height:2px; background-color: #1685da; margin:15px 0;}
.Parameter-box .oua{ margin:20px 0; line-height:30px; font-size:20px; color: #333333;}
.Parameter-box .oua::before{ margin-right:10px; background-color: #1685da; content: ''; width:10px; height:10px; display:inline-block; vertical-align: middle;}
.Parameter-box .oua span{ display: inline-block; vertical-align: middle;}
@media(max-width:1024px){
.Parameter-lbox{ width:380px;}
.Parameter-rbox{ width:calc(100% - 380px); padding-left:47px;}
}
@media(max-width:768px){
.Parameter-lbox{ width:100%;}
.Parameter-rbox{ margin-top:30px; width:100%; padding-left:0;}
}




/* 新闻中心 */
.news-list{ margin:70px auto;}
.news-list .Tnews{text-align: center; font-size:38px; color: #333333;}
.news-list .Tnews::after{ content: ''; display: block; width:1em; height:2px; background-color: #1685da; margin:25px auto;}
.news-one{ margin:50px 0;}
.news-one .itme a{ display: flex;}
.news-one .itme .pic{ width: 50%;}
.news-one .itme .pic span{ display: block; padding-bottom:66.75%; background-size: cover; background-position:center; background-repeat: no-repeat;}
.news-one .itme .text{display: table; width: 50%; padding-bottom:130px; padding-left:120px;}
.news-one .itme .text .time{ margin-bottom:10px; font-size:16px; color: #666666;}
.news-one .itme .text .title{ font-size:32px; color: #333333;}
.news-one .itme .text .Intro{ margin:25px 0; line-height:30px; min-height:120px; color: #666666;}
.news-one .Aniu_style{ left: auto; top:auto; margin-top:0; bottom:0; right: 0; width:40px; height:40px; background-size:6px!important; border:solid 2px #1685da; border-radius:50%;}
.news-one .swiper-button-prev{ right:60px; background:#fff url(../images/more_icon2.png) no-repeat center; transform:rotate(180deg);}
.news-one .swiper-button-next{ background:#fff url(../images/more_icon2.png) no-repeat center;}
.news-one .swiper-button-next:hover,
.news-one .swiper-button-prev:hover{background:#1685da url(../images/more_icon.png) no-repeat center;}
.news-one .swiper-button-next:hover{background:#1685da url(../images/more_icon.png) no-repeat center;}
.news-one .swiper-pagination{ height:1px; position: absolute; top:auto; left:20px; bottom:15%; margin-bottom:20px; width:calc(100% - 180px);}
.news-one .other-anniu{ width:50%; position: absolute; right: 0; bottom:15%; padding-left:120px;}
.news-one .other-anniu .wha{ position: relative;}
.news-one .other-anniu .current-su{font-size:14px; color: #999999; position: absolute; left:0; bottom:15%; margin-bottom:12px;}
.news-one .other-anniu .total-su{font-size:14px; color: #999999; position: absolute; right:140px; bottom:15%; margin-bottom:12px;}
.news-ol li{ margin-bottom:40px; position: relative;}
.news-ol li::after{ content: ''; width:10px; height:21px; background: url(../images/blue_icon1.png) no-repeat center; position: absolute;right:5%; top:50%; margin-top:-11px;}
.news-ol li a{ display: flex;background-color: #f8fafd;}
.news-ol li .pic{display: inline-block;vertical-align: middle;width: 26.5%;overflow: hidden;}
.news-ol li .pic span{ display: block; padding-bottom:66.75%; background-size: cover; background-position:center; background-repeat: no-repeat; transition: all .5s;}
.news-ol li .text{ display: table; width:70%; padding:0 9% 0 5%;}
.news-ol li .time{ padding:10px; background-color: #1685da; font-size: 14px; color: #ffffff; float: left;}
.news-ol li .time span{ display: block; font-size: 32px;}
.news-ol li .title{ margin:20px 0; font-size:24px; color: #333333;}
.news-ol li .Intro{ line-height:30px; font-size:16px; color: #999999;display: -webkit-box;display: box;overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.news-ol li :hover .pic span{ background-color: #1685da; transform: scale(1.1);}
.news-ol li :hover:hover .title{ color: #1685da;}

@media(max-width:1024px){
.news-one .other-anniu,
.news-one .itme .text{ padding-left:60px; padding-bottom:30px;}
.news-one .other-anniu,
.news-one .itme .text{ bottom:-15px;}
.news-one .itme .text .title{ font-size:28px;}
}
@media(max-width:640px){
.news-list{ margin:30px auto;}
.news-list .Tnews{ font-size:28px;}
.news-one{ margin:30px 0;}
.news-one .itme a{ display: block;}
.news-one .itme .pic{ width: 100%;}
.news-one .itme .text{ width: 100%; padding:2%;}
.news-one .itme .text .title{ font-size:24px;}
.news-one .other-anniu{ position: relative; bottom:0; width:100%; margin-top:35px; padding:0;}
.news-ol li{ margin-bottom:20px;}
.news-ol li a{ display: block;}
.news-ol li .title{ font-size:18px; margin:10px 0;}
.news-ol li .pic{ width:100%; overflow: hidden;}
.news-ol li .text{ padding:2%; display: block; width:100%;}
.news-ol li::after{ top:58%;}
}



/* 单篇 */
.Single{ min-height:100px;
margin-bottom: 20px;}



.tuijian{
    height: 35px;
    line-height: 35px;
    text-indent: 15px;
    background: #eee;
    color: #666;
    font-size: 18px;
    border-left: 3px solid #0293d2;
    padding-right: 20px;
    display: inline-block;
    margin: 20px 0;
	
}

li.lie a {
      font-size: 18px;
    font-weight: bold;
    color: #0293d2;
    width: 45%;
    float: left;
    margin: 10px 0;
    padding-left: 20px;    margin-right: 20px;
}



.arPrev .pre {
    width: 50%;
    float: left;
    padding-left: 30px;
    position: relative;
    color: #fff;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.arPrev .pre:before {
    content: "";
    width: 10px;
    height: 10px;
    border-left: 1px solid #74797d;
    border-bottom: 1px solid #74797d;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: rotate(
45deg);
    transform: rotate(
45deg);
    margin-left: 5px;
    margin-top: -5px;
}
.arPrev .nex {
    width: 50%;
    float: right;
    text-align: right;
    padding-right: 30px;
    position: relative;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.arPrev.wow.fadeInUp.animated {
    margin: 20px 0;
    margin-bottom: 60px;
}


span.pre a {
    color: #1685da;
}


span.nex a {
    color: #1685da;
}

.arPrev .nex:before {
    content: "";
    width: 10px;
    height: 10px;
    border-right: 1px solid #74797d;
    border-bottom: 1px solid #74797d;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: rotate(
-45deg);
    transform: rotate(
-45deg);
    margin-right: 5px;
    margin-top: -5px;
}


.Intro.dot2 {
    color: #000;
    width: 100%;
    height: auto;
    line-height: 24px;
    overflow: hidden;
    font-size: 14px;
    color: #666;
    margin-top: 10px;
    font-weight: 400;
}
li.lie a:before {
    content: '';
    position: absolute;
    color: #0293d2;
    width: 8px;
    height: 8px;
    border-radius: 50px;
    /* display: flex; */
    /* align-items: center; */
    background: #0293d2;
    margin: 7px 0;
    /* padding-right: 19px; */
    margin-left: -20px;
}


.Single-Intro{ color: #999999; line-height:28px; text-align: center;}
.Single-Intro .Tnews{text-align: center; line-height:40px; font-size:38px; color: #333333;}
.Single-Intro .Tnews::after{ content: ''; display: block; width:1em; height:2px; background-color: #1685da; margin:25px auto;}
.Single-Intro .Teshu{ color: #000000;}
.Single-Intro .wenb{ margin: 0 auto; max-width: 1200px;}
.Single .oli{ font-size:24px; color: #333333;}
.Single .oli::after{ content: ''; display: block; width:1em; height:2px; background-color: #1685da; margin:15px 0;}
@media(max-width:640px){
.Single-Intro .Tnews{ font-size:28px;}
.Single-Intro .Tnews::after{ margin:15px auto;}
.arPrev .pre {
    width: 40%;
    float: left;}
	
	
	.arPrev .nex {
    width: 40%;
    float: right;}
}


/* 公司介绍 */
.about-box .Tnews{text-align: center; font-size:38px; color: #333333;}
.about-box .Tnews::after{ content: ''; display: block; width:1em; height:2px; background-color: #1685da; margin:25px auto;}
.about-one{ margin-top:70px; line-height:36px; color: #666666;}
.about-one .oli{ padding-top:50px;}
.about-one .video-shell{ margin-left:90px;}
.about-one .video-shell a{ cursor: pointer; display: block; position: relative;}
.about-one .video-shell a::after{ position: absolute; top:50%; left:50%; margin-left:-35px; margin-top:-35px; content: ''; display: block; background: url(../images/video-icon.png) no-repeat center; background-size: contain; width:70px; height:70px; border-radius:50%;}

.about-huob-text{line-height:36px; color: #666666;}
.about-huob{ margin:30px auto; position: relative; padding:0 60px; display: block;}
.about-huob .swiper-container{ border: solid 1px #e5e5e5; max-width:1200px; margin:0 auto; border-radius:20px; overflow: hidden;}
.about-huob .itme{ padding:15px 0; border-right: solid 1px #e5e5e5;}
.about-huob .itme span{ display: block; padding-bottom:40%; background-size:contain; background-repeat: no-repeat; background-position: center;}
.about-huob .swiper-button-prev{ left:60px;}
.about-huob .swiper-button-next{ right:60px;}
.about-two{ margin:50px auto; line-height:36px; color: #666666;}
.about-two .culture_tu{ margin-top:50px;}
.about-two .itme{ width:50%; float: left; position: relative; display: flex;}
.about-two .itme .pic{ width:50%; overflow: hidden;}
.about-two .itme .text{ position: relative; background:#f7f7f7; font-size:18px; line-height:28px; color: #999999; display: table; width:50%; text-align: center; z-index: 3;}
.about-two .itme .pic span{ background-size: cover; background-repeat: no-repeat; background-position: center; padding-bottom:75%; display: block; transition: all .5s;}
.about-two .itme .Timu{text-align: center; font-size:24px; color: #333333;}
.about-two .itme .Timu::after{ content: ''; display: block; width:1em; height:2px; background-color: #1685da; margin:15px auto;}
.about-two .itme .text::after{ content:''; width:0; height:0; display: block; position: absolute; left:-10px; top:50%; margin-top:-10px; border-top:10px solid transparent; border-bottom:10px solid transparent; border-right:10px solid #f7f7f7;}
.about-two .list-oi:nth-child(2n) .itme{ direction:rtl;}
.about-two .list-oi:nth-child(2n) .itme .text{ direction: ltr;}
.about-two .list-oi:nth-child(2n) .itme .text::after{ left:auto; right:-10px; border-right:none; border-left:10px solid #f7f7f7;}
.about-two .itme:hover .pic span{ transform: scale(1.1);}
@media(max-width:1440px){
.about-one,
.about-huob-text{ line-height:33px;}
.about-one .video-shell{ margin-left:40px; width: 50%;}
.about-huob .swiper-button-prev{ left:10px;}
.about-huob .swiper-button-next{ right:10px;}
}
@media(max-width:1366px){
.about-one,
.about-huob-text{ line-height:30px;}
.about-one .oli{ padding-top:30px;}
.about-one .video-shell{ margin-left:40px; width: 50%;}
}
@media(max-width:1024px){
.qinc{ line-height:15px;}
.about-one .video-shell a::after{ width:50px; height:50px; margin-top: -25px; margin-left:-25px;}
.about-huob .swiper-button-prev{ left:0;}
.about-huob .swiper-button-next{ right:0;}
.about-two .itme .text{ font-size:16px;}
.about-two .itme .Timu{ font-size:20px;}
.about-two .itme .Timu::after{ margin:10px auto;}
}
@media(max-width:640px){
.about-one{ margin-top:30px;}
.about-one .oli{ padding-top:0;}
.about-one .video-shell{ margin-left:20px;}
.qinc{ line-height:10px;}
.about-one .video-shell a::after{ width:30px; height:30px; margin-top: -15px; margin-left:-15px;}
.about-huob{ padding:0 30px; margin:20px 0;}
.about-huob .swiper-container{ border-radius:10px;}
.about-huob .Aniu_style{ width:30px; height:30px; margin-top:-15px;}
.about-two{ margin:30px auto;}
.about-two .culture_tu{ margin-top:20px;}
.about-box .Tnews{ font-size:28px;}
.about-two .itme{ width: 100%;}
.about-two .itme .Timu{ font-size:18px;}
.about-two .itme .Timu::after{ margin:5px auto;}
.about-two .itme .text{ font-size:14px;}
.about-two .list-oi:nth-child(2n) .itme{ direction: ltr;}
.about-two .list-oi:nth-child(2n) .itme:nth-child(2n),
.about-two .itme:nth-child(2n){ direction:rtl;}
.about-two .list-oi:nth-child(2n) .itme:nth-child(1) .text::after,
.about-two .itme .text::after{ left:-10px; right:auto; border-left:none; border-right:10px solid #f7f7f7;}
.about-two .list-oi:nth-child(2n) .itme:nth-child(2) .text::after,
.about-two .itme:nth-child(2n) .text::after{ left:auto; right:-10px; border-right:none; border-left:10px solid #f7f7f7;}
}


/* 发展历程 */
.course-box{ margin:30px auto;    margin-bottom: 0;}
.course-Intro{ margin-bottom:0px; color: #666666; line-height:28px; text-align: center;}
.course-Intro .Tnews{text-align: center; font-size:38px; line-height:38px; color: #333333;}
.course-Intro .Tnews::after{ content: ''; display: block; width:1em; height:2px; background-color: #1685da; margin:25px auto 0;}
.course-Intro .tishi{ margin:20px 0; font-size: 24px; color: #1685da;}
.course-list{ position: relative; text-align: center; overflow: hidden;}
.course-list .itme{ width: 100%; display: flex; margin-bottom:12.5%;}
.course-list .itme.hide{ display: none;}
.course-list .itme .text{ color: #999999; line-height:28px; width:40%; display: table; text-align: right;}
.course-list .itme .text .title{ margin-bottom:10px; font-size:24px; color: #333333;}
.course-list .itme .pic{ width:39%; text-align: left;}
.course-list .itme .time{ width:20%; display:table;}
.course-list .itme .time .yuang{ display: inline-block; vertical-align: middle; padding:30px; background-color: #fff;}
.course-list .itme .time span{ font-size:20px; color: #1685da; border:solid 2px #1685da; text-align: center; display: inline-block; width:120px; height:120px; line-height:120px; border-radius:50%;}
.course-list .itme:nth-child(2n){ direction: rtl;}
.course-list .itme:nth-child(2n) .pic{ text-align: right;}
.course-list .itme:nth-child(2n) .text{ direction: ltr; text-align: left;}
.course-list::after{ content: ''; display: block; position: absolute; top:50px; left:50%; margin-left: -1px; width: 2px; height:calc(100% - 50px); background-color:#1685da; z-index: -1;}
.course-con .but-more{ cursor: pointer; margin:30px auto 0; font-size:24px; color: #1685da; border:solid 2px #1685da; text-align: center; width:120px; height:120px; line-height:120px; border-radius:50%;}
@media(max-width:640px){
.course-box{ margin:50px auto;}
.course-Intro{ font-size:13px; margin-bottom:30px;}
.course-Intro .Tnews{ font-size:28px;}
.course-Intro .Tnews::after{ margin:20px auto;}
.course-Intro .tishi{ margin:10px auto; font-size:18px;}
.course-list .itme .time span{ font-size:12px; width:65px; height:65px; line-height:65px;}
.course-list .itme .time .yuang{ padding:10px;}
.course-list .itme .text{ font-size:12px; line-height:25px;}
.course-list .itme .text .title{ margin-bottom:10px; font-size:16px;}
.course-con .but-more{ margin-top:20px; font-size:15px; width:70px; height:70px; line-height:70px;}
}


li.lie a{
	
	
	width:100%;
}


/* 荣誉证书 */
.honor-box{ margin:70px auto;}
.honor-box .honor-one{ margin-bottom:70px;}
.honor-box .Tnews{text-align: center; font-size:38px; color: #333333;}
.honor-box .Tnews::after{ content: ''; display: block; width:1em; height:2px; background-color: #1685da; margin:25px auto;}
.honor-box .list-shell{ position: relative; margin-top:50px;}
.honor-box .list-shell .itme{ text-align: center;}
.honor-box .list-shell .itme .pic{ height:212px; display: table; width: 100%;}
.pic img {
 max-height: 180px;
 
}
.honor-box .list-shell .itme .pic a{ display:table-cell; vertical-align: bottom;}
.honor-box .list-shell .itme .pic span{ padding:10px; display: inline-block; background: #ededed; border:solid 1px #e5e5e5; box-shadow:5px 0 10px rgba(0, 0, 0, .3);}
.honor-box .list-shell .itme .minc{ margin:35px auto; color: #666666;}
.honor-box .swiper-container{ max-width:1440px; width:100%; margin:0 auto;}
.honor-box .swiper-container .back{ position: absolute; left:0; height:83px; width:100%; background: url(../images/honr-back.png) no-repeat center; background-size:cover; background-repeat: no-repeat; background-position: center;}
.honor-box .swiper-container .back1{ top:215px;}
.honor-box .swiper-container .back2{ bottom:4px;}
.honor-box .list-shell .swiper-button-prev{ background:#fff url(../images/more_icon2.png) no-repeat center; transform:rotate(180deg);}
.honor-box .list-shell .swiper-button-next{ background:#fff url(../images/more_icon2.png) no-repeat center;}
.honor-box .list-shell .swiper-button-next,
.honor-box .list-shell .swiper-button-prev{ width:40px; height:40px; background-size:6px; border:solid 2px #1685da; border-radius:50%;}
.honor-box .list-shell .swiper-button-next:hover,
.honor-box .list-shell .swiper-button-prev:hover{background:#1685da url(../images/more_icon.png) no-repeat center;}
.honor-box .list-shell .swiper-button-next:hover{background:#1685da url(../images/more_icon.png) no-repeat center;}
@media(max-width:640px){
.honor-box .Tnews{ font-size:28px;}
.honor-box .list-shell{ margin-top:30px;}
.honor-box .list-shell .itme .minc{ margin:25px auto;}
.honor-box .swiper-container .back{ height:65px; background-size: 100% 100%;}
}


/* 合作伙伴 */
.Partner-box{ margin:70px auto;}
.Partner-box .Tnews{text-align: center; font-size:38px; color: #333333;}
.Partner-box .Tnews::after{ content: ''; display: block; width:1em; height:2px; background-color: #1685da; margin:25px auto;}
.Partner-list .itme{ margin-bottom:50px; text-align: center; color: #333333; width:23.5%; float: left; margin-right:2%;}
.Partner-list .itme .pic{ margin-bottom:20px; border:solid 1px #e5e5e5; overflow: hidden; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; }
.Partner-list .itme .pic span{ display: block; padding-bottom:50%; background-size: cover; background-position: center; background-repeat: no-repeat; transition: all .5s;}
.Partner-list .itme:nth-child(4n){margin-right:0;}
.Partner-list .itme:hover .pic{ box-shadow: 0 0 5px rgba(0, 0, 0, .2);}
.Partner-list .itme:hover .pic span{  transform: scale(1.1);}
@media(max-width:640px){
.Partner-box .Tnews{ font-size:28px;}
.Partner-box{ margin:40px auto;}
.Partner-list{ margin-bottom:20px; overflow: hidden;}
.Partner-list .itme{ width:48%; margin-bottom:20px;}
.Partner-list .itme .pic{ margin-bottom:10px;}
.Partner-list .itme .tilte{ line-height:25px;}
.Partner-list .itme:nth-child(2n){margin-right:0;}
}



/* 联系我们 */
.contact-box{ margin-bottom:10px;}
.contact-box .Tnews{text-align: center; font-size:38px; color: #333333;}
.contact-box .Tnews::after{ content: ''; display: block; width:1em; height:2px; background-color: #1685da; margin:25px auto;}
.contact-con .wenzi{ margin-bottom:10px; color: #999999; line-height:28px;}
.contact-con .coa{ font-size:24px; color: #1685da;}
.list-contact .list-l{ width:calc(100% - 380px); float: left;}
.list-contact .list-l .icon2 span{ display: block; width:20px; height:20px; background-size: contain!important; background-position: center!important; background-repeat: no-repeat!important;}
.list-contact .list-l .itme{ margin:27px 10px; width:calc(33.33% - 20px); float: left;padding: 20px;box-sizing: border-box;background-color: #f8fafd;border-radius: 10px; -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;}
.list-contact .list-l .itme:hover{
 -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);}
.list-contact .list-l .itme.attr-zb{ width:calc(66.66% - 20px);}
.list-contact .list-l .small-zi{ font-size:14px; line-height:25px; color: #999999;}
.list-contact .list-l .tis{ line-height:25px; color: #333;}
.list-contact .list-l .icon2.Tel-icon span{ background-image: url(../images/contact-icon1.png);}
.list-contact .list-l .icon2.Tel-icon2 span{ background-image: url(../images/contact-icon2.png);}
.list-contact .list-l .icon2.qq-icon span{ background-image: url(../images/contact-icon3.png);}
.list-contact .list-l .icon2.mail-icon span{ background-image: url(../images/contact-icon4.png);}
.list-contact .list-l .icon2.attr-icon span{ background-image: url(../images/contact-icon5.png);}
.list-contact .pic{ display: table; width:360px; float: right; height:360px; background: url(../images/contact-back.jpg) no-repeat center;}
.list-contact .pic .wenben{ line-height:25px; font-size:15px; padding:40px; color: #fff; display: table-cell; vertical-align: bottom;}
.list-contact .pic .Tsa{ font-size:24px; margin-bottom:20px;}
.list-contact .pic .Tsa::before{ content: ''; display: block; width:1em; height:2px; background-color: #fff; margin-bottom:20px;}
.contact-lixi{ margin:40px auto;display: flex;}
.contact-lixi .itme{ padding:20px; background-color: #f8fafd; width:31%; float: left; margin-right:3%;border-radius: 10px; }
  .contact-lixi .itme *{
	  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  }
.contact-lixi .itme:hover >*{
 -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);}
.contact-lixi .itme:nth-child(3n){ margin-right:0;}
.contact-lixi .small-zi{ line-height:25px; font-size:14px; color: #999999;}
.contact-lixi .coa{ margin-bottom:15px; line-height:25px; font-size:18px; color: #333333;}
.contact-lixi .icon2{ margin:10px 0; line-height:25px; display: block; background-size:18px!important; background-position:left 3px!important; background-repeat: no-repeat!important; padding-left:25px;}
.contact-lixi .tel-icon{ background-image: url(../images/contact-icon2.png);}
.contact-lixi .fax-icon{ background-image: url(../images/contact-icon6.png);}
.contact-lixi .attr-icon{ background-image: url(../images/contact-icon5.png); background-size:16px!important;}
.map-box #map{ width: 100%; height: 400px;}
@media(max-width:768px){
.list-contact .list-l .itme{ width:calc(50% - 20px); margin:10px 10px;}
.list-contact .list-l .itme.attr-zb{ width:calc(100% - 20px);}
.contact-lixi{ margin:50px auto 30px;}
.contact-lixi .itme{ margin-bottom:20px; padding:30px; width:100%;}
}
@media(max-width:640px){
.contact-box{ margin-bottom:50px;}
.contact-box .Tnews{ font-size:28px;}
.list-contact .list-l{ width:100%;}
.list-contact .pic{ width: 100%; background-size: cover; height:auto;}
}


/* 在线留言 */
.Online-Intro{ margin-bottom:50px; color: #999999; line-height:28px; text-align: center;}
.Online-Intro .Tnews{text-align: center; line-height:40px; font-size:38px; color: #333333;}
.Online-Intro .Tnews::after{ content: ''; display: block; width:1em; height:2px; background-color: #1685da; margin:25px auto;}
.Online-Intro .Teshu{ color: #000000;}
.Online-form{ margin-top:80px;}
.Online-form .oua{ margin:5px 0; line-height:30px; font-size:18px; color: #333333;}
.Online-form .oua::before{ margin-right:10px; background-color: #1685da; content: ''; width:10px; height:10px; display:inline-block; vertical-align: middle;}
.Online-form .oua span{ display: inline-block; vertical-align: middle;}
.Online-form .wli22{ width:22%; margin-right:3%;}
.Online-form .wli22:nth-child(4){ margin-right:0;}
.Online-form .wli100{ width:100%;}
.Online-form .spacing_50{ margin:50px auto;}
.Online-form .input-select{ background-color: #f8fafd; position: relative; border-radius:6px;}
.Online-form .input-select .red{ position: absolute; right:3%; line-height:55px; height:100%;}
.Online-form .input-select select{ font-family:'微软雅黑'; font-size:16px; color: #999999; width:100%; line-height:50px; padding:0 25px; padding-right:45px; background: url("../images/arrow.png") no-repeat scroll 92% center transparent; appearance:none; -moz-appearance:none; -webkit-appearance:none;}
.Online-form .input-select select::-ms-expand { display: none; background: none; }
.Online-form .red{ color: red;     position: relative; margin-top: -10px;}
.Online-form .input-text{ line-height:50px; background-color: #f8fafd; position: relative; border-radius:6px;}
.Online-form .input-text input{ color: #999999; font-family:'微软雅黑'; font-size:16px; line-height:50px; height:50px; padding:0 25px; width: calc(100% - 20px);}
.Online-form .textarea-text{ padding:20px 25px; background-color: #f8fafd; position: relative; border-radius:6px;}
.Online-form .textarea-text textarea{color: #999999; font-family:'微软雅黑'; font-size:16px; height:150px;}
.Online-form input::-webkit-input-placeholder,
.Online-form textarea::-webkit-input-placeholder{color:#999999;}
.Online-form input:-ms-input-placeholder,
.Online-form textarea:-ms-input-placeholder{color:#999999;}
.Online-form input::placeholder,
.Online-form textarea::placeholder{color:#999999;}
@media(max-width:640px){
.Online-form{ margin-top:40px;}
.Online-Intro{ font-size:15px;}
.Online-Intro .Tnews{ font-size:28px;}
.Online-Intro .Tnews::after{ margin:10px auto;}
.Online-form .wli22{ margin-bottom:20px; width:100%; margin-right:0;}
.Online-form .wli100{ width:100%;}
.Online-form .spacing_50{ margin-top:0; margin-bottom:20px;}
}



/* 团队风采 */
.list-Team{ margin-top:60px;}
.list-Team li{ width:31.5%; margin-right:2.66%; float: left; margin-bottom:2.66%;}
.list-Team li:nth-child(3n){ margin-right:0;}
.list-Team li .pic{ overflow: hidden;}
.list-Team li .pic span{ display: block; padding-bottom:75%; background-size: contain; background-position: center; background-repeat: no-repeat; transition: all .5s;}
.list-Team li .minc{ text-align: center; font-size:20px; color: #666666; line-height:30px; padding:10px;}
.list-Team li :hover .pic span{ background-color: #1685da; transform: scale(1.1);}
@media(max-width:640px){
.list-Team{ margin-top:30px;}
.list-Team li:nth-child(3n),
.list-Team li{ width:49%; margin-right:2%; float: left; margin-bottom:2%;}
.list-Team li:nth-child(2n){margin-right:0;}
.list-Team li .minc{ font-size: 16px; padding:5px 0;}
}



/* 人才培养 */
.Talent-box .Tnews{text-align: center; line-height:40px; font-size:38px; color: #333333;}
.Talent-box .Tnews::after{ content: ''; display: block; width:1em; height:2px; background-color: #1685da; margin:25px auto;}
.Talent-Intro{ margin-top:70px;}
.Talent-Intro .text-lo{width:50%; float: left; padding-right:60px; color: #333333; line-height:26px;}
.Talent-Intro .text-ro{width:50%; float: right;}
.Talent-Intro .text-ro dl{ font-weight: bold; margin-bottom:20px; display: flex; text-align: center;}
.Talent-Intro .text-ro dt{ position: relative; padding:50px 0; margin-right:5px; width:35%; background-color: #1685da; float: left; font-size:24px; color: #ffffff;}
.Talent-Intro .text-ro dd{ padding:50px 0; margin-right:5px; width:25%; font-size:20px; color: #333333; background-color: #f7f8fc; float: left;}
.Talent-Intro .text-ro dt::after{ content:''; width:0; height:0; display: block; position: absolute; right:-8px; top:50%; margin-top:-8px; border-top:8px solid transparent; border-bottom:8px solid transparent; border-left:8px solid #1685da;}
.Talent-box .Tshizy{ margin-top:90px; overflow: hidden; width: 100%; float: left;}
.Talent-box .Tshizy li{ width:50%; float: left; color: #333333;}
.Talent-box .Tshizy li:nth-child(1){ padding-right:60px;}
.Talent-box .Tshizy h4{ margin-bottom:25px; font-weight: 500; font-size:20px; color: #1685da;}
@media(max-width:1024px){
.Talent-box .Tshizy li:nth-child(1),
.Talent-Intro .text-lo{ padding-right:30px;}
.Talent-Intro .text-ro dt{ padding:40px 0; font-size:20px;}
.Talent-Intro .text-ro dd{ padding:40px 0; font-size:18px;}
.Talent-box .Tshizy{ margin-top:30px;}
}
@media(max-width:768px){
.Talent-Intro{ margin-top:40px;}
.Talent-Intro .text-lo{ margin-bottom:30px; width:100%; padding-right:0;}
.Talent-Intro .text-ro{ width:100%;}
}
@media(max-width:640px){
.Talent-box .Tnews{ font-size:28px;}
.Talent-box .Tnews::after{ margin:15px auto;}
.Talent-Intro{ margin-top:30px;}
.Talent-Intro .text-ro dt{ padding:25px 0; font-size:16px;}
.Talent-Intro .text-ro dd{ padding:25px 0; font-size:14px;}
.Talent-box .Tshizy li{ width:100%;}
.Talent-box .Tshizy li:nth-child(1),
.Talent-Intro .text-lo{ padding-right:0;}
}

/* 职员发展 */
.Staff-box .Tnews{ line-height:40px; font-size:38px; color: #333333;}
.Staff-box .Tnews::after{ content: ''; display: block; width:1em; height:2px; background-color: #1685da; margin:20px 0;}
.Staff-Intro{ padding:100px 60px 100px 100px; background-color: #f7f8fc;}
.Staff-lo{ padding-top:50px; width:50%; float: left;}
.Staff-lo .wenzi{ line-height:30px;}
.Staff-ro{ padding-left:60px; text-align: right; width:50%; float: left;}
@media(max-width:1024px){
.Staff-box .Tnews{ font-size:35px;}
.Staff-Intro{ padding:80px 50px;}
.Staff-lo{ padding-top:0;}
}
@media(max-width:768px){
.Staff-Intro{ padding:50px;}
.Staff-lo{width:100%;}
.Staff-ro{ margin-top:20px; text-align: left; padding-left:0; width:100%;}
}
@media(max-width:768px){
.Staff-box .Tnews{ font-size:28px;}
}



/* 福利待遇 */
.Welfare-wenb{ max-width:1366px; margin:0 auto;}
.Welfare-list{ margin-top:70px; display: flex;}
.Welfare-list .itme{ color: #333333; line-height:25px; width:23%; margin-right:2%; background: #f7f8fc; padding:50px 6% 50px 40px; position: relative; border-radius:8px; overflow: hidden;}
.Welfare-list .itme h4{ font-size:24px; color: #1685da; margin-bottom:10px;}
.Welfare-list .itme:last-child{ margin-right:0;}
.Welfare-list .itme .icon{ position: absolute; right:0; top:0; width: 29.25555%;}
.Welfare-list .itme .wenb span{ display: inline-block; vertical-align: middle;}

@media(max-width:768px){
.Welfare-list{ display: block;}
.Welfare-list .itme{ width:48%; margin-right:2%; margin-bottom:20px; float: left;}
.Welfare-list .itme:nth-child(2n){ margin-right:0; float: right;}
.Welfare-list .itme .icon{ position: absolute; right:0; top:0; width:20%;}
.Welfare-list .itme .wenb{ min-height:80px;}
}
@media(max-width:640px){
.Welfare-list .itme{ padding:30px; width:100%; margin-right:0; margin-bottom:20px; float: left;}
.Welfare-list .itme .wenb{ min-height:0;}
}


/* 文化展示 */
.Culture-con{ margin-top:50px; line-height:26px;}


/* 人才招聘 */
.Recruitment-box{ margin:70px auto 50px;}
.Recruitment-box .Tnews{text-align: center; line-height:40px; font-size:38px; color: #333333;}
.Recruitment-box .Tnews::after{ content: ''; display: block; width:1em; height:2px; background-color: #1685da; margin:25px auto;}
.Recruitment-list{ margin:50px auto;}
.Recruitment-list .tishi{ padding:25px 0; color: #666666;}
.Recruitment-list li:first-child{ border-top:solid 1px #ebebeb}
.Recruitment-list li{ border-bottom:solid 1px #ebebeb}
.Recruitment-list li .til{ position: relative; cursor: pointer; padding:25px; padding-right:120px; font-size:24px; color: #333333; transition: all .5s;}
.Recruitment-list li .til::before{ content:''; width:2px; height:15px; display:block; position: absolute; top:50%; right:55.5px; transform: translateY(-50%); transition: all .5s; background-color: #333;}
.Recruitment-list li .til::after{ content:''; width:15px; height:2px; display:block; position: absolute; top:50%; right:50px; transform: translateY(-50%); transition: all .5s; background-color: #333;}
.Recruitment-list li.active .til,
.Recruitment-list li:hover .til{ color: #fff; background-color: #1685da;}
.Recruitment-list li:hover .til:before,
.Recruitment-list li:hover .til:after,
.Recruitment-list li.active .til::after{ background-color: #fff;}
.Recruitment-list li.active .til::before{ opacity:0;}
.Recruitment-list .Recrui-con{ line-height:30px; padding:30px 20px; display: none; color: #333333;}
.Recruitment-list .Recrui-con strong{ display: inline-block; padding-bottom:10px; font-weight: 500; font-size:20px;}
.Recruitment-list .Recrui-con .blue{ color: #1685da;}
.Recruitment-list .Recrui-con .but{ display: none;}
.Recruitment-list .Recrui-con .but a{ color: #fff; background-color:#1685da; text-align: center; display: inline-block; vertical-align: middle; width:180px; line-height:45px; border-radius:50px;}
.Recruitment-list .Recrui-con .but a em{ margin-left:10px; font-family:'黑体'; font-weight: bold; font-style: normal;}
@media(max-width:640px){
.Recruitment-box .Tnews{ font-size:28px;}
.Recruitment-box .Tnews::after{ margin:15px auto;}
.Recruitment-box{ margin:50px auto 30px;}
.Recruitment-list li .til{ font-size:18px;}
.Recruitment-list .Recrui-con strong{ font-size:17px;}
}



/* 搜索 */
.search-box{ margin:20px auto 50px;}
.search-box .Tnews{text-align: center; line-height:60px; font-size:38px; color: #333333;}
.search-box .Tnews::after{ content: ''; display: block; width:1em; height:2px; background-color: #1685da; margin:25px auto;}
.search-list{ margin:50px auto;}
.search-list li{ position: relative; padding:0 20px; transition: all .5s; border-bottom:solid 1px #ebebeb; overflow: hidden;}
.search-list li::after{ position: absolute; top:50%; margin-top: -3px; left:0; content: ''; display: block; width:6px; height:6px; background-color: #ccc; border-radius:50%;}
.search-list li .title{ padding:30px 0; width: calc(100% - 100px); font-size:18px; color: #000; float: left; transition: all .5s;}
.search-list li .time{ padding:30px 0; color: #999; float: right;}
.search-list li a:hover .title{ color: #1685da;}
.search-list table{max-width: 1200px;width: 100%;margin: auto;border-top: 1px solid #ccc;border-left: 1px solid #ccc;}
.search-list table tr{border-bottom: 1px solid #ccc;text-align: center;}
.search-list table tr th{width: 20%;font-size: 18px;font-weight: bold;border-right: 1px solid #ccc;height: 50px;background-color: transparent}
.search-list table tr td{width: 20%;font-size: 16px;border-right: 1px solid #ccc;height: 50px;}
.search-list table tr td a{color: #1685da;}
input:-webkit-autofill {
    box-shadow: 0 0 0px 1000px transparent inset !important;
    -webkit-text-fill-color: transparent !important;
    -webkit-background-clip:text;

  }
  .home-con-three .form-box .input-su input:-internal-autofill-previewed, 
  .home-con-three .form-box .input-su input:-internal-autofill-selected { 
    -webkit-text-fill-color: #fff !important;
  }
@media(max-width:640px){
	.search-list{overflow-y: hidden;}
	.search-list table{width: 1200px;}
}

.aside{
  width: 50px;
  position: fixed;
  right: 6px;
  top: 50%;
  border-radius: 5px;
  z-index: 4;
  border:1px solid #F4F4F4;
  background-color:#fff;
  margin-top:-113px;
}
.aside ul li{
  display: block;
  width: 50px;
  height: 50px;
  margin-bottom: 6px;
  position: relative;
}
.aside ul li a{
  width: 100%;
  height: 100%;
  position:relative;
  z-index:2;
}
.aside ul li a img:last-child {
	display:block;
}
.aside ul li a:hover img:first-child{
	display:none;
}
.aside ul li a:hover span{
opacity: 1;
}
.aside ul li a:hover img:last-child{
	display:block;
}
.aside ul li a{
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  flex-wrap: wrap;
  font-size: 14px;
}



.sub2 span {
    opacity: 1;
    padding: 0;
}


.aside ul li a >img{
  width: 32px;
  height: 32px;
  margin: 15px auto;
  display: block;
}
.sub img {
    max-width: 100%;
    margin: 0px 0;
}
.aside ul li a p{
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  height: 20px;
  line-height: 20px;
  font-size: 14px;
  text-align: center;
}
.aside ul li .sub{
  display: block;
  position: absolute;
  width: 150px;
  height: auto;
  left: 50px;
  top: 50%;
  opacity: 0;
  transform: translateY(-50%);
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  background-color:rgb(232 ,244 ,253,0.78);
  font-size: 14px;
  padding: 10px;
  color: #999999;
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
  border:0px solid #F4F4F4;
  border-radius: 5px;   
  box-shadow: 0px 4px 8px 0px rgb(0 0 0 / 19%);
}
.sub3{ text-align: center;}


.aside ul li.sub img{
  width: 100%;
}
.aside ul li:nth-child(4) .sub {
    background-color: rgb(232, 244, 253, 0.9);
    top: -60%;
    padding: 16px 25px;
    left: -0px;
	 width: auto;
}
.aside ul li:nth-child(4):hover .sub {
	    left: -193px;
	
}



.aside ul li:hover .sub{
  opacity: 1;
  left: -181px;
}
.sub p {
    line-height: 1.5;
}


element.style {
}



.but_a{
    width: 120px;
    cursor: pointer;
    vertical-align: top;
    background: #1685da;
    color: #fff;
    height: 45px;
    font-size: 16px;
    line-height: 45px;
    text-align: center;
    display: inline-block;
    margin-top: 8px;
}

.sample-box .tabbox{
  width: 100%;
  height: auto;
}
.sample-box .tabbox .item{
  display: none;
  width: 100%;
}
.sample-box .tabbox .item.on{
  display: block;
}
.sample-form .wli50:nth-child(2n){
  padding-left: 0;
}

.home-con-three .search-shell input{color:#000;}
input::-webkit-input-placeholder{color:#888888;}    /* 使用webkit内核的浏览器 */
input::-moz-placeholder{color:#888888;}                  /* Firefox版本4-18 */
input::-moz-placeholder{color:#888888;}                  /* Firefox版本19+ */
input::-ms-input-placeholder{color:#888888;} 
.top-box .top-text .top-search input,.top-box:hover .top-text .top-search input{color:#888888;}
.top-box .top-text .top-search input::-webkit-input-placeholder,.top-box:hover .top-text .top-search input::-webkit-input-placeholder{color:#888888;}
.top-box .top-text .top-search input::-moz-placeholder,.top-box:hover .top-text .top-search input::-moz-placeholder{color:#888888;} 
.top-box .top-text .top-search input::-moz-placeholder,.top-box:hover .top-text .top-search input::-moz-placeholder{color:#888888;}
.top-box .top-text .top-search input::-ms-input-placeholder,.top-box:hover .top-text .top-search input::-ms-input-placeholder{color:#888888;}
.honor-box .list-shell .itme .pic a{vertical-align: middle;}
.honor-box .list-shell .swiper-button-next, .honor-box .list-shell .swiper-button-prev{outline:none;}
.about-one .video-shell{z-index:2; position: relative;}
.Single_news {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}
.Single_news h2 {
  font-size: 24px;
  text-align: center;
  padding-top: 50px;
  margin-bottom: 10px;
  font-weight: normal;
}
.Single_news h5 {
  font-size: 16px;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px dashed #e5e5e5;
  text-align: center;
  font-weight: normal;
}
.Single_news h5 span {
  margin: 0 5px;
}

.news-one-hide{
	display:none;
}

.w950{width:950px;max-width:100%;margin: 0 auto;padding: 0;}
.Represent-img .small-box{min-height: 60px;}
.Represent-img .small-box .button-style{outline: none;}
.Represent-Intro .consult_but a{margin-bottom:20px;padding:0;width:48%;}
.Represent-box .Represent-img .small-box {opacity: 0;}
.aside ul li:first-child a{
	padding: 0px;
    box-sizing: border-box;
    font-size: 14px;
}
.aside ul li {
  position: relative;
}
.aside ul li:last-child:after {
  display: none;
}
.aside ul li:after {
  content: '';
  width: 30px;
  height: 1px;
  position: absolute;
  left: 55%;
  bottom: -10px;
  margin-left: -18px;
  background: #f0f0f0;
}
.aside ul li:hover .sub2{
    left: -411px;
    bottom: -10px;
	opacity:1;
    z-index:1;
}
.aside ul li .sub2 {
  position: absolute;
  left: 50px;
  bottom: -8px;
  opacity:0;
  z-index:-1;
  width: 400px;
  height: auto;
    background: rgb(232 ,244 ,253,0.78);
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.19);
  border-radius: 5px;
  overflow: hidden;
      -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.sub3:after {
    width: 1px;
    height: 90px;
    position: absolute;
    content: '';
    left: 13px;
    top: 36px;
    bottom: 18px;
    /* font-size: 27px; */
    background: rgb(84 ,166 ,232 ,0.42);
    /* color: rgb(0 0 0 / 78%); */
    /* transform: rotate( 
90deg); */
    z-index: 9999;
}
.sub3:before {
    width: 1px;
    height: 90px;
    position: absolute;
    content: '';
    right: 13px;
    top: 36px;
    bottom: 18px;
    /* font-size: 27px; */
    background: rgb(84 ,166 ,232 ,0.42);
    /* color: rgb(0 0 0 / 78%); */
    /* transform: rotate( 
90deg); */
    z-index: 9999;
}









.aside ul li:before{
    width: 20px;
    height: 20px;
    position: absolute;
    content: '▲';
    left: -11px;
    bottom: 15px;
    font-size: 27px;
    /* background: #000; */
    color: rgb(232 ,244 ,253,0.78);
    transform: rotate( 
270deg);
    z-index: 2;
    opacity: 0;
    /* box-shadow: 0px 4px 8px 0px rgb(0 0 0 / 19%); */
    content: '';
    /* position: relative; */
    border: 0.6rem solid #d8d8d8;
    border-color: rgb(232 ,244 ,253,0.78) transparent transparent;
    width: 0;
    height: 0;
  
}


.aside ul li:first-child:before{
	
	display: none;
	
}


.aside ul li:hover:before{
	
	    opacity: 1;
	
	
}

.aside ul li .sub2 h2 {
  height: 50px;
  line-height: 50px;
  font-size: 22px;
  color: #ffffff;
  background: #1685da;
  margin: 0;
  padding: 0 15px;font-weight: 200;
}
.aside ul li .sub2 form {
  padding: 0 15px;
  font-size: 16px;
}
.aside ul li .sub2 form p {
  color: #000000;
  margin: 15px 0 11px;    font-size: 14px;
}
.aside span {
    padding: 0 10px;
    opacity: 0;
    position: absolute;
    top: 12px;
    /* margin: auto; */
    text-align: center;
    font-size: 15px;
    color: #999999;
    font-weight: bold;
}
.aside ul li .sub2 form p span {
  color: #d33030;top:0px;
  padding: 0 10px;
 opacity: 1;
       position: initial;

    /* margin: auto; */
    text-align: center;

    font-weight: bold;
}
.aside ul li .sub2 form textarea {
    width: 100%;
    height: 90px;
    padding: 10px;
    box-sizing: border-box;
    color: #818181;
    font-size: 12px;
    line-height: 1.5;
    background: #fff;    font-family: "微软雅黑" !important;
    border: 1px solid #e4e4e4;
}
.aside ul li .sub2 form input {
  width: 100%;
  height: 35px;
  padding: 10px;
  box-sizing: border-box;
  color: #818181;
  background: #fff;
  border: 1px solid #e4e4e4;
  margin-bottom: 10px;
    font-size: 12px;
    line-height: 1.5;
}
.aside ul li .sub2 form .btns {
  text-align: center;
  margin: 20px 0 25px;
}
.aside ul li .sub2 form .btns input {
  display: inline-block;
  width: 105px;
  height: 30px;
  background: #1685da;
  line-height: 30px;
  color: #fff;
  text-align: center;
  padding: 0;
  border-radius: 10px;
  border: none;
  margin: 0 30px;
  outline: none;    font-size: 12px;
}
.Represent-box{padding:70px 0 0;}
.Represent-Intro .des-box .text{min-height:150px;}
.Represent-Intro2{
	float: none;
    width: 100%;
}


@media (max-width: 1400px){
	.Represent-box2 .Represent-img{width:100%;}
	.Represent-box2 .Represent-Intro{width:100%;margin-top:40px;}
}

@media (max-width: 1000px){
	.w950{padding: 0 2%;}
}
.aside{
	box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.19);
	border-radius: 10px;
	font-family: "微软雅黑"!important;
}
@media (max-width: 768px){
	.Represent-Intro .des-box .text{min-height:auto;}
	.aside ul li .sub2{width: 300px;}
	.aside ul li:hover .sub2{left: -310px;}
	.aside ul li .sub2 form .btns input{margin: 0 10px;}
	.tab-con img {
    height: auto !important;
}
} 



/* 新页面 */

.mar70 .xincpaa .xincpaa-lve dl {
  display: flex;
  justify-content: center;
  flex-flow:wrap;
}

.mar70 .xincpaa .xincpaa-lve dl dd{
  background: #f8fafd;
  padding: 10px 20px;
  color: #000;
  border-radius: 10px;
  margin:5px 8px;
}

.mar70 .xincpaa .xincpaa-lve dl .dot {
  color: #333;
}
.mar70 .xincpaa .xincpaa-lve dl .on {color:#fff; background-color:#1685da;}
.mar70 .xincpaa .xincpaa-lve dl .on a {color:#fff;}
.xinliebe {
  width: 100%;
  padding: 0;
  float: initial;
}

.xinliebe .itme {
  margin: auto;
  /* table-layout: fixed; */width: 100%;
  float: initial;
  max-width: initial;
  /* margin-bottom: 10px; */
  background: #fff;
 /* transition: all 0.5s;*/
}
.xinliebe .itme:nth-child(2n-1){
	background-color:#f0f3fa;
}
.xinliebe .itme td {text-align:center;}
.xinliebe .itme td a {display:inline-block;}
tr.itme:hover {box-shadow: 0 0 15px rgb(0 0 0 / 55%);
  position: relative;
  z-index: 2;    transform: translate(0, 0);
  zoom: 1;}







.xinliebe .itme .title {color: #000;word-wrap: break-word;/*white-space: nowrap;*/
  padding: 0;
  word-break: normal;
  margin: 10px 0;
  max-height: initial;

}
.xinliebe .text.padd {
  display: none;
}

.mar70 .tablee ul {
  display: flex;
  table-layout: fixed;
}

.mar70 .tablee ul li {
  width: 100%;
  padding: 15px 0px;
    text-align: center;
    background: #1685da;
    color: #fff;
    border-right: 1px solid #efefef;
    font-size: 16px;
}
.mar70 .tablee {
  margin-top: 20px;
  /* table-layout: fixed; */
  margin-bottom: 20px;
}

.mar70 .tablee .products-list .itme th {
  background: #1685da;
  color: #fff;
  padding: 15px 5px;
  font-size: 16px;
  font-weight: 500;    border-right: 1px solid #f7f7f7;
  width: 9%;
}

/* .mar70 .tablee .products-list .itme th:first-child {
  width: 200px;
}
.mar70 .tablee .products-list .itme th:first-child img {
  max-width: 100px;
}
.mar70 .tablee .products-list .itme th:nth-child(4) {
  width: 250px;
} */

/* .mar70 .xiamain .products-list .itme th:first-child {width: 200px;display: block;} */
.mar70 .xiamain .itme th{
  background: #d3ddf6 !important;
}
.mar70 .xiamain .itme:nth-child(2n) th{
  background: #ebeffa !important;
}
/* .mar70 .xiamain .products-list .itme th:last-child{
  width: 123px;
} */
/* .mar70 .tablee .products-list .itme th:nth-child(8){
  width: 100px;    white-space: normal;
}.mar70 .tablee .products-list .itme th:nth-child(9){
  width: 90px;    white-space: normal;
} */
/* .mar70 .tablee .products-list .itme th:nth-child(8) .title{
  width: 100px;    white-space: normal;
}.mar70 .tablee .products-list .itme th:nth-child(9) .title{
  width: 90px;    white-space: normal;
} */
.mar70 .tablee .products-list .itme th .title{
white-space: normal;
}
.products-list .itme .title .shenq{
  background: #1685da;
  padding: 10px 5px;
  border-radius: 10px;
  color: #fff;
  font-size: 14px;
  display: block;
  max-width:80px;
  margin: auto;
}
.mar70 .xiamain .products-list .itme th {width: 8%;    max-width: 10px;}

.mar70 .xiamain .products-list .itme th:first-child {
  width: 13%;
}
.mar70 .xiamain .products-list .itme th:first-child img {max-width: 100px;}

.mar70 .xiamain .products-list .itme th:first-child {
  width: 13%;
}
.xinliebe .itme:first-child th {
  background: #1685da !important;
}
.xinliebe .itme:first-child:hover{

  box-shadow:none
}
.xinliebe .itme:hover th{
  position: relative;
}



.mar70 .xiamain .products-list .itme th:nth-child(4) {
  width: 17%;
}
.mar70 .xiamain .products-list .itme th:nth-child(9) {
  width: 10%;
}


@media screen and (max-width: 1330px){
  .mar70 .xiamain .products-list .itme th:nth-child(4) {
    max-width: 0;
}
.mar70 .xincpaa .xincpaa-lve dl {
  flex-wrap: wrap;
}
.mar70 .xincpaa .xincpaa-lve dl dd {
  margin-right: 10px;
  width: 35%;
  margin-bottom: 10px;
  text-align: center;
}
}

.sou {background: #f9fafe;max-width: 1300px;margin-top: 10px;}

.sou li {width: 100% !important;padding-top: 50px !important;padding: 40px 20px !important;    margin-right: 0 !important;}
.sou li span {
  color: #333;
}

.sou li {width: 100% !important;padding-top: 50px !important;padding: 20px 20px !important;}

.sou .ul {display: inline-block;}

.sou li span {color: #333;}

.sousuojg {max-width:1060px; margin: auto;}


.sousuojg .jieguo ul {display: flex;}

.sousuojg .jieguo ul li {width: 15%;padding: 20px 0;margin-right: 15px;}

.sousuojg .jieguo ul li p {font-size: 16px;color: #1685da;font-weight: bold;padding-left: 15px;/* border-left: 3px solid; */position: relative;}

.sousuojg .jieguo ul li p:before {content: '';position: absolute;width: 4px;height: 17px;background: #1685da;left: 0;border-radius: 5px;bottom: 1px;}

.sousuojg .jieguo ul li select {margin-top: 10px;border: 1px solid;width: 100%;border-radius: 5px;padding: 8px 10px;font-size: 16px;color: #cccccc;}

.sousuojg a {padding: 7px 30px;border-radius: 5px;background: #1685da;color: #fff;border: 1px solid #1685da;    display: inline-block;}

.sousuojg a:hover {background: transparent;
    color: #1685da;}

    .sousss{
          margin-top: 0px;
		  max-width:1300px;
    }
    @media screen and (max-width: 768px){
    .sousuojg .jieguo ul {
      flex-wrap: wrap;
  }
  .sousuojg .jieguo ul li {
    width: 30%;    padding: 10px 0;
}
.sousuojg .jieguo ul li:nth-child(3n){
  margin-right: 0;
}
.sousuojg a {
  padding: 15px 21px;
}
}


.Scenes-san .swiper-slide {/* background: #000; */background: linear-gradient(to bottom right, #feffff, #e7f3fc);min-height: 400px;/* padding: 20px; */display: flex;align-items: center;justify-content: center;box-shadow: 0px 0px 8px 0px #e6e6e6;padding: 0px 0;transition: all 0.2s;}








.Scenes-san .swiper-slide .cn-wez {font-size: 22px;text-align: center;color: #1a88dd;transition: all 0.2s;}

.Scenes-san .swiper-slide .itme {transition: all 0.2s;}

.Scenes-san .swiper-slide .dis {display: none;margin-top: 10px;font-size: 16px;color: #ffffff;line-height: 2;transition: all 0.2s;}

.Scenes-san .swiper-slide:hover {background: #1685da;}

.Scenes-san .swiper-wrapper {padding: 20px 0;}

.Scenes-san .swiper-slide:hover .icon {filter: grayscale(100%) brightness(300%);}

.Scenes-san .swiper-slide:hover .cn-wez {color: #fff;}

.Scenes-san .swiper-slide:hover .dis {display: block;}

.Epson-des .jkj {margin-top: 40px;}

.Epson-des .jkj .Intro {background: #f8fafd;padding:10px 40px;}

.Epson-des .jkj .Intro:nth-child(2) {margin-right: 0;}

.Epson-des .jkj .Intro:nth-child(2) .Epson-icon-box .itme {/*width: 33%;*/margin-bottom: 20px;}
.beijs .Epson-pro {
  margin-top: 10px;
}
@media screen and (max-width: 768px){
  .Epson-des .jkj {
    display: flex;
    flex-wrap: wrap;
}
.Epson-des .jkj .Intro {
  width: 100%;
  margin-right: 0;
  padding: 20px;
  margin-bottom: 20px;
}
}

.Epson-pro li a .ke-box img {max-width: 150px;}

.Epson-pro ul {overflow: visible;}




ul {
  list-style: none;
}

* {
  margin: 0;
  padding: 0;

}
.section{
  padding-top:38px;
  background: url(../images/beijj.png) no-repeat center;
  overflow: hidden;background-size: cover;
}
.section .w1600 {margin: auto;}
.about-one{
  padding:0px 0
}
.about-one .ny-right{
  width:48%
}
.about-one .ny-left{
  width:50%;
  padding-top:8px
}
.about-one .ny-txt{
  height:240px
}
.about-one h4{
  text-align:left;
  margin-bottom:80px
}
.about-one .ny-txt p{
  line-height:40px;
  color:#999
}
.about-one .ny-txt p span{
  color:#fff;
  font-weight:700
}
.about-one .ny-txt p:nth-child(2){
  margin:37px 0 24px
}
.about-one .ny-bot{
  border-top:1px solid #404040;
  padding-top:43px
}
.about-one .ny-bot li:hover h4{
  color:#09f;
  transform:translateY(-10px)
}
.about-one .ny-bot h4{
  color:#ccc;
  margin-bottom:10px;
  transition:all .5s
}
.about-one .ny-bot h4 span{
  font-size:60px;
  font-weight:700;
  margin-right:14px
}
.about-one .ny-bot p{
  color:#ccc
}
.about-one .ny-bot li:nth-child(2) .ny-item,.about-one .ny-bot li:nth-child(3) .ny-item{
  padding-left:96px
}
.about-two{
  padding:0px 0 20px
}
.about-two .ny-wrap{
  margin-top:60px
}
.about .ny-tit.ssline::after{
  display:inline-block;
  margin:0;
  margin-left:22px;
  width:52px;
  background-color:#fff
}
.about-two .ny-item{
  width:60%;
  margin:auto
}
.about-two .ny-item p{
  color:#999;
  line-height:40px
}
.about-two li h4{
  color:#fff;
  padding:14px 0 15px 72px;
  margin-bottom:23px
}
.about-two li:nth-child(1) h4{
  background:url(../images/abtw-1.png) no-repeat left center;
  background-size:auto 100%
}
.about-two li:nth-child(2) h4{
  background:url(../images/abtw-2.png) no-repeat left center;
  background-size:auto 100%
}
.about-two li:nth-child(3) h4{
  background:url(../images/abtw-3.png) no-repeat left center;
  background-size:auto 100%
}
.about-two li:nth-child(1):hover h4{
  background:url(../images/abtw-11.png) no-repeat left center;
  background-size:auto 100%
}
.about-two li:nth-child(2):hover h4{
  background:url(../images/abtw-22.png) no-repeat left center;
  background-size:auto 100%
}
.about-two li:nth-child(3):hover h4{
  background:url(../images/abtw-33.png) no-repeat left center;
  background-size:auto 100%
}
.about-two li:hover h4{
  color:#09f
}
.about-three{
  padding:20px 0 70px
}
.about-three .ny-wrap{
  margin-top:30px
}
.about-three .abth-img{
  position:relative;
  display:inline-block;
}
.abth-img1{
  max-width:700px
}
.abth-img2{
  max-width:700px
}
.abth-font,.abth-font ul,.abth-img2,.abth-img3,.abth-img4,.abth-img5{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  transition:all .5s
}
.abth-img3{
  -webkit-animation:rote3 50s linear infinite;
  -moz-animation:rote3 50s linear infinite;
  animation:rote3 50s linear infinite;
  max-width:700px;
}
@keyframes rote3{
  0%{
      transform:rotateZ(0)
  }
   100%{
      transform:rotateZ(-360deg)
  }
}
@keyframes rote4{
  0%{
      transform:rotateY(0)
  }
   100%{
      transform:rotateY(-360deg)
  }
}
.abth-font li.on span::after,.abth-font li:hover span::after{
  width:15px;
  height:2px
}
.abth-font li.on span,.abth-font li:hover span{
  font-size:18px
}
.abth-font span{
  color: #1685da;
  font-size: 20px;
  transition:all .2s
;font-weight: bold;/* margin-top: -69px; *//* margin-bottom: 20px; */position: relative;top: -10px;left: 0%;}
.abth-font span::after{
  content:"";
  display:inline-block;
  width:6px;
  height:1px;
  background-color:grey;
  transition:all .5s;
  margin-left:5px;
  vertical-align:middle
;display: none;}
.abth-font h4{
  color: #333;
  line-height: 36px;
  display: inline-block;
  padding-left: 30px;
  vertical-align: top;
  margin-top: -6px;
  height: 72px;
  font-size: 16px;
  position: relative;
  max-width: 400px;
  line-height: 1.5;
  font-weight: normal;
}
.abth-font li{
  position:absolute;
  width:100%
}
.abth-font li:nth-child(1){
  left: 80%;
  top: -0.7%;}
.abth-font li:nth-child(1) .abth-item::before{
  bottom: -10%;
  left: -19%;
  /* background-color:#333; */
}
.abth-font li:nth-child(2){
  width:50%;
  right: -50.5%;
  top: 7%;}
.abth-font li:nth-child(2) .abth-item::before{
  left: -49.5%;
  bottom: -10%;}
.abth-font li:nth-child(3){
  right: -106.8%;
  width: 100%;
  top: 15%;}
.abth-font li:nth-child(3) .abth-item::before{
  left: -21%;/* top: 6px; */bottom: -10%;}
.abth-font li:nth-child(4){
  bottom: 68%;
  right: -116%;
  width: 100%;}
.abth-font li:nth-child(4) .abth-item::before{
  left: -25%;
  /* top: 4px; */bottom: -10%;}
.abth-font li:nth-child(5){
  bottom: 59.2%;
  right: -120.5%;}
.abth-font li:nth-child(5) .abth-item::before{
  /* top: 8px; */
  left: -25%;bottom: -10%;}
.abth-font li:nth-child(6){
  bottom: 49%;
  right: -121%;
}
.abth-font li:nth-child(6) .abth-item::before{
  /* top: 3px; */
  left: -24%;bottom: -10%;}
.abth-font li:nth-child(7){
  bottom: 38.2%;
  left: 119%;
}
.abth-item::before{
  content:"";
  width: 100%;
  height: 100%;
  /* border-radius:50%; */
  /* border:1px solid #fff; */
  display:inline-block;
  position:absolute;
  transition:all .5s
;/* border: 1px solid #000; */left: 0;/* background: #fff; *//* margin: 10px; */

background-size: cover;background: url(../images/ll.png) no-repeat;


}
.abth-font li:hover .abth-item::before{
  /* width:16px; */
  /* height:16px; */
  /* background-color: #fff; *//* border: 1px solid #000; */}
.about-four .abfo-txt .abfo-info2{
  color:#999;
  line-height:36px;
  border-bottom:1px solid #242424;
  padding-bottom:6px;
  margin-bottom:5px;
  padding-left:26px;
  background:url(../images/abfo-icon.png) no-repeat left 12px
}

.abth-font li:nth-child(8) {bottom: 27.2%;
  left: 116%;width: 120%;}

.abth-font li:nth-child(8) ::before {left: -18%;bottom: -10%;}

.abth-font li:nth-child(7) ::before {/* top: 3px; */
left: -22%;bottom: -10%;}

.abth-font li:nth-child(9) {bottom: 16.2%;
  left: 111%;}

.abth-font li:nth-child(9):before {left: -20%;}

.abth-font li:nth-child(9) ::before {left: -22%;bottom: -10%;}

.abth-font li:nth-child(10) {bottom: 6.2%;
  left: 104%;width: 120%;}

.abth-font li:nth-child(10) ::before {left: -20%;bottom: -10%;}

.abth-font li:nth-child(11) {bottom: -3.8%;
  left: 94%;
  width: 120%;}

.abth-font li:nth-child(11) ::before {left: -26%;bottom: -10%;}



.abth-font .abth-item {position: relative;}





@media (min-width:767px){
  .abth-font li:nth-child(1) h4 {padding-left: 60px;}

  .abth-font li:nth-child(2) h4 {
	  
	      padding-left: 20px;
    position: relative;
    right: -77px;
    top: -26px;
	  
  }
  
  .abth-font li:nth-child(3) h4 {padding-left: 60px;}
  
  .abth-font li:nth-child(4) h4 {padding-left: 15px;}
  
  .abth-font li:nth-child(5) h4 {padding-left: 20px;}
  
  .abth-font li:nth-child(6) h4 {padding-left: 20px;}
  
  .abth-font li:nth-child(7) h4 {padding-left: 35px;}
  
  .abth-font li:nth-child(8) h4 {padding-left: 35px;}
  
  .abth-font li:nth-child(9) h4 {padding-left: 35px;}
  
  .abth-font li:nth-child(10) h4 {padding-left: 20px;}
  
  .abth-font li:nth-child(11) h4 {padding-left: 0;}
  
  
  .abth-font li:nth-child(1) span {left: 4%;}
  
  .abth-font li:nth-child(2) span {left: -17%;}
  
  .abth-font li:nth-child(3) span {left: -5%;}
  
  .abth-font li:nth-child(4) span {left: -8%;}
  
  .abth-font li:nth-child(5) span {left: -2%;}
  
  .abth-font li:nth-child(6) span {left: -1%;}
  
  .abth-font li:nth-child(7) span {left: 1%;}
  
  .abth-font li:nth-child(8) span {left: 1%;}
  
  .abth-font li:nth-child(9) span {left: 1%;}
  
  .abth-font li:nth-child(10) span {left: -1%;}
  
  .abth-font li:nth-child(11) span {left: -7%;}
}




/* 
 @media (max-width: 1259px){
  .about-one{
      padding:50px 0
  }
   .about-one h4{
      margin-bottom:20px
  }
   .about-one .ny-txt p{
      line-height:26px
  }
   .about-one .ny-txt p:nth-child(2){
      margin:18px 0 19px
  }
   .about-one .ny-txt{
      height:200px
  }
   .about-one .ny-bot h4 span{
      font-size:38px
  }
   .about-two .ny-item p{
      line-height:26px
  }
   .about-two li h4{
      padding:11px 0 12px 52px;
      margin-bottom:18px
  }
   .about-two .ny-item{
      width:94%
  }
   .abth-img1{
      width:550px
  }
   .abth-font li:hover .abth-item::before,.abth-item::before{
      width:12px;
      height:12px
  }
   .abth-font li:nth-child(1) .abth-item::before{
      bottom:5px
  }
   .abth-font h4{
      padding-left:12px
  }
   .abth-font li:nth-child(5){
      bottom: 14.2%;
      right: -45.5%;
      right: -102.5%;
  }
   .abth-font li:nth-child(4){
      bottom: 40.3%;
  }
   .abth-font li:nth-child(7){
       bottom: -14%;
  }
} 

 @media (max-width:991px){.section{padding-top:0}
.about-one .ny-right{width:37.71%}
.about-one .ny-bot h4 span{font-size:32px}
.about-one .ny-bot h4{margin-bottom:6px}
.about-one .ny-bot{margin-top:20px;padding-top:20px}
.about-one .ny-txt p:nth-child(2){margin:8px 0}
.about-one .ny-txt{height:250px}
.about-two{padding:60px 0}
.abth-img1{width:450px}
.abth-font li:nth-child(2){width: 58%;right: -37.5%;}
.abth-font li:nth-child(1){top: -16.7%;width: 70%;}
.abth-font li:nth-child(3){right: -53%;width: 56%;top: 22%;}
.abth-font li:nth-child(4){bottom: 37.7%;right: -87.5%;width: 80%;}
.abth-font h4{font-size:16px}
.about-six .ny-wrap li{width:33.33%}
.about-six .ny-nav span{padding:8px 21px;min-width:116px}
}  */

@media (max-width:768px){
.mar70 .xincpaa .xincpaa-lve dl {
  justify-content: flex-start;
}
.mar70 .tablee {
 
  width: 1200px;
  /*width: 100%;*/
}
.biaop{
  overflow: auto;
}
.mar70 .xincpaa .xincpaa-lve dl dd:nth-child(2n){
margin-right: 0;
}
.mar70 .xincpaa .xincpaa-lve dl dd {
  width: 37%;
}
.tuijianyd .products-des .ul li {
  width: 100%;
  margin-right: 40px;
  padding-bottom: 20px;
  border-bottom: 1px solid #ebebeb;
  padding-top: 20px;
  margin: 0;
  padding: 20px;
}
}

.xqtuijian {margin-top: 40px;border: solid 1px #e5e5e5;border-radius: 40px 0 0px 0;padding: 40px 0px;padding-bottom: 0; width:308px; max-width:100%; margin-left:auto; margin-right:auto;}


.xqtuijian .xqtuijian-tow .tuij {padding: 30px 35px;font-size: 24px;color: #1685da;display: flex;padding-top: 0;align-items: center;border-bottom: solid 1px #e5e5e5;}

.xqtuijian .xqtuijian-tow .tuij img {margin-right: 15px;}

.xxq {background: transparent;}

.xxq .two-lve {background-color: #f3f7fb;padding-bottom: 100px;border-radius: 0px 0 40px 0;}

.xqtuijian ul {padding: 40px 20px;}

.xqtuijian ul .tuis {background: #f5f5f5;margin-bottom: 40px;text-align: center;}

.xqtuijian ul .tuis img {width: 100%;margin: auto;max-width: 250px;}

.xqtuijian ul .tuis p {text-align: left;padding: 20px;font-size: 20px;color: #1685da;font-weight: bold;padding-top: 10px;}

.xqtuijian ul .tuis p span {font-size: 16px;font-weight: 500;margin-left: 20px;}



@media screen and (max-width: 1430px) and (min-width: 1110px){
  .abth-img1 {
    max-width: 600px;
  }
  .abth-font li:nth-child(1) h4 {
    padding-left: 80px;
  }
  .abth-font li:nth-child(2) h4 {
    padding-left: 50px;
  }
  .abth-font li:nth-child(3) h4 {
    padding-left: 60px;
  }
  .abth-font li:nth-child(4) h4 {
    padding-left: 51px;
    top: 10px;
  }
  .abth-font li:nth-child(5) h4 {
    padding-left: 50px;
  }
  .abth-font h4 {
    font-size: 14px;
  }
  .abth-font li:nth-child(6) h4 {
    padding-left: 50px;
  }
  .abth-font li:nth-child(7) h4 {
    padding-left: 60px;
  }
  .abth-font li:nth-child(8) h4 {
    padding-left: 60px;
  }
  .abth-font li:nth-child(9) h4 {
    padding-left: 60px;
  }
  .abth-font li:nth-child(10) h4 {
    padding-left: 60px;
  }
  .abth-font span{
    font-size: 16px;
  }
  }
  @media screen and (max-width: 1200px) and (min-width: 1110px){
    .abth-img1 {
      max-width: 500px;
  }
  .abth-item::before {
    max-width: 184px;
    background-size: 100%;
  }
  .abth-font li:nth-child(1) h4 {
    padding-left: 40px;
  }
  .abth-font li:nth-child(2) h4 {
    padding-left: 10px;
  }
  .abth-font li:nth-child(3) h4 {
    padding-left: 90px;
    top: -16px;
  }
  .abth-font li:nth-child(3) {
  
    top: 14%;
  }
  .abth-font li:nth-child(4) {
    bottom: 62%;
    right: -118%;
  }
  .abth-font li:nth-child(5) {
    bottom: 48.2%;
    right: -121.5%;
  }
  .abth-font li:nth-child(6) {
    bottom: 42%;
    right: -121%;
  }
  .abth-font li:nth-child(4) h4 {
    padding-left: 8px;
    /* position: relative; */
    top: 5px;
  }
  .abth-font li:nth-child(5) h4 {
    padding-left: 73px;
    top: -20px;
  }
  .abth-font li:nth-child(7) {
    bottom: 34.2%;
  
  }
  .abth-font li:nth-child(7) h4 {
    padding-left: 20px;
  }
  .abth-font li:nth-child(6) h4 {
    padding-left: 20px;
  }
  .abth-font li:nth-child(8) h4 {
    padding-left: 30px;
  }
  .abth-font li:nth-child(9) {
    bottom: 13.2%;
    left: 114%;
  }
  .abth-font li:nth-child(9) h4 {
    padding-left: 90px;
    top: -20px;
  }
  .abth-font li:nth-child(8) {
    left: 117%;
  }
  .abth-font li:nth-child(10) {
    left: 107%;
  }
  .abth-font li:nth-child(10) h4 {
    padding-left: 20px;
  }
  .abth-font li:nth-child(11) {
    left: 99%;
  }
  .abth-font li:nth-child(11) h4 {
    padding-left: -20px !important;
    left: -48px;
    top: 3px;
  }
  }












@media (max-width:768px){
.xqtuijian {

  padding: 20px 0px;
}
.xqtuijian .xqtuijian-tow .tuij {

  padding-bottom: 20px;
}
.xqtuijian ul .tuis img {

  max-width: 150px;
}

.Epson-pro li:before {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.Epson-pro li:hover::after {
  right: 0%;
  bottom: 0%;
}



}
.Scenes-san .swiper-slide .itme .icon {
  width: 100px;
  height: 100px;
  background-repeat: no-repeat;
  background-position: center;
}

.Scenes-san {
  background: transparent;
}
.Epson-des .jkj .Intro strong {
  color: #1585da;
}
@media (max-width:1110px){
  
  .about-three{padding:0px 0}
  .about-four .ny-wrap{margin-top:45px}
  .about-one,.about-six{padding:45px 0}
  .about-one .ny-left{width:100%}
  .about-one .ny-right{width:100%;padding:0;margin-bottom:20px}
  .about-two{padding:45px 0 25px}
  .about-two .ny-wrap li{width:100%;margin-bottom:20px}
  .about-two .ny-item{width:100%}
  .about-two li h4{margin-bottom:10px}
  .abth-img img{display:none}
  .abth-font,.abth-font li,.abth-font ul{position:initial;width:100%!important}
  .about-three .abth-img{
    width: 100%;
  }
  .abth-font li .abth-item::before{display:none}
  .about-four .ny-left>ul>li,.about-four .ny-right>ul>li{width:100%}
  .about-four .abfo-txt,.about-four .abfo-txt2{position:inherit}
  .abfo-li:hover .abfotxt2-bot p,.about-four li:hover .abfo-txt2{height:auto}
  .about-four li .abfo-txt,.about-four li .abfo-txt2{padding:20px}
  .abfo-bj{display:none}
  .abfotxt2-bot p{height:auto}
  .abfotxt2-center h4 span{font-size:32px}
  .about-four .abfo-txt .abfo-info1{height:auto}
  .about-four .abfo-txt3{text-align:left;margin-top:20px}
  .about-five{padding:45px 0}
  .about-five .ny-header p{float:left}
  .about-six .ny-nav{float:left;margin-top:10px}
  .about-six .ny-nav{margin:20px -5px 0}
  .about-six .ny-nav li{padding:0 5px}
  .about-six .ny-wrap li{width:100%}
  .abth-font .abth-item {
    position: relative;
    display: flex;
    align-items: flex-start;
    margin-top: 10px;
  }
  .abth-font .abth-item span {width: 14%;position: initial;font-size: 16px;line-height: 2;}
  
  .abth-font .abth-item h4 {width: 70%;/* padding: 0; */margin: 0;font-size: 16px;line-height: 2;height: auto;}
  .section {
    padding-top: 0;
  }
  }
  
  
  
  
  
  
  
  
  
  
  /*2022/4/27*/
  @media (max-width: 640px){
  .about-one .video-shell{
    float: none;
    width: 100%;
    margin-left: 0;
	    margin-bottom: 10px;
}
.about-one .video-shell video{
	width: 100%;
	height: auto;
}
.about-one {
    margin-top: 0;
}
.abth-font .abth-item span {
        width: 20%;
    position: relative;
    top: 0;
    left: 0;
}
.abth-font .abth-item span::after{
    content: "";
    display: inline-block;
    width: 6px;
    height: 1px;
    background-color: #1685da;
    transition: all .5s;
    margin-left: 5px;
    vertical-align: middle;
}
  }


.xinliebe .itme td{
    width: 8%;
    max-width: 10px;
	    padding: 15px 5px;
}
.xinliebe .itme td:first-child {
    width: 13%;
}
.xinliebe .itme td:nth-child(4) {
    width: 17%;
}
.xinliebe .itme td:nth-child(9) {
    width: 10%;
}
.mar70 .xiamain .itme{
	background: #d3ddf6 !important;
}
.mar70 .xiamain .itme:nth-child(2n){
    background: #ebeffa !important;
}
.mar70.sousss .xiamain .itme{
	    background-color: #f0f3fa !important;
}
.mar70.sousss .xiamain .itme:nth-child(2n){
    background: #fff !important;
}
.mar70.sousss .xiamain .itme td:first-child img{
	max-width:100px;
}
.mar70 .xiamain .itme:nth-child(2n) th,
.mar70 .xiamain .itme th{
    background: none !important;
}
.mar70 .xiamain .itme:first-child th {
    background: none !important;
}
.mar70 .xiamain .itme:first-child{
	    background: #1685da !important;
}
.Epson-news-list .itme .pic span{
	    background-size: cover;
    background-position: center;
}
/*2022.4.28*/
@media(max-width:1240px){
	.news-ol li .pic{
		width: 32.5%;
	}
}
@media(max-width:1024px){
	.news-list .Tnews{
		font-size:28px;
	}
	.news-ol li .title{
		font-size: 20px;
	}
	.news-ol li .time span{
		font-size: 24px;
	}
	.news-ol li .pic{
		width: 40%;
	}
}
@media(max-width:768px){
	.news-ol li .pic{
		width: 100%;
	}
	.news-ol li .text{
		width: 100%;
		    padding: 2% 9% 2% 5%;
	}
	.news-ol li .title{
		font-size: 18px;
	}
	.news-ol li .Intro{
		font-size: 14px;
	}
	.news-ol li a{
		display: block;
	}
	.news-ol li::after{
		top:58%;
	}
}
















