@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: #2576DF;--fColor:#2DC833;--qColor: #E9F4FF;}

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;}
.centers14{margin: 0 auto;max-width: 1400px;clear:both;}
.paddings{padding: 60px 0;}

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

body{min-width: 1230px;}

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

.tx-head{position: relative;z-index: 99; height: 71px;background: #fff;}
.tx-head .centers{text-align: center;}
.tx-head-logo{position: absolute;z-index: 20; left:50%;top:0;margin-left: -60px; vertical-align: top;width: 120px; height: 146px;padding:11px 27px 33px;background: #E9F4FF;border-radius: 0 0 50% 50%;}
.tx-head-logo .logo1{display:block}
.tx-head-logo .logo2{display:none}
.tx-head-logo::before{content:'';position: absolute;top:0;left:4px;width: calc(100% - 10px);height:calc(100% - 6px);border: 1px solid rgba(37,118,223,0.38);border-top:0;border-radius: 0 0 50% 50%;}
.tx-head-nav{position: relative;z-index: 10; display: inline-block;vertical-align: top;}
.tx-head-nav > li{position: relative;}
.tx-head-nav > li:nth-child(2){margin-right: 110px;}
.tx-head-nav > li:nth-child(3){margin-left: 110px;}
.tx-head-nav > li > a{display: block;padding:14px 20px;margin: 0 30px;}
.tx-head-nav > li > a h3{font-size: 16px;line-height: 22px;margin-bottom: 1px;}
.tx-head-nav > li > a h4{line-height: 20px;color:#999;transition: 0s;-webkit-transition: 0s;-ms-transition: 0s;}

.tx-head-nav > li > .sub-nav{display: none; position: absolute; top:100%;left:20px;width: calc(100% - 40px);z-index: 20;padding:12px 0;border-radius: 3px; background: #fff;border-bottom: 2px solid var(--mColor);box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);transition: 0s;-webkit-transition: 0s;-ms-transition: 0s;}
.tx-head-nav > li > .sub-nav > li{width: 100%;text-align: center;margin:2px 0;}
.tx-head-nav > li > .sub-nav > li > a{display: block;font-size: 14px;line-height: 21px;font-weight: normal;padding:10px 0;background: #fff;border-radius: 3px;}

.tx-head-nav > li.cur > a{background:#E7F0FC;}
.tx-head-nav > li.cur > a h3,.tx-head-nav > li.cur > a h4{color:var(--mColor)}

.tx-head.fixer{position: fixed;z-index: 998;box-shadow: 0 0 8px #ddd;}

.tx-head-navbut{display: none; width: 42px;text-align: center;padding:18px 0;cursor: pointer;}
.tx-head-navbut i,.tx-head-navbut i:before,.tx-head-navbut i:after{width: 28px;height:2px;background: var(--mColor);border-radius: 99px;}
.tx-head-navbut i{position: relative; display: inline-block;}
.tx-head-navbut i:before{content: '';position: absolute;top:-8px;left: 0;}
.tx-head-navbut i:after{content: '';position: absolute;bottom:-8px;left: 0;}

.tx-main-title{text-align: center;margin-bottom: 38px;}
.tx-main-title h3{display: inline-block; position: relative;z-index: 20; font-size: 28px;font-weight: bold;line-height: 35px;}
.tx-main-title h3::before{content:'';position: absolute;right:-20px;bottom:0;width: 100px;height: 16px;background:var(--mColor);opacity: 0.5;z-index: -1;}
.tx-main-title.green h3::before{background: var(--fColor);}
.tx-main-title em{display: block;font-size: 16px;line-height: 26px;color:#999;margin-top: 15px;padding:0 11%;}

.tx-form{background: url('../img/form-bg.png') center center no-repeat;background-size: cover;}
.tx-form-main span{position: relative; float: left; width: 31.58%;margin-left: 2.63%;margin-bottom: 28px;}
.tx-form-main span:nth-child(1),.tx-form-main span:nth-child(4){margin-left: 0;}
.tx-form-main span.company{width: 65.79%;}
.tx-form-main span.yzm input{padding-right:160px;}
.tx-form-main span.yzm img{position: absolute;right:20px;bottom:6px;width: 129px;height: 40px;}
.tx-form-main span h3{font-size: 16px;line-height: 22px;margin-bottom: 15px;}
.tx-form-main span input{display: block;width: 100%;line-height: 52px;height:52px;background: #fff;border-radius: 8px;padding:0 20px;font-size: 16px;box-shadow: 0px 5px 20px 1px rgba(0, 0, 0, 0.050980392156862744);}
.tx-form-main .button{text-align: center;width: 100%;margin-bottom: 0;margin-top: 10px;margin-left: 0;}
.tx-form-main button{display: inline-block;width: 31.58%;line-height: 69px; font-size: 18px;color:#fff;background: linear-gradient(135deg, #65A0EC 0%, #0B4998 100%);border-radius: 8px;cursor: pointer;}
.tx-form-main button i{font-family: 'simsun';margin-left: 13px;}

.tx-footer{background: url('../img/footer-bg.png') center center no-repeat;background-size: cover;color:#fff;padding-top: 69px;}
.tx-footer-left{margin-left: 100px;}
.tx-footer-left:first-child{margin-left: 0;}
.tx-footer-left .fl{clear: both;}
.tx-footer-left .tit{ font-size: 20px;line-height: 22px;border-bottom: 55px;border-bottom:1px solid rgba(255,255,255,0.27);margin-bottom: 34px;padding-bottom: 10px;}
.tx-footer-left .contact li{clear: both;line-height: 28px;color:#fff;opacity: 0.6;font-size: 16px;margin-top:20px;}
.tx-footer-left .contact li img{position: relative;top: -1px;margin-right: 12px;}
.tx-footer-left .tit2{margin-top: 12px;font-size: 18px;color:#fff;opacity: 0.6;font-weight: normal;margin-bottom: 18px;}
.tx-footer-left .down{position:relative;z-index:10}
.tx-footer-left .down li{clear: both;margin-bottom: 20px;}
.tx-footer-left .down li:last-child{margin-bottom:0;}
.tx-footer-left .down li a{position:relative;z-index:20; display: block;width: 173px;line-height: 41px;border:1px solid rgba(255, 255, 255, 0.45);color: #fff;padding: 0 22px;border-radius: 4px;}
.tx-footer-left .down li a img{position: relative;top:-1px;margin-right: 10px;}
.tx-footer-left .down li a i{float: right;font-family: 'simsun';margin-right: 12px;opacity: 0;}

.tx-footer-left .down li .ewm{z-index:-1; opacity:0;left:0%;margin-left:20px; position:absolute;z-index:10; bottom:-10px;width:198px;border-radius:6px;background:#fff;overflow:hidden;text-align:center;}
.tx-footer-left .down li .ewm img{width:131px;height:131px;border:1px solid #e8e8e8;border-radius:6px;margin:20px 0 12px;}
.tx-footer-left .down li .ewm em{display:block;line-height:44px;font-size:14px;background:#ebebeb;color:#333;}

.tx-footer-left .down li .ewm.cur{opacity:1;left:100%;width:198px;}

.tx-footer-left .wx{width: 123px;}

.tx-footer-right{font-size: 18px;color:#fff;cursor: pointer;}
.tx-footer-right img{position: relative;top: -1px;margin-left: 12px;}

.tx-footer-down{margin-top: 30px;border-top: 1px solid rgba(255,255,255,0.27);padding:30px 0 25px;color: #A1A8B3;}
.tx-footer-down a{color:#A1A8B3;margin-left: 10px;}

/* 内页 */
.tx-banners{height: 465px;}
.tx-banners .centers{position: relative; height:100%;}
.tx-banners .text{position: absolute;width: 45%; left:0;top:50%;transform: translate(0,-50%);color: #fff;}
.tx-banners .text h3{font-size: 32px;line-height: 45px;margin-bottom: 4px;font-weight: bold;}
.tx-banners .text i{display: inline-block;width: 28px;height: 2px;background: #fff;margin:15px 0 18px;}
.tx-banners .text h4{line-height: 20px;opacity: 0.6;}
.tx-banners .text ul{position:relative; display: inline-block;margin-top: 25px;width:376px;}
.tx-banners .text ul li{width: 163px; margin-right: 25px;margin-top: 25px;}
.tx-banners .text ul li a{display: block;line-height: 44px;border-radius: 99px;border:1px solid #fff;text-align: center;color:#fff;}
.tx-banners .text ul li a img{position: relative;top:-1px;margin-right: 8px;}
.tx-banners .text ul li a .img1{display: inline;}
.tx-banners .text ul li a .img2{display: none;}
.tx-banners .text ul li .ewm{z-index:-1; opacity:0;left:50%; position:absolute;bottom:-10px;width:198px;border-radius:6px;background:#fff;overflow:hidden;text-align:center;}
.tx-banners .text ul li .ewm img{width:131px;height:131px;border:1px solid #e8e8e8;border-radius:6px;margin:20px 0 12px;}
.tx-banners .text ul li .ewm em{display:block;line-height:44px;font-size:14px;background:#ebebeb;color:#333;}

.tx-banners .text ul li:hover .ewm{opacity:1;left:100%;}

/*内容*/
.tx-contentss,.tx-contentss p,.tx-contentss span{font-size: 16px;line-height: 2;}
.tx-contentss p,.tx-contentss span{display: block; margin-bottom: 12px;}
.tx-contentss h3{font-size: 24px;line-height: 31px; margin:38px 0 20px;font-weight: bold;}
.tx-contentss h3:first-child{margin-top: 0;}
.tx-contentss table{border:1px solid #eee;border-spacing: 0;width: 100%;}
.tx-contentss table td{border:1px solid #eee;padding: 13px 22px;color: #999;}

.tx-mains-top{position: relative;z-index: 20; background: #fff; box-shadow: 0px 3px 6px 1px rgba(0, 0, 0, 0.07058823529411765);}
.tx-mains-top li a{display: block; position: relative;z-index: 20; font-size: 16px;line-height: 22px;padding:26px 34px 24px;}
.tx-mains-top li a:after{display: none; content:'';position: absolute;top:50%;margin-top: 2px; right:34px;margin-right: -7px;width: 39px;height:9px;background: var(--mColor);opacity: 0.2;z-index: -1;}
.tx-mains-top li:first-child a{padding-left: 0;}
.tx-mains-top li.cur a{color: var(--mColor);}
.tx-mains-top li.cur a:after{display: block;}

/*分页*/
.n-page{text-align: center;}
.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;margin-bottom: 5px;}
.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-box{position:fixed;z-index:999; right:100px;top:50%;transform:translate(0, -50%);}
.right-box li{position:relative; clear:both;margin-bottom:17px;}
.right-box li span{position:relative;z-index:20; display:block;width:48px;height:48px;text-align:center;line-height:53px; border-radius:50px;background:var(--mColor);}
.right-box li h3{position:absolute;z-index:10; top:0;right:-280px;opacity:0; height:48px;line-height:48px;color:var(--mColor);background:#fff; padding:0 64px 0 27px;white-space: nowrap;border-radius:99px;border:1px solid var(--mColor);transition: 0.5s;-webkit-transition: 0.5s;-ms-transition: 0.5s;}

.right-box li:hover span{box-shadow: -3px 0px 4px 1px rgba(32, 99, 185, 0.6);}
.right-box li:hover h3{right:0px;opacity:1;}

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

    .tx-head-nav > li:hover > .sub-nav{display: block;}
    .tx-head-nav > li > a:hover{background:#E7F0FC;}
    .tx-head-nav > li > a:hover h3,.tx-head-nav li a:hover h4{color:var(--mColor)}
    .tx-head-nav > li > .sub-nav > li:hover > a{transform: scale(1.08);}

    .tx-form-main button:hover{opacity: 0.8;}

    .tx-footer-left .down li a:hover{border-color: var(--mColor);background: linear-gradient(132deg, #65A0EC 0%, #196BD5 100%);}
    .tx-footer-left .down li a:hover i{margin-right: 0;opacity: 1;}
    .tx-footer-right:hover img{top:-10px;}
    .tx-footer-down a:hover{color:#fff;}

    /* 内容 */
    .tx-banners .text ul li a:hover{background: #fff;color:var(--mColor);}
    .tx-banners .text ul li a:hover .img1{display: none;}
    .tx-banners .text ul li a:hover .img2{display: inline;}

    .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: 1465px){

    .tx-contentss h3{font-size: 20px;}

    .tx-form-main button{width: 29%;line-height: 60px;font-size: 16px;}

    .tx-footer-ul li h3{font-size: 16px;}
    .tx-footer-left .down li .ewm{bottom:-5px;width:160px;}
    .tx-footer-left .down li .ewm img{width:101px;height:101px;border:1px solid #e8e8e8;border-radius:6px;margin:15px 0 8px;}
    .tx-footer-left .down li .ewm em{display:block;line-height:36px;font-size:12px;background:#ebebeb;color:#333;}

    .tx-banners{height: 400px;}
    .tx-banners-text img{height: 35px;}
    .tx-banners-text h3{font-size: 30px;line-height: 30px;}

    .tx-main-title h3{font-size: 25px;}
    .tx-main-title em{font-size: 14px;line-height: 21px;}

    .tx-banners .text{width: 40%;}
    .tx-banners .text h3{font-size: 28px;line-height: 35px;}
    .tx-banners .text ul{margin-top: 12px;width:350px;}
    .tx-banners .text ul li{font-size: 12px;margin-top: 15px;width: 150px;}
    .tx-banners .text ul li .ewm{bottom:-5px;width:160px;}
    .tx-banners .text ul li .ewm img{width:101px;height:101px;border:1px solid #e8e8e8;border-radius:6px;margin:15px 0 8px;}
    .tx-banners .text ul li .ewm em{display:block;line-height:36px;font-size:12px;background:#ebebeb;color:#333;}
    
    .right-box{right:10px;}

}

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

    body{min-width: 320px;}
    .paddings{padding:25px 0;}
    .centers{padding:0 15px;}

    .tx-head{height: 58px;}


    .tx-head-nav > li > a i{display: none;}
    .tx-head-nav{display: none; position: fixed;z-index: 999;padding-top: 50px; top:58px;left:0;overflow-y: auto;height: calc(100% - 58px);max-height: 100%;background:#fff;margin-left: 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:15px 0;}
    .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.active > i{color:#fff;}
    .tx-head-nav > li:hover > a{background: none;color:#333;}
    .tx-head-nav > li.active > a,.tx-head-nav > li.active:hover > a{background: #E60012;color:#fff;}
    .tx-head-nav > li:hover:before,.tx-head-nav > li:before{display: none !important;}
    .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:after{display: none;}
    .tx-head-nav > li > .sub-nav > li{width: 50%;border-right:1px solid #eee;border-bottom: 1px solid #eee;box-sizing: border-box;}
    .tx-head-nav > li > .sub-nav > li > a{color:#333;}
    .tx-head-nav > li > .sub-nav > li:nth-child(2n){border-right: 0;}
    .tx-head-nav > li.pro{position: relative;}
    .tx-head-nav > li > .sub-navs{padding: 10px;position: relative;}
    .tx-head-nav > li > .sub-navs a{width: 33.33%;margin-bottom: 10px;}
    .tx-head-nav > li > .sub-navs a h3{font-size: 12px;width: 100%;line-height: 20px;margin-top: 10px;}

    .tx-head-logo{left:15px;margin-left: 0;width: 42px;padding:0;height: 100%; border-radius:0; z-index: 1000;background:#fff;overflow:hidden;}
    .tx-head-logo img{margin-top:8px;}
    .tx-head-logo::before{display:none;}
    .tx-head-logo .logo2{display:block}
    .tx-head-logo .logo1{display:none}

    .tx-head-navbut{display: block;}

    .tx-main-title{margin-bottom: 15px;}
    .tx-main-title h3{font-size: 18px;line-height: 20px;}
    .tx-main-title h3::before{width: 60px;height: 12px;right:-6px;}
    .tx-main-title h4{font-size: 12px;line-height: 12px;margin-top: 4px;}
    .tx-main-title em{display: none;}

    .tx-form-main span{width: 100%;margin-left: 0;margin-bottom: 8px;}
    .tx-form-main span h3{font-size: 12px;margin-bottom: 5px;}
    .tx-form-main span input{line-height: 36px;height: 36px;}
    .tx-form-main span.company{width: 100%;}
    .tx-form-main span.yzm img{bottom:2px;height: 30px;width: 80px;right: 2px;}
    .tx-form-main button{width: 50%;font-size: 12px;line-height: 36px;}

    .tx-footer{padding-top: 20px;}
    .tx-footer-right{display: none;}
    .tx-footer-left{display: none;margin-left: 0;width: 40%;text-align: center;}
    .tx-footer-left:first-child{display:block; width:60%;padding-right:20px;}
    .tx-footer-left .tit2,.tx-footer-left .wx{width: 100%;}
    .tx-footer-left .tit{display:none;}
    .tx-footer-left .contact li{font-size:12px;line-height:21px;margin-top:15px;}
    .tx-footer-left .contact li img{float:left;width:14px;top:4px;margin-right:7px;}
    .tx-footer-left .wx img{width: 120px;}
    .tx-footer-left .tit2{font-size: 13px;margin:0 0 6px;}
    .tx-footer-left:nth-child(3){display: block;}
    .tx-footer-down{margin-top: 20px;padding: 15px 0;}
    .tx-footer-down span{width: 100%;font-size: 12px;text-align: center;}

    .tx-banners{height: 168px;}
    .tx-banners .text ul{display: none;}
    .tx-banners .text{position: relative;width: 100%;}
    .tx-banners .text h3{font-size: 17px;line-height: 22px;}
    .tx-banners .text h4{font-size: 12px;}
    .tx-banners .text i{margin: 4px 0 6px;}

    .tx-mains-top span{display: none;}
    .tx-mains-top ul li a{font-size: 13px;padding:0 12px;padding: 15px 9px;}
    .tx-mains-top li a:after{display: none !important;}

    .n-page{margin-top: 12px;}
    .n-page li{font-size: 12px;width: 28px;height: 28px;line-height: 28px;margin-bottom: 5px;}

    .tx-contentss, .tx-contentss p, .tx-contentss span{font-size: 13px;}
    .tx-contentss h3{font-size: 16px;line-height: 20px;margin:8px 0 12px;}
    .tx-contentss h4{font-size: 15px;margin:8px 0 12px}
    
    .right-box{display:none;}

}