@charset "UTF-8";
.iconfont { font-size: inherit; }
.img-fluid { max-width: 100%; }
@keyframes top { 0% { transform: translateY(0px); }
    100% { transform: translateY(10px); } }
@-ms-keyframes top { from { -ms-transform: translateY(0px); }
    to { -ms-transform: translateY(10px); } }
@-moz-keyframes top { from { -moz-transform: translateY(0px); }
    to { -moz-transform: translateY(10px); } }
@-webkit-keyframes top { from { -webkit-transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); } }
@-o-keyframes top { from { -o-transform: translateY(0px); }
    to { -o-transform: translateY(10px); } }
.aniamte-top-1 { animation: top 1.2s linear infinite alternate; -ms-animation: top 1.2s linear infinite alternate; -moz-animation: top 1.2s linear infinite alternate; -webkit-animation: top 1.2s linear infinite alternate; -o-animation: top 1.2s linear infinite alternate; }
.aniamte-top-2 { animation: top 1.2s linear 0.8s infinite alternate; -ms-animation: top 1.2s linear 0.8s infinite alternate; -moz-animation: top 1.2s linear  0.8s infinite alternate; -webkit-animation: top 1.2s linear 0.8s infinite alternate; -o-animation: top 1.2s linear 0.8s infinite alternate; }
.aniamte-top-3 { animation: top 1.2s linear 0.4s infinite alternate; -ms-animation: top 1.2s linear 0.4s infinite alternate; -moz-animation: top 1.2s linear  0.4s infinite alternate; -webkit-animation: top 1.2s linear 0.4s infinite alternate; -o-animation: top 1.2s linear 0.4s infinite alternate; }
.hover .img1{display:none;}
.hover .img2{display:block;}
.header { height: 100px; z-index: 9; width: 100%; position: fixed; background-color: #ffffff; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.header .header-wrap { height: 100%; width: 91.146%; margin: 0 auto; }
.header .logo img { -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.header .nav {flex: 1;max-width: 700px;}
.header .nav li { font-size: 16px; flex: 1; height: 100%; }
.header .nav li a { display: block; text-align: center; line-height: 100px; color: #333333; }
.header .header-tel { font-size: 24px; }
.header .header-tel .icon-24hour { height: 24px; display: inline-block; vertical-align: text-top; }
.header .header-tel span { display: inline-block; vertical-align: middle; }
.header .header-tel .search-wrap::before { content: ''; display: inline-block; height: 20px; vertical-align: middle; border-left: 1px solid rgba(83, 83, 83, 0.9); margin-left: 10px; }
.header .header-tel .search-wrap .iconfont { display: inline-block; vertical-align: middle; cursor: pointer; }
.header:hover, .header.hover { background-color: #fff !important; }
/* .header:hover .logo .logo-txt img, .header.hover .logo .logo-txt img { filter: grayscale(0) brightness(0) !important; } */
.header:hover .nav li a, .header.hover .nav li a { color: #333333 !important; }
.header:hover .header-tel, .header.hover .header-tel { color: #333333 !important; }
.header:hover .header-tel .search-wrap::before, .header.hover .header-tel .search-wrap::before { border-color: #666666 !important; }
.header.header-min { position: fixed !important; height: 70px; background: #fff !important; z-index: 99999; -webkit-box-shadow: 0 14px 56px -15px rgba(10, 25, 48, 0.2); -moz-box-shadow: 0 14px 56px -15px rgba(10, 25, 48, 0.2); box-shadow: 0 14px 56px -15px rgba(10, 25, 48, 0.2); }
.header.header-min img { filter: none !important; }
.header.header-min .logo .logo-txt img { height: 38px; }
.header.header-min .nav li a { line-height: 70px !important; color: #333333 !important; }
.header.header-min .header-tel { color: #333333 !important; }
.header.header-min .header-tel .search-wrap::before { border-left: 1px solid rgba(0, 0, 0, 0.9) !important; }
.icon-24hour{width:40px;}
.icon-24hour img{width:100%}
.dropdown-nav { width: 100vw; left: 0; display: none; height: 440px; background: url("../images/nav-bg.png") center/cover no-repeat; position: absolute; margin-top: 0; width: 100%; color: #ffffff; padding-top: 75px; }
.dropdown-nav .nav-leftbar { width: 250px; padding-right: 40px; }
.dropdown-nav .nav-leftbar h3 { font-size: 16px; font-weight: bold; line-height: 46px; margin-bottom: 2px; }
.dropdown-nav .nav-leftbar h3::after { content: ''; display: block; width: 30px; height: 1px; background-color: rgba(255, 255, 255, 0.5); }
.dropdown-nav .nav-leftbar p { margin-top: 12px; opacity: .5; line-height: 30px; }
.dropdown-nav .nav-leftbar .link { display: block; line-height: 26px; color: #ffffff; position: relative; width: 62px; text-align: center; z-index: 33; margin-top: 45px; }
.dropdown-nav .nav-leftbar .link span { position: relative; z-index: 2; }
.dropdown-nav .nav-leftbar .link::after { content: ''; display: block; height: 3px; width: 60px; position: absolute; bottom: 6px; left: 0; z-index: 1; background-image: -moz-linear-gradient(-170deg, #d7d7d7 0%, #dd3833 0%, #ec4945 100%); background-image: -webkit-linear-gradient(-170deg, #d7d7d7 0%, #dd3833 0%, #ec4945 100%); background-image: -ms-linear-gradient(-170deg, #d7d7d7 0%, #dd3833 0%, #ec4945 100%); opacity: 0.8; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; -webkit-transform-origin: right center; -moz-transform-origin: right center; -ms-transform-origin: right center; -o-transform-origin: right center; transform-origin: right center; }
.dropdown-nav .nav-leftbar .link a { position: relative; z-index: 2; display: block; color: #333333; }
.dropdown-nav .nav-leftbar .link:hover::after { -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: left center; -moz-transform-origin: left center; -ms-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }
.dropdown-nav .nav-leftbar .link:hover a { color: #DD3833; }
.dropdown-nav .nav-container { flex: 1; max-width: 800px; border-left: 1px solid rgba(255, 255, 255, 0.1); border-right: 1px solid rgba(255, 255, 255, 0.1); }
.dropdown-nav .nav-container .child-item { padding-left: 33px; display: none; height: 100%; }
.dropdown-nav .nav-container .child-item dl {width: 187px;padding-left: 60px;padding-right: 34px;float: left;padding-bottom: 20px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.dropdown-nav .nav-container .child-item dl dt { font-size: 16px; font-weight: bold; line-height: 26px; padding-bottom: 12px; margin-bottom: 3px; position: relative; }
.dropdown-nav .nav-container .child-item dl dt::before { content: ''; width: 26px; height: 26px; position: absolute; left: -30px; }
.dropdown-nav .nav-container .child-item dl dt a { color: #ffffff; }
.dropdown-nav .nav-container .child-item dl dd a { display: block; line-height: 36px; color: #fff; opacity: .5; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.dropdown-nav .nav-container .child-item dl dd a:hover { opacity: .8; -webkit-transform: translateX(5px); -moz-transform: translateX(5px); -ms-transform: translateX(5px); -o-transform: translateX(5px); transform: translateX(5px); }
.dropdown-nav .nav-container .child-item dl dd p { opacity: .5; line-height: 36px; }
.dropdown-nav .nav-container .child-item dl.about dt::before { background: url("../images/icon-1.png") left center no-repeat; }
.dropdown-nav .nav-container .child-item dl.news dt::before { background: url("../images/icon-2.png") left center no-repeat; }
.dropdown-nav .nav-container .child-item dl.contact dt::before { background: url("../images/icon-3.png") left center no-repeat; }
.dropdown-nav .nav-container .child-item dl.zpzc dt::before { background: url("../images/icon-4.png") left center no-repeat; }
.dropdown-nav .nav-container .child-item dl.zplist dt::before { background: url("../images/icon-5.png") left center no-repeat; }
.dropdown-nav .nav-container .child-item dl.cases-6 dt::before { background: url("../images/icon-6.png") left center no-repeat; }
.dropdown-nav .nav-container .child-item dl.cases-7 dt::before { background: url("../images/icon-7.png") left center no-repeat; }
.dropdown-nav .nav-container .child-item dl.cases-8 dt::before { background: url("../images/icon-8.png") left center no-repeat; }
.dropdown-nav .nav-container .child-item dl.cases-9 dt::before { background: url("../images/icon-9.png") left center no-repeat; }
.dropdown-nav .nav-container .child-item dl.icon-10 dt::before { background: url("../images/icon-10.png") left center no-repeat; }
.dropdown-nav .nav-container .child-item dl.icon-11 dt::before { background: url("../images/icon-11.png") left center no-repeat; }
.dropdown-nav .nav-container .child-item dl.icon-12 dt::before { background: url("../images/icon-12.png") left center no-repeat; }
.dropdown-nav .nav-container .child-item dl.icon-13 dt::before { background: url("../images/icon-13.png") left center no-repeat; }
.dropdown-nav .nav-container .child-item dl.icon-14 dt::before { background: url("../images/icon-14.png") left center no-repeat; }
.dropdown-nav .nav-container .child-item dl.icon-15 dt::before { background: url("../images/icon-15.png") left center no-repeat; }
.dropdown-nav .nav-container .child-item dl.icon-16 dt::before { background: url("../images/icon-16.png") left center no-repeat; }
.dropdown-nav .nav-container .child-item dl.icon-17 dt::before { background: url("../images/icon-17.png") left center no-repeat; }
.dropdown-nav .nav-container .child-item dl.icon-18 dt::before { background: url("../images/icon-18.png") left center no-repeat; }
.dropdown-nav .nav-container .child-item.item-6 dl { width: 320px; }
.dropdown-nav .nav-container .child-item.item-5 dl { width: 100%; }
.dropdown-nav .nav-container .child-item.item-5 dl dt { width: 150px; padding-bottom: 0; margin-bottom: 0; }
.dropdown-nav .nav-container .child-item.item-5 dl dt::after { content: ''; display: block; position: absolute; width: 0; height: 16px; border-right: 1px solid rgba(255, 255, 255, 0.1); margin: auto; top: 0; bottom: 0; right: 0; }
.dropdown-nav .nav-container .child-item.item-5 dl dd { flex: 0 0 520px; overflow: hidden; }
.dropdown-nav .nav-container .child-item.item-5 dl dd a { margin-left: 25px; }
.dropdown-nav .nav-container .child-item.item-4 dl:nth-child(1) { width: 220px; }
.dropdown-nav .nav-container .child-item.item-4 dl:nth-child(2) { width: 320px; }
.dropdown-nav .nav-container .child-item.item-4 dl:nth-child(3) { width: 210px; }
.dropdown-nav .nav-container .child-item.item-3 .bd-list .bd-item { width: 190px; text-align: center; margin: 25px 0; }
.dropdown-nav .nav-container .child-item.item-3 .bd-list .bd-item .item-name { color: #fff; opacity: .5; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.dropdown-nav .nav-container .child-item.item-3 .bd-list .bd-item .item-icon { height: 60px; }
.dropdown-nav .nav-container .child-item.item-3 .bd-list .bd-item .item-name { line-height: 26px; }
.dropdown-nav .nav-container .child-item.item-3 .bd-list .bd-item:nth-child(1) .item-icon.icon2-1 { background: url("../images/icon2-1.png") center no-repeat; }
.dropdown-nav .nav-container .child-item.item-3 .bd-list .bd-item:nth-child(2) .item-icon.icon2-2 { background: url("../images/icon2-2.png") center no-repeat; }
.dropdown-nav .nav-container .child-item.item-3 .bd-list .bd-item:nth-child(3) .item-icon.icon2-3 { background: url("../images/icon2-3.png") center no-repeat; }
.dropdown-nav .nav-container .child-item.item-3 .bd-list .bd-item:nth-child(4) .item-icon.icon2-4 { background: url("../images/icon2-4.png") center no-repeat; }
.dropdown-nav .nav-container .child-item.item-3 .bd-list .bd-item:nth-child(5) .item-icon.icon2-5 { background: url("../images/icon2-5.png") center no-repeat; }
.dropdown-nav .nav-container .child-item.item-3 .bd-list .bd-item:nth-child(6) .item-icon.icon2-6 { background: url("../images/icon2-6.png") center no-repeat; }
.dropdown-nav .nav-container .child-item.item-3 .bd-list .bd-item:nth-child(7) .item-icon.icon2-7 { background: url("../images/icon2-7.png") center no-repeat; }
.dropdown-nav .nav-container .child-item.item-3 .bd-list .bd-item:hover .item-name { opacity: .8; }
.dropdown-nav .nav-container .child-item.item-2 dl { width: 220px; }
.dropdown-nav .nav-container .child-item.item-1 dl dt::after, .dropdown-nav .nav-container .child-item.item-2 dl dt::after, .dropdown-nav .nav-container .child-item.item-6 dl dt::after, .dropdown-nav .nav-container .child-item.item-7 dl dt::after { content: ''; display: block; position: absolute; bottom: 0; width: 90px; left: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
.dropdown-nav .nav-container .child-item.active { display: block; }
.dropdown-nav .nav-rightbar { width: 250px; padding-left: 60px; }
.dropdown-nav .nav-rightbar .contact-item { margin-bottom: 40px; }
.dropdown-nav .nav-rightbar .contact-item .item-name { margin-bottom: 10px; line-height: 1; }
.dropdown-nav .nav-rightbar .contact-item .item-con { opacity: .5; line-height: 20px; }
@-webkit-keyframes wave-play { to { background-position: 0 -1694px; } }
@keyframes wave-play { to { background-position: 0 -1694px; } }
.banner-container {/* margin-top: 100px; */position: relative;}
.banner-container .banner-thumbs { position: absolute; width: 100%; bottom: 0; left: 0; z-index: 2; }
.banner-container .banner-thumbs .container { position: relative; }
.banner-container .banner-thumbs .container .thumbs-item { height: 105px; width: 400px; position: relative; }
.banner-container .banner-thumbs .container .thumbs-item::before { display: block; content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; background-image: linear-gradient(-179deg, rgba(255, 255, 255, 0), #fff); -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -ms-transform: scaleY(0); -o-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: bottom; -moz-transform-origin: bottom; -ms-transform-origin: bottom; -o-transform-origin: bottom; transform-origin: bottom; }
.banner-container .banner-thumbs .container .thumbs-item::after { display: block; content: ""; display: none; position: absolute; bottom: 0; width: 425px; height: 14px; background-color: transparent; z-index: 5; background-repeat: no-repeat; background-position: 50% 0; -webkit-animation: wave-play 3s steps(121) infinite both; animation: wave-play 3s steps(121) infinite both; background-image: url("../images/bolang.png"); background-size: cover; transition: background-image 300ms cubic-bezier(0, 0, 0.2, 1) 0s; }
.banner-container .banner-thumbs .container .thumbs-item .item-wrap { position: relative; z-index: 2; color: #ffffff; }
.banner-container .banner-thumbs .container .thumbs-item .item-wrap .item-icon { width: 45px; height: 45px; margin-right: 10px; }
.banner-container .banner-thumbs .container .thumbs-item .item-wrap .banner-title { font-size: 18px; }
.banner-container .banner-thumbs .container .thumbs-item .item-wrap .banner-desc { opacity: .5; }
.banner-container .banner-thumbs .container .thumbs-item.active::before { opacity: .1; -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); transform: scaleY(1); }
.banner-container .banner-thumbs .container .thumbs-item.active::after { display: block; }
.banner-container .banner-thumbs .container .thumbs-item .item-icon.icon-1 { background: url("../images/icon-b1.png") center/contain no-repeat; }
.banner-container .banner-thumbs .container .thumbs-item .item-icon.icon-2 { background: url("../images/icon-b2.png") center/contain no-repeat; }
.banner-container .banner-thumbs .container .thumbs-item .item-icon.icon-3 { background: url("../images/icon-b3.png") center/contain no-repeat; }
.banner-container .banner-thumbs .container .thumbs-item .item-icon.icon-4 { background: url("../images/icon-b4.png") center/contain no-repeat; }
.header:hover .img2{display:inline-block!important;}
.header:hover .img1{display:none!important;;}
.logo .logo-txt .img2{display:none;}
.hover .logo .logo-txt .img2{display:inline-block;}
.header-min .logo .logo-txt .img2{display:inline-block;}
.header-min .logo .logo-txt .img1{display:none;}
.index-page .header, .company-page .header, .cultrue-page .header, .social-page .header, .history-page .header, .social-page .header { background-color: transparent; top: 0; position: absolute; /*img{ filter: grayscale(100%) brightness(100);
}*/ }
.index-page .header .logo, .company-page .header .logo, .cultrue-page .header .logo, .social-page .header .logo, .history-page .header .logo, .social-page .header .logo {width: 483px;}
.index-page .header .logo .logo-txt img, .company-page .header .logo .logo-txt img, .cultrue-page .header .logo .logo-txt img, .social-page .header .logo .logo-txt img, .history-page .header .logo .logo-txt img, .social-page .header .logo .logo-txt img {/* filter: grayscale(100%) brightness(100); */}
.index-page .header .nav li a, .company-page .header .nav li a, .cultrue-page .header .nav li a, .social-page .header .nav li a, .history-page .header .nav li a, .social-page .header .nav li a { color: #ffffff; }
.index-page .header .header-tel, .company-page .header .header-tel, .cultrue-page .header .header-tel, .social-page .header .header-tel, .history-page .header .header-tel, .social-page .header .header-tel { color: #ffffff; }
.index-page .header .header-tel .search-wrap::before, .company-page .header .header-tel .search-wrap::before, .cultrue-page .header .header-tel .search-wrap::before, .social-page .header .header-tel .search-wrap::before, .history-page .header .header-tel .search-wrap::before, .social-page .header .header-tel .search-wrap::before { border-left: 1px solid rgba(255, 255, 255, 0.9); }
.index-page .banner-container, .company-page .banner-container, .cultrue-page .banner-container, .social-page .banner-container, .history-page .banner-container, .social-page .banner-container { margin-top: 0; }
.banner { height: 800px; position: relative; z-index: 1; }
.banner img { vertical-align: bottom; display: block; }
.logo .logo-txt img{width: 364px;}
.sbanner { height: 402px; background-color: #162343; background-repeat: no-repeat; background-position: center; background-size: cover; }
.sbanner .sbanner-wrap { height: 330px; color: #ffffff; }
.sbanner .sbanner-wrap .sbanner-desc { font-size: 18px; -ms-flex-order: 2; order: 2; }
.sbanner .sbanner-wrap .sbanner-name {font-size: 48px;display: inline-block;position: relative;margin-top: 65px;letter-spacing: 8px;-ms-flex-order: 1;order: 1;}
.sbanner .sbanner-wrap .sbanner-name .tag { letter-spacing: initial; display: inline-block; vertical-align: text-top; font-size: 14px; background-color: #e03833; color: #ffffff; height: 20px; width: 40px; border-radius: 3px; text-align: center; }
.section-box .section { padding-top: 50px; padding-bottom: 44px; }
.section-box .section .sec-head { text-align: center; margin-bottom: 25px; }
.section-box .section .sec-head .sec-title { font-size: 32px; color: #333333; }
.section-box .section .sec-head .sec-desc { color: #9ca0a4; line-height: 36px; font-size: 20px; }
.section-box .section:nth-child(odd) { background-color: #f6f8fb; }
.sec-foot a:first-child { margin-left: 0; }
footer.footer {background: #111;padding-top: 60px;padding-bottom: 20px;}
footer.footer .footer-top { padding-bottom: 50px; }
footer.footer .footer-top .footer-nav { width: 800px; }
footer.footer .footer-top .nav-grid .grid-column {/* flex: 0 0 17%; */border-right: 1px solid #2f2f2f;padding-left: 22px;padding-right: 22px;}
footer.footer .footer-top .nav-grid .grid-column dl:nth-child(2) { margin-top: 20px; }
footer.footer .footer-top .nav-grid .grid-column dl dt { font-size: 14px; line-height: 16px; font-weight: bold; color: rgba(221, 228, 252, 0.7); margin-bottom: 11px; }
footer.footer .footer-top .nav-grid .grid-column dl a { font-size: 12px; line-height: 26px; color: #ccc; }
footer.footer .footer-top .nav-grid .grid-column dl a:hover { color: #8b92aa; }
footer.footer .footer-top .footer-contact { font-size: 12px; width: 600px; padding-left: 48px; color: #ccc; }
footer.footer .footer-top .footer-contact .contact-top { background: url("../images/icon-24hour-2.png") left center no-repeat; padding-left: 60px; margin-bottom: 25px; }
footer.footer .footer-top .footer-contact .contact-top .contact-title { font-size: 14px; color: #b2b8ce; }
footer.footer .footer-top .footer-contact .contact-top .contact-num { font-weight: bold; font-size: 22px; color: #ffffff; }
footer.footer .footer-top .footer-contact .info-content { line-height: 2; }
footer.footer .footer-top .footer-contact .info-content span { margin-right: 10px; }
footer.footer .footer-top .footer-contact .contact-btn { display: block; width: 130px; height: 40px; line-height: 40px; text-align: center; color: #ffffff; background-color: #284f94; border-radius: 3px; margin-top: 25px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
footer.footer .footer-top .footer-contact .contact-btn:hover { background-color: var(--theme-red); }
footer.footer .footer-top .footer-contact .contact-btn .icon { width: 1.25em; height: 1.25em; vertical-align: middle; }
footer.footer .footer-top .footer-contact .contact-btn span { margin-left: 10px; }
footer.footer .footer-top .footer-contact .contact-wx { margin-right: 20px; }
footer.footer .footer-top .footer-contact .contact-wx > p {color: #dde4fc;opacity: .7;line-height: 16px;margin-bottom: 10px;}
footer.footer .footer-top .footer-contact .contact-wx .wx-qrcode { width: 130px; height: 130px; }
footer.footer .footer-top .footer-contact .contact-wx .wx-qrcode img {background-color: #ffffff;/* padding: 5px; */border: 1px solid #dddee1;width: 100%;height: 100%;object-fit: contain;}
footer.footer .footer-top .footer-contact .contact-wx .wx-qrcode p {line-height: 2;margin-bottom: 5px;}
.favlink {/* border-top: 1px solid rgba(255, 255, 255, 0.1); */padding: 18px;padding-left: 20px;width: 1400px;margin: 0 auto;font-size: 12px;color: rgba(117, 117, 117, 0.6);line-height: 22px;}
.favlink span {margin-right: 5px;color: #666;}
.favlink a {color: #666;margin: 0 3px;}
footer.footer .favlink a:hover { color: rgba(255, 255, 255, 0.8); }
footer.footer .copyright {font-size: 12px;color: #ccc;line-height: 66px;text-align: right;border-top: 1px solid #2f2f2f;}
footer.footer .copyright a { margin: 0 5px; }
.gxxq-box { margin-bottom: 40px; background: url("../images/gxxq-bg.jpg") top center no-repeat; }
.gxxq-box .box-item { flex: 1; }
.gxxq-box .box-item .row-item { border-right: 1px solid #eeeeee; line-height: 60px; height: 60px; text-align: center; font-size: 14px; border-bottom: 1px solid #eeeeee; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; color: #666666; overflow: hidden; }
.gxxq-box .box-item .row-item p { line-height: 30px; color: #666666; }
.gxxq-box .box-item .row-item .price { font-size: 24px; color: #df3833; margin-right: 5px; }
.gxxq-box .box-item .row-item .btn { margin: 10px auto; display: block; width: 150px; height: 40px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; line-height: 40px; text-align: center; background: transparent; }
.gxxq-box .box-item .row-item.box-head { height: 58px; color: #ffffff; background: transparent !important; line-height: 58px; font-size: 18px; text-align: center; border-right: 1px solid rgba(255, 255, 255, 0.1); }
.gxxq-box .box-item .row-item.box-bd { height: 360px; }
.gxxq-box .box-item:first-child { width: 220px; font-size: 16px; border-left: 1px solid #eeeeee; color: #666666; }
.gxxq-box .box-item:hover .row-item .btn { color: #ffffff; background-image: -moz-linear-gradient(-170deg, #d7d7d7 0%, #dd3833 0%, #ec4945 100%); background-image: -webkit-linear-gradient(-170deg, #d7d7d7 0%, #dd3833 0%, #ec4945 100%); background-image: -ms-linear-gradient(-170deg, #d7d7d7 0%, #dd3833 0%, #ec4945 100%); box-shadow: 0px 10px 20px 0px rgba(221, 56, 51, 0.26); }
.grid-box .full-col { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; position: relative; }
.grid-box .full-col img { max-width: 100%; max-height: 100%; display: block; margin: 0 auto; }
.grid-box .full-col.full-col-1 { flex: 0 0 100%; max-width: 100%; }
.grid-box .full-col.full-col-2 { flex: 0 0 50%; max-width: 50%; }
.grid-box .full-col.full-col-3 { flex: 0 0 33.333%; max-width: 33.333%; }
.grid-box .full-col.full-col-4 { flex: 0 0 25%; max-width: 25%; }
.grid-box .full-col.full-col-5 { flex: 0 0 20%; max-width: 20%; }
.grid-box .full-col.full-col-6 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; }
.grid-box.hover-shadow .full-col:hover { -webkit-box-shadow: 0px 12px 32px rgba(147, 147, 147, 0.5); -moz-box-shadow: 0px 12px 32px rgba(147, 147, 147, 0.5); box-shadow: 0px 12px 32px rgba(147, 147, 147, 0.5); z-index: 2; }
.grid-box.border { border: 1px solid #eee; border-right: none; border-bottom: none; }
.grid-box.border .full-col { border-right: 1px solid #EEEEEE; border-bottom: 1px solid #eee; }
.grid-box.gutters-2 { margin-left: -1px; margin-right: -1px; }
.grid-box.gutters-2 .full-col { padding-left: 1px; padding-right: 1px; }
.grid-box.gutters-10 { margin-left: -5px; margin-right: -5px; }
.grid-box.gutters-10 .full-col { padding-left: 5px; padding-right: 5px; }
.grid-box.gutters-15 { margin-left: -7.5px; margin-right: -7.5px; }
.grid-box.gutters-15 .full-col { padding-left: 7.5px; padding-right: 7.5px; }
.grid-box.gutters-20 { margin-left: -10px; margin-right: -10px; }
.grid-box.gutters-20 .full-col { padding-left: 10px; padding-right: 10px; }
.de-page-mian { overflow: hidden; text-align: center; font-size: 0; margin: 10px 0 35px; }
.de-page-mian .page-inner { display: inline-block; overflow: hidden; }
.de-page-mian .page-inner a { display: block; float: left; min-width: 26px; padding: 0 5px; height: 36px; border: 1px solid #dddddd; background: #fff; text-align: center; line-height: 36px; font-size: 14px; color: #333; margin-right: -1px; overflow: hidden; }
.de-page-mian .page-inner a.prev { margin-right: 10px; background: #fff url(../images/prev.jpg) no-repeat center; }
.de-page-mian .page-inner a.prev.on { background: #fff url(../images/prev-hover.jpg) no-repeat center; }
.de-page-mian .page-inner a.prev:hover { background-color: #fff; border-color: #dddddd; }
.de-page-mian .page-inner a.next { margin-left: 10px; margin-right: 15px; background: #fff url(../images/next.jpg) no-repeat center; }
.de-page-mian .page-inner a.next.on { background: #fff url(../images/next-hover.jpg) no-repeat center; }
.de-page-mian .page-inner a.next:hover { background-color: #fff; border-color: #dddddd; }
.de-page-mian .page-inner a.page-btn { font-size: 12px; margin-right: 0; width: 63px; margin-left: 10px; }
.de-page-mian .page-inner span { display: block; font-size: 12px; color: #333; float: left; line-height: 38px; }
.de-page-mian .page-inner input { display: block; float: left; height: 36px; width: 36px; border: 1px solid #dddddd; text-align: center; line-height: 36px; font-size: 14px; color: #333; margin: 0 5px; }
.de-page-mian .page-inner a.active, .de-page-mian .page-inner a:hover { color: #fff; border-color: #237ed2; background: #237ed2; }
/*自定义分页样式*/
.w-page { margin-bottom: 20px; }
.w-page li.active span { z-index: 3; color: #fff; background-color: var(--theme-red); }
.w-page li.disabled { cursor: no-drop; }
.w-page li.disabled span { color: #6c757d; pointer-events: none; background-color: #eeeeee; }
.wrapper,.container-fluid{width: 100%; overflow: hidden;}
.container{width: 1400px;margin: 0 auto;}
.pagination { display: -ms-flexbox; display: flex; padding-left: 0; list-style: none; }
div { margin: 0; padding: 0;box-sizing: border-box;}
.w-page li a, .w-page li span { position: relative; display: block; padding: .5rem .75rem; line-height: 1.25; color: #666; background-color: #e2e2e2; margin: 2px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.w-page li a:hover, .w-page li span:hover { background-color: #cdcdcd; color: #fff; }
/*底部漂浮*/
.bottom-float {
    width:100%;
    background: url("../picture/bt-fly.png");
    padding: 45px 0 0;
    background-size:100%;
    background-repeat: no-repeat;
}
.bottom-float .container {position: relative;width: 1000px;}
.bottom-float .float-wrap {bottom: 0;position: relative;height: 145px;z-index: 999;left: -140px;width: 100%;}
.bottom-float .float-wrap .float-left { position: relative; height: 100%; width: 250px; }
.bottom-float .float-wrap .float-left img { position: absolute; bottom: 0; left: 0; max-width: 90%; }
.bottom-float .float-wrap .float-form {width: 820px;/* padding-left: 60px; */}
.bottom-float .float-wrap .float-contact { width: 160px; padding-top: 25px; }
.bottom-float .float-wrap .float-contact .contact-tip {height: 24px;line-height: 24px;color: #fff;font-size: 12px;background-color: #e88410;padding: 0 5px;border-radius: 12px;width: 125px;text-align: center;}
.bottom-float .float-wrap .float-contact .contact-tip .icon { width: 22px; height: 22px; vertical-align: middle; }
.bottom-float .float-wrap .float-contact .contact-tip span { display: inline-block; vertical-align: middle; }
.bottom-float .float-wrap .float-contact .contact-num {margin-top: 5px;font-size: 22px;color: #e79a34;white-space: nowrap;}
.bottom-float .colse-btn {position: absolute;top: 20px;right: 50px;z-index: 33333;cursor: pointer;}
.bottom-float .colse-btn .icon { width: 2em; height: 2em; }
.bottom-float .colse-btn:hover .icon { -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); }
.bottom-float .colse-btn:hover .icon path { fill: #dd3833; }
.float-form { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.float-form .form-top { vertical-align: middle; line-height: 24px; color: #999999; margin-bottom: 8px; }
.float-form .form-top img { margin-right: 5px; }
.float-form .form-item-inline {height: 46px;line-height: 46px;background-color: #dedede;display: inline-block;vertical-align: middle;padding: 10px;}
.float-form .form-item-inline.tel {width: 300px;}
.float-form .form-item-inline.code { padding-right: 0; }
.float-form .input-label { font-size: 20px; margin-right: 8px; position: relative; color: #cccccc; width: 38px; text-align: center; }
.float-form .input-label .icon{width:20px;margin-top:16px}
.float-form .input-label::after { content: ''; position: absolute; display: block; height: 15px; border-right: 1px solid #cccccc; margin: auto; top: 0; bottom: 0; right: 0; }
.float-form .input-inline { width: 100%; }
.float-form .input-inline.code { width: 180px; }
.float-form .input-inline.code .input-txt { width: 90px; }
.float-form .input-txt { height: 46px; color: #777777; line-height: 46px; border: none; display: block; width: 100%; }
.float-form .input-submit {background-image: -moz-linear-gradient(-170deg, #d7d7d7 0%, #dd3833 0%, #ec4945 100%);background-image: -webkit-linear-gradient(-170deg, #d7d7d7 0%, #f9c300 0%, #e78012 100%);background-image: -ms-linear-gradient(-170deg, #d7d7d7 0%, #dd3833 0%, #ec4945 100%);display: block;width: 135px;height: 46px;color: #fff;text-align: center;line-height: 46px;font-size: 16px;vertical-align: middle;cursor: pointer;}
.float-form .form-item-inline.wx-qrcode { position: relative; }
.float-form .form-item-inline.wx-qrcode .qrcode-wrap { display: none; position: absolute; width: 120px; height: 120px; bottom: 60px; margin: auto; left: -50%; right: -50%; padding: 5px; background: currentColor; color: #ffffff; -webkit-box-shadow: 0 2px 2px #dddddd; -moz-box-shadow: 0 2px 2px #dddddd; box-shadow: 0 2px 2px #dddddd; }
.float-form .form-item-inline.wx-qrcode .qrcode-wrap::after { content: ''; display: block; width: 0; height: 0; position: absolute; margin: auto; bottom: -16px; left: 0; right: 0; border: 8px solid transparent; border-top: 8px solid currentColor; filter: drop-shadow(2px 1px 0px #d1d1d1); }
.float-form .form-item-inline.wx-qrcode .qrcode-wrap img { max-width: 100%; }
.float-form .form-item-inline.wx-qrcode .icon { width: 2em; height: 2em; }
.float-form .form-item-inline.wx-qrcode:hover .qrcode-wrap { display: block; }
/*about icon */
.about-param { margin-top: 80px; margin-bottom: 80px; }
.about-param .item { text-align: center; }
.about-param .item .item-icon { margin: 0 auto; width: 100px; height: 100px; text-align: center; position: relative; z-index: 2; }
.about-param .item .item-icon::after {content: '';border-radius: 50%;background-image: -moz-linear-gradient(-54deg, #bcd4ff 0%, rgba(209, 226, 255, 0) 100%);background-image: -webkit-linear-gradient(-54deg, #f7bea0 0%, rgba(209, 226, 255, 0) 100%);background-image: -ms-linear-gradient(-54deg, #bcd4ff 0%, rgba(209, 226, 255, 0) 100%);opacity: 0.502;position: absolute;width: 46px;height: 46px;bottom: 10px;right: 0;z-index: 0;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.about-param .item .item-icon svg { width: 80px; height: 80px; position: absolute; margin: auto; top: 0; bottom: 0; left: 0; right: 0; z-index: 2; }
.about-param .item .item-icon svg path {fill: #ea5404;}
.about-param .item .item-desc { font-size: 16px; color: #666666; line-height: 24px; }
.about-param .item:hover .item-icon::after { background-image: -moz-linear-gradient(-54deg, #ffc8c7 0%, rgba(255, 210, 210, 0.01) 99%, #ffd2d2 100%); background-image: -webkit-linear-gradient(-54deg, #ffc8c7 0%, rgba(255, 210, 210, 0.01) 99%, #ffd2d2 100%); background-image: -ms-linear-gradient(-54deg, #ffc8c7 0%, rgba(255, 210, 210, 0.01) 99%, #ffd2d2 100%); }
.about-param .item:hover .item-icon svg path { fill: #dd3834; }
.about-param .item:hover .item-desc { color: #dd3834; }
* {
    margin: 0;
    padding: 0;
    /*去移动端点击阴影*/
    -webkit-tap-highlight-color: transparent;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-overflow-scrolling: unset
}
html,
body {
    -webkit-text-size-adjust: none;
}
em,
i,
s,
b,
u {
    text-decoration: none;
    font-style: normal;
    font-weight: normal;
}
body{
    display: block;
    font-size: 14px;
    color: #333;
    font-family:"微软雅黑";
    background: #fff;
    -webkit-text-size-adjust: none;
    overflow-x: hidden;
    position: relative;
    margin: 0 auto;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: normal;
}
form {
    display: inline-block;
}
ul,
ol {
    list-style: none;
}
a {
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    color: #999;
}
a:hover,
a:active,
a:focus {
    text-decoration: none;
}
img {
    vertical-align: middle;
    border: 0;
    -ms-interpolation-mode: bicubic;
}
button,
input,
select,
textarea {
    font-size: 100%;
    vertical-align: middle;
    outline: none;
    border: none;
    background: none;
}
/*移除文本框可拉伸大小属性*/
textarea {
    resize: none;
}
textarea::-webkit-input-placeholder{
    font-family: "微软雅黑";
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    cursor: pointer;
    -webkit-appearance: button;
    -moz-appearance: button;
    border: none;
    background: none;
}
input,
textarea {
    border: none;
    border-radius: 0;
    font-size: .28px;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}
input::-webkit-input-placeholder {
    color: #999;
}
input:-moz-placeholder {
    color: #999;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    padding: 0;
    border: 0;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
input,
label {
    vertical-align: middle;
}
div:focus,
span:focus{
    outline: none;
}
/*清除浮动*/
.clear{
    clear: both;
}
.clear::after{
    /* content: ""; */
    height: 0;
    display: block;
    clear: both;
}
.Maximg img{
    width: 100%;
    height: 100%;
}
.maximg img{
    max-height: 100%;
    max-width: 100%;
}
.maxwimg img{
    width: 100%;
    height: auto;
}
.maxhimg img{
    width: auto;
    height: 100%;
}
.wid1300{
    margin: 0 auto;
    height: auto;
}
.right{
    float: right;
}
.left{
    float: left;
}
.bgCen{background-size: 100%;position: relative;}
/* about */
.aboutTop{
    display: block;
    width: 100%;
    height: 534px;
    background: #f8f8f8;
    min-width: 1200px;
}
.aboutTopImg{
    width: 50%;
    height: 100%;
}
.aboutTopDiv{
    width: 700px;
    height: auto;
    padding-top: 60px;
    padding-right: 20px;
}
.aboutTopDiv h2{
    font-size: 34px;
    font-weight: bold;
    color: #333333;
    line-height: 50px;
    margin-bottom: 52px;
}
.aboutTopText{
    display: block;
    width: 100%;
    height: 240px;
    font-size: 14px;
    color: #666666;
    line-height: 30px;
    overflow: auto;
    padding-right: 48px;
    margin-top: 168px;
}
.aboutTopText::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
.aboutTopText::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 6px #8a8a8a;
    background: #8a8a8a;
}
.aboutTopText::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px #e9e9e9;
    border-radius: 0;
    background: #e9e9e9;
}
.aboutTopUl li{
    float: left;
    text-align: center;
    font-size: 16px;
    line-height: 26px;
    color: #4a4a4a;
    padding: 0 50px;
    position: relative;
}
.aboutTopUl li::after{
    content: "";
    display: block;
    width: 1px;
    height: 64px;
    background: #e1e1e1;
    position: absolute;
    right: 0;
    top: 16px;
}
.aboutTopUl li:last-child::after{
    display: none;
}
.aboutTopUl li:first-child{padding-left: 0;}
.aboutTopUl li:last-child{padding-right: 0;}
.aboutTopUl li h3{
    line-height: 60px;
    height: 60px;
    font-size: 18px;
    color: #ea5404;
}
.aboutTopUl li h3 span{
    font-size: 48px;
    margin-right: 8px;
}
/*2021 02 24*/
.newAddTabDiv{
    display: block;
    background: #fff;
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.08);
}
.newAddTab{
    font-size: 0;
    text-align: center;
    display: flex;
    white-space: nowrap;
    justify-content: space-around;
}
.newAddTab a{
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    color: #000000;
    line-height: 66px;
    position: relative;
    margin: 0 99px;
}
.newAddTab a:hover{
    color: #ea5404;
}
.newAddTab a.active{
    color: #ea5404;
}
.newAddTab a.active::after{
    content: "";
    display: block;
    width: 64px;
    height: 3px;
    background: #ea5404;
    position: absolute;
    bottom: 0;
    left: 0;
}
img {
    max-width: 100%;
    height: auto!important;
}
.waps {
    width: 90%;
    max-width: 1720px;
    margin: 0 auto;
}
.ptb70 {
    padding: 68px 0 68px;
    height: 580px;
}
.pgtit {
    color: #000000;
    text-align: center;
}
.wapa {
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
}
.pgtit h5 {
    font-size: 16px;
}
.pgtit h3 {
    font-weight: bold;
}
.pgtit h3 {
    line-height: 1.3em;
    color: #000;
    padding: 0.3em 0 0.7em;
    position: relative;
    margin-bottom: 1.6em;
}
.ft36 {
    font-size: 32px;
}
.pgtit h3:before {
    content: '';
    position: absolute;
    left: 50%;
    margin-left: -1em;
    bottom: 0;
    width: 2em;
    background: #1F3279;
    opacity: 0.2;
    height: 2px;
}
.clearfix:before, .clearfix:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden;
}
.ft16{width: 100%;display: flex;justify-content: space-around;align-items: center;}
.whcon{ margin-left: 36px; width: calc(25% - 27px);}
.whcon:first-child{margin-left: 0;}
.whcon .con{padding: 40px 29px; border: 1px solid #E6E6E6;}
.whcon .con .tit{padding-bottom: 0.6em; color: #ea5404;}
.whcon:hover .con .tit{color: #ea5404;}
.whcon:hover .con{border-color: #ea5404;background: #e7851614;}
.whcon .whcon0{position: relative; overflow: hidden;}
.whcon .txt{padding-top: 1em; height: 3em; color: #666666;}
.whcon:hover .txt{color: #ea5404;}
.whction{position: absolute; bottom: 5%; left: 0; z-index: 3; text-align: center;}
.whction span{margin: 0 3px; background: none; border: 1px solid #fff; opacity: 1;}
.whction span.swiper-pagination-bullet-active{background: #fff;}
.fengc{max-width: 750px;padding: 80px 0;width: 80%;}
.pgtit{color: #000000; text-align: center;}
.pgtit h3{line-height: 1.3em;color: #111;padding: 0.3em 0 0.7em;position: relative;margin-bottom: 1.6em;}
.pgtit h3:before{content: ''; position: absolute; left: 50%; margin-left: -1em; bottom: 0; width: 2em; background: #1F3279; opacity: 0.2; height: 2px;}
.fengs{text-align: center;position: relative;}
.fengs .txt{padding-top: 18px; color: #666;}
.fengs .txt span{padding-top: 5px;}
.fengs .swiper-slide{opacity:0.6;}
.fengs .swiper-slide-active{opacity: 1;}
.woshilub{text-align: center;margin-top: 50px;padding-bottom: 0 !important;}
.woshilub .shj0{border: 1px solid #ececec; background-size: cover !important; background: #fff; margin: 0 6px; position: relative; left: auto; right: auto; top: auto; display: inline-block;}
.woshilub .shj01:hover{border: 1px solid #1B2F77; background: url(../images/pgqh1.png) no-repeat center #1B2F77;}
.woshilub .shj02:hover{border: 1px solid #1B2F77; background: url(../images/pgqh2.png) no-repeat center #1B2F77;}
.woshilub .shj0:hover img{opacity: 0;}
.logoArr0125{
    display: block;
    /* width: 1400px; */
    margin: 0 auto 36px;
}
.logoArr0125 li{
    float: left;
    width: 20%;
    height: 117px;
    margin-bottom: 14px;
    position: relative;
}
.logoArr0125 li img{
    display: block;
    margin: 0 auto;
    height: 100%;
    width: 100%;
    transition: all 400ms;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
.logoArr0125 li:hover img{
    box-shadow: 0 0 26px 0 rgba(0, 0, 0, 0.1);
    z-index: 19;
}
/* honor */
.rongyuTab{
    display: block;
    text-align: center;
    font-size: 0;
    margin: 62px auto 68px;
}
.rongyuTab a{
    display: inline-block;
    width: auto;
    height: 40px;
    line-height: 40px;
    position: relative;
    font-size: 16px;
    color: #000000;
    margin: 0 44px;
}
.rongyuTab a:hover{
    color: #ea5404;
}
.rongyuTab a.active{
    color: #ea5404;
}
.rongyuTab a.active::after{
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background: #ea5404;
    position: absolute;
    left: 0;
    bottom: 0;
}
.rongyu{
    margin: 0 auto;
    padding: 100px 0;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: 1440px;
}
.rongyu li{
    float: left;
    width: 418px;
    height: 378px;
    margin-right: 80px;
    text-align: center;
    font-size: 16px;
    color: #181818;
    line-height: 28px;
}
.rongyu li:nth-child(3n){
    margin-right: 0;
}
.rongyu li>div{
    display: flex;
    width: 100%;
    height: 280px;
    justify-content: center;
    align-items: center;
    margin-bottom: 22px;
    background: #fff;
    box-shadow: 0 0 26px 0 rgba(0, 0, 0, 0.08);
    cursor: pointer;
}
.rongyu li:hover{
    color: #ea5404;
}
.imgPop{
    display: none;
    width: auto;
    height: auto;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 200;
    max-width: 80%;
    max-height: 80%;
}
.imgPop img{
    min-width: 400px;
    min-height: 400px;
    display: block;
}
/*end*/
/* team */
.zhici{
    display: block;
    width: 1362px;
    height: 570px;
    background: #f9f9f9;
    margin: 100px auto;
}
.zhiciRight{
    width: 602px;
    height: 100%;
    background: #ea5404;
}
.zhiciRightImg{
    height: 430px;
    background-color: #fff;
}
.zhiciRightIn{
    display: block;
    padding: 26px 58px 0;
    color: #fff;
    font-size: 18px;
    line-height: 28px;
}
.zhiciRightIn h2{
    font-size: 50px;
    font-family: arial;
    line-height: 1;
    font-weight: bold;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.zhiciLeft{
    width: 760px;
    height: 100%;
    padding: 98px 108px 10px 102px;
    font-size: 14px;
    color: #595959;
    line-height: 28px;
    overflow: auto;
}
.zhiciLeft h5{
    font-size: 12px;
    font-family: arial;
    line-height: 24px;
    color: #7e7e7e;
    margin-top: 20px;
}
.zhiciLeft h4{
    font-size: 22px;
    color: #525252;
    line-height: 36px;
    margin-bottom: 36px;
}
.zhiciLeft h2{
    font-size: 28px;
    color: #333333;
    line-height: 40px;
    margin-bottom: 42px;
}
.zhiciLeft>em{
    display: block;
    width: 40px;
    height: 3px;
    background: #c2c2c2;
    margin-bottom: 40px;
}
.guanli{
    display: block;
    padding: 70px 0 76px;
    background: #f7f7f7;
}
.title4{
    display: block;
    text-align: center;
    font-size: 34px;
    font-weight: bold;
    color: #333333;
    line-height: 48px;
}
.guanliDiv{
    display: block;
    width: 1362px;
    height: auto;
    margin: 0 auto;
}
.guanliDiv>li{
    float: left;
    width: 318px;
    height: 410px;
    background: #fff;
    margin-bottom: 30px;
    margin-right: 30px;
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.04);
}
.guanliDiv>li:nth-child(4n){
    margin-right: 0;
}
.guanliDivImg{
    display: block;
    height: 304px;
    overflow: hidden;
}
.guanliDivIn{
    display: block;
    padding: 25px 34px 0;
    font-size: 14px;
    color: #7d7d7d;
    line-height: 24px;
}
.guanliDivIn h3{
    font-size: 20px;
    color: #323232;
    line-height: 28px;
    margin-bottom: 5px;
}
.guanliDiv>li:hover .guanliDivIn h3{
    color: #ea5404;
}
/*end*/
/* contect */
.title3{
    display: block;
    text-align: center;
    font-size: 30px;
    color: #000000;
    line-height: 48px;
}
.lianxi{
    margin-bottom: 66px;
    height: 300px;
    width: 1400px;
    margin: 50px auto;
    display: flex;
    justify-content: space-around;
}
.lianxi li{
    float: left;
    width: 284px;
    font-size: 14px;
    line-height: 28px;
    color: #666666;
}
.lianxi li:last-child{
    margin-right: 0;
}
.lianxi li h3{
    font-size: 20px;
    font-weight: bold;
    line-height: 40px;
    color: #333333;
}
.lianxi li>em{
    display: block;
    height: 1px;
    margin: 20px 0 24px;
}
.lianxi li>em img{
    display: block;
}
.lianxi li h2{
    font-size: 26px;
    font-family: arial;
    font-weight: bold;
    color: #ea5404;
    line-height: 34px;
    margin-bottom: 16px;
}
.lianxi li a{
    display: block;
    width: 100px;
    height: 38px;
    border: 1px solid #ea5404;
    color: #EA5404;
    text-align: center;
    line-height: 38px;
    margin-top: 28px;
}
.lianxi li a:hover{
    background: #ea5404;
    color: #fff;
}
.lianxi li>Span{
    display: block;
    padding: 6px 0 10px;
}
#c-about2 {
    text-align: center;
    background: #fff;
    width: 1400px;
    margin: 50px auto;
    display: flex;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    height: auto;
}
#c-about2 .c-titleBox .c-title {
    margin-bottom: .4rem;
    font-weight: bold;
    font-size: .36rem;
    color: #222;
}
#c-about2 .c-titleBox .c-title span {
    color: #f20000;
    text-decoration: none !important;
}
#c-about2 .c-titleBox .c-text {
    line-height: 2em;
    color: #666;
    font-size: 16px;
}
#c-about2 .c-dataList {
    padding: .9rem 0;
}
#c-about2 .c-dataList li {
    display: inline-block;
    padding: 0 1.1rem;
}
#c-about2 .c-dataList .c-topBox span {
    font-size: .72rem;
    line-height: 1em;
    color: #f20000;
}
#c-about2 .c-dataList .c-topBox i {
    font-style: normal;
    font-size: 24px;
    line-height: 1em;
    color: #f20000;
}
#c-about2 .c-dataList .c-title {
    padding-top: .3rem;
    line-height: 1em;
    color: #666;
}
/* mao */
.c-commonBox {
    padding: 1.9rem 0;
    text-align: center;
    background-color: #fff;
}
.c-commonBox .c-text {
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 28px;
    color: #a6a6a6;
}
.c-commonBox .c-title {
    margin-bottom: 30px;
    font-size: .6rem;
    color: #222;
}
.c-commonBox .c-title2 {
    margin-bottom: 30px;
    font-size: .48rem;
    line-height: 1.5em;
    color: #222;
}
.c-commonBox .c-title2 span {
    color: #e10000;
}
.c-commonBox .c-btn {
    display: inline-block;
    position: relative;
    z-index: 2;
    padding-left: 25px;
    font-size: 18px;
    line-height: 50px;
    color: #6a6a6a;
}
.c-commonBox .c-btn.new {
    padding: 0 25px;
    background: #e10000;
    color: #fff;
    border-radius: 25px;
}
.c-commonBox .c-btn i {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 50px;
    height: 50px;
    border-radius: 25px;
    background: #f0831e1f;
    vertical-align: middle;
    margin-right: -25px;
}
.c-commonBox .c-btn span {
    position: relative;
    display: inline-block;
    margin-left: 20px;
    width: 50px;
    height: 50px;
    vertical-align: middle;
}
.c-commonBox .c-btn span::before,
.c-commonBox .c-btn span::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10px;
    height: 2px;
    margin: -1px 0 0 -5px;
    background: #6a6a6a;
}
.c-commonBox .c-btn span::before {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
.c-commonBox2 {
    position: relative;
    z-index: 1;
    margin: 60px auto;
    padding: 100px 0;
    overflow: hidden;
}
.c-commonBox2 video {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    min-width: 100%;
    min-height: 100%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.c-commonBox2 .c-glass {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6) url(../images/mbl.png) no-repeat center center;
    background-size: cover;
}
.c-commonBox2 .c-textBox {
    width: 1400px;
    margin:  0 auto;
    position: relative;
    padding-left: 40px;
    z-index: 10;
    color: #fff;
    background: url(../images/dh.png) no-repeat top .06rem left;
    background-size: 30px;
}
.c-commonBox2 .c-textBox .c-title {
    margin-bottom: 20px;
    font-size: 26px;
    color: #fff;
}
.c-commonBox2 .c-textBox .c-photo {
    line-height: 10px;
}
.c-commonBox2 .c-textBox .c-photo .c-img {
    display: inline-block;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    vertical-align: middle;
    overflow: hidden;
}
.c-commonBox2 .c-textBox .c-photo .c-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.c-commonBox2 .c-textBox .c-photo span {
    margin-left: 20px;
    font-size: 14px;
}
.c-commonBox2.c-dt .c-textBox {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
.c-commonBox2.c-dt .c-textBox>div {
    width: 48%;
}
#c-values {
    overflow: hidden;
    width: 1400px;
    margin: 0 auto;
    background-color: #fff;
}
#c-values .c-topBox .c-title {
    margin-bottom: .3rem;
    font-weight: bold;
    font-size: 28px;
    line-height: 1.7em;
    color: #222;
}
#c-values .c-topBox .c-title span {
    color: #e80909;
    text-decoration: none !important;
}
#c-values .c-topBox .c-text {
    margin-bottom: 90px;
    max-width: 1100px;
    color: #666;
    font-size: 16px;
    line-height: 2em;
}
#c-values .c-list {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    margin: 80px 0 0;
}
#c-values .c-list li {
    box-sizing: border-box;
    margin-bottom: 70px;
    width: 25%;
    padding: 0 25px;
}
#c-values .c-list .c-num {
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    border-radius: 50%;
    font-size: 24px;
    color: #e73535;
    background: #f5f5f5;
}
#c-values .c-list .c-title {
    padding: 35px 0 15px;
    font-weight: bold;
    font-size: 18px;
    color: #333;
}
#c-values .c-list .c-text {
    font-size: 14px;
    color: #666;
    line-height: 2em;
}
.c-list {display: flex;justify-content: space-around;flex-wrap: wrap;}
.c-list li{width: 20%;}
.c-wrap{width: 100%;}
.c-wrap img{width: 100%;}
.kefu-box{
    width: 1400px;margin: 60px auto;display: flex;justify-content: space-around;flex-wrap: wrap;
}
.kefu-box li{width: 45%;border: 1px solid #f2f2f2; display: flex;align-items: center;justify-content: space-between;padding: 30px 60px;margin-bottom: 20px;}
.left-im{ width: 88px;height: 88px;border-radius: 100%;overflow: hidden;}
.left-im img{width: 100%;}
.rig-b{width: 70%;}
.rig-b .vhngs{font-size: 18px;font-weight: bold;color: rgb(255, 123, 62);margin-bottom: 10px;}
.cheng-n,.qq,.youxiang{color: #333;font-size: 13px;text-align: left;line-height: 18px;color: #555;}
.rightnow{float: right;background-color:rgb(255, 123, 62);padding: 5px 10px;}
.rightnow a{color: #fff;}
/* 首页 */
/*index-advantage*/
.index-advantage {
    width:100%;
    background:#fff;
    padding:50px 0 30px 0;
}
.index-box {
    max-width: 1440px;
    margin:auto;
    position:relative;
}
.advantage-title {
    width:100%;
    position:relative;
    padding-bottom:54px;
}
.advantage-title .bdl {
    font-size:70px;
    line-height:70px;
    font-family:Helvetica;
    color:#000;
}
.advantage-title .title {
    font-size:36px;
    line-height:1;
    font-weight:bold;
    color:#222;
    margin-bottom:23px;
}
.advantage-title .txt {
    width:685px;
    font-size:14px;
    line-height:24px;
    color:#666;
}
.advantage-title .bdr {
    font-size:70px;
    line-height:70px;
    font-family:Helvetica;
    color:#000;
    display:table;
    position:absolute;
    right:0;
    top:110px;
}
.advantage-title .bdr span {
    width:300px;
    height:2px;
    background:#222;
    display:inline-block;
    position:absolute;
    top:9px;
    right:65px;
}
.advantage-list {
    width:100%;
    display:table;
    overflow:hidden;
}
.advantage-list ul{display:flex;justify-content:space-around}
.advantage-list li {
    width:20%;
    float:left;
    box-sizing:border-box;
    padding: 60px 20px 20px 40px;
    background:#fff;
    transition:all ease .3s;
    border-radius:3px;
}
.advantage-list li:nth-child(4n) {
    margin:0 0 0 8px;
}
.advantage-list li:hover {
    background:#fb9f3f;
}
.advantage-list li .icon {
    width:100%;
    height:100px;
    transition:all ease .3s;
}
.advantage-list li .icon1 {
    background:url(../images/icon8.png) left top no-repeat;
}
.advantage-list li .icon2 {
    background:url(../images/icon9.png) left top no-repeat;
}
.advantage-list li .icon3 {
    background:url(../images/icon10.png) left top no-repeat;
}
.advantage-list li .icon4 {
    background:url(../images/icon11.png) left top no-repeat;
}
.advantage-list li:hover .icon1 {
    background:url(../images/icon12.png) left top no-repeat;
}
.advantage-list li:hover .icon2 {
    background:url(../images/icon13.png) left top no-repeat;
}
.advantage-list li:hover .icon3 {
    background:url(../images/icon14.png) left top no-repeat;
}
.advantage-list li:hover .icon4 {
    background:url(../images/icon15.png) left top no-repeat;
}
.advantage-list li .title {
    font-size:24px;
    color:#222;
    line-height:36px;
    font-weight:bold;
    margin-bottom:28px;
    transition:all ease .3s;
}
.advantage-list li:hover .title {
    color:#fff;
}
.advantage-list li .txt {
    color:#666;
    font-size:14px;
    line-height:24px;
    transition:all ease .3s;
}
.advantage-list li:hover .txt {
    color:#fff;
}
.advantage-list li .link {
    width:0;
    height:10px;
    margin-top:45px;
    background:url(../images/icon16.png) right center no-repeat;
    transition:all ease .3s;
}
.advantage-list li:hover .link {
    width:48px;
}
.index-data {
    position: relative;
    overflow: hidden;
    height: 800px;
    width: 100%;
    background: url(../images/geduan-bg.jpg) 100%;
}
.index-data .video{
    display: block;
}
.index-data .wrap {
    z-index: 1;
    height: 800px;
    position: relative;
    background: -moz-linear-gradient(left, rgba(23,9,49,.6) 0%, rgba(30,95,116,.6) 100%);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%,from(rgba(23,9,49,.6)), to(rgba(30,95,116,.6)));
    background: -webkit-linear-gradient(left, rgba(23,9,49,.6) 0%,rgba(30,95,116,.6) 100%);
    background: -o-linear-gradient(left, rgba(23,9,49,.6) 0%,rgba(30,95,116,.6) 100%);
    background: -ms-linear-gradient(left, rgba(23,9,49,.6) 0%,rgba(30,95,116,.6) 100%);
    background: linear-gradient(to right, rgba(23,9,49,.6) 0%,rgba(30,95,116,.6) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(23,9,49,.6)', endColorstr='rgba(30,95,116,.6)',GradientType=1 );
}
.index-data .index-data-list {
    width: 1140px;
    margin: 0 auto;
    padding: 180px 0;
}
.data-background {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
}
.index-data .item {
    float: left;
    width: 33.33%;
    height: 240px;
}
.index-data .item-inner {
    position: relative;
    height: 240px;
    text-align: center;
    border-right: 1px solid rgba(255,255,255,.2);
}
.index-data .item:nth-child(3n) .item-inner {
    border-right: 0;
}
.index-data .item:first-child .item-inner,
.index-data .item:nth-child(2) .item-inner,
.index-data .item:nth-child(3) .item-inner {
    border-bottom: 1px solid rgba(255,255,255,.2);
}
.index-data .text-wrap {
    position: absolute;
    top: 50%;
    width: 100%;
    font-size: 16px;
    color: #fff;
    transform: translateY(-50%);
}
.index-data .text-wrap .number-wrap {
    display: block;
    font: normal 88px/1 'AkzidenzGrotesk-BoldCondAlt';
    color: #fff;
    letter-spacing:2px;
}
.index-data .text-wrap .number-wrap .icon {
    display: inline-block;
    font-size: 62px;
    vertical-align: 13px;
}
/* case */
.section{width: 100%;}
.section .container{margin: 0 auto;}
.section.sec-cases {/* padding-bottom: 50px; */}
.section.sec-cases .cases-nav { text-align: center; margin-bottom: 20px; }
.section.sec-cases .cases-nav a { display: block; width: 220px; height: 50px; text-align: center; line-height: 50px; color: #666666; font-size: 16px; background-color: #edf0f5; border-radius: 3px; margin: 0 7.5px; }
.section.sec-cases .cases-nav a svg { width: 1.5em; height: 1.5em; vertical-align: middle; }
.section.sec-cases .cases-nav a svg path { fill: CurrentColor !important; }
.section.sec-cases .cases-nav a:hover {color: #ffffff;background-color: #e78115;}
.section.sec-cases .case-lists {margin-top: 50px;display: flex;margin: 50px auto;width: 1320px;flex-wrap: wrap;justify-content: flex-start;}
.section.sec-cases .case-lists .cases-item {width: 410px;height: 400px;float: left;margin-left: 40px;margin-bottom: 70px;overflow:hidden;}
.section.sec-cases .case-lists .cases-item:nth-child(3n+1) { margin-left: 0; }
.section.sec-cases .case-lists .cases-item .item-wrap .item-img {width: 100%;height: 275px;overflow: hidden;}
.section.sec-cases .case-lists .cases-item .item-wrap .item-caption { border: 1px solid #f5f5f5; padding-left: 25px; padding-right: 25px; padding-top: 14px; }
.section.sec-cases .case-lists .cases-item .item-wrap .item-caption .item-name { color: #333333; font-size: 16px; line-height: 28px; }
.section.sec-cases .case-lists .cases-item .item-wrap .item-caption .item-brief { line-height: 20px; font-size: 12px; color: #999999; }
.section.sec-cases .case-lists .cases-item .item-wrap .item-caption .item-tool { border-top: 1px solid #ededed; padding-top: 8px; padding-bottom: 9px; line-height: 24px; width: 340px; margin-top: 20px; }
.section.sec-cases .case-lists .cases-item .item-wrap .item-caption .item-tool a { color: #999999; font-size: 12px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.section.sec-cases .case-lists .cases-item .item-wrap .item-caption .item-tool:hover a { letter-spacing: 3px; }
.section.sec-cases .case-lists .cases-item .item-wrap .item-img img:hover{transform: scale(1.1) ;-webkit-transform: scale(1.1); overflow:hidden;   transition: all 0.5s linear;}
/* youshi */
.fuwuTixi{
    margin-bottom: 66px;
    height: 400px;
    width: 1400px;
    display: flex;
    justify-content: space-around;
    margin: 0 auto 80px !important;
}
.fuwuTixi li{
    /* float: left; */
    width: 274px;
    height: 353px;
    background: #fff;
    border-radius: 8px;
    margin-bottom: 20px;
    /* margin-right: 34px; */
    box-shadow: 0 0 26px 0 rgba(0, 0, 0, 0.08);
    text-align: center;
    padding: 76px 20px 20px;
    transition: all 400ms;
}
.fuwuTixi li:nth-child(4n){
    margin-right: 0;
}
.fuwuTixi li:hover{
    transform: translateY(-20px);
}
.fuwuTixi li>Span{
    display: block;
    text-align: center;
    height: 97px;
    margin-bottom: 23px;
}
.fuwuTixi li h3{
    font-size: 20px;
    color: #333333;
    line-height: 30px;
    margin-bottom: 17px;
}
.fuwuTixi li p{
    font-size: 14px;
    line-height: 22px;
    color: #666666;
    height: 44px;
}
.fuwuTixi li>em{
    display: block;
    text-align: center;
    margin-top: 23px;
}
.ad_title {
    font-size: 32px;
    font-weight: 400;
    text-align: center;
    margin: 100px auto 60px;
}

.ad_title p {
    font-size: 16px;
    color: #646464;
    margin-top: 16px;
}

/* yizhanshi */
.regongg {
    padding: 10%;
    margin-top: 80px;
}
.regongg .con {
    padding: 70px 40px;
    max-width: 400px;
    background: rgba(234, 84, 4, 0.73);
    color: #fff;
}
.regongg .con h5 {
    line-height:28px;
    margin-bottom: 20px;
    padding-top: 20px;
    font-size: 30px;
    font-weight: bold;
    position: relative;
}
.regongg .con p {
    margin-bottom: 25px;
    line-height: 24px;
    font-size: 14px;
}
.boxlist2  {
    margin-top: -166px;
    padding-bottom: 35px;
}
.boxlist2 {
    padding-left: 30px;
}
.boxlist2 {
    border-radius: 16px;
    background: #fff;
    margin: -60px auto 0;
    width: 1260px;
    box-shadow: 0 3px 27px rgba(142,175,235,.33);
}
.boxlist2>h2 span {
    font-size: 22px;
    color: #3e3e3e;
    display: inline-block;
    background: #fff;
}
.list2_hd {
    font-size: 24px;
    color: #151515;
    height: 27px;
    padding: 34px 10px 60px 10px;
}
.list2_hd a {
    height: 25px;
    border-radius: 25px;
    border: 1px #e78012 solid;
    padding: 0 11px;
    font-size: 16px;
    color: #72777f;
    line-height: 25px;
    margin: 0 0 0 10px;
    display: inline-block;
}
/* liuchneg */
.tab-box .tab-head { text-align: center; margin-bottom: 45px; }
.tab-box .tab-head ul { margin: 0 auto; }
.tab-box .tab-head ul li { display: block; padding: 0 16px; position: relative; width: 186px; text-align: center; font-size: 18px; }
.tab-box .tab-head ul li span { display: inline-block; position: relative; z-index: 2; line-height: 48px; }
.tab-box .tab-head ul li:not(:first-child)::before { content: ''; display: block; position: absolute; width: 5px; height: 5px; background-color: #d0d0d0; border-radius: 50%; margin: auto; top: 0; bottom: 0; left: -2.5px; }
.tab-box .tab-head ul li.active {color: #e78012;}
.tab-box .tab-head ul li.active span { border-bottom: 2px solid #ee8b34; }
.tab-box .tab-con { border: 10px solid #f5f6fa; }
.tab-box .tab-con .con { display: none; }
.tab-box .tab-con .con.active { display: block; }
.process-list { padding: 40px 0; }
.process-list .item { padding: 30px 40px; margin-bottom: 20px; }
.process-list .item .item-wrap { position: relative; }
.process-list .item .item-wrap::before { content: ''; display: block; height: 100%; width: 0; position: absolute; left: -40px; border-left: 1px solid #f0f0f0; }
.process-list .item .item-wrap .item-num {font-size: 24px;width: 50px;height: 50px;border-radius: 50%;color: #FFFFFF;text-align: center;line-height: 54px;background-image: -moz-linear-gradient(-170deg, #1e3c72 0%, #2a5298 100%);background-image: -webkit-linear-gradient(-170deg, #1e3c72 0%, #2a5298 100%);background-image: -ms-linear-gradient(-170deg, #1e3c72 0%, #2a5298 100%);}
.process-list .item .item-wrap .item-info { flex: 0 0 calc( 100% - 50px); padding-left: 18px; }
.process-list .item .item-wrap .item-info .item-name { font-size: 19px; color: #282828; margin-bottom: 10px; }
.process-list .item .item-wrap .item-info .item-desc { font-size: 14px; color: #999999; line-height: 18px; }
.process-list .item:nth-child(odd) .item-num {background-image: -moz-linear-gradient(-170deg, #d7d7d7 0%, #dd3833 0%, #ec4945 100%);background-image: -webkit-linear-gradient(-170deg, #d7d7d7 0%, #f7975a 0%, #e78115 100%);background-image: -ms-linear-gradient(-170deg, #d7d7d7 0%, #dd3833 0%, #ec4945 100%);}
.con-1 .process-list .item:nth-child(4n+1) .item-wrap::before { display: none; }
.con-1 .process-list .item:nth-child(n+5) { margin-bottom: 0; }
.con-2 .process-list .item:nth-child(3n+1) .item-wrap::before { display: none; }
.con-2 .process-list .item:nth-child(n+4) { margin-bottom: 0; }
/* case */
.breadcrumbs {
    position:absolute;
    right: 60px;
    bottom:0;
    line-height:60px;
    font-size:14px;
    color:#7e7e7e;
    letter-spacing:2px;
    padding-left:25px;
    background:url(../images/icon23.png) left center no-repeat;
}
.breadcrumbs a {
    color:#7e7e7e;
    transition:all ease .3s;
}
.breadcrumbs a:hover {
    color:#fff;
}
.nb-menu {
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:60px;
    background:rgba(0,0,0,.25);
}
.nb-menu ul {
    max-width:1600px;
    margin:auto;
    padding-top:13px;
    position:relative;
    z-index:5;
}
.nb-menu ul li {
    float:left;
    margin-right: 10px;
}
.nb-menu ul li a {
    font-size:14px;
    color:#fff;
    line-height:35px;
    padding: 0 30px;
    display:block;
    transition:all ease .3s;
    border-radius: 30px;
}
.nb-menu ul li:hover a {
    color:#222;
    background:#fff;
}
.nb-menu ul li.on a {
    color:#222;
    background:#fff;
}
.label-box {
    position:absolute;
    right:0;
    bottom:146px;
}
.label-box a {
    display:inline-block;
    border:1px solid #fff;
    border-radius:50%;
    margin-left:22px;
}
.wzjs_wmcg {
    background: #fff;
    padding: 60px 0;
}
.w1520 {
    width: 85%;
    margin: 0 auto;
}
.wzjs_wmcg .list-wrap {
    margin-top: 45px;
}
.wzjs_wmcg .list-wrap ul {
    width: 101.6%;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.wzjs_wmcg .list-wrap li {
    width: 31.7%;
    transition: box-shadow 0.3s ease 0s;
    margin-bottom: 20px;
    margin-right: 1.6%;
    border: #eee 1px solid;
    -moz-box-sizing: border-box; /*Firefox3.5+*/
    -webkit-box-sizing: border-box; /*Safari3.2+*/
    -o-box-sizing: border-box; /*Opera9.6*/
    -ms-box-sizing: border-box; /*IE8*/
    box-sizing: border-box;
}
.wzjs_wmcg .list-wrap .img {
    display: block;
    width: 100%;
    position: relative;
    overflow: hidden;
}
.wzjs_wmcg .list-wrap .img img.up-pic {
    transform: translateZ(0px);
    transition: transform 0.3s ease 0s;
}
.wzjs_wmcg .list-wrap .up-graybox {
    z-index: 3;
}
.wzjs_wmcg .up-graybox {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all 0.4s ease 0s;
}
.wzjs_wmcg .up-graybox .bgbox {
    display: block;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.6;
    filter: alpha(opacity=60);
}
.wzjs_wmcg .up-graybox .stit {
    font-size: 16px;
    line-height: 30px;
    width: 100%;
    text-align: center;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -15px;
    color: #fff;
}
.wzjs_wmcg .up-graybox .line {
    display: inline-block;
    width: 100px;
    height: 1px;
    background-color: #f2f2f2;
    position: absolute;
    left: 50%;
    margin-left: -50px;
    transition: all 0.6s ease 0s;
}
.wzjs_wmcg .up-graybox .linet {
    top: 0;
}
.wzjs_wmcg .up-graybox .lineb {
    bottom: 0;
}
.wzjs_wmcg .up-graybox .out-ico {
    display: none;
    width: 26px;
    height: 26px;
    position: absolute;
    right: 20px;
    top: 20px;
}
.wzjs_wmcg .up-graybox:hover .line {
    width: 6px;
    margin-left: -3px;
    opacity: 0.6;
    filter: alpha(opacity=60);
}
.wzjs_wmcg .list-wrap .img:hover img.up-pic {
    transform: scale(1.05, 1.05);
    transition: transform 0.6s ease 0s;
}
.wzjs_wmcg .list-wrap .img:hover .up-graybox {
    opacity: 1;
    filter: alpha(opacity=1);
}
.wzjs_wmcg .list-wrap .cont-wrap {
    width:100%;
    padding: 20px 6.5% 0;background:#fff;
    margin-top: -1px;-moz-box-sizing: border-box; /*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/-o-box-sizing: border-box; /*Opera9.6*/-ms-box-sizing: border-box; /*IE8*/box-sizing: border-box;
}
.wzjs_wmcg .list-wrap .tit {
    line-height: 32px;
    font-size: 18px;
}
.wzjs_wmcg .list-wrap .tit a {
    display: inline-block;
    color: #333;
}
.wzjs_wmcg .list-wrap .intr {
    display: block;
    line-height: 22px;
    font-size: 13px;
    height: 52px;
}
.wzjs_wmcg .list-wrap .intr a {
    display: inline-block;
}
.wzjs_wmcg .list-wrap .bot-link {
    display: block;
    width: 100%;
    border-top: 1px solid #e5e5e5;
    line-height: 40px;
    position: relative;
}
.wzjs_wmcg .list-wrap .bot-link .stt {
    font-size: 14px;
}
.wzjs_wmcg .list-wrap .bot-link .point {
    display: inline-block;
    width: 24px;
    height: 8px;
    background: url(../images/ico_08.png) no-repeat right center;
    margin-top: 14px;
}
.wzjs_wmcg .list-wrap .bot-link:hover a {
    color: #333;
}
.wzjs_wmcg .list-wrap .bot-link:hover .point {
    background: url(../images/ico_08_h.png) no-repeat right center;
}
.wzjs_wmcg .mobile-scroll {
    display: none;
    position: relative;
    overflow: hidden;
    padding-bottom: 48px;
}
.wzjs_wmcg .mobile-scroll ul {
    width: 100%;
}
.wzjs_wmcg .mobile-scroll li {
    margin-right: 0;
}
.wzjs_wmcg .mobile-scroll .cont-wrap {
    padding-bottom: 10px;
}
.wzjs_wmcg .hidden{display: none;}
ul:after {
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    overflow: hidden;
    /* content: "."; */
}

img.up-pic {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    /* height: 100%;*/

    z-index: 2;
    height: auto;
}


.page{width:100%;text-align:center;margin-top: 40px;overflow:hidden;}
.page a{display:inline-block; width:65px; background:#fff; height:48px; vertical-align:middle; line-height:48px; font-size:14px; border:1px solid #e5e5e5; margin-left:-1px;
    transition:all .3s;
    -o-transition:all .3s;
    -ms-transition:all .3s;
    -moz-transition:all .3s;
    -webkit-transition:all .3s}
.page a:hover{background:#eb3900; color:#fff;}
.page a.on{background:#eb3900; color:#fff;}
.page a.prev{border-radius:6px 0 0 6px; width:90px;}
.page a.prev span{background:url(../images/images1.png) no-repeat right; display:block;}
.page a.prev:hover span{background:url(../images/icon024.png) no-repeat right;}
.page a.next{border-radius:0 6px 6px 0; width:90px;}
.page a.next span{background:url(../images/images.png) no-repeat right; display:block;}
.page a.next:hover span{background:url(../images/icon025.png) no-repeat right;}
.wzjs_wmcg .list-wrap .bot-link .point {
    display: inline-block;
    width: 24px;
    height: 8px;
    background: url(../images/ico_08.png) no-repeat right center;
    margin-top: 14px;
}
.wzjs_wmcg .list-wrap .bot-link:hover a {
    color: #333;
}
.wzjs_wmcg .list-wrap .bot-link:hover .point {
    background: url(../images/ico_08_h.png) no-repeat right center;
}
.fl {
    float: left;
    display: inline; }

.fr {
    float: right;
    display: inline; }

/* show case */

.weizhi{
    padding-left: 30px;
    background: url(../images/icon-100.png) no-repeat left 4px;
}
.weizhi li{
    float: left;
    font-size: 14px;
    color: #9c9c9c;
}
.weizhi li:last-child{
    color: #ea5404;
}
.weizhi li a{
    color: #9c9c9c;
}
.weizhi li:hover a{
    color: #ea5404;
}
.caseDetTitle{
    display: block;
    margin-bottom: 48px;
}
.caseDetTitle h3{
    font-size: 38px;
    color: #333333;
    line-height: 50px;
    margin-bottom: 14px;
}
.caseDetTitle h5{
    font-size: 22px;
    color: #858585;
    line-height: 40px;
}
.caseDet{
    display: block;
    font-size: 16px;
    color: #888888;
    line-height: 32px;
    padding-bottom: 68px;
}
.caseDetList{
    padding-left: 26px;
}
.caseDetList h3{
    font-size: 24px;
    color: #000000;
    line-height: 40px;
    margin-bottom: 14px;
}
.caseDetList p{
    margin-bottom: 26px;
}
.caseDetTj{
    /*margin-top: 70px;*/
    margin-bottom: 20px;
}
.caseDetTj li{
    float: left;
    margin-bottom: 20px;
    text-align: center;
    padding: 0 80px;
    position: relative;
    font-size: 20px;
    color: #999999;
    line-height: 28px;
    height: 124px;
}
.caseDetTj li:nth-child(3n+1){
    padding-left: 44px;
}
.caseDetTj li h3{
    font-size: 26px;
    color: #333333;
    line-height: 80px;
    margin-bottom: 14px;
    height: 80px;
}
.caseDetTj li h3 span{
    font-size: 56px;
    font-weight: bold;
    padding-right: 20px;
}
.caseDetTj li::after{
    content: "";
    display: block;
    width: 1px;
    height: 90px;
    background: #ebebeb;
    position: absolute;
    bottom: 0;
    right: 0;
}
.caseDetTj li:nth-child(3n)::after{
    display: none;
}
.caseDetTj li:last-child::after{
    display: none;
}
.caseDetTab{
    padding-top: 16px;
}
.caseDetTab a{
    display: inline-block;
    float: left;
    min-width: 98px;
    margin-bottom: 20px;
    margin-right: 20px;
    border-radius: 18px;
    line-height: 36px;
    height: 36px;
    background: #f1f1f1;
    text-align: center;
    font-size: 16px;
    color: #000000;
    padding: 0 18px;
}
.caseDetTab a:hover{
    background: #ea5404;
    color: #fff;
}
.caseDet {
    display: block;
    font-size: 16px;
    color: #888888;
    line-height: 32px;
    padding-bottom: 68px;
}
.width {
    width: 1200px;
    margin: 0 auto;
    height: auto;
}
.detPage{
    display: block;
}
.detPage>div{
    height: 54px;
    width: 598px;
    background-color: #f5f5f5;
    text-align: center;
    line-height: 54px;
    font-size: 15px;
    color: #333333;
    background-repeat: no-repeat;
    background-position: 26px center;
    background-image: url(../images/left-03.png);
}
.detPage>div a{
    display: inline-block;
    line-height: 54px;
    /* width: 100%; */
    padding: 0 70px;
    text-align: center;
    color: #333;
}
.detPage>div:hover{
    background-color: #ea5404;
    color: #fff;
    background-image: url(../images/left-04.png);
}
.detPage>div:hover a{
    color: #fff;
}
.detPage>div:nth-child(2){
    background-position: 548px center;
    background-image: url(../images/right-03.png);
}
.detPage>div:nth-child(2):hover{
    background-image: url(../images/right-04.png);
}
.caseDetFootTj h2{
    font-size: 24px;
    line-height: 40px;
    color: #000000;
    padding-left: 26px;
}
.caseTui li{
    margin-top: 24px;
    margin-right: 40px;
    float: left;
}
.caseTui li:nth-child(3n){
    margin-right: 0;
}
.jiazai{
    display: block;
    width: 190px;
    height: 58px;
    text-align: center;
    line-height: 58px;
    background: #fff;
    font-size: 14px;
    color: #3b3b3b;
    margin: 60px auto;
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.08);
    /*transition: all 300ms;*/
}
.jiazai:hover{
    background: #ea5404;
    color: #fff;
}
.caseMain{
    margin-top: 30px;
}
.caseMain li{
    float: left;
    margin-bottom: 38px;
    margin-right: 40px;
}
.caseMain li:nth-child(3n){
    margin-right: 0;
}
.caseList{
    display: block;
    width: 373px;
    /* height: 353px; */
    background: #f6f6f6;
}
.caseListImg{
    display: block;
    width: 100%;
    height: 243px;
    background: #fff;
    overflow: hidden;
}
.caseListImg span{
    display: block;
    height: 100%;
    transition: all 400ms;
}
.caseList:hover .caseListImg span{
    transform: scale(1.08);
}
.caseListIn{
    display: block;
    padding: 20px;
    font-size: 14px;
    line-height: 24px;
    color: #808080;
}
.caseListIn h3{
    font-size: 18px;
    color: #333333;
    line-height: 30px;
    margin-bottom: 4px;
}
.caseList:hover .caseListIn h3{
    color: #ea5404;
}
.caseTop{
    margin-top: 24px;
}
.caseTop>li{
    position: relative;
    padding: 20px 0 20px 136px;
    border-bottom: 1px solid #eeeeee;
    line-height: 40px;
    font-size: 18px;
}
.caseTop>li:last-child{
    border: none;
}
.caseTop>li h3{
    position: absolute;
    left: 0;
    top: 20px;
    font-size: 22px;
    color: #111111;
}
.caseTop>li a{
    float: left;
    color: #666666;
    margin-right: 40px;
}
.caseTop>li a:hover{
    color: #ea5404;
}
.caseTop>li a.active{
    color: #ea5404;
    text-decoration: underline;
}
/*end*/
.liaxi-us{
    padding: 10%;
    margin-top: 80px;
}
.yellow-l{
    width: 32%;
    height: 574px;
    background-color: #ff912bd0;
    padding:80px  50px;
}
.white-r{
    width: 68%;
    height: 574px;
    background-color: #ffffffd5;
    padding:100px;
}
.yellow-l .tat-inp{
    width: 100%;
    border-bottom: 1px solid #fff;
    color: #fff;
    height: 66px;
}
input::-webkit-input-placeholder {

    color: #fffbfb;

}
.yellow-l .tat{
    margin-bottom: 40px;
}
.yellow-l .tat h2{font-size: 36px;color: #fff;}
.yellow-l .tat p{font-size: 30px;color: #fff;}
.white-r .rty h2{font-size: 36px;color: #ea5404;text-align: center;}
.white-r .rty p{font-size: 16px;color: #333;text-align: center;margin-top: 20px;}
.white-r>p{font-size: 12px;text-align: center;margin-top: 50px;}
.icon-ul{display: flex;width: 100%;align-items: center;justify-content: space-around;margin-top: 60px;padding-bottom: 60px;border-bottom: 1px solid #c9c9c9;}
.icon-ul li{text-align: center;}
.icon-ul li p{margin-top:10px}
/* news_list */
.n_seo_com {
    margin: 40px 0;
}
.w1500 {
    width: 1380px;
    margin: 0 auto;
}
.news_list{
    width:calc(25% - 36px); margin-left:48px; margin-top:46px; background:#fff; float:left;
    padding:30px 20px;
}
.news_list:nth-child(4n+1){
    margin-left:0px; clear:both;
}
.news_list:nth-child(-n+4){
    margin-top:0px;
}
.news_list .date{
    font-size:20px; color:#343434; font-family: "D-DINCondensed";
}
.news_list .t{
    font-size:20px; color:#333; line-height:30px; height:60px; margin:20px 0 30px;
    -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; display: -webkit-box; display: -moz-box; display: -ms-box;
}
.news_list .img{
    position:relative; width:100%; padding:32% 0; margin-bottom:20px; overflow:hidden;
}
.news_list .img img{
    height:100%; position:absolute; left:50%; transform:translateX(-50%); top:0px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.news_list .b{
    font-size:16px;
    color:#343434;
    line-height:24px;
    /* height:72px; */
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
}
.news_list:hover{
    background:#ffaf59; box-shadow: 0px 13px 28.13px 0.87px rgba(55, 114, 202, 0.38);
}
.news_list:hover .date,.news_list:hover  .t,.news_list:hover  .b{
    color:#fff;
}
#index06{
    padding: 60px 0;
    margin: 80px 0;
    background:#f8f8f8;
}
.index06{
    margin-top: 50px;
    position:relative;
    overflow:hidden;
}
.index06 .index06_left{
    width:30%; float:left;
}
.index06 .index06_left .img{
    position:relative;
    overflow:hidden;
    padding: 32% 0;
    display:block;
}
.index06 .index06_left .img img{
    display:block; position:absolute; min-width:100%; height:100%; left:50%; top:0px;
    transform:translateX(-50%);
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.index06 .index06_left:hover .img img{
    -webkit-transform:translateX(-50%) scale(1.1);
    -ms-transform:translateX(-50%) scale(1.1);
    transform:translateX(-50%) scale(1.1);
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.index06 .index06_left .text{
    width:100%; box-sizing:border-box; background:#fff; padding:45px 25px 30px;
}
.index06 .index06_left .text .t{
    font-size:20px; color:#343434; display:block; margin-bottom:20px;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -o-box;
}
.index06 .index06_left .text .b{
    font-size:16px; color:#666; line-height:26px; margin-bottom:24px;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -o-box;
    height:104px;
}
.index06 .index06_left .text .d{
    overflow:hidden; line-height:24px;
}
.index06 .index06_left .text .d span{
    font-size:14px; color:#999; float:left;
}
.index06 .index06_left .text .d a{
    float:right; transform: rotate(180deg); font-size:24px; color:#cccccc;
}
.index06 .index06_left:hover .text .t{
    color:#3772ca;
}
.index06 .index06_left:hover .textin{
    -webkit-transform:translateX(5px);
    -ms-transform:translateX(5px);
    transform:translateX(5px);
}
.index06 .index06_right{
    width:68.5%; float:right;
}
.index06_right_list{
    width:100%;
    box-sizing:border-box;
    padding:20px 15px 15px 20px;
    background:#fff;
    margin-bottom:23px;
    display:block;
    overflow:hidden;
    position:relative;
    float:left;
    width: 48.9%;
}
.index06_right_list:nth-child(2n){
    float:right;
}
.index06_right_list:last-child{
    margin-bottom:0px;
}
.index06_right_list .index06_right_list_l{
    float:left; width:75.5%;
}
.index06_right_list .index06_right_list_l .index06_right_list_l_t{
    font-size:18px; color:#343434;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -o-box;
    height:24px; line-height:24px;
}
.index06_right_list .index06_right_list_l .index06_right_list_l_b{
    font-size:14px; color:#666; line-height:24px; margin-top:10px;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -o-box;
}
.index06_right_list .index06_right_list_m{
    width:1px; height:28%; background:#e5e5e5; top:36%; left:80%; position:absolute;
}
.index06_right_list .index06_right_list_r{
    float:right; text-align:center; color:#cccccc; margin-top:10px;
}
.index06_right_list .index06_right_list_r .index06_right_list_r_t{
    font-size:30px;
}
.index06_right_list .index06_right_list_r .index06_right_list_r_b{
    font-size:12px; margin-top:10px;
}
.index06_right_list:hover .index06_right_list_l{
    -webkit-transform:translateX(5px);
    -ms-transform:translateX(5px);
    transform:translateX(5px);
}
.index06_right_list:hover .index06_right_list_m{
    background:#e98810;
}
.index06_right_list:hover .index06_right_list_r{
    color:#ec930d;
}
.index06 .index06_div{
    opacity:0; width:100%; box-sizing:border-box;
}
.index06 .index06_div:first-child{
    position:relative;
}
.index06 .index06_div:nth-child(n+2){
    position:absolute; z-index:2; top:0px; left:0px; width:100%;
}
.index06 .index06_div.on{
    z-index:4; opacity:1;
}
.indextitle .indext{
    font-size:36px; color:#343434; margin-bottom:18px;
}
.indextitle .indext.indext_none_mb{
    margin-bottom:0px;
}
.indextitle .indexb{
    font-size:18px; color:#666; overflow:hidden;
}
.indextitle .indexb .indexbtab{
    float:right; font-size:0px; text-align:right;
}
.indextitle .indexb .indexbtab a{
    font-size:18px; color:#999;
}
.indextitle .indexb .indexbtab span{
    font-size:12px; color:#dcdcdc; margin:0 35px;
}
.indextitle .indexb .indexbtab span:first-child{
    display:none;
}
.indextitle .indexb .indexbtab a.on{
    color: #e78012;
}
.news_content_left .ttop{
    background:#fff;  padding:60px 50px;
}
.news_content_left{
    width:70%; float:left; box-sizing:border-box;
}
.news_content_left .t{
    font-size:32px; color:#343434; line-height:1.2;
}
.news_content_left .b{
    font-size:16px; color:#666; margin:25px 0;
}
.news_content_left .c{
    font-size:16px; color:#666; line-height:32px; border-top:1px solid #d3d3d3; padding:25px 0 0;
}
.news_content_left .c img{
    max-width:100%;
}
.news_content_left .d{
    overflow:hidden;
}
.news_content_left .d a{
    float:left; display:block; font-size:16px; color:#666;
}
.news_content_left .d a:last-child{
    float:right;
}
.news_content_left .d a:hover{
    color:#ff9201;
}
.news_content_right{
    width:26.67%; float:right; padding:50px 25px; box-sizing:border-box;
    background:#fff;
}
.news_content_right .t{
    position:relative; font-size:24px; color:#343434; border-bottom:1px solid #d3d3d3; padding-bottom:30px; margin-bottom:60px;
}
.news_content_right .t::after{
    position:absolute;
    content:" ";
    height:2px;
    width:50px;
    left:0px;
    bottom:0px;
    background: #e98710;
}
.news_content_right .news_content_right_ul{
    margin-bottom:50px;
}
.news_content_right .news_content_right_ul:last-child{
    margin-bottom:0px;
}
.news_content_right a{
    display:block; overflow:hidden; margin-top:30px; background:#f8f8f8; padding:22px; box-sizing:border-box;
    width:100%; font-size:16px; color:#343434;
}
.news_content_right a span{
    float:left; width:80%;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -o-box;
}
.news_content_right a p{
    float:right; color:#666;
    transform: scale(1,1.8) translateY(-1px) !important;
}
.news_content_right a:first-child{
    margin-top:0px;
}
.prevnet{
    width:100%;
    background:#fff; padding:30px; overflow:hidden; margin-top:60px; font-size:16px;
}
.prevnet a{
    display:block; color:#999999;
}
.prevnet a:hover{
    color:#3772ca;
}
.prevnet a:first-child{
    float:left;
}
.prevnet a:last-child{
    float:right;
}
.tijaio{    line-height: 42px;
    width: 128px;
    height: 42px;
    background: rgba(255, 255, 255, 0.911);
    text-align: center;
    font-size: 16px;
    margin: 40px auto;}
/*190321首页优化*/
.syyh{overflow:hidden; background:url(../images/1903syyh_01.jpg) no-repeat; background-size:100% 100%;padding:80px 0;}
.syyh .index_tc_h2{font-size:36px;color:#4b4c4c;border-bottom:1px solid #ea793f;padding-bottom:20px;}
.syyh .index_tc_h2 span{font-size:36px;}
.syyh1_h3{font-weight:normal;font-size:24px;color:#f0661f;margin:35px 0;}
.syyh1_h3 span{color:#878787;}
.syyh1_ul{margin-left:-4%;}
.syyh1_ul li{float:left;width:29.33%;margin-left:4%;height:130px; background:#f4f6fb; position:relative;overflow:hidden;border-left:2px solid #ea793f; box-shadow:0 0 20px 1px  rgba(0,0,0,0.1);padding:20px 40px 0 40px;font-size:14px;line-height:26px; transition:all 1s;}
.syyh1_ul li p{display:block;font-size:20px;color:#292929;margin-bottom:8px; position:relative;z-index:1;transition:all 1s;}
.syyh1_ul li span{ position:absolute;top:0;left:0;width:0;height:100%; background:#313132;transition:all 1s;}
.syyh1_ul li b{display:block;font-weight:normal; position:relative;z-index:1; transition:all 1s;color:#666;}
.syyh1_ul li:hover span{width:100%;}
.syyh1_ul li:hover p,.syyh1_ul li:hover b{color:#fff;}
.syyh2{margin:20px 0; position:relative;}
.syyh2_ul{overflow:hidden;}
.syyh2_ul li{width:34%;text-align:center;overflow:hidden;margin-top:50px;}
.syyh2_ulp{display:block;border-bottom:1px solid #ce5e63;overflow:hidden;line-height:61px;padding:30px 0;}
.syyh2_ulp img{float:left;margin:0 15px;width:15%;}
.syyh2_ulp span{float:left;font-size:16px;color:#666;display:inline-block;width:76%;}
.syyh2_ulp span i{font-size:24px;color:#ea793f;margin-right:20px;}
.syyh2_ulp:nth-child(1) img{float:right;}
.syyh2_ulp:nth-child(2){border-bottom:0;}
.syyh3{ position:absolute;left:40%;top:17%;width:240px;height:240px;border-radius:50%;border:1px solid #e3c2c0;}
.syyh3k{ position:relative;overflow:hidden;border-radius:50%;}
.syyh3 img{display:block;width:100%;}
.syyh3_bc{width:50%;height:50%;overflow:hidden; background:rgba(0,0,0,0.45); position:absolute;}
.syyh3_bc1{left:0;top:0;overflow:hidden;}
.syyh3_bc2{right:0;top:0;overflow:hidden;}
.syyh3_bc3{left:0;bottom:0;overflow:hidden;}
.syyh3_bc4{right:0;bottom:0;overflow:hidden;}
.syyh3_bc p{display:block;width:100%;height:100%; background:rgba(240,100,30,0.6); opacity:0; transition:all 1s;}
.syyh3_bc.active p{ opacity:1;}
.syyh3_nr{ position:absolute;top:5%;left:5%;width:90%;height:90%;border:1px solid #fff;border-radius:50%;}
.syyh3_nr li{float:left;width:50%;height:50%;text-align:center;font-size:20px;color:#fff;padding-top:14%;cursor:pointer;}
.syyh3_nr li:nth-child(1){border-right:1px solid #fff;border-bottom:1px solid #fff;padding-top:23%;}
.syyh3_nr li:nth-child(2){border-bottom:1px solid #fff;padding-top:23%;}
.syyh3_nr li:nth-child(3){border-right:1px solid #fff;}
.syyh3_jt{ position:absolute;top:50%;left:50%;margin-top:-50px;margin-left:-50px;}
.syyh3_jt img{display:block;transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg); -webkit-transform:rotate(0deg);-o-transform:rotate(0deg); transition:all 1s;}
.syyh3_jt.active1 img{transform:rotate(185deg);-ms-transform:rotate(185deg);-moz-transform:rotate(185deg); -webkit-transform:rotate(185deg);-o-transform:rotate(185deg);}
.syyh3_jt.active2 img{transform:rotate(275deg);-ms-transform:rotate(275deg);-moz-transform:rotate(275deg); -webkit-transform:rotate(275deg);-o-transform:rotate(275deg);}
.syyh3_jt.active3 img{transform:rotate(95deg);-ms-transform:rotate(95deg);-moz-transform:rotate(95deg); -webkit-transform:rotate(95deg);-o-transform:rotate(95deg);}
.syyh3_jt.active4 img{transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg); -webkit-transform:rotate(0deg);-o-transform:rotate(0deg);}
.middle{max-width:1200px;width:90%;margin:0 auto;}
/*190321首页优化*/
.index_p2{height:280px;z-index:9;}
.b_10_3{overflow: hidden;text-align:center;background:url(../images/index_05.png) center no-repeat;background-size:100% 100%;}
/*分页*/
.pages{overflow:hidden;text-align:center;margin:20px 0;width: 100%;}
.pages li{display:inline-block;}
.pages li a{display:inline-block;border: 1px solid #e78012;color: #e78012;font-size:14px;line-height:30px;padding:0 11px;margin:5px;}
.pages li a:hover{background-color: #ff3300;color:#fff;}
.pages .active a{display:inline-block;background-color: #e78012;color:#fff;font-size:14px;line-height:30px;padding:0 11px;margin:5px;}

.st{
    width: 100%;
    min-width: 1200px;
    background-color: #0e64fc;
    padding: 50px 0;
    /* background: url("../images/index/contact_bg.png")/*/
    templates/default/images/index/contact_bg.png*/ center/cover; */;
}
.stlayout{
    width: 1200px;
    margin: 0px auto;
}
.sttext{
    text-align: center;
}
.sttext p{
    display: inline-block;
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 36px;
    color:#fff;
    margin-right: 22px;
    font-weight:100;
}

.sttext .tp{
    font-size:16px;
    color:#fff;
    margin-bottom: 30px;
}

.sttext a{
    text-decoration: none;
    border-color: white !important;
    background-color: #55acef;
}

.sttext a.btna{
    display: block;
    width: 160px;
    height: 42px;
    background: #fff;
    color: #1968f3;
    font-size: 16px;
    line-height: 42px;
    text-align: center;
    border-radius: 3px;
    margin: 0 auto;
}
.sttext a.btna:hover{
    background-color: #f1f1f1;
    color: #1968f3;
}
.sttext a p{
    font-size: 16px;
    margin-top: 7px;
    color: #FFFFFF !important;
}
.sttext a.btna p{
    padding-top: 0px;
    line-height: 17px;
}