@charset "utf-8";
body{ margin:0 auto; font-size:14px;color:#333; font-family:arial,'helvetica neue','pingfang SC','microsoft yahei ui','microsoft yahei',simsun,sans-serif; line-height:normal;}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{ padding:0; margin:0;}
h4,h5,h6{font-weight:normal;}
ul,li{ list-style:none;}
li{float: left;}
*{margin:0px; padding:0px;}

:root{--mColor: #035EC5;--fColor: #D5E0E8;}

img{border:0px;max-width: 100%;height: auto ;}
a { color:#333; text-decoration:none;}
dd,dl,dt,em,h1,h2,h3,h4,h5,i{font-weight:normal;font-style:normal}
i,em{font-style: normal;}
a:hover {color:var(--mColor);text-decoration: none;transition: 0s;-webkit-transition: 0s;-ms-transition: 0s;}
a:active{text-decoration:none}
a:focus{outline:none;}
.clear{ clear:both;}
.fl{float: left;}
.fr{float: right;}

img{ border: none;vertical-align: middle;}
input,textarea{border: none;outline: none; background:none;}
button{border: none;outline: none; background:none;}

*{box-sizing: border-box;-webkit-box-sizing: border-box;-ms-box-sizing: border-box;transition: 0.5s;-webkit-transition: 0.5s;-ms-transition: 0.5s;}
h3{transition: 0s;-webkit-transition: 0s;-ms-transition: 0s;}
::before,::after{transition: 0.5s;-webkit-transition: 0.5s;-ms-transition: 0.5s;}

.floats{float: left;width: 100%;}
.centers{margin: 0 auto;max-width: 1200px;clear:both;}
.centers1580{margin: 0 auto;max-width: 1580px;clear:both;padding:0 20px;}
.centers1400{margin: 0 auto;max-width: 1400px;clear:both;}
.centers1742{margin: 0 auto;max-width: 1742px;clear:both;padding:0 20px;}
.paddings{padding: 26px 0 36px;}
.paddings82{padding: 82px 0;}

.swiper,.swiper-wrapper,.swiper-slide{cursor: pointer;}
.pagination{transition: 0;-webkit-transition: 0;-ms-transition: 0;}

@font-face{
    font-family: 'din';
    src:url('../libs/D-DIN.ttf'),
    url('../libs/D-DIN.ttf'),
    url('../libs/D-DIN.ttf');
}

body{min-width: 1230px;}

.tx-head{position: relative;z-index: 99;}
.tx-head.dibu{background:#fff;}
.tx-head.fixer{position: fixed;background:#fff;box-shadow:0 0 10px #eee;}
.tx-head-logo{padding: 22px 0;}
.tx-head-logo img{height:46px;margin-top: 3px;}
.tx-head-logo .img1{display: block;}
.tx-head-logo .img2{display: none;}
.tx-head-navbut{margin: 22px 0;width: 52px;height:52px;line-height: 52px;text-align: center; border-radius: 50%;border-radius: 50%;background: #fff;cursor: pointer;margin-left:26px;border:1px solid #F28487;box-shadow: 0 0 3px #ddd;display: flex;align-items: center;justify-content: center;}
.tx-head-navbut.active{transform:rotate(-30deg)}
.tx-head-nav{transition: 0s;-webkit-transition: 0s;-ms-transition: 0s;}
.tx-head-nav > li{position: relative;}
.tx-head-nav > li > a{display: block;line-height: 96px;font-size: 16px; padding:0 28px;margin:0 3px;}
.tx-head-nav li.cur > a{color:var(--mColor);}
.tx-head-nav li .sub-nav{display: none; position: absolute;right: -80px;top:100%;padding:0 13px;background:rgba(255,255,255,0.8); white-space: nowrap;}
.tx-head-nav li .sub-nav > li{float: none;display:inline-block; white-space: nowrap;}
.tx-head-nav li .sub-nav > li > a{display: block;font-size: 16px;line-height: 77px;padding: 0 42px;}
.tx-head-nav li.pro{position: static;}
.tx-head-nav li.pro .sub-navpro{display: none; position: absolute;top:100%;left:0;width: 100%; background: #fff;text-align: right;}
.tx-head-nav li.pro .sub-navpro a{margin-left: 50px;line-height: 100px;font-size: 16px;display:inline-block;}
.tx-head-nav li.pro .sub-navpro a img{margin-left: 20px;max-height: 61px;}

.tx-head.whites .tx-head-logo .img1{display: none;}
.tx-head.whites .tx-head-logo .img2{display: block;}
.tx-head.whites .tx-head-nav > li > a{color:#fff;}

.tx-footer{position: relative; z-index: 20;padding:86px 0 25px;background: url('../img/footer-bg.png') center center no-repeat;background-size: cover;}
.tx-footer-left{display: flex;justify-content: center;align-items: center;}
.tx-footer-left .logo{height: 65px;}
.tx-footer-left i{display: block;width: 1px;height: 45px;margin:0 60px 0 50px;background: #fff;}
.tx-footer-left .wx{width: 132px;border-radius: 6px;background: #fff;padding:7px;}
.tx-footer-right .mains{margin-left: 70px;}
.tx-footer-right .mains:first-child{margin-left: 0;}
.tx-footer-right .mains li{clear: both;}
.tx-footer-right .mains li a{display: block; font-size: 14px;color:#999AA2;margin-bottom: 18px;}
.tx-footer-right .mains h3{font-size: 20px;line-height: 28px;font-weight: bold;color:#fff !important;margin-bottom: 23px;}

.tx-footer-contact{margin-top: 35px;}
.tx-footer-contact p{font-size: 16px;color:#fff;line-height: 22px;margin-bottom: 17px;}
.tx-footer-contact img{margin-right:12px;}
.tx-footer-down{padding-top: 15px;border-top: 1px solid rgba(255,255,255,0.5);margin-top:30px;}
.tx-footer-down span{color:#fff;}
.tx-footer-down span em{opacity: 0.5;}
.tx-footer-down span.fl em{margin-right: 12px;}
.tx-footer-down span a{color:#fff; opacity: 0.5;}

.tx-mores{width:180px;line-height:48px;height:48px;border-radius:99px;text-align:center;font-size:16px;background:var(--mColor);color:#fff !important;cursor:pointer;}
.tx-mores i{display:inline-block;width:22px;height:22px;line-height:22px;margin-top:2px;text-align:center;margin-left:35px; font-family:'simsun'; border-radius:50%;background:rgba(255,255,255,0.5);color:#fff;}

/*内页*/
.tx-banners{position: relative;}
.tx-banners-texts{position: absolute;left: 0;top:50%;text-align: center;transform: translate(0,-50%);color: #fff;}
.tx-banners-texts h3{font-size: 42px;line-height: 59px;font-weight: bold;}
.tx-banners-texts i{display: inline-block;width: 430px;height: 2px;margin: 20px 0; background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 49%, rgba(255, 255, 255, 0) 100%);}
.tx-banners-texts h4{font-size: 24px;line-height: 33px;}
.tx-banners-nav{position: absolute;bottom:38px;z-index: 30;width: 100%;}
.tx-banners-nav .main{display: flex;justify-content: center;}
.tx-banners-nav.li5 li{width:264px;margin-left: 20px;}
.tx-banners-nav.li3 li{width:315px;margin-left: 32px;}
.tx-banners-nav li:first-child{margin-left: 0;}
.tx-banners-nav li a{display: flex;height: 93px;transition: 0.5s;-webkit-transition: 0.5s;-ms-transition: 0.5s;padding:0 12px;background: rgba(255,255,255,0.7); flex-direction: column;justify-content: center;align-items: center;}
.tx-banners-nav li h3{font-size: 16px;color: var(--mColor);}
.tx-banners-nav li h3 img{position: relative;top: -2px;margin-right: 6px;}
.tx-banners-nav li h3 .img1{display: inline-block;}
.tx-banners-nav li h3 .img2{display: none;}
.tx-banners-nav li h4{font-size: 12px;color: var(--mColor);text-align:center; opacity: 0.5;transition: 0s;-webkit-transition: 0s;-ms-transition: 0s;}
.tx-banners-nav li.cur a{background: rgba(3,94,197,0.8);height: 138px;margin-top: -45px;}
.tx-banners-nav li.cur h3 .img1{display: none;}
.tx-banners-nav li.cur h3 .img2{display: inline-block;}
.tx-banners-nav li.cur h3,.tx-banners-nav li.cur h4{color: #fff;}
.tx-banners-down{position: absolute;bottom:50px;left:0;right: 0;margin:0 auto;width: 50px;height: 50px;background: url('../img/ban-down.png') center center no-repeat;}

.video-box{display: none; position: absolute;z-index: 9999;top:0;left:0;width: 100%;height: 100%;}
.video-box:before{content: '';position: absolute;top:0;left:0;width: 100%;height: 100%; background: #000;opacity: 0.5;z-index: -1;}
.video-box .mains{position: absolute;z-index: 20;text-align: center; left:50%;top:50%;width: 44%; transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);}
.video-box .mains video{width: 100%; max-height: 550px;}
.video-box .mains #video{height: auto;}
.video-box .mains i{position: relative; display: inline-block; width: 52px;height: 52px;border-radius: 50%;background: #fff; cursor: pointer;margin-top: 30px;}
.video-box .mains i::before,.video-box .mains i::after{content: '';position: absolute;top: 0;bottom:0;left:0;right:0;margin: auto; width: 24px;height: 1px;background: #888;}
.video-box .mains i::before{transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);}
.video-box .mains i::after{transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);}

/*内容*/
.tx-contentss,.tx-contentss p,.tx-contentss span{font-size: 16px;line-height: 2;}
.tx-contentss[data-cont='big'],.tx-contentss[data-cont='big'] p,.tx-contentss[data-cont='big'] span{font-size: 20px;}
.tx-contentss[data-cont='small'],.tx-contentss[data-cont='small'] p,.tx-contentss[data-cont='small'] span{font-size: 12px;}
.tx-contentss p,.tx-contentss span{display: block; margin-bottom: 12px;}
.tx-contentss h3{font-size: 20px;margin-bottom: 12px;}
.tx-contentss table{border:1px solid #eee;border-spacing: 0;width: 100%;}

/*分页*/
.n-page{text-align: center;margin-top: 60px;}
.n-page li{float: none;display: inline-block; width: 36px;height:36px;line-height: 36px;border:1px solid #ccc;font-size:15px;margin:0 4px;cursor: pointer;}
.n-page li:first-child,.n-page li:last-child{font-size: 16px;}
.n-page li a{color:#999;display: block;}
.n-page li.disabled,.n-page li.active{background:var(--mColor);color:#fff;border-color: var(--mColor);}

.right-top{position:fixed;right:20px;bottom:50px;border-radius:50%;z-index:96; width:52px;height:52px;background:#035EC5 url('../img/topss.png') center center no-repeat;background-size:100% auto;opacity:0.7;cursor:pointer}

@media screen and (min-width: 769px){

    .tx-head.whites:hover .tx-head-logo .img1{display: block;}
    .tx-head.whites:hover .tx-head-logo .img2{display: none;}
    .tx-head.whites:hover .tx-head-nav > li > a{color:#333;}
    
    .tx-head-navbut:hover img{transform:rotateY(360deg)}
    
    .tx-head-nav > li:hover > a{color:var(--mColor) !important;}
    .tx-head.whites .tx-head-nav li a:hover{color:var(--mColor)}
    .tx-head-nav li:hover .sub-nav{display: block;}
    .tx-head-nav li.pro:hover .sub-navpro{display: block;}
    
    .tx-footer-right .mains li a:hover{color:#fff;}
    .tx-footer-down span a:hover{opacity: 1;}
    
    .tx-mores:hover{opacity:0.9 !important;}

    .tx-banners-nav li:hover a{background: rgba(3,94,197,0.8);height: 138px;margin-top: -45px;}
    .tx-banners-nav li:hover h3 .img1{display: none;}
    .tx-banners-nav li:hover h3 .img2{display: inline-block;}
    .tx-banners-nav li:hover h3,.tx-banners-nav li:hover h4{color: #fff;}
    
    .n-page li:hover{background:var(--mColor);color:#fff;border-color: var(--mColor);}
    .n-page li:hover a{color:#fff;}

}

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

    .centers1742{max-width: 1366px;}

}

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

    .centers1580{max-width: 1366px;}

    .centers1742,.centers1400{max-width: 1200px;}

    .paddings82{padding:72px 0;}

    .tx-head{min-width: 1200px;}
    .tx-head-logo{padding:16px 0;}
    .tx-head-logo img{height: 40px;}
    .tx-head-navbut{width: 45px;height: 45px;line-height:48px; margin:15px 0;margin-left:25px;}
    .tx-head-navbut img{width:28px;}

    .tx-head-nav > li > a{line-height: 75px;font-size:14px;}
    .tx-head-nav li.pro .sub-navpro a{font-size: 14px;line-height: 88px; margin-left: 16px;}
    .tx-head-nav li.pro .sub-navpro a img{max-height: 55px;}
    .tx-head-nav li .sub-nav > li > a{font-size: 14px;line-height: 66px;}

    .tx-footer-left .logo{height: 52px;}
    .tx-footer-left i{margin:0 40px}
    .tx-footer-left .wx{width: 110px;padding:4px;}
    .tx-footer-right .mains h3{font-size: 17px;line-height: 22px;margin-bottom: 16px;}
    .tx-footer-right .mains{margin-left: 70px;}

    .tx-footer-contact p{font-size:14px}
    
    .tx-mores{font-size: 14px;line-height: 38px;height: 38px;width:166px;}
    .tx-mores i{margin-left: 22px;}

    .tx-banners-texts h3{font-size: 32px;line-height: 34px;}
    .tx-banners-texts h4{font-size: 20px;line-height: 22px;}
    .tx-banners-nav li a{height: 88px;}
    .tx-banners-nav li h3{font-size: 14px;}
    .tx-banners-nav li.cur a,.tx-banners-nav li:hover a{height: 110px;margin-top: -22px;}
    .tx-banners-nav.li3 li{margin-left:12px;}

    .tx-contentss, .tx-contentss p, .tx-contentss span{font-size: 14px;}

    .n-page{margin-top: 45px;}
    

}

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

    body{min-width: 320px;}

    .centers,.centers1400,.centers1580,.centers1742{padding:0 15px;}

    .tx-head{position: fixed; min-width: 320px;background: #fff;padding-top: 0;}
    .paddings82{padding:20px 0;}

    .tx-head-logo{padding:12px 0;}
    .tx-head-logo img{margin-top: 0;height: 30px;}

    .tx-head-navbut{margin:12px 0;width: 30px;height: 30px;line-height: 30px;}
    .tx-head-navbut img{width: 18px;}

    .tx-head-nav{display: none; position: fixed;z-index: 999;width: 100%; top:54px;left:0;overflow-y: auto;height: calc(100% - 58px);max-height: 100%;background:#fff;margin-left: 0;margin-right: 0;}
    .tx-head-nav .centers{padding:0;}
    .tx-head-nav > li{width: 100%;text-align: left;border-bottom:1px solid #eee;margin:0 !important;}
    .tx-head-nav > li > a{color:#333;text-align: left;padding:0 15px; font-size: 14px;padding:12px 15px;line-height: 25px;}
    .tx-head-nav > li > i{position: absolute;top:20px;font-size: 12px; right:15px;width: 10px;height:10px;line-height: 10px;font-family: simsun; transform:rotate(90deg);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);}
    .tx-head-nav > li > .sub-nav{position: relative;float: left;width: 100%;border-top:1px solid #eee;padding: 0;box-shadow: none;left:0;background: #fff;}
    .tx-head-nav > li > .sub-nav > li{float: left; width: 50%;font-size: 12px; border-right:1px solid #eee;border-bottom: 1px solid #eee;box-sizing: border-box;}
    .tx-head-nav > li > .sub-nav > li > a{color:#333;font-size: 12px;line-height: 42px;padding:0 12px;text-align: center;}
    .tx-head-nav > li > .sub-nav > li:nth-child(2n){border-right: 0;}
    .tx-head-nav > li.pro{position: relative;}
    .tx-head-nav > li.pro > .sub-navpro{position: relative;top:0;position: relative;border-top: 1px solid #eee;}
    .tx-head-nav > li.pro > .sub-navpro .centers1580{padding:0;}
    .tx-head-nav > li.pro > .sub-navpro li{width: 50%;border-right: 1px solid #eee;border-bottom: 1px solid #eee;}
    .tx-head-nav > li.pro > .sub-navpro a{float: left; width: 100%;margin-left: 0;font-size: 12px;text-align: center;line-height: 42px;}
    .tx-head-nav li.pro .sub-navpro a img{display: none;}

    .tx-footer{padding: 20px 0 12px;}
    .tx-footer-left{width: 100%;}
    .tx-footer-right{display: none;}
    .tx-footer-left .logo,.tx-footer-left i,.tx-footer-contact{display: none;}
    .tx-footer-left .wx{width: 88px;padding:2px;border-radius: 2px;}
    .tx-footer-down{margin-top:20px;font-size: 12px;}
    .tx-footer-down span{width: 100%;text-align: center;}
    .tx-footer-down span.fl em{display: block;}

    .video-box{position: fixed;}
    .video-box .mains{width: 92%;}
    .video-box .mains i{width: 35px;height: 35px;}
    .video-box .mains i::before, .video-box .mains i::after{width: 17px;}
    
    .tx-mores{display:inline-block; font-size: 12px;line-height: 32px;height: 32px;width:110px;}
    .tx-mores i{font-size: 12px;width: 16px;height: 16px;line-height: 16px;margin-left: 12px;}

    .tx-banners{margin-top: 54px;}
    .tx-banners-down{display: none;}
    .tx-banners-texts{top:37%;}
    .tx-banners-texts h3{font-size: 17px;line-height: 17px;margin-bottom:8px;}
    .tx-banners-texts i{display:none; width: 100%;height: 1px;background-size: auto 100%;margin:8px 0;}
    .tx-banners-texts h4{font-size: 12px;line-height: 12px;opacity: 0.8;}
    .tx-banners-nav{position: relative;bottom:0;border-bottom: 1px solid #eee;}
    .tx-banners-nav .centers1400{padding: 0;}
    .tx-banners-nav.li3 li{width: 33.33%;margin-left: 0;}
    .tx-banners-nav li a{height: 45px !important;margin-top: 0 !important;border-left: 1px solid #eee;padding:0 6px;}
    .tx-banners-nav.li3 li:nth-child(3n-2) a{border: 0;}
    .tx-banners-nav li h3{font-size: 12px;}
    .tx-banners-nav li h3 img{display: none !important;}
    .tx-banners-nav li h4{display: none;}
    .tx-banners-nav.li5 li{width: 20%;margin-left: 0;}

    .tx-contentss, .tx-contentss p, .tx-contentss span{font-size: 12px;margin-bottom: 8px;}

    .n-page{margin-top: 12px;}
    .n-page li{font-size: 12px;width: 28px;height: 28px;line-height: 28px;margin: 0 2px;}
    
    .right-top{display:none;}

}