@charset "utf-8";
body{ margin:0 auto; font-size:12px;color:#333; font-family:'helvetica neue',arial,'hiragino sans gb','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;}

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 h3{color:#E60012;text-decoration: none;}
a:active{text-decoration:none}
a:focus{outline:none;}
.clear{ clear:both;}
.fl{float: left;}
.fr{float: right;}

body,html{height: 100%;}
body{overflow-x: hidden;}

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;}

.floats{float: left;width: 100%;}
.centers{margin: 0 auto;max-width: 1400px;clear:both;}
.centers1720{margin: 0 auto;max-width: 1720px;clear:both;}
.paddings{padding:68px 0 80px;}
.paddings90{padding:90px 0;}
.downs{height: 125px;}

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

.tx-top{background: #f6f6f6;padding: 6px 0;}
.tx-top a{float: left;font-size: 14px;color:#878787;padding: 0 20px;line-height: 24px;margin-top: 2px;}
.tx-top i{float: left;width: 1px;height: 14px;background: #e1e1e1;margin-top: 5px;}
.tx-top .email{font-size: 13px;background: #E60012;color:#fff;border-radius: 99px;}
.tx-top .email img{position: relative;top:-1px;margin-right: 4px;}
.tx-top .tel{float: left; font-size: 28px;line-height: 28px; color:#E60012;font-weight: bold;font-style:italic;background: url('../img/top-itel.png') left center no-repeat;padding-left: 27px;margin-left: 20px;}

.tx-head{position: relative;}
.tx-head-logo{margin-top: -40px;padding: 20px;background: #d6150e;border-radius:0 0 20px 20px;}
.tx-head-nav{margin-left: 40px;}
.tx-head-nav > li{position: relative;}
.tx-head-nav > li > a{display: block; font-size: 18px;line-height: 90px;padding: 0 30px;}
.tx-head-nav > li.pro{position: static;}
.tx-head-nav > li.active > a{color: #E60012;}
.tx-head-nav > li > .sub-nav{display: none; position: absolute;left: -10%;top:100%; width: 120%;z-index: 50;background: #fff;border-top: 1px solid #eee;transition: 0s;-webkit-transition: 0s;-ms-transition: 0s;}
.tx-head-nav > li > .sub-nav > li{width: 100%;}
.tx-head-nav > li > .sub-nav > li > a{display: block;font-size: 15px;text-align: center;line-height: 42px;border-bottom: 1px solid #eee;padding: 0 12px;}
.tx-head-nav > li > .sub-navs{display: none; position: absolute;width: 100%;left: 0;top:100%; z-index: 50;background: #fff;padding: 25px 0 10px; border-top: 1px solid #eee;transition: 0s;-webkit-transition: 0s;-ms-transition: 0s;}
.tx-head-nav > li > .sub-navs a{float: left;width: 16.66%;text-align: center;margin-bottom: 25px;display: flex;flex-direction: column;align-items: center;}
.tx-head-nav > li > .sub-navs a img{display: inline-block;width: 31px;}
.tx-head-nav > li > .sub-navs a h3{display: inline-block; font-size: 14px;width: 170px; line-height: 34px;margin-top: 12px;border-radius: 99px;}
.tx-head-lang a{display: block;font-size: 18px;color: #999;line-height: 90px;padding:0 4px;}
.tx-head-lang a img{position: relative;top: -2px; margin-right: 10px;}

.tx-main-title{position: relative; text-align: center;margin-bottom: 40px;}
.tx-main-title h3{font-size: 36px;font-weight: bold; line-height: 36px;position: relative;z-index: 20;}
.tx-main-title h4{font-size: 40px;line-height: 40px;margin-top: -20px;font-weight: bold;color: #f7f7f7;position: relative;z-index: 10;}
.tx-main-title i{display: inline-block;width: 40px;height: 4px;background: #E60012;margin-top: 17px;}
.tx-main-title a{position: absolute;display: inline-block;z-index: 20; right: 0;bottom:25px;font-size: 16px;color: #fff;opacity: 0.6;}

.tx-banners{position: relative;}
.tx-banners h3{position: absolute;animation:big 1.2s;-webkit-animation:big 1.2s;font-size: 50px;color:#fff; z-index: 20; top:50%;left: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);}
.tx-banners h4{position: absolute;animation:top 1.2s;-webkit-animation:top 1.2s;width: 1400px;bottom:55px;left: 50%;font-size: 24px;color:#fff; text-align: right;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);}
.tx-banners h4 i{position: absolute;width: 1px;height: 50px;background:#fff;right:0;bottom:100%;margin-bottom: 20px;}

@keyframes big{
    0%{transform: translate(-50%, -50%) scale(0);}
    100%{transform: translate(-50%, -50%) scale(1);}
}
@-webkit-keyframes big{
    0%{-webkit-transform: translate(-50%, -50%) scale(0);}
    100%{-webkit-transform: translate(-50%, -50%) scale(1);}
}

@keyframes top{
    0%{bottom:0;opacity: 0;}
    100%{bottom:55px;opacity: 1;}
}
@-webkit-keyframes top{
    0%{bottom:0;opacity: 0;}
    100%{bottom:55px;opacity: 1;}
}

/*分页*/
.n-page{margin-top: 13px;text-align: center;}
.n-page li{float: none;display: inline-block;width: 32px;height:32px;line-height: 32px;border:1px solid #ccc;font-size:14px;margin:0 4px;cursor: pointer;}
.n-page li a{color:#999;display: block;}
.n-page li.disabled,.n-page li.active{background:#E60012;color:#fff;border-color: #E60012;}

.tx-foot{ position: relative;z-index: 100; background:#181310 url('../img/foot-bg.png') center center no-repeat;background-size: auto 100%;}
.tx-foot-logo {text-align: center;margin-top: -70px;margin-bottom: 40px;}
.tx-foot-logo span{display: inline-block;width: 140px;height: 140px;line-height: 120px;text-align: center; border-radius: 50%;border:5px solid #f9f9f9;background:#E60012;}
.tx-foot-main{margin-bottom: 32px;}
.tx-foot-left li{margin-left: 80px;}
.tx-foot-left li:first-child{margin-left: 0;}
.tx-foot-left h3{font-size: 16px;color: #fff;line-height: 28px;margin-bottom: 3px;}
.tx-foot-left h3 i{display: inline-block;width: 32px;height: 4px;background:#E60012;}
.tx-foot-left a{display: block;color: #fff;font-size: 14px;opacity: 0.5;line-height: 36px;}
.tx-foot-wx{text-align: center;}
.tx-foot-wx img{width: 122px;height: 122px;}
.tx-foot-wx h3{font-size: 16px;line-height: 28px;color: #fff;margin-top: 20px;}
.tx-foot-contact li{clear: both;margin-bottom: 24px;cursor: pointer;}
.tx-foot-contact li i{float: left;font-size:28px !important; margin-right: 16px; width: 42px;height: 32px;line-height: 32px;background: #404040;color: #b3b3b3;text-align: center;border-radius: 99px;font-size: 22px;}
.tx-foot-contact li h3{float: left;font-size: 14px;line-height: 32px;color: #fff;opacity: 0.5;}
.tx-foot-down{border-top:1px solid #292929;text-align: center;color: #989898;line-height: 22px;padding: 20px 0;}
.tx-foot-down a{color:#989898;cursor: pointer;}

.tx-foot-box{display: none; position: fixed;top:0;left:0;width: 100%;height: 100%;z-index: 9999;}
.tx-foot-box:before{content: '';position: absolute;width: 100%;height: 100%;background: #000;z-index: -1;opacity: 0.5;}
.tx-foot-boxs{position: absolute;width: 100%;max-width: 1030px;background: #fff;padding: 60px 80px;height: 73%;left:50%;top:50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);}
.tx-foot-boxs .close{position: absolute;top:21px;right: 21px;cursor: pointer;}
.tx-foot-boxs > h3{position: relative; font-size: 26px;line-height: 26px;font-weight: bold;padding-bottom: 27px;border-bottom: 1px solid #e5e5e5;margin-bottom: 30px;}
.tx-foot-boxs > h3::before{content: '';position: absolute;bottom:-2px;left:0;width: 60px;height: 3px;background: #E60012;}
.tx-foot-boxs > h4{position: relative; width: 100%;border-top:1px solid #e5e5e5;margin-top: 30px;}
.tx-foot-boxs > h4::before{content: '';position: absolute;top:-2px;right:0;width: 60px;height: 3px;background: #E60012;}
.tx-foot-boxs .content{display: block;width: 100%;height: calc(100% - 116px); overflow-y: auto;}
.tx-foot-boxs .content p{font-size: 14px;line-height: 1.8;margin-bottom: 10px;}
.tx-foot-boxs .content::-webkit-scrollbar {width: 8px;}
.tx-foot-boxs .content::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);border-radius: 10px;}
.tx-foot-boxs .content::-webkit-scrollbar-thumb {border-radius: 10px;background: rgba(0,0,0,0.1);-webkit-box-shadow: inset 0 0 6px RGB(243,243,244);}

.tx-rights-box{position:fixed;z-index:999; right:10px;top:50%;transform:translate(0, -50%);-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);}
.tx-rights-box li{position:relative;cursor:pointer;clear:both;margin-bottom:10px;}
.tx-rights-box li .icon{position:relative;z-index:20; float:left;width:56px;height:56px;overflow:hidden;border-radius:4px;background:#f0f0f0;}
.tx-rights-box li .icon i{position:absolute;top:0;width:100%;height:100%;text-align:center;line-height:56px;font-size:26px;}
.tx-rights-box li .icon .i1{left:0;color:#E60012;}
.tx-rights-box li .icon .i2{left:100%;color:#fff;}
.tx-rights-box li:hover .icon i{margin-left:-100%;}
.tx-rights-box li:hover .icon{background:#E60012;}
.tx-rights-box li .boxs{position:absolute;z-index:10; right:-500px;background:#E60012;color:#fff;text-align:center;}
.tx-rights-box li .boxs:before{content:'';position:absolute;left:100%;top:24px; width: 0;height: 0;border-top:6px solid transparent;border-left: 6px solid #E60012;border-bottom: 6px solid transparent;}
.tx-rights-box li .boxs p{font-size:14px;line-height:56px;border-bottom:1px solid #EA4552;}
.tx-rights-box li.tel .boxs{min-width:260px;padding:0 20px;}
.tx-rights-box li.wx .boxs{width:154px;padding:16px}
.tx-rights-box li.wx .boxs h3{font-size:14px;margin-top:12px}
.tx-rights-box li:hover .boxs{right:68px;}

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

    .tx-head-nav > li:hover > a{color: #E60012;}
    
    .tx-head-nav > li > .sub-nav > li > a:hover{background: #E60012;color: #fff;border-color: #E60012;}
    .tx-head-nav > li > .sub-navs a:hover h3{background: #E60012;color: #fff;box-shadow: 0 4px 16px rgba(161, 0, 13, 0.3);}
    .tx-head-lang a:hover{color: #E60012;}
    .tx-main-title a:hover{opacity: 1;}
    .tx-head-nav > li > .sub-navs a:hover{transform:transparent(0, -8px);-webkit-transform:transparent(0, -8px);-ms-transform:transparent(0, -8px)}

    .tx-foot-left a:hover{opacity: 1;}
    .tx-foot-contact li:hover i{background:#E60012;color: #fff;}
    .tx-foot-contact li:hover h3{opacity: 1;}

    .n-page li:hover{background:#E60012;color:#fff;border-color: #E60012;}
    .n-page li:hover a{color:#fff;}
}

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

    .centers1720{max-width:1400px;}

}

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

    body{min-width: 1260px;}
    .centers{max-width: 1200px;}
    .centers1720{max-width:1200px;}
    .paddings{padding:62px 0 75px;}
    .paddings90{padding: 68px 0;}

    .tx-top a{font-size: 12px;}
    .tx-top .email{font-size: 12px;}
    .tx-top .tel{font-size: 23px;}

    .tx-head-nav > li > .sub-nav > li > a{font-size: 14px;}
    .tx-head-nav > li > a{font-size: 16px;padding:0 26px;}

    .tx-main-title{margin-bottom: 30px;}
    .tx-main-title h3{font-size: 30px;}
    .tx-main-title h4{font-size: 36px;}
    .tx-main-title i{margin-top: 8px;}

    .tx-foot-logo span{height: 120px;width: 120px;line-height: 110px;}
    .tx-foot-left li{margin-left: 65px;}
    .tx-foot-left a{font-size: 13px;}
    .tx-foot-left li:last-child{display: none;}
    .tx-foot-contact li h3{font-size: 13px;}
    .tx-foot-contact li{margin-bottom: 20px;}
    .tx-foot-wx h3{font-size: 14px;}

    .tx-banners h3{font-size: 42px;}
    .tx-banners h4{font-size: 20px;width: 1200px;}

}

.tx-head-navbut{display: none; width: 42px;text-align: center;padding:21px 0;margin:5px 12px 0 0}
.tx-head-navbut i,.tx-head-navbut i:before,.tx-head-navbut i:after{width: 28px;height:2px;background: #E60012;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;}

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

    body{min-width: 320px;}
    .centers,.centers1720{padding: 0 12px;}
    .paddings{padding: 22px 0;}
    .paddings90{padding: 22px 0;}

    .tx-top{display: none;}
    .tx-head-logo{margin-top: 0;padding: 8px 15px 10px;}
    .tx-head-logo img{height: 36px;}

    .tx-head{position: fixed;top:0;left:0;z-index: 888;background: #fff;}

    .tx-head-nav{display: none; position: fixed;z-index: 999; top:60px;left:0;overflow-y: auto;height: calc(100% - 60px);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;}
    .tx-head-nav > li > a{color:#333;text-align: left;padding:0 15px;line-height: 50px;font-size: 14px;}
    .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;}
    .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-navbut{display: block;padding:10px 0;}
    .tx-head-navbut{width: auto;padding: 14px 0;}
    .tx-head-navbut i, .tx-head-navbut i:before, .tx-head-navbut i:after{width: 24px;}

    .tx-head-lang a img{width: 18px;margin-right: 6px;}
    .tx-head-lang a{line-height: 60px;font-size: 14px;}

    .tx-main-title{margin-bottom: 20px;}
    .tx-main-title h3{font-size: 20px;}
    .tx-main-title h4{font-size: 25px;line-height: 26px;}
    .tx-main-title i{margin-top: 0px;}
    .tx-main-title a{font-size: 14px;}

    .tx-foot-logo{margin-top: -40px;margin-bottom: 25px;}
    .tx-foot-logo span{width: 80px;height: 80px;border-width: 3px;line-height: 74px;}
    .tx-foot-logo span img{width: 50px;}
    .tx-foot-left {display: none;}
    .tx-foot-wx{width: 100%;}
    .tx-foot-wx h3{margin-top: 5px;}
    .tx-foot-wx img{width: 100px;height: 100px;}
    .tx-foot-contact{width: 100%;display: none;}
    .tx-foot-main{margin-bottom: 20px;}

    .tx-banners{margin-top: 60px;height:40vw;overflow: hidden;}
    .tx-banners h3{font-size: 24px;font-weight: bold;}
    .tx-banners h4{display: none;}
    .tx-banners img{height: 100%;max-width: none;}

    .downs{height: 60px;}

    .n-page li{font-size: 12px;width: 28px;height: 28px;line-height: 28px;margin-bottom: 5px;}
    
    .tx-rights-box{display:none;}

}