@charset "utf-8";
/* CSS Document */
 
@font-face {
 font-family: 'PingFang SC Regular';
 src: url('PingFang-Regular.otf');
 src: local('PingFang-Regular'),
        local('PingFang-Regular'),
        url('PingFang-Regular.ttf') format('truetype'),
}
@font-face {
  font-family: 'iconfont';  /* project id 3410142 */
  src: url('');
  src: url('?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_3410142_1gyncndm80t.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_3410142_1gyncndm80t.woff') format('woff'),
  url('//at.alicdn.com/t/font_3410142_1gyncndm80t.ttf') format('truetype'),
  url('#iconfont') format('svg');
}
.iconfont{
    display:inline;
    font-family:"iconfont" !important;
    font-style:normal;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
	 
}
@font-face {
  font-family: 'iconfont';  /* project id 3410636 */
  src: url('');
  src: url('?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_3410636_oyh9hlo0ds.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_3410636_oyh9hlo0ds.woff') format('woff'),
  url('//at.alicdn.com/t/font_3410636_oyh9hlo0ds.ttf') format('truetype'),
  url('#iconfont') format('svg');
}

*{margin: 0;padding: 0;box-sizing:border-box; font-family: 'PingFang SC Regular';}
a { text-decoration:none}
li{ list-style:none}
.clear { clear:both}
nav{height:50px;width: 100vw;background: #131418;display: flex;position: fixed;z-index: 10;}
.logo { text-align:center}
.nav-links { margin-top:50px}
.nav-links li a{ display:block; font-family:SourceHanSansSC; font-size:1rem;color: #F4F4F4; line-height:2.4rem;margin: 0 0 0 2rem;}
.hamburger div{width: 30px;height:3px;background: #f2f5f7;margin: 5px;transition: all 0.3s ease;}
.hamburger{display:block;position: absolute;cursor: pointer;right: 10px;top: 50%;transform: translate(-5%, -50%);z-index: 2;transition: all 0.7s ease;}
.nav-links{position: fixed;background: #131418;height: 100vh;width: 100%;flex-direction: column;clip-path: circle(50px at 90% -20%);-webkit-clip-path: circle(50px at 90% -10%);transition: all 1s ease-out;/*pointer-events: none;*/}
.nav-links.open{clip-path: circle(1080px at 90% -10%);-webkit-clip-path: circle(1080px at 90% -10%);pointer-events: all;}
.nav-links li{opacity: 0;}
.nav-links li:nth-child(1){transition: all 0.5s ease 0.2s;}
.nav-links li:nth-child(2){transition: all 0.5s ease 0.4s;}
.nav-links li:nth-child(3){transition: all 0.5s ease 0.6s;}
.nav-links li:nth-child(4){transition: all 0.5s ease 0.7s;}
.nav-links li:nth-child(5){transition: all 0.5s ease 0.8s;}
li.fade{opacity: 1;}
.toggle .line1{transform: rotate(-45deg) translate(-5px,6px);}
.toggle .line2{transition: all 0.7s ease;width:0;}
.toggle .line3{transform: rotate(45deg) translate(-5px,-6px);}
body.openw { overflow:hidden}
@media screen and (min-width: 768px) {
.hamburger{display: none;}
nav{ height:70px;background-color: rgba(0,0,0,0.5);}
.nav-links{ background:none;display: flex; position: relative; z-index:11; height:auto;clip-path: circle(100% at 90% -20%);-webkit-clip-path: circle(100% at 90% -10%);width: 88vw;margin:0;  justify-content: space-evenly;align-items: end;text-transform: uppercase;}
.nav-links ul { margin-right:250px;}
.nav-links li{opacity: 1;position: relative; display:block; float:left;margin:0 1.2rem; }
.nav-links li a { margin:0;  }
.nav-links li a::after {content: "";display: block;height: 2px;width: 0%;background-color: #efefef;position: absolute; left:0;transition: all ease-in-out 250ms; }
.nav-links li a:hover::after,.nav-links li.on a::after{width: 100%;}
}
.bai,.hui { padding:40px 20px;}
.baia { padding:40px 0}
.bai {background:#FFF}
.hui {background: #EBEBEB;}
.tijiao { padding:0px 60px;}
.pos { padding:0 20px; font-size:14px; line-height:52px; color:#4f4f4f}
.pos a { color:#4f4f4f}
.logo img { height:30px; margin:10px;margin-left:10px;}
.nav-links ul { margin-right:0px;}
.link { display:none; padding:0 20px; font-size:14px; line-height:28px; color:#4f4f4f; background:#000}
.link a { color:#4f4f4f}
@media screen and (min-width: 768px) {
.bai,.hui { padding:60px 60px;}
.baia { padding:60px 0}
.logo img {height:50px; margin-left:80px;}
.nav-links ul { margin-right:80px;}
.tijiao { padding:0px 0px;}
.pos,.link { padding:0 60px; display:block}
}
@media screen and (min-width: 996px) {
.bai,.hui { padding:60px 100px;}
.baia { padding:60px 0}
.logo img {height:50px;margin-left:100px;}
.nav-links ul { margin-right:100px;}
.tijiao { padding:0px 0px;}
.pos,.link { padding:0 100px;}
}
@media screen and (min-width: 1280px) {
.bai,.hui { padding:80px 150px;}
.baia { padding:80px 0}
.logo img {height:50px;margin-left:150px;}
.nav-links ul { margin-right:150px;}
.tijiao { padding:0px 150px;}
.pos,.link { padding:0 150px;}
}
@media screen and (min-width: 1680px) {
.bai,.hui { padding:80px 200px;}
.baia { padding:80px 0}
.logo img {margin-left:200px;}
.nav-links ul { margin-right:200px;}
.tijiao { padding:0px 200px;}
.pos,.link { padding:0 200px;}
}
@media screen and (min-width: 1920px) {
.bai,.hui { padding:100px 250px;}
.baia { padding:100px 0}
.logo img {margin-left:250px;}
.nav-links ul { margin-right:250px;}
.tijiao { padding:0px 250px;}
.pos,.link { padding:0 250px;}
}

/*banner*/
.banner { height:472px;padding:190px 40px 140px;}
.banner h1{ font-size:24px; color:#FFF; line-height:36px;}
.banner a{ display:block; margin-top:30px;border-radius: 30px;background:#B60000;border:solid 1px #B60000; width:180px; height:40px; line-height:40px; font-size:18px; color:#FFF; text-align:center }
.banner a:hover {  background:none;}
@media screen and (min-width: 768px) {
.banner { height:538px;padding:200px 80px 150px;}
.banner h1{ font-size:36px; line-height:54px;}
.banner a{width:200px;height:50px; line-height:50px; font-size:20px}
}
@media screen and (min-width: 996px) {
.banner { height:594px;padding:220px 200px 150px;}
.banner h1{ font-size:48px; line-height:72px;}
.banner a{ width:220px;}
}
@media screen and (min-width: 1280px) {
.banner { height:626px;padding:230px 150px 160px;}
.banner h1{ font-size:52px;line-height:78px;}
.banner a{ width:240px;  }
}
@media screen and (min-width: 1680px) {
.banner { height:694px;padding:250px 200px 180px;}
.banner h1{ font-size:58px;line-height:87px;}
.banner a{ border-radius: 30px;width:220px; height:60px; line-height:60px; font-size:22px }
}
@media screen and (min-width: 1920px) {
.banner { height:732px;padding:260px 250px 190px;}
.banner h1{ font-size:64px;line-height:96px;}
.banner a{width:260px;font-size:24px }
}

/*image-text*/
.image-text .pic.left,.image-text .text.left{width:100%;}
.image-text .pic.right,.image-text .text.right{width:100%; }
.image-text .text.left,.image-text .text.right{ padding:3% 0}
.image-text .pic img{ width:100%; max-width:500px;}
.image-text .text { padding:30px 0; text-align:justify }
.image-text .text h2 {font-size: 22px; font-weight:bold; line-height:66px;}
.image-text .text h2::after {content: "";display: block;height: 5px;width: 60px;background: #B60000;}
.image-text .text p{font-size: 14px;line-height: 32px; margin-top:20px; }
@media screen and (min-width: 768px) {
.image-text .pic.left,.image-text .text.left{ float:left; width:48%;}
.image-text .pic.right,.image-text .text.right{ float:right; width:48%; }
.image-text .text.left,.image-text .text.right{ padding-right:3%}
.image-text .text h2 {font-size: 24px; line-height:72px;}
.image-text .text p{font-size: 18px;line-height: 34px;  }
}
@media screen and (min-width: 996px) {
.image-text .pic.left,.image-text .text.left{ float:left; width:45%;}
.image-text .pic.right,.image-text .text.right{ float:right; width:45%; }
.image-text .text { padding:40px 0 }
.image-text .text h2 {font-size: 26px; line-height:78px;}
.image-text .text p{font-size: 20px;line-height: 38px; margin-top:30px; }
}
@media screen and (min-width: 1280px) {
.image-text .text h2 {font-size: 28px; line-height:84px;}
.image-text .text p{font-size: 22px;line-height: 40px;}
}
@media screen and (min-width: 1680px) {
.image-text .text { padding:50px 0 }
.image-text .text h2 {font-size: 30px; line-height:90px;}
.image-text .text p{font-size: 24px;line-height: 42px; margin-top:40px; }
}
@media screen and (min-width: 1920px) {
.image-text .text h2 {font-size: 32px; line-height:96px;}
.image-text .text p{font-size: 26px;line-height: 45px;}
}
/*price*/
.price1 { }
.price1 .price-tit1 {padding:0 20px;  background:#F1F1F1; font-size:16px;line-height:52px;  font-weight:bold }
.price1 .price-con1 { padding:30px 20px; border-bottom:solid 1px #e1e1e1;   }
.price1 .price-con1 p { padding-left:2%; margin-top:0px;}
.price1 .price-con1 .aaa span { font-size:14px;line-height:42px; font-weight:bold  }
.price1 .price-con1 .bbb span {font-size: 20px;color: #B60000; }
.price1 .price-con1 .bbb span i{font-size: 14px;color: #000000; font-style:normal }
.price1 .price-con1 .bbb a { display:block;width: 85%; max-width: 160px;height: 32px; margin:20px auto; font-size:12px; color:#FFF; line-height:32px;border-radius: 16px;background-color: #B60000;}
.price2 { margin:0 0px;}
.price2 .price-tit2 { border-bottom:solid 1px #e1e1e1;line-height:56px;  font-size:18px; font-weight:bold;padding-left:2%   }
.price2 .price-con2 {  border-bottom:solid 1px #e1e1e1;line-height:40px;  }
.price1 .aaa,.price2 .aaa { float:left; width:26%; padding-left:2%}
.price1 .bbb,.price2 .bbb { float:left; width:24%; text-align:center}
.price2 .price-con2 .aaa{ font-size:12px;}
.icon-zhengque-1,.icon-cuowu-1  { margin-right:5px; font-size:26px; color:#3F0 }
.icon-cuowu-1 { color:#F00  }
@media screen and (min-width: 768px) {
.price1 .price-tit1{ padding:30px 60px;}
.price1 .price-con1 p {margin-top:40px;}
.price1 .price-con1 .aaa span { font-size:18px;line-height:52px;}
.price1 .price-con1 .bbb span {font-size: 40px;}
.price1 .price-con1 .bbb span i{font-size: 20px;}
.price1 .price-con1 .bbb a { font-size:18px; line-height:40px;height: 40px;border-radius: 30px; }
.price2 { margin:0 60px;}
.price1 .aaa,.price2 .aaa { float:left; width:17%; padding-left:2%}
.price1 .bbb,.price2 .bbb { float:left; width:27%; text-align:center}
.price2 .price-con2 .aaa{ font-size:14px;}
}
@media screen and (min-width: 996px) {
.price1 .price-tit1{ padding:30px 100px;font-size:18px;line-height:62px;}
.price1 .price-con1 p {margin-top:50px;}
.price1 .price-con1 .aaa span { font-size:20px;line-height:62px;}
.price1 .price-con1 .bbb span {font-size: 40px;}
.price1 .price-con1 .bbb span i{font-size: 20px;}
.price2 { margin:0 100px;}
.price2 .price-tit2 {  font-size:18px; }
}
@media screen and (min-width: 1280px) {
.price1 .price-tit1{ padding:30px 120px;font-size:20px;line-height:72px;}
.price1 .price-con1 p {margin-top:60px;}
.price1 .price-con1 .aaa span { font-size:22px;line-height:72px;}
.price1 .price-con1 .bbb span {font-size: 45px;}
.price1 .price-con1 .bbb span i{font-size: 25px;}
.price2 { margin:0 120px;}
.price2 .price-tit2 { font-size:20px; }
}
@media screen and (min-width: 1680px) {
.price1 .price-tit1{ padding:30px 180px;font-size:22px;line-height:82px;}
.price1 .price-con1 p {margin-top:70px;}
.price1 .price-con1 .aaa span { font-size:24px;line-height:92px;}
.price1 .price-con1 .bbb span {font-size: 50px;}
.price1 .price-con1 .bbb span i{font-size: 30px;}
.price2 { margin:0 180px;}
.price2 .price-tit2 {line-height:60px;  font-size:22px; }
}
@media screen and (min-width: 1920px) {
.price1 .price-tit1,{ padding:30px 190px;font-size:24px;line-height:92px;}
.price2 { margin:0 190px;}
.price2 .price-tit2 {line-height:70px;  font-size:24px; }
}

/*doc*/
.doc { border-top:solid 1px #e1e1e1; margin-top:20px; }

.doc-tit{ text-align:center; font-size:24px; line-height:50px; font-weight:bold }
.doc ul li { display:block; float:left; width:50%;  }
.doc ul li a {display:block; font-size: 14px; color:#000;line-height:36px;border-bottom:solid 1px #e1e1e1; padding:6px 0;padding-left:15px;}
.doc ul li a .iconfont { margin-right:5px;}
.article-tit { border-bottom:solid 1px #e1e1e1; margin-bottom:30px;}
.article-tit .article-titl { float:left;font-size: 32px;line-height: 90px; }
.article-tit .article-titr { float:right;font-size: 14px;line-height: 40px; margin:25px 0 }
.article{font-size: 14px;line-height: 32px;}

.shangxia { border-top:solid 1px #EDEDED; padding-top:15px}
.shangxia .pre,.shangxia .next {display:block; font-size:14px;color:#757575   }
.shangxia .pre a,.shangxia .next a {color:#757575 }
.shangxia .next { margin-top:20px;}
@media screen and (min-width: 768px) {
.shangxia .pre,.shangxia .next {font-size:16px;}
.shangxia .pre{float:left;}
.shangxia .next {float:right; margin-top:0}
.doc {  margin-top:30px; }
.doc ul li {width:25%; }
.doc ul li a { font-size: 16px;line-height:40px;}
.article{font-size: 15px;line-height: 32px; margin-bottom:40px;}
.article-tit .article-titl {font-size: 38px;line-height: 70px; }
.article-tit .article-titr {font-size: 15px;margin:15px 0 }
}
@media screen and (min-width: 996px) {
.doc {  margin-top:40px; }
.doc ul li a{ padding:8px 0}
.article-tit .article-titl {font-size: 44px;line-height: 80px; }
.article-tit .article-titr {font-size: 16px;margin:20px 0 }
}
@media screen and (min-width: 1280px) {
.doc {  margin-top:50px; }
.doc ul li a { font-size: 16px;line-height:40px;}
.article{font-size: 18px;line-height: 50px; margin-bottom:50px;}
.article-tit .article-titl {font-size: 48px;line-height: 90px; }
.article-tit .article-titr {font-size: 18px;margin:25px 0 }
}
@media screen and (min-width: 1680px) {
.doc ul li a{ padding:10px 0}
}
/*about*/
.about-tit { font-size:32px; font-weight:bold; text-align:center; }
.about-tit::after {content: "";display: block;height: 5px;width: 60px;background: #B60000; margin:30px auto}
.service ul{ text-align:center }
.service ul li { display: block; float:left; padding:0 10px; margin:25px 10px 0 0; background:#D0D0D0; font-size:14px; color:#B60000; height:40px; line-height:40px; border-radius:20px;width: calc((100% - 10px) /2); margin-right:10px; }
.service ul li:nth-of-type(2n) { margin-right:0}
.service ul li:hover{ background:#B60000; color:#FFF;}
.map { background:url(../img/map.jpg)}
.map p { font-size:14px; line-height:28px; text-align:center}
.brand { background:url(../img/pexels-flo-maderebner-869258.jpg)}
.brand ul li { display:block; float:left; width:50%; text-align:center}
.brand ul li .num { font-size:36px; line-height:66px; font-weight:bold;}
.brand ul li .num::after {content: "";display: block;height: 5px;width: 60px;background: #B60000; margin:0px auto 10px}
.brand ul li p { font-size:14px;}
@media screen and (min-width: 768px) {
.service ul li {width: calc((100% - 30px) /4);  margin-top:10px}
.service ul li:nth-of-type(2n) { margin-right:10px}
.service ul li:nth-of-type(4n) { margin-right:0px}
.map p { font-size:22px; line-height:44px;}
.brand ul li { width:25%;  }
.brand ul li .num { font-size:48px; line-height:72px; }
.brand ul li .num::after { margin:10px auto 20px}
.brand ul li p { font-size:16px;}
}
@media screen and (min-width: 996px) {
.service ul li { margin-top:15px; }
.map p { font-size:23px; line-height:46px;}
.brand ul li .num { font-size:52px; line-height:78px; }
.brand ul li .num::after { margin:14px auto 34px}
.brand ul li p { font-size:20px;}
}
@media screen and (min-width: 1280px) {
.service ul li { margin-top:20px; font-size:16px;}
 
.map p { font-size:24px; line-height:48px;}
.brand ul li .num { font-size:56px; line-height:84px; }
.brand ul li .num::after { margin:16px auto 36px}
.brand ul li p { font-size:22px;}
}
@media screen and (min-width: 1680px) {
.service ul li { margin-top:20px}
.service ul li {width: calc((100% - 120px) /4);margin-right:40px;height:60px; font-size:18px; line-height:60px;  border-radius:30px;}
.service ul li:nth-of-type(2n) { margin-right:40px}
.service ul li:nth-of-type(4n) { margin-right:0px}
.map p { font-size:25px; line-height:50px;}
.brand ul li .num { font-size:60px; line-height:90px; }
.brand ul li .num::after { margin:18px auto 38px}
.brand ul li p { font-size:23px;}
}
@media screen and (min-width: 1920px) {
.service ul  { margin-top:30px}
.map p { font-size:26px; line-height:52px;}
.brand ul li .num { font-size:64px; line-height:96px; }
.brand ul li .num::after { margin:20px auto 40px}
.brand ul li p { font-size:24px;}
}
/*wiki*/
/*wiki*/
.wiki { border-top: 1px solid #EDEDED; margin-top:20px}
.wiki ul li { float:left; width:100%; padding:23px 0 23px;padding-right:5%;border-bottom: 1px solid #EDEDED; }
.wiki ul li a { display:block;}
.wiki ul li a h2 {font-size: 18px;color: #323232; }
.wiki ul li.lic a p{font-size: 14px;color: #757575; line-height:24px; margin-top:10px}
.index-wiki ul li:nth-of-type(5),.index-wiki ul li:nth-of-type(6),.index-wiki ul li:nth-of-type(7),.index-wiki ul li:nth-of-type(8),.index-wiki ul li:nth-of-type(9),.index-wiki ul li:nth-of-type(10){ display:none}
.pagenavi { margin-top:50px; text-align:center }
.pagenavi span,.pagenavi a{ display:inline-block; font-size:14px; color:#7d7d7d; border:solid 1px #7d7d7d; border-radius:4px; margin:0 10px; padding:3px 8px; }
.pagenavi span.pages { }
.pagenavi span.current,.pagenavi a:hover { background:#003078; border:solid 1px #003078; color:#FFF }
.pagenavi span#next-page,.pagenavi span#next-page { padding:0; margin:0; border:none }
@media screen and (min-width: 768px) {
.wiki { border-top: 1px solid #EDEDED; margin-top:60px}
.wiki ul li {width:50%;  float:left; padding:37px 0 23px;padding-right:5%;border-bottom: 1px solid #EDEDED;}
.wiki ul li a h2 { font-size: 20px;}
.wiki ul li.lic  a p {font-size: 15px; line-height:28px;}
.index-wiki ul li:nth-of-type(5),.index-wiki ul li:nth-of-type(6),.index-wiki ul li:nth-of-type(7),.index-wiki ul li:nth-of-type(8),.index-wiki ul li:nth-of-type(9),.index-wiki ul li:nth-of-type(10){ display: block}

}
@media screen and (min-width: 996px) {
.wiki { border-top: 1px solid #EDEDED; margin-top:60px}
.wiki ul li {width:50%;  float:left; padding:37px 0 23px;padding-right:5%;border-bottom: 1px solid #EDEDED;}
.wiki ul li a h2 { font-size: 24px;}
.wiki ul li.lic  a p {font-size: 16px;}
}
@media screen and (min-width: 1280px) {
.wiki { border-top: 1px solid #EDEDED; margin-top:60px}
.wiki ul li {width:50%;  float:left; padding:37px 0 23px;padding-right:5%;border-bottom: 1px solid #EDEDED;}
.wiki ul li a h2 { font-size: 24px;}
.wiki ul li.lic  a p {font-size: 16px;}
}
@media screen and (min-width: 1440px) {
.wiki { border-top: 1px solid #EDEDED; margin-top:60px}
.wiki ul li {width:50%;  float:left; padding:37px 0 23px;padding-right:5%;border-bottom: 1px solid #EDEDED;}
.wiki ul li a h2 { font-size: 24px;}
.wiki ul li.lic  a p {font-size: 16px;}
}
@media screen and (min-width: 1920px) {
.wiki { border-top: 1px solid #EDEDED; margin-top:60px}
.wiki ul li {width:50%;  float:left; padding:37px 0 23px;padding-right:5%;border-bottom: 1px solid #EDEDED;}
.wiki ul li a h2 { font-size: 24px;}
.wiki ul li.lic  a p {font-size: 16px;}
}
.more a { display:block; width:200px; height:40px; line-height:40px; font-size:16px; color:#FFF; text-align:center;background:#6d6d6d; border-radius:20px; margin:50px auto 0}
/*tijiao*/
.tijiao { padding:0px 0px;}
.tijiao-tit { font-size:28px; color:#000; font-weight:bold; text-align:center}
.tijiao form li {margin-top:40px; }
.tijiao form input { display:block; width:100%; background: #ededed; padding: 8px 16px; height:40px; color: #000; font-size: 16px; line-height:40px; border: solid 1px #ededed; border-radius:20px;}.hui .tijiao form input {border: solid 1px #000;}
.tijiao form input.submit { background:#B60000; color:#FFF; line-height:20px;border: solid 1px #B60000; cursor:pointer   }.hui .tijiao form input.submit {border: solid 1px #B60000;  }
.tijiao form li:nth-of-type(1),.tijiao form li:nth-of-type(2){ width:100%; margin-right:0;  }
.tijiao form li:nth-of-type(3){ width:100%  }
.tijiao form li:nth-of-type(4){ width:100%  }
.h-captcha { transform:scale(0.80);transform-origin:0 0}

@media screen and (min-width: 768px) {
.tijiao-tit { font-size:42px;}
.tijiao form li { display:block; float:left;margin-top:50px; }
.tijiao form input {padding: 10px 20px; height:46px;font-size: 20px; line-height:46px;border-radius:23px;   }
.tijiao form input.submit { line-height:23px; }
.tijiao form li:nth-of-type(1),.tijiao form li:nth-of-type(2),.tijiao form li:nth-of-type(3){ width:21%; margin-right:4%;  }
.tijiao form li:nth-of-type(4){ width:25%  }
.h-captcha { transform:scale(0.50);transform-origin:0 0}
}
@media screen and (min-width: 996px) {
.tijiao-tit { font-size:46px;}
.tijiao form li {margin-top:70px; }
.h-captcha { transform:scale(0.79);transform-origin:0 0}
}
@media screen and (min-width: 1280px) {
.tijiao { padding:0px 50px;}
.tijiao-tit { font-size:52px;}
.tijiao form li {margin-top:70px; }
.tijiao form input {padding: 15px 25px; height:50px;font-size: 22px; line-height:50px;border-radius:25px;   }
.tijiao form input.submit { line-height:20px; }
}
@media screen and (min-width: 1680px) {
.tijiao { padding:0px 100px;}
.tijiao-tit { font-size:58px;}
.tijiao form li {margin-top:90px; }
.tijiao form input {padding: 20px 30px; height:60px;font-size: 24px; line-height:40px;border-radius:30px;   }
.tijiao form input.submit { line-height:20px; }
}
@media screen and (min-width: 1920px) {
.tijiao { padding:0px 150px;}
.tijiao-tit { font-size:64px;}
.tijiao form li {margin-top:100px; }
}
/*footer*/
.footer { background:#000;font-size:14px; color:#F9F9F9; line-height:30px;  }
.footer .footer-box.footer-boxa,.footer .footer-box.footer-boxb { width:100%}
.footer .footer-box.footer-boxb { margin-top:40px;}
.footer .footer-box .footer-tit {font-size:24px;line-height:30px;font-weight:bold;  }
.footer .footer-box p { margin-top:20px;  }
.footer .copyright { margin-top:45px; text-align:center }
.footer .copyright a{ display:none;color:#F9F9F9; }
@media screen and (min-width: 768px) {
.footer .footer-box.footer-boxa { float:left; width:45%; padding-right:5%;  }
.footer .footer-box.footer-boxb { float:left; width:55%; padding-right:5%;  }
.footer .footer-box.footer-boxb { margin-top:0px;}
.footer .copyright { margin-top:50px; }
.footer .copyright a{ display: inline-block; }
}
@media screen and (min-width: 996px) {
.footer .footer-box.footer-boxa { width:55%; padding-right:5%;  }
.footer .footer-box.footer-boxb { width:40%;  }
.footer .copyright { margin-top:55px; }
}
@media screen and (min-width: 1280px) {
.footer {font-size:15px;  }
.footer .footer-box.footer-boxa { width:50%; padding-right:5%;  }
.footer .footer-box.footer-boxb { width:50%;}
.footer .copyright { margin-top:60px; }
}
@media screen and (min-width: 1366px) {
.footer {font-size:15px;  }
.footer .footer-box.footer-boxa,.footer .footer-box.footer-boxb { padding-right:3%;  }
.footer .copyright { margin-top:65px; }
}
@media screen and (min-width: 1440px) {
.footer .footer-box.footer-boxa,.footer .footer-box.footer-boxb  { width:50%; padding-right:5%;  }
.footer .copyright { margin-top:70px; }
}
@media screen and (min-width: 1680px) {
.footer {font-size:16px;}
.footer .footer-box.footer-boxa,.footer .footer-box.footer-boxb  { width:48%; padding-right:4%;  }
.footer .copyright { margin-top:75px; }
}
@media screen and (min-width: 1920px) {
.footer .footer-box.footer-boxa,.footer .footer-box.footer-boxb  { width:45%; padding-right:4%;  }
.footer .copyright { margin-top:80px; }
}

/* 侧边悬浮导航 */
.right_nav{ display:none}
@media only screen and (min-width: 768px) {
.right_nav{ display: block}
}
.right_nav{ right: 10px; top:500px; position:fixed; text-align:left;overflow: hidden;z-index:999;box-shadow: 0px 4px 16px 0px rgba(0,0,0,0.5); border-radius: 6px;  }
.right_nav li{ cursor:pointer;position:relative; right: 0px; width:68px; height:64px; background:#fff; padding:10px 0 0; text-align:center; border: solid 1px  #F5F5FB; border-bottom:none  }
.right_nav li .iconBox{text-align: center;overflow: hidden;display: flex;align-items: center;justify-content: space-between; width:20px; height:20px; margin:0 auto}
.right_nav li:nth-child(1) { background:#ad0023;border:none}
.right_nav li:nth-child(1) .iconBox-tit {font-size: 16px; color: #fff;line-height: 22px;}
.right_nav li .iconBox img{width: 100%;}
.right_nav li p {font-size: 12px;color: #909097; line-height:30px;}
.right_nav li:last-child .iconBox { margin:12px auto }
 
.right_nav li .hideBox{display: none;position: absolute;right:62px; top:-20px;z-index: 999;  padding-right:12px; }
.right_nav li .hideBox .hideBox-tel{background-color: #fff;  padding: 10px 20px;border-radius: 4px;box-sizing: border-box;box-shadow: 0px 4px 16px 0px rgba(0,0,0,0.08);width: 125px;
min-height: 64px; text-align:left;color: #202131; position:relative }
.right_nav li .hideBox .hideBox-tel p {font-size: 12px; color: #202131; line-height:28px; border-bottom: solid 1px  #F5F5FB; }
.right_nav li .hideBox .hideBox-tel::after{content: "";display: block;position: absolute;top: 50%;right: -12px;transform: translate(0,-50%);border-width: 6px;border-color: transparent transparent transparent #fff;border-style: solid;}
 
.right_nav li .hideBox .hideBox-wechat { top:-48px; width:160px;height:160px; }
.right_nav li .hideBox .hideBox-wechat img { width:140px;}
.right_nav li .hideBox .hideBox-wechat::after {top: 60%; }