@charset "utf-8";
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td {margin:0;padding:0;}
body,button,input,select,textarea {font:12px Microsoft YaHei, Arial, sans-serif;}
h1,h2,h3,h4,h5,h6 {font-size:100%;}
address,cite,dfn,em,var {font-style:normal;}
ul,ol,li {list-style:none;}
a {text-decoration:none;}
legend {color:#000;}
fieldset,img {border:0;vertical-align:top;}
section,article,aside,header,footer,nav,dialog,figure {display:block;}
figure {margin:0;}
button,input,select,textarea {font-size:100%;border:0;background:none;outline:none;}
table {border-collapse:collapse;border-spacing:0}
.hide {display:none;}
.invisible {visibility:hidden;}
.noBg {background:none !important;}
.noBd {border:none !important;}
.i {text-align:justify;text-justify:inter-ideograph;}
.clearfix:after {clear:both;content:'';display:block;width:0;height:0;visibility:hidden;}
.clearfix {zoom:1;}
a:link,a:visited {text-decoration:none;}
a:hover,a:active {text-decoration:none;}
a {blr:expression(this.onFocus=this.blur());}
a {outline:none;transition-duration:0.3s,0.3s;transition-property:background-color,color;transition-timing-function:ease,ease;}
.hidden {display:none;}
.invisible {visibility:hidden;}
.noBg {background:none !important;}
.noBd {border:none !important;}
.noMr {margin-right:0 !important;float:right !important;}
.text-justify {text-align:justify;}
body {width:100%;}
a {color:#000000;}
a:hover {color:#e60013;}
a,span,em,img,p {transition:all 0.5s;}
.i {text-align:justify;text-justify:inter-ideograph;}

.wrap {width:1200px;margin:0 auto;}
.g-in {width:1426px;margin:0 auto;}
.wrapper {width:100%;margin:0 auto;overflow:hidden;}

.m-nav {width:200px;height:100%;right:-200px;top:0;background:#fff;position:fixed;transition:transform 0.4s cubic-bezier(0.4,0.01,.165,0.99);z-index:100;}
.m-nav h2 {margin:0 0 10px;padding:10px 0;border-bottom:1px solid #ddd;font-weight:bold;font-size:16px;line-height:30px;text-align:center;}
.m-nav li {position:relative;padding:12px 12px 12px 22px;border-bottom:1px solid #eee;font-size:14px;line-height:24px;}
.m-nav li a {display:block;}
.m-nav li a:hover,.m-nav .current a {color:#e60013;}
.m-nav .current:after {position:absolute;top:50%;left:0;width:5px;height:14px;margin-top:-7px;border-left:2px solid #e60013;content:""}

.fixed {position:fixed;top:0;left:0;z-index:1000;box-shadow:0 0 10px #aaa;}
.ico {width:31px;height:26px;background:url("tang-ico.png") center no-repeat;background-size:contain;float:right;cursor:pointer;margin:4px 0 0 0;display:none;}
.u-mask {position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:9;}

.t-c {width:100%;height:100px;margin:0 auto;background:#fff;}
.logo {float:left;margin-top:13px;}
.ico-1688 {float:right;padding-top:33px;}
.nav {float:right;padding-top:43px;margin-right:20px;}
.nav ul li {float:left;position:relative;z-index:10;width: 100px;text-align: center;padding-bottom:20px;}
.nav ul li:last-child {border-right:0;}
.nav ul li a {display:block;font-size:16px;text-align:center;line-height:18px;border-right: 1px dotted #878787;}
.nav ul li a:hover,.nav ul li a.current {color:#e60013;}
.nav ul li .subNav{width:100%;position:absolute;top:0;left:0;background:#fff;top:30px;box-shadow:0 0 5px #ccc;display:none;}
.nav ul li .subNav dl{padding-bottom:8px;}
.nav ul li .subNav dt a{font-size:14px;padding:8px 0 0;border-right:0;}

body.z-open .m-nav {transform:translate3d(-200px,0,0);-webkit-transform:translate3d(-200px,0,0);}

.swiper-container-1 img {width:100% !important;}
.swiper-container-1 .swiper-pagination-bullet {background:#fff;width:8px;height:8px;opacity:1;}
.swiper-container-1 .swiper-pagination-bullet-active {width:30px;background:#e60013;border-radius:30px;}
.swiper-container-1 > .swiper-pagination-bullets {bottom:28px !important;}

.footer {background:url("tang-footer.jpg") top center no-repeat;background-size: cover;}
.footer .wrap {padding:20px 0;width:1200px;}
.footerLeft {width:500px;float:left;}
.logo2 {width:379px;height:64px;margin-bottom:20px;}
.footerLeft p {color:#ffffff;font-size:14px;line-height:30px;}
.footerLeft p:nth-child(2) {font-size:17px;color:#ffffff;}
.telAndCode {margin-top:20px;}
.telAndCode .tel {width:210px;float:left;}
.telAndCode .tel p {font-size:16px;line-height:30px;color:#ffffff;}
.telAndCode .tel p:nth-child(2) {font-weight:bold;font-size:28px;color:#e60013;line-height:42px;opacity:0.8;}
.telAndCode .qr_code {float:left;margin-left:30px;}
.telAndCode .qr_code .qr_code_Div {width:90px;display:inline-block;}
.telAndCode .qr_code .qr_code_Div p {text-align:center;color:#ffffff;font-size:12px;line-height:30px;}
.telAndCode .qr_code .qr_code_Div:first-child {margin-right:26px;}
.footerRight {padding:26px;background:#292929;width:568px;float:right;color:#ffffff;}
.footerRight p:first-child {font-size:12px;line-height:24px;}
.footerRight p:nth-child(2) {font-size:24px;line-height:40px;color:#ffffff;}
.footerRight p:nth-child(2) em {color:#e60013;}
.footerRight form {margin-top:20px;}
.footerRight form input:nth-child(-n+3) {padding-left:12px;box-sizing:border-box;float:left;width:174px;height:36px;font-size:12px;line-height:36px;background:#ffffff;margin-right:20px;}
.footerRight form input:nth-child(2) {margin-right:21px;}
.footerRight form input:nth-child(3) {margin-right:0;}
.footerRight form textarea {font-size:12px;line-height:24px;box-sizing:border-box;padding:12px;background:#ffffff;margin:20px 0;}
.footerRight form input:nth-child(5) {cursor:pointer;color:#ffffff;background:#e60013;width:266px;height:36px;margin-right:30px;font-size:14px;line-height:30px;}
.footerRight form input:nth-child(6) {cursor:pointer;background:#01003b;color:#ffffff;width:266px;height:36px;font-size:14px;line-height:30px;}
.copyright {text-align:center;font-size:14px;padding: 10px 0;background:#292929;color:#cccccc;line-height: 30px}
.copyright a {color:#cccccc;}
.copyright a:hover {color:#ffffff;}


.fixed-list{width:100%;background:#e60013;position:fixed;left:0;bottom:0;z-index:9999;display:none;}
.fixed-list li{float:left;display:inline;width:33.333%;height:66px;text-align:center;box-sizing:border-box;}
.fixed-list li a{font-size:13px;display:block;color:#fff;}
.fixed-list li:nth-child(1) em{display:block;height:24px;background:url(f1.png) center no-repeat;background-size:contain;margin:11px auto 6px;}
.fixed-list li:nth-child(2) em{display:block;height:24px;background:url(f2.png) center no-repeat;background-size:contain;margin:11px auto 6px;}
.fixed-list li:nth-child(3) em{display:block;height:24px;background:url(f3.png) center no-repeat;background-size:contain;margin:11px auto 6px;}


@media all and (max-width:1426px){
    .g-in{
        width: 1200px;
    }
}

@media all and (max-width:1200px) {.wrap,.g-in {width:100%;padding:0 2%;box-sizing:border-box;}
    .t-c {width:100%;height:auto;}
    .ico-1688 {display:none;}
    .logo {margin:10px 0;}
    .logo img {height:64px;}
    .nav {display:none;}
    .ico {margin-top:29px;display:block;}
    .swiper-container-1 img {width:100%;height:auto;}
    .swiper-container-1 > .swiper-pagination-bullets {bottom:12px !important;}
    .footer .wrap {padding:4px 0;width:100%;}
    .footerLeft {width:100%;box-sizing:border-box;padding:0 2%;float:none;}
    .logo2 {text-align:center;width:100%;margin-bottom:10px;}
    .logo2 img {width:90%;}

    .telAndCode {margin-top:10px;}
    .telAndCode .tel {width:100%;float:none;}
    .telAndCode .tel p {font-size:16px;line-height:24px;color:#ffffff;}
    .telAndCode .tel p:nth-child(2) {font-weight:bold;font-size:20px;color:#e60013;line-height:30px;opacity:0.8;}
    .telAndCode .qr_code {width:100%;float:none;margin-left:0;text-align: center;padding: 10px 0;}
    .telAndCode .qr_code .qr_code_Div {width:90px;display:inline-block;}
    .telAndCode .qr_code .qr_code_Div p {margin-top:6px;text-align:center;color:#ffffff;font-size:12px;line-height:12px;}
    .telAndCode .qr_code .qr_code_Div:first-child {margin-right:20px;}
    .footerRight {display:none;}
    .copyright {box-sizing:border-box;width:100%;padding:10px 2% 74px;}
    .copyright a {color:#cccccc;}
    .copyright a:hover {color:#ffffff;}

    .fixed-list{display:block;}
}