/*鍞缃 wkwang.cn Ram QQ12100022*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
*, *:after, *:before {
  box-sizing: border-box;
}
html {
  line-height: 1.15;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
}
body {
  -webkit-font-smoothing: antialiased;
   user-select:none;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, main {
    display: block;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
pre {
  font-family: monospace, monospace;
  font-size: 1em;
}
a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}
a,
a:hover,
a:focus,
a:active,
a:visited {
  text-decoration: none;
}
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}
b,
strong {
  font-weight: inherit;
}
b,
strong {
  font-weight: bolder;
}
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
dfn {
  font-style: italic;
}
mark {
  background-color: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
audio,
video {
  display: inline-block;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
img {
  border-style: none;
}
svg:not(:root) {
  overflow: hidden;
}
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
  outline:none;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
button {
  outline: 0;
  border: 0;
  appearance: none;
}
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}
progress {
  display: inline-block;
  vertical-align: baseline;
}
textarea {
  overflow: auto;
}
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
details,
menu {
  display: block;
}
summary {
  display: list-item;
}
canvas {
  display: inline-block;
}
template {
  display: none;
}
[hidden] {
  display: none;
}
.clear,
.clearfix:after {
	display: block;
	content: ".";
	clear: both;
	height: 0;
	overflow: hidden;
	visibility: hidden;
}
.clearfix {
	*zoom: 1;
}
.fl{float: left;}
.fr{float: right;}
.wrap1220{width: 1200px;margin: 0 auto;}
/*reset end*/
body{font-family: "microsoft yahei"; font-size: 14px;color: #686868;}
body a{color: #686868;}
.header{background: #FFFFFF;height: 84px; overflow: hidden;}
.header .logo{}
/*.header .logo img{width: 190px;height: 50px;  margin-top: 17px;}*/
.header .logo img{height: 50px;  margin-top: 17px;}
.header nav{float: right;}
.header nav li{float: left;}
.header nav ul{padding-left: 40px;}
.header nav a{display: block; line-height: 82px;padding: 0 20px;font-size: 18px;}
.header nav .on a,.header nav li:hover a{line-height: 82px;border-bottom: 2px solid #3488ea;}
.header .search{float: right; padding-top: 28px;position: relative;}
.header .search button{background: none;z-index: 3;position: relative;}
.header .search input#search{display: none;padding: 0 25px 0 8px;height: 46px; line-height: 46px;position: absolute;top: 16px;right: 0px;width: 260px; animation: searchwidth 1s}
@keyframes searchwidth{
	from{width: 0px;}
	to{width: 260px;}
}
.index-banner{position: relative;}
.index-banner .hd{ margin:-20px auto 0 auto;position: relative; top: -10px;}
.index-banner .hd ul{text-align: center;}
.index-banner .hd ul li{display: inline-block; width: 15px; height: 15px; cursor:pointer; background: #FFFFFF; border-radius: 50%;margin: 0 5px;}
.index-banner .hd ul li.on{background:#f5063d;}
.index-banner .bd li a{width: 100%; height: 600px;display: block;overflow: hidden; }
.banner .bd li a{width: 100%; height: 380px;display: block;overflow: hidden; }
.index-notice{height: 76px;box-shadow:0px 5px 5px #e6e6e6;margin-top: -38px;background: #FFFFFF;z-index: 2;position: relative;overflow: hidden;padding: 0 50px;font-size: 16px;}
.index-notice .hd{height: 76px;line-height: 76px;width: 100%;}
.index-notice .hd .prev{font-size: 24px;display: block; margin-right: 30px;}
.index-notice .hd .next{font-size: 24px;}
.index-notice .hd ul{}
.index-notice .hd li{display: inline-block; line-height: 76px; padding: 2px; margin: 0 4px; background: #686868;}
.index-notice .hd .on{background: none;width: 16px;height: 16px;border:2px solid #3488EA;border-radius: 50%; margin-bottom: -5px;}
.index-notice .bd{padding: 0 16px;position: absolute;top: 0;left: 130px;}
.index-notice .bd li{line-height: 76px; width: 900px;}
.index-submenu{ margin: 60px 0 0 0;}
.index-submenu a{float: left;width: 300px;height: 150px;overflow: hidden;}
.index-submenu a img{transform: scale(1);transition:all 1s;}
.index-submenu a:hover img{transform: scale(1.1);transition:all 1s;}
.index-about{height: 342px;margin-top: 60px;box-shadow:0px 5px 10px #e6e6e6;}
.index-about-l{width: 667px;margin: 0 0 0 60px;}
.index-about-l h2{font-size: 24px;color: #3488ea; margin-top: 28px;}
.index-about-l h3{font-size: 14px;color: #bcbcbc;margin-top: 10px;}
.index-about-l .text{line-height: 1.8em;margin-top: 40px;}
.index-about-l a{border:1px solid #a6a6a6;display: block;width: 142px;height: 51px;text-align: center;line-height: 51px;margin-top: 30px;}
.index-about-r{
    width: 400px;
    height: 100%;
    position: relative;
    display: flex;
    align-items: center;
}
.index-about-r li{width: 326px;height: 342px;overflow: hidden;}
.index-about-r li img{width: 326px;height: 342px;transition: 1s;}
.index-about-r li:hover img{transform: scale(1.1);}
.index-about-r .hd ul{position: absolute;bottom: 8px;text-align: center;width: 100%;}
.index-about-r .hd li{display: inline-block; height: 10px;width: 10px;border:2px solid #3488EA;border-radius: 50%;}
.index-about-r .hd .on{background: #4391EC;width: 10px;height: 10px;}
/* .index-about-r a{display: block; margin: 300px 0 0px 240px;color: #FFFFFF;} */
.index-h2{font-size: 24px;color: #575757;margin-bottom: 20px;}
.index-h2 span{font-size: 18px;color: #aaaaaa; padding-left: 10px;}
.index-project{margin-top: 60px;}
.index-project li{float: left;width: 380px;}
.index-project li:nth-child(2){margin: 0 30px;}
.index-project img{width: 380px;height: 200px;}
.index-project .info{}
.index-project h3{font-size: 18px; line-height:60px;font-weight: 500;padding: 0 20px;}
.index-project p{font-size: 14px; line-height: 1.5em;border-bottom: 1px solid #b7b7b7; padding:0 20px 20px 20px; margin-bottom: 20px;height:105px;overflow:hidden;}
.index-project a{display: inline-block; border: 1px solid #b7b7b7;color: #b7b7b7;padding: 6px 9px; margin:0 0 20px 20px;}
.index-project li:hover{background: #3488ea;box-shadow: 0 5px 10px #A6A6A6;}
.index-project li:hover p{color: #FFFFFF;}
.index-project li:hover a{color: #FFFFFF;border: 1px solid #FFFFFF;border-radius: 12px;}
.index-project li:hover h3{color: #FFFFFF;}
.index-project .more{text-align: center;}
.index-project .more a{font-size: 16px;padding: 15px 70px;margin: 30px 0;}
.index-news{background: #f8f8f8;padding: 60px 0;}
.index-news .hd li{float: left;font-size: 18px;color: #aaaaaa; padding: 6px 14px;}
.index-news .hd li:after{display: inline-block;content: ' ';height: 15px;position: relative; right: -15px;  border-right: 1px solid #B7B7B7;}
.index-news .hd li a{color: #aaaaaa;}
.index-news .hd .on{color: #FFFFFF;background: #3488ea;}
.index-news .hd .on a{color: #FFFFFF;}
.index-news .bd{width: 100%;}
.index-news .left{width: 475px;background: #3488ea;color: #bbd3ff;}
.index-news .left img{width: 475px;height: 240px;}
.index-news .left .dd{font-size: 36px;color: #FFFFFF;}
.index-news .left .yyyy{font-size: 12px;}
.index-news .left .yymmdd{width: 106px;text-align: center;margin-top: 25px;}
.index-news .left .top{width: 360px;}
.index-news .top h3{color: #FFFFFF;border-bottom: 1px solid #BBD3FF; margin-right: 20px;padding: 30px 0 20px 0;font-size:16px;}
.index-news .top p{padding: 18px 10px 40px 0;}
.index-news .top a p{color: #bbd3ff; line-height:1.5em;font-size:14px;}
.index-news .list{width: 650px;}
.index-news .list h4{border-bottom: 1px solid #dadada;font-size: 16px;color: #313131;line-height:58px;}
.index-news .list h4 span{float: right;font-size: 12px;}
.index-news .list .li:hover .ah4{display: none;}
.index-news .list .li:hover .info{display: inline-block;}
.index-news .list .li:hover .yymmdd{display: inline-block;}
.index-news .list .info{width: 515px;display: none;}
.index-news .list .info h3{font-size: 18px;color: #313131; border-bottom: 1px solid #dadada; line-height: 70px;}
.index-news .list .info p{padding: 20px 0 30px 0;}
.index-news .list .yymmdd{color: #848484;display: none;}
.index-news .list .dd{font-size: 40px;}
.index-news .list .jt{color: #3488ea;margin-top: 30px;text-align: center;}
.index-news .more{text-align: center; padding: 50px 0 20px 0;}
.index-news .more a{display: inline-block;width: 195px;height: 50px;background: #3488ea;line-height: 50px;font-size: 30px;color: #FFFFFF;}
.index-product{padding: 100px 0 100px 0;position: relative;}
.index-product .bd{width: 1200px; overflow: hidden;}
.index-product .bd li{float: left;width: 386px; margin-right: 20px;}
.index-product .bd h3{font-size: 18px;color: #222222;line-height: 40px; padding: 0 10px;text-align:center;}
.index-product .bd p{color: #222222;padding: 0 10px 20px 10px;}
.index-product .bd img{width: 386px;height: 243px;transform: scale(1);transition: all 1s;}
.index-product .bd .img{width: 386px;height: 243px;overflow: hidden;}
.index-product .bd li:hover img{transform: scale(1.1);}
.index-product .bd li:hover{background: #4391ec;}
.index-product .bd li:hover h3{color: #FFFFFF;}
.index-product .bd li:hover p{color: #FFFFFF;}
.index-product .bd li:hover{box-shadow:0 5px 10px #A6A6A6;}
.index-product .hd{position: absolute; top: 0;font-size: 50px;width:1200px;}
.index-product .hd a {color: #4391ec;opacity: 0.3;}
.index-product .hd .prev {position:absolute;left: 0;top: 250px;}
.index-product .hd .next {position:absolute;right: 0;top: 250px;}
.index-product .hd .prev:hover {color: #4391ec;opacity: 1;}
.index-product .hd .next:hover {color: #4391ec;opacity: 1;}
.footer{background: #3e3e3e;min-height: 300px;}
.footer .index-h2{color: #ffffff;margin-top: 55px;}
.footer h4{font-size: 16px;color: #FFFFFF;padding: 20px 0;}
.footer p{line-height: 2em;color: #979797;}
.footer .qr{}
.footer .qr ul{padding: 20px 0;}
.footer .qr li{float: left;width: 118px;text-align: center; line-height: 1.5em;margin-right: 16px;}
.footer .qr img{width: 118px;height: 118px;}
.footer .blogroll{}
.footer .blogroll h5{color: #979797;}
.footer .blogroll ul{ padding: 16px 0;}
.footer .blogroll li{float: left;margin-right: 30px;}
.footer .leave-word{width: 450px; padding: 90px 0 0 0;}
.footer .leave-word .item{border-bottom: 1px solid #7d7d7d;line-height: 40px; padding-top: 10px;}
.footer .leave-word label{color: #979797;}
.footer .leave-word .item input{background: none;border: none;color: #F8F8F8;padding-left: 8px;width: 410px;}
.footer .leave-word button{width: 100%;height: 48px;color: #FFFFFF;font-size: 16px;text-align: center;background: #5c5c5c; margin-top: 12px;}
.footer .leave-word #con{width: 410px; height: 102px;color: #F8F8F8;padding-left: 8px;background: none;border: none;resize: none;padding-top: 8px;}
.footer .leave-word [for='con']{position: relative;top: -80px;}
.footer .copyright{height: 36px;line-height: 36px; background: #ffffff;text-align: center;}

.about{padding: 60px 0 0 0;}
.about .side{width: 210px; margin-bottom: 60px;}
.about .side .on a{background: #3488EA; color: #FFFFFF;}
.about .side a{display: block;line-height: 61px;color: #4d4d4d;font-weight: bold; padding-left: 35px;border-bottom: 1px solid #c0c0c0;}
.about .side a:hover{background: #3488EA; color: #FFFFFF;}
.about .side a span{padding-left: 60px;}
.about .main{width: 925px;}
.about .main h1{font-size: 32px;color: #2a2a2a;}
.about .main h2{font-size: 14px;color: #c0c0c0;line-height: 3em;}
.about .main{line-height: 1.5em;padding-bottom: 60px;}
.about .main p{text-indent: 2em;letter-spacing: 1px;font-family:"Microsoft Yahei";font-size:18px;}
.product{background-color: #f0f0f0; margin-top: -38px;}
.product .menu{padding: 98px 0 50px 0;text-align: center;}
.product .menu a{display: inline-block;padding: 9px 25px;background: #FFFFFF;border-radius: 30px;margin: 20px 20px 20px 20px;}
.product .menu .on{background: #4391ec;color: #FFFFFF;}
.product .menu a:hover{background: #4391ec;color: #FFFFFF;}
.product .list{}
.product .list>ul{display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;}
.product .list>ul:after{display: block;content: '';width: 386px;}
.product .list>ul>li{width: 386px;margin-bottom: 22px;}
.product .list .img{width: 386px;height: 243px;overflow: hidden;}
.product .list img{width: 386px;height: 243px; transition: all 1s;}
.product .list a:hover img{width: 386px;height: 243px;transform: scale(1.1);}
.product .list h2{color: #222222;font-size: 18px;line-height: 40px; padding: 0 18px;background: #FFFFFF;transition: all 1s;}
.product .list a:hover h2{background: #4391ec;color: #FFFFFF;}
.product .list p{padding: 0 18px 20px 18px;background: #FFFFFF;transition: all 1s;}
.product .list a:hover p{background: #4391ec;color: #FFFFFF;}
.product .list p{}
.product .list .product_lxfs {
  margin: 0 auto;
  margin-top: 16px;
  text-align: center;
  font-size: 18px;
  color: #ffffff;
  background: #4391ec;
  border-radius: 25px;
  padding: 8px 0;
  width: fit-content;
  padding: 10px 35px;
}
.paging{}
.paging ul{display: flex;justify-content: center;}
.paging li{}
.paging a,.paging span{display: inline-block;padding:12px 16px; color: #333333;}
.paging .active,
.paging .active span{background: #3488EA;color: #FFFFFF;}
.paging-mtb80{padding: 80px 0;}
.product-details{padding: 30px 0;}
.product-details .path{}
.product-details h3{font-size: 32px;color: #555555;text-align: center;padding: 20px 0 10px 0;}
.product-details h4{text-align: center;font-size: 16px;}
.product-details .info{ padding: 30px 0 50px 0;}
.product-details .info .imgs{width: 570px;height: 480px;border: 1px solid #c0c0c0;overflow: hidden;}
.product-details .info .imgs ul{width: 570px;height: 480px; display: flex;justify-content: center; align-items: center;}
.product-details .info .imgs li{width: 100%;}
.product-details .info .imgs img{width: 100%;}
.product-details .text{width: 600px;}
.product-details .text h1{color: #4391ec;font-size: 28px;padding-bottom: 25px;}
.product-details .text li{font-size: 18px;color: #555555;line-height: 1.5em;padding-bottom: 18px;}
.product-details .text span{display: inline-block; width: 100px;text-align: right;font-weight: bold;}
.product-details .content{line-height: 1.6em;}
.product-details .content p{text-indent: 2em;letter-spacing: 1px;font-family:"Microsoft Yahei";font-size:18px;}
.prevnext{}
.prevnext .prev{max-width: 49%;}
.prevnext .next{max-width: 49%;}
.prevnext-pro{padding: 35px 0;border-top:1px solid #f1f1f1 ;margin-top: 50px;}
.news-recommendation{}
.news-recommendation h4{text-align: left;font-size: 24px;color: #555555;}
.news-recommendation ul{width: 988px; margin: 0 auto;}
.news-recommendation li{width: 494px;float: left;padding:6px 16px;overflow: hidden;}
.news-recommendation li::before{display:inline-block;content: '鈼?;padding-right: 8px;}
.news-recommendation li:nth-child(odd){border-right: 1px solid #f1f1f1;}
.news-recommendation li span{float: right;}
.news{background-color: #f0f0f0; margin-top: -38px;}
.news .menu{padding: 98px 0 50px 0;text-align: center;}
.news .menu a{display: inline-block;padding: 9px 25px;background: #FFFFFF;border-radius: 30px;margin: 20px;}
.news .menu .on{background: #4391ec;color: #FFFFFF;}
.news .menu a:hover{background: #4391ec;color: #FFFFFF;}
.news .pading-46{padding:0 46px;}
.news .list{width: 780px;overflow: hidden;}
.news .list li{display: flex;justify-content: space-between; padding-bottom:42px;}
.news .list .yyyymmdd{width: 170px;color: #b1b1b1;}
.news .list .mmdd{font-size: 40px;}
.news .list .yy{font-size: 12px;padding-top: 10px;}
.news .list .more{text-align: center; padding-top: 34px;}
.news .list .more a{font-size: 14px;padding-top: 10px;color: #b1b1b1;}
.news .list .text{width: 628px;}
.news .text{}
.news .text h3{font-size: 18px;color: #333333;margin-bottom: 30px;}
.news .text p{font-size: 14px;color: #767676;line-height: 1.5em;}
.news li:hover h3 a{color: #db2001;}
.news li:hover .yyyymmdd{color: #727272;}
.news li:hover .yyyymmdd a{color: #ffffff;background: #727272;padding: 10px 10px;}
.news .side{width: 300px;}
.news .side h2{color: #2a2a2a;font-size: 24px;line-height: 24px;margin-bottom: 10px;}
.news .side h2 a{float: right;font-size: 14px;color: #2a2a2a;}
.news .side .newshot{font-size: 14px;color: #2a2a2a;}
.news .side .newshot li{line-height: 1.5em; padding:10px 0px;}
.news .side .newshot li:hover a{color: #db2001;}
.news .side .newshot li::before{display:inline-block;content: '鈼?;padding-right: 8px;}
.news .side .pro-rec{position: relative;margin-bottom: 30px;}
.news .side .pro-rec .bd{}
.news .side .pro-rec .bd ul{}
.news .side .pro-rec .bd li{width: 100%;position: relative;}
.news .side .pro-rec .bd img{width: 100%;}
.news .side .pro-rec .bd span{display: block;position: absolute;bottom: 0;text-align: center;width: 100%;line-height: 30px;background: rgba(67,145,236,0.3);}
.news .side .pro-rec .hd .prev{background: rgba(67,145,236,0.3);position: absolute;top: 35%;left: 0;padding: 8px 8px;}
.news .side .pro-rec .hd .next{background: rgba(67,145,236,0.3);position: absolute;top: 35%;right: 0;padding: 8px 8px;}

.news-img{background-color: #f0f0f0; margin-top: -38px;}
.news-img .menu{padding: 98px 0 50px 0;text-align: center;}
.news-img .menu a{display: inline-block;padding: 9px 25px;background: #FFFFFF;border-radius: 30px;margin: 20px;}
.news-img .menu .on{background: #4391ec;color: #FFFFFF;}
.news-img .menu a:hover{background: #4391ec;color: #FFFFFF;}
.news-img .pading-46{padding:0 46px;}
.news-img .list li{display: flex;justify-content: space-between; padding-bottom:42px;}
.news-img .list .yyyymmdd{width: 170px;color: #b1b1b1;}
.news-img .list .mmdd{font-size: 40px;}
.news-img .list .yy{font-size: 12px;padding-top: 10px;}
.news-img .list .more{text-align: center; padding-top: 34px;}
.news-img .list .more a{font-size: 14px;padding-top: 10px;color: #b1b1b1;}
.news-img .list .text{width: 628px;}
.news-img .list .img{width: 281px;height: 158px;overflow: hidden;}
.news-img .list img{width: 281px;height: 158px;transition: all 1s;}
.news-img .text{}
.news-img .text h3{font-size: 18px;color: #333333;margin-bottom: 30px;}
.news-img .text p{font-size: 14px;color: #767676;line-height: 1.5em;}
.news-img li:hover h3 a{color: #db2001;}
.news-img li:hover .yyyymmdd{color: #727272;}
.news-img li:hover .yyyymmdd a{color: #ffffff;background: #727272;padding: 10px 10px;}
.news-img li:hover img{transform: scale(1.1);}
.news-details {}
.news-details .pading46{padding: 60px 46px;}
.news-details h1{font-size: 32px;color: #555555;text-align: center;padding-bottom: 10px;}
.news-details .info{text-align: center;font-size: 14px;color: #999999;margin-bottom: 35px;}
.news-details .info span{padding-left: 20px;}
.news-details .content{line-height: 1.5em;text-indent: 1px;}
.news-details .content p{text-indent: 2em;font-family:"Microsoft Yahei";font-size:18px;}
.hr{padding: 100px 0;}
.hr .center{text-align: center;}
.hr .sh{display: inline-block;width: 568px; margin-right: 30px;}
.hr .xy{display: inline-block;width: 568px;}
.hr a{background: #e4e8ed;display: inline-block;width: 100%;height: 90px;font-size: 30px;line-height: 90px;}
.hr a:hover{background-color: #3488ea;color: #FFFFFF;}

.hr-details{padding: 20px 0;}
.hr-details .content{line-height: 1.6em;}
.hr-details .content p{text-indent: 2em;letter-spacing: 1px;font-family:"Microsoft Yahei";font-size:18px;}
.hr-details .table1{box-shadow: 0px 5px 10px #e6e6e6;padding: 25px;margin: 50px 0;}
.hr-details .table1 .title{padding: 15px;font-size: 18px;}

.hr-details .table2{box-shadow: 0px 5px 10px #e6e6e6;padding: 25px;margin: 50px 0;display: none;}
.hr-details .table2 .title{padding: 15px;font-size: 18px;}

.hr-details .table2 hr{background-color: #dadada;height: 2px;display: block;margin-bottom: 20px;}
.hr-details .wrapbg{background-color: #f5faff;width: 100%;height: 300px;}
.hr-details .wrapbg .main{background-color: #f5faff;width: 1200px;margin: 0 auto;}
.hr-details .wrapbg .layui-card-header{font-size: 22px;font-weight: bold;padding-top: 20px;}
.hr-details .wrapbg .layui-card-body{font-size: 14px;padding-top: 30px;line-height: 32px;padding-left: 30px;}
.hr-details .left{float: left;width: 50%;}
.hr-details .right{float: right;padding-top: 60px;padding-right: 30px;}
.hr-details .right .layui-btn {width: 200px;height: 60px;line-height: 60px;font-size: 20px;}
.sede-bar{position: fixed;right: 0px;top: calc(50% - 150px); font-size: 14px;color: #FFFFFF;width: 86px;z-index: 100;}
.sede-bar a{display: block; width: 86px;height: 75px;font-size: 14px;color: #FFFFFF;text-decoration: none;background: #3488EA;text-align: center;border-bottom:1px solid #FFFFFF;}
.sede-bar .position{position: relative;height: 75px;}
.sede-bar .img{padding-top: 18px;}
.sede-bar .tel{position: relative; width: 400px;}
.sede-bar .tel .con{display: flex;background: #3488EA;position: absolute;top: 0px; left: 0px; transition: all .5s;}
.sede-bar .tel .num{font-size: 28px;color: #FFFFFF;width: 300px;line-height: 74px;text-align: center;border-bottom:1px solid #FFFFFF;white-space:nowrap;overflow: hidden;}
.sede-bar .tel:hover .con{width: 300px;position: absolute;top: 0px; left: -210px;}

.sede-bar .teljb{position: relative; width: 400px;}
.sede-bar .teljb .con{display: flex;background: #3488EA;position: absolute;top: 0px; left: 0px; transition: all .5s;}
.sede-bar .teljb .num{font-size: 14px;color: #FFFFFF;width: 400px;line-height: 25px;padding-top: 12px;
  text-align: left;border-bottom:1px solid #FFFFFF;white-space:nowrap;overflow: hidden;}
.sede-bar .teljb:hover .con{width: 400px;position: absolute;top: 0px; left: -310px;}

.sede-bar .qywx .qr{position: absolute;top: 153px;right: 88px;background: #3488EA;padding: 4px 4px 0 4px;display: none;animation: qr 1s;}
.sede-bar .qywx:hover .qr{display: block;}
.sede-bar .top a{background: none; padding-top: 20px;border: none;}
@keyframes qr{
	from{opacity: 0;top: 200px;}
	to{opacity: 1;top: 153px;}
}
.feedback{padding: 20px 0;box-shadow: 0px 5px 10px #e6e6e6;padding: 25px;margin: 50px auto;}
.feedback .table .title{    padding: 15px;
    font-size: 36px;
    text-align: center;
    font-weight: 600;
    margin-bottom: 30px;}
.feedback .table .h2{padding: 15px;font-size: 18px;text-align:justify;}
.feedback .table hr{background-color: #dadada;height: 2px;display: block;margin-bottom: 20px;}