/**
 * base 1.0.0
 * Self use
 * Relatively speaking, it is more complete to reset CSS on a basic basis
 * Released on: January 6, 2022
 */
 blockquote,
 body,
 button,
 dd,
 dl,
 dt,
 fieldset,
 form,
 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 hr,
 input,
 legend,
 li,
 ol,
 p,
 pre,
 td,
 textarea,
 th,
 ul {
     margin: 0;
     padding: 0;
 }
 
 a {
     background-color: transparent;
 }
 
 main {
     display: block;
 }
 
 img {
     vertical-align: top;
 }
 
 textarea {
     overflow: auto;
     resize: none;
 }
 
 body {
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
 }
 
 body,
 button,
 input,
 select,
 textarea {
     font: 14px/1 -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, "sans-serif";
 }
 
 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
     font-size: 100%;
 }
 
 .h1,
 .h2,
 .h3,
 .h4,
 .h5,
 .h6,
 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
     font: 14px/1 -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, "sans-serif";
     font-weight: 500;
 }
 
 .h1 small,
 .h2 small,
 .h3 small,
 .h4 small,
 .h5 small,
 .h6 small,
 h1 small,
 h2 small,
 h3 small,
 h4 small,
 h5 small,
 h6 small {
     color: #999;
     font-weight: 400;
     line-height: 1;
 }
 
 address,
 cite,
 dfn,
 em,
 i,
 var {
     font-style: normal;
 }
 
 code,
 kbd,
 pre,
 samp {
     font-family: courier new, courier, monospace;
 }
 
 small {
     font-size: 12px;
 }
 
 ol,
 ul {
     list-style: none;
 }
 
 a,
 a:hover {
     text-decoration: none;
 }
 
 legend {
     color: #000;
 }
 
 fieldset,
 img {
     border: 0;
 }
 
 button,
 input,
 select,
 textarea {
     vertical-align: middle;
     font-size: 100%;
 }
 
 button,
 input {
     outline: none;
     border: none;
     -webkit-appearance: none;
 }
 
 table {
     border-collapse: collapse;
     border-spacing: 0;
 }
 
 input::-webkit-inner-spin-button,
 input::-webkit-outer-spin-button {
     -webkit-appearance: none;
 }
 
 input::-moz-placeholder,
 input::-ms-input-placeholder,
 input::-webkit-input-placeholder,
 textarea::-moz-placeholder,
 textarea::-ms-input-placeholder,
 textarea::-webkit-input-placeholder {
     color: #dcdcdc;
 }
 
 select {
     -webkit-appearance: none;
 }
 
 input::-ms-clear {
     display: none;
     width: 0;
     height: 0;
 }
 
 .transparent {
     opacity: .7;
     filter: alpha(opacity=70);
     -khtml-opacity: .7;
     -moz-opacity: .7;
 }
 
 .cl:after,
 .clearfix:after,
 .clearFix:after {
     clear: both;
     display: block;
     height: 0;
     content: "";
 }
 
 .cl,
 .clearfix,
 .clearFix {
     *zoom: 1;
 }
 
 :focus {
     outline: none;
 }
 
 :link,
 :visited {
     text-decoration: none;
 }
 
 a:focus {
     outline: none;
 }
 
 a:active,
 a:hover {
     outline: 0;
 }
 
 .bold {
     font-weight: 700;
 }
 
 .bbox {
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     -o-box-sizing: border-box;
     -ms-box-sizing: border-box;
 }
 
 .fl {
     float: left !important;
 }
 
 .fr {
     float: right !important;
 }
 
 .show {
     display: block !important;
 }
 
 .hide {
     display: none !important;
 }
 
 .visible {
     visibility: visible !important;
 }
 
 .invisible {
     visibility: hidden !important;
 }
 
 .text-left,
 .tl {
     text-align: left;
 }
 
 .tc,
 .text-center {
     text-align: center;
 }
 
 .text-right.tr {
     text-align: right;
 }
 
 .cursor-pointer {
     cursor: pointer;
 }
 
 .cursor-default {
     cursor: default;
 }
 
 .cursor-none {
     cursor: not-allowed;
 }
 
 .user-select-none {
     user-select: none;
 }
 
 .db {
     display: block;
     *zoom: 1;
 }
 
 .dv {
     vertical-align: middle;
 }
 
 .di,
 .dv {
     display: inline-block;
     *display: inline;
     *zoom: 1;
 }
 
 .ch {
     overflow: hidden;
     *zoom: 1;
 }
 
 .cv {
     overflow: visible;
 }
 
 .brr {
     border-right: none !important;
 }
 
 .ell,
 .text-ellipsis {
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
 }
 
 .btn {
     display: inline-block;
     vertical-align: middle;
     text-align: center;
     white-space: nowrap;
     cursor: pointer;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     *display: inline;
     *zoom: 1;
 }
 
 .btn:hover {
     text-decoration: none;
 }
 
 .pos-rel {
     position: relative;
 }
 
 .pos-abs {
     position: absolute;
 }
 
 .scroll::-webkit-scrollbar {
     width: 5px;
 }
 
 .scroll::-webkit-scrollbar-track {
     background-color: #ddd;
 }
 
 .scroll::-webkit-scrollbar-thumb {
     border-radius: 5px;
     background-color: #ff6521;
 }
 
 ::-webkit-scrollbar {
     overflow: visible;
     width: 10px;
     height: 10px;
 }
 
 ::-webkit-scrollbar-thumb {
     border: solid transparent;
     border-width: 1px 0;
     background: #c6c8cc;
     background-clip: padding-box;
 }
 
 ::-webkit-scrollbar-thumb:hover {
     background-color: #9198a6;
 }
 
 ::-webkit-scrollbar-button {
     width: 0;
     height: 0;
 }
 
 ::-webkit-scrollbar-button:hover {
     border-color: #5f6366;
 }
 
 ::-webkit-scrollbar-button:vertical:end:decrement,
 ::-webkit-scrollbar-button:vertical:start:increment {
     display: none;
 }
 
 .section,
 .w1200 {
     margin: 0 auto;
     width: 1200px;
 }
 
 .pt0 {
     padding-top: 0 !important;
 }
 
 .mt0 {
     margin-top: 0 !important;
 }
 
 .mt5 {
     margin-top: 5px !important;
 }
 
 .mt10 {
     margin-top: 10px !important;
 }
 
 .mt15 {
     margin-top: 15px !important;
 }
 
 .mt20 {
     margin-top: 20px !important;
 }
 
 .mt25 {
     margin-top: 25px !important;
 }
 
 .mt30 {
     margin-top: 30px !important;
 }
 
 .mr5 {
     margin-right: 5px !important;
 }
 
 .mr10 {
     margin-right: 10px !important;
 }
 
 .mr15 {
     margin-right: 15px !important;
 }
 
 .mr20 {
     margin-right: 20px !important;
 }
 
 .mr25 {
     margin-right: 25px !important;
 }
 
 .mr30 {
     margin-right: 30px !important;
 }
 
 .mb0 {
     margin-bottom: 0 !important;
 }
 
 .mb5 {
     margin-bottom: 5px !important;
 }
 
 .mb10 {
     margin-bottom: 10px !important;
 }
 
 .mb15 {
     margin-bottom: 15px !important;
 }
 
 .mb20 {
     margin-bottom: 20px !important;
 }
 
 .mb25 {
     margin-bottom: 25px !important;
 }
 
 .mb30 {
     margin-bottom: 30px !important;
 }
 
 .ml0 {
     margin-left: 0 !important;
 }
 
 .ml5 {
     margin-left: 5px !important;
 }
 
 .ml10 {
     margin-left: 10px !important;
 }
 
 .ml15 {
     margin-left: 15px !important;
 }
 
 .ml20 {
     margin-left: 20px !important;
 }
 
 .ml25 {
     margin-left: 25px !important;
 }
 
 .ml30 {
     margin-left: 30px !important;
 }
 
 @font-face {
     font-family: DINProR;
     src: url(font/DINPro-Regular.eot);
     src: url(font/DINPro-Regular.eot?#iefix) format("embedded-opentype"), url(font/DINPro-Regular.woff) format("woff"), url(font/DINPro-Regular.ttf) format("truetype"), url(font/DINPro-Regular.svg#webfont) format("svg");
 }
 
 @font-face {
     font-family: DINProM;
     src: url(font/DINPro-Medium.eot);
     src: url(font/DINPro-Medium.eot?#iefix) format("embedded-opentype"), url(font/DINPro-Medium.woff) format("woff"), url(font/DINPro-Medium.ttf) format("truetype"), url(font/DINPro-Medium.svg#webfont) format("svg");
 }
 
 @font-face {
     font-family: DINBold;
     src: url(font/DINCond-Bold.eot);
     src: url(font/DINCond-Bold.eot?#iefix) format("embedded-opentype"), url(font/DINCond-Bold.woff) format("woff"), url(font/DINCond-Bold.ttf) format("truetype"), url(font/DINCond-Bold.svg#webfont) format("svg");
 }
 
 /**
  * base 1.0.0
  * Self use
  * Relatively speaking, it is more complete to reset CSS on a basic basis
  * Released on: January 6, 2022
  */
 .section {
     margin: 0 auto;
     width: 1200px;
 }
 
 #header {
     background-color: #fff;
 }
 
 #header .bottom {
     padding-top: 22px;
     padding-bottom: 22px;
 }
 
 .red {
     color: #ff6521 !important;
 }
 
 .logo_box {
     width: 220px;
     height: 47px;
 }
 
 #logo {
     width: 164px;
     width: 164px;
    font-size: 30px;
    text-align: center;
    line-height: 47px;
 }
 #logo a{
     color: #181c29;
 }
 #logo img {
     width: 100%;
     height: auto;
 }
 
 #dynamic {
     background: #f6f7f9;
     padding-top: 60px;
 }
 
 #dynamic .tit {
     margin-bottom: 30px;
     color: #181c29;
     font-size: 24px;
     line-height: 34px;
 }
 
 .dynamic_list .item_l {
     float: left;
     margin-bottom: 20px;
     width: 560px;
 }
 
 .dynamic_list .item_l:nth-child(2n) {
     float: right;
 }
 
 .dynamic_list .img_div {
     overflow: hidden;
     margin-right: 22px;
     width: 122px;
     height: 80px;
 }
 
 .dynamic_list .img_div img {
     width: 100%;
     height: 100%;
     -webkit-transition: all .3s ease-in-out;
     -moz-transition: all .3s ease-in-out;
     -o-transition: all .3s ease-in-out;
     transition: all .3s ease-in-out;
     -ms-transition: all .3s ease-in-out;
 }
 
 .dynamic_list .item_l:hover img {
     transform: scale(1.1);
 }
 
 .dynamic_list .l_txt {
     width: calc(100% - 144px);
 }
 
 .dynamic_list .l_tit {
     color: #181c29;
     font-size: 16px;
     line-height: 21px;
     transition: all .3s;
 }
 
 .dynamic_list .l_tit:hover {
     color: #ff6521;
 }
 
 .dynamic_list .p1 {
     margin: 7px 0 17px;
     width: 100%;
     color: #4d5260;
     font-size: 12px;
     line-height: 16px;
 }
 
 .dynamic_list .p_time {
     color: #828897;
     font-size: 14px;
     line-height: 19px;
 }
 
 #friendLink {
     padding: 50px 0;
     background: #f6f7f9;
 }
 
 #friendLink .tit {
     margin-bottom: 30px;
     color: #181c29;
     font-size: 24px;
     line-height: 34px;
 }
 
 #friendLink .friendLink_list {
     margin-left: -68px;
 }
 
 #friendLink .link_a {
     float: left;
     margin-left: 68px;
     color: #4d5260;
     font-size: 16px;
     line-height: 34px;
 }
 
 #friendLink .link_a:hover {
     color: #ff6521;
 }
 
 #tm-search {
     position: relative;
     margin-left: 80px;
     width: 515px;
 }
 
 #tm-search .tm-search-nav {
     width: 515px;
     height: 25px;
     color: #666;
 }
 
 #tm-search .tm-search-nav a {
     position: relative;
     float: left;
     margin-right: 20px;
     height: 16px;
     color: #666;
     font-size: 12px;
     line-height: 16px;
 }
 
 #tm-search .tm-search-nav a:after {
     position: absolute;
     top: 4px;
     right: -10px;
     width: 1px;
     height: 8px;
     background: #bbbfc9;
     content: "";
 }
 
 #tm-search .tm-search-nav a:last-of-type:after {
     display: none;
 }
 
 #tm-search .tm-search-nav a.active,
 #tm-search .tm-search-nav a:hover {
     color: #ff6521;
     font-weight: 600;
 }
 
 #tm-search .input-wrap {
     padding: 12px 0 12px 43px;
     width: 388px;
     height: 18px;
     border: 1px solid #ff6521;
     background: url(img/index/icon-search.png) no-repeat 16px;
     background-size: 13px 13px;
 }
 
 #tm-search .input-wrap input {
     float: left;
     width: 280px;
     height: 18px;
     color: #666;
     font-size: 14px;
     line-height: 18px;
 }
 
 #tm-search .input-wrap em {
     color: #999;
 }
 
 #tm-search .input-wrap .btn,
 #tm-search .input-wrap em {
     float: left;
     height: 18px;
     font-size: 14px;
     line-height: 18px;
 }
 
 #tm-search .input-wrap .btn {
     position: relative;
     margin-left: 16px;
     padding-right: 20px;
     color: #666;
 }
 
 #tm-search .input-wrap .btn:active {
     color: #181c29;
 }
 
 #tm-search .input-wrap .btn:after {
     position: absolute;
     top: 45%;
     right: -11px;
     width: 5px;
     height: 5px;
     border-bottom: 1px solid #666;
     border-left: 1px solid #666;
     content: "";
     transform: translateY(-50%) rotate(-45deg);
 }
 
 #tm-search .searchBtn {
     float: left;
     width: 80px;
     height: 42px;
     border: 1px solid #ff6521;
     background: #ff6521;
     color: #fff;
     font-size: 16px;
     line-height: 42px;
 }
 
 #tm-search .searchBtn:active {
     background: #f50;
 }
 
 #tm-search p {
     float: left;
     margin-top: 8px;
     width: 100%;
     height: 16px;
     color: #181c29;
     font-size: 12px;
     line-height: 16px;
 }
 
 #tm-search p a {
     display: inline-block;
     margin-right: 10px;
     color: #181c29;
 }
 
 #tm-search p a:hover {
     color: #ff6521;
 }
 
 #tm-search .search-content {
     position: absolute;
     top: 43px;
     right: 82px;
     z-index: 2;
     display: none;
     overflow: hidden;
     width: 106px;
     border: 1px solid #ff6521;
     border-top: none;
     background: #fff;
 }
 
 #tm-search .search-content a {
     float: left;
     width: 100%;
     height: 40px;
     color: #4d5260;
     text-align: center;
     font-size: 14px;
     line-height: 40px;
     cursor: pointer;
 }
 
 #tm-search .search-content a.active,
 #tm-search .search-content a:hover {
     background: rgba(255, 101, 33, .1);
     color: #ff6521;
 }
 
 .tm-btn-wrap {
     padding-left: 47px;
     min-width: 145px;
     height: 38px;
     background: url(img/index/icon-tel.png) no-repeat 0;
     background-size: 38px 38px;
 }
 
 .tm-btn-wrap .p1 {
     margin-bottom: 2px;
     color: #4d5260;
     text-align: left;
     font-size: 12px;
     line-height: 16px;
 }
 
 .tm-btn-wrap .p2 {
     color: #181c29;
     text-align: left;
     font-size: 24px;
     font-family: DINProM;
     line-height: 20px;
 }
 
 #trademarkNav {
     FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0, startColorStr=#1D2739, endColorStr=#3A455A);
     background: -ms-linear-gradient(top, #1D2739, #3A455A);
     background: -moz-linear-gradient(top, #1D2739, #3A455A);
     background: -webkit-linear-gradient(top, #1D2739, #3A455A);
     background: -o-linear-gradient(top, #1D2739, #3A455A);
     background: linear-gradient(180deg, #1D2739 0%, #3A455A 100%); 
 }
 
 
 /* background: linear-gradient(180deg, #1D2739 0%, #3A455A 100%); */
 
 #trademarkNav .nav-item {
     position: relative;
     /* float: left; */
     /* margin-left: 42px; */
     height: 44px;
     text-align: center;
     line-height: 44px;
     display: table-cell;
     /* padding-right: 20px; */
     box-sizing: border-box;
 }
 
 #trademarkNav .nav_list {
     /* margin-left: 80px; */
     display: table;
     width: calc(100% - 220px);
     table-layout: fixed;
 }
 
 #trademarkNav .nav_list .nav-item:first-child {
     margin-left: 0;
     background-color: transparent;
 }
 
 #trademarkNav .nav-item.hot:after {
     position: absolute;
     top: 0;
     right: 18px;
     width: 24px;
     height: 24px;
     background: url(img/ys-hot.gif) no-repeat 50%;
     background-size: 24px 24px;
     content: "";
 }
 
 #trademarkNav .nav-item a {
     color: #fff;
     font-size: 14px;
     color: #fff;
     width: 100%;
     font-size: 14px;
     height: 100%;
     display: block;
 }
 
 /* #trademarkNav .nav-item a:hover{color:#ff6521;} */
 #trademarkNav .nav-item.n1 {
     margin: 0;
     width: 220px;
     background: #FF7E46 url(img/index/icon-head-fl.png) no-repeat left 69px center;
     background-size: 16px 16px;
     text-align: inherit;
     cursor: pointer;
     box-sizing: border-box;
 }
 
 #trademarkNav .nav-item.n1 a {
     padding-left: 92px;
     color: #fff;
     font-size: 14px;
 }
 
 #trademarkNav .nav-item.on,
 #trademarkNav .nav-item:hover {
     background-color: #FF7E46;
 }
 
 #trademarkNav .nav-item.on a {
     color: #fff;
 }
 
 
 #trademarkNav .trademark-nav-content {
     display: none;
     position: absolute;
     top: 44px;
     left: 0;
     height: 400px;
     z-index: 11
 }
 
 #trademarkNav .trademark-nav-list {
     padding: 0 20px;
     width: 180px;
     background: #fff;
     box-shadow: 0px 4px 20px 0px rgb(25 30 43 / 40%);
 }
 
 #trademarkNav .trademark-nav-list .trademark-nav-item {
     height: 59px;
     padding-top: 20px;
     padding-left: 0;
     height: 60px;
     border-bottom: 1px solid #eee;
     background: #fff;
     overflow: hidden;
     user-select: none
 }
 
 #trademarkNav .trademark-nav-list .trademark-nav-item:nth-of-type(5) {
     border-bottom: 1px solid transparent
 }
 
 #trademarkNav .trademark-nav-list .trademark-nav-item h4 {
     position: relative;
     padding-bottom: 6px;
     height: 20px;
     line-height: 20px;
     font-size: 14px;
     color: #181C29;
     font-weight: 600
 }
 
 #trademarkNav .trademark-nav-list .trademark-nav-item h4::after {
     content: "";
     width: 8px;
     position: absolute;
     top: 2px;
     right: 0;
     height: 12px;
     line-height: 20px;
     font-size: 12px;
     color: #181C29;
     background: url(img/index/icon-head-arrow.png) no-repeat center center
 }
 
 #trademarkNav .trademark-nav-list .trademark-nav-item:hover h4 {
     color: #ff6521
 }
 
 #trademarkNav .trademark-nav-list .trademark-nav-item:hover h4::after {
     color: #ff6521
 }
 
 #trademarkNav .trademark-nav-list .trademark-nav-item h4 .hot {
     display: inline-block;
     vertical-align: middle;
     margin-left: 6px;
     width: 24px;
     height: 24px;
     background: url(img/ys-hot.gif) no-repeat 50%;
     background-size: 24px 24px;
     margin-top: -5px;
 }
 
 #trademarkNav .trademark-nav-list .trademark-nav-item .trademark-nav-wrap {
     color: #999
 }
 
 #trademarkNav .trademark-nav-list .trademark-nav-item a {
     margin: 0 4px 0 0px;
     color: #999
 }
 
 #trademarkNav .trademark-nav-list .trademark-nav-item a:hover {
     color: #ff5621
 }
 
 #trademarkNav .trademark-nav-container {
     display: none;
     padding: 20px;
     width: 360px;
     height: 365px;
     background: #fff;
     background: rgba(255, 255, 255, .8);
     overflow: hidden;
     box-shadow: 0 6px 25px 0 rgb(195 199 203 / 30%);
     backdrop-filter: blur(5px);
 }
 
 #trademarkNav .trademark-nav-unit .title {
     height: 32px;
     line-height: 32px;
     font-size: 18px;
     color: #181C29;
     font-weight: 600
 }
 
 #trademarkNav .trademark-nav-unit .title a {
     height: 32px;
     line-height: 32px;
     font-size: 18px;
     color: #181C29
 }
 
 #trademarkNav .trademark-nav-unit .label {
     margin-bottom: 10px;
     padding-bottom: 10px;
     border-bottom: 1px solid #dcdcdc
 }
 
 #trademarkNav .trademark-nav-unit a {
     float: left;
     margin-right: 20px;
     height: 30px;
     line-height: 30px;
     font-size: 14px;
     color: #666
 }
 
 #trademarkNav .trademark-nav-unit a:hover {
     color: #ff5621
 }
 
 
 
 
 .left_lx {
     position: fixed;
     top: 60%;
     right: 30px;
     z-index: 1000;
     padding: 0 16px;
     height: 142px;
     color: #fff;
 }
 
 .left_lx .back {
     display: none;
     background: #fff url(img/icon-left-back.png) no-repeat 50%;
     background-size: 22px 22px;
     transition: all .3s ease-out;
 }
 
 .left_lx .back,
 .left_lx .item {
     margin-top: 8px;
     width: 44px;
     height: 44px;
     border-radius: 4px;
     box-shadow: 0 4px 30px 0 rgb(4 0 0/8%);
     cursor: pointer;
 }
 
 .left_lx .item {
     position: relative;
     background: #fff url(img/icon-left-tel.png) no-repeat 50%;
     background-size: 22px 22px;
     transition: all .3s;
 }
 
 .left_lx .item1 {
     margin-top: 0;
     background: #fff url(img/icon-left-wx.png) no-repeat 50%;
     background-size: 22px 22px;
 }
 
 .left_lx .item .content {
     position: absolute;
     top: 0;
     right: 0;
     display: none;
     padding-top: 2px;
     width: 100%;
     height: 100%;
     border-radius: 4px;
     background-color: #ff6521;
     text-align: center;
     line-height: 20px;
 }
 
 .left_lx .tel_con_main {
     position: absolute;
     right: 40px;
     display: none;
     padding-right: 18px;
     font-family: DINProM;
 }
 
 .left_lx .tel_con {
     position: relative;
     width: 160px;
     height: 44px;
     border-radius: 3px;
     background: #ff6521;
     box-shadow: 0 0 10px #e8ebee;
     color: #fff;
     text-align: center;
     font-size: 18px;
     line-height: 44px;
 }
 
 .left_lx .tel_con:after {
     position: absolute;
     top: 17px;
     right: -6px;
     width: 0;
     height: 0;
     border-top: 5px solid transparent;
     border-bottom: 5px solid transparent;
     border-left: 6px solid #ff6521;
     content: "";
 }
 
 .left_lx .wx_con_main {
     position: absolute;
     right: 44px;
     display: none;
     padding-right: 18px;
     width: 245px;
     background-color: transparent;
     top: -218px;
 }
 
 .left_lx .wx_con {
     position: relative;
     padding: 26px 20px 15px;
     width: 233px;
     border: 1px solid transparent;
     background: #fff;
     box-shadow: 0 4px 30px #e8ebee;
 }
 
 .left_lx .wx_con .p1 {
     margin-bottom: 10px;
     padding-left: 36px;
     background: #fff url(img/icon-left-wx.png) no-repeat left 11px center;
     background-size: 18px 18px;
     color: #4d5260;
     font-size: 14px;
     line-height: 30px;
 }
 
 .left_lx .wx_con .p2 {
     color: #181c29;
     width:100%;
     display: block;
     width: 100%;
     height: 40px;
     line-height: 40px;
     margin-top: 15px;
     text-align: center;
     color: #fff;
     font-weight: bold;
     background: url(img/dl_btn_bg.png) no-repeat center center;
     background-size: 100% 40px;
 }
 
 .left_lx .wx_con .p3 {
     margin-bottom: 12px;
     padding-left: 36px;
     font-size: 14px;
     line-height: 14px;
 }
 
 .left_lx .wx_con .p3 {
     color: #4d5260;
 }
 
 .left_lx .wx_con .p2 span,
 .left_lx .wx_con .p3 span {
     /* font-family: DINProM; */
 }
 
 .left_lx .wx_con .p_code {
     margin: 0 auto;
     /* padding-left: 50px; */
     text-align: center;
 }
 
 .left_lx .wx_con .code_img {
     width: 100px;
     height: 100px;
     text-align: center;
     margin: 0 auto;
 }
 
 .left_lx .wx_con .code_img img {
     width: 100%;
     height: 100%;
 }
 
 .left_lx .wx_con .p_code .p4 {
     margin-top: 8px;
     color: #bbbfc9;
     text-align: center;
     font-size: 14px;
     line-height: 17px;
 }
 
 .left_lx .wx_con:after {
     position: absolute;
     bottom: 38px;
     right: -12px;
     width: 0;
     height: 0;
     border-top: 8px solid transparent;
     border-bottom: 8px solid transparent;
     border-left: 12px solid #fff;
     content: "";
 }
 
 .left_lx .item:hover .content {
     display: inline-block;
     background-color: #ff6521;
     color: #fff;
 }
 
 .left_lx .item1:hover .wx_con_main,
 .left_lx .item2:hover .tel_con_main {
     display: block;
 }
 
 #common_form {
     padding: 20px 30px 30px;
 }
 
 .yzm_item {
     margin-bottom: 15px;
     width: 300px;
     height: 50px;
     line-height: 50px;
 }
 
 .yzm_item .yzm_inp1,
 .yzm_item .yzm_inp2 {
     width: 185px;
 }
 
 .yzm_item .yzm_inp {
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     height: 100%;
     border: 1px solid #eee;
     -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
     border-radius: 2px;
     background: #fff;
     box-shadow: 0 2px 10px 4px rgba(8, 5, 30, .03);
     text-indent: 15px;
     transition: all .3s;
 }
 
 .yzm_item .yzm_inp:focus {
     border-color: #ff6521;
 }
 
 .yzm_item .yzm_btn {
     height: 50px;
     border-radius: 2px;
     background-color: #ff6521;
     color: #fff;
     text-align: center;
     line-height: 50px;
 }
 
 .yzm_item .tx_img,
 .yzm_item .yzm_btn {
     float: right;
     width: 100px;
     cursor: pointer;
 }
 
 .yzm_item .tx_img {
     height: 48px;
 }
 
 #common_form .sure_btn {
     width: 100%;
     height: 50px;
     border-radius: 2px;
     background: #ff6521;
     color: #fff;
     text-align: center;
     font-weight: 500;
     font-size: 16px;
     line-height: 50px;
     cursor: pointer;
     transition: all .3s;
 }
 
 #common_form button:hover {
     opacity: .9;
 }
 
 .baseClass.layui-layer-page .layui-layer-title {
     position: relative;
     padding-top: 13px;
     padding-right: 0;
     padding-left: 0;
     height: 42px;
     border-bottom: none;
     background-color: #fff;
     color: #333;
     text-align: center;
     font-size: 24px;
     line-height: 42px;
 }
 
 .wt_pop {
     padding: 20px 44px 40px;
 }
 
 .form_item {
     position: relative;
 }
 
 .form_item+.form_item {
     margin-top: 16px;
 }
 
 .form_item .left_1 {
     width: 60%;
 }
 
 .form_item .left_2 {
     width: 40%;
 }
 
 .form_item .form_msg {
     float: left;
     line-height: 40px;
 }
 
 .form_item .form_tit {
     width: 90px;
     color: #333;
     line-height: 40px;
 }
 
 .form_item .form_tit i {
     margin-right: 5px;
     color: #ff6521;
     vertical-align: middle;
 }
 
 .label_radio {
     line-height: 40px;
 }
 
 .label_radio>label {
     margin-right: 15px;
 }
 
 .label_radio>label.last {
     margin-right: 0;
 }
 
 .form_item .code_img {
     width: 120px;
     height: 50px;
     border-radius: 2px;
     cursor: pointer;
 }
 
 .form_item .inp {
     width: 210px;
     height: 50px;
     border: 1px solid #eee;
     border-radius: 2px;
     text-indent: 20px;
     transition: all .3s ease-out;
 }
 
 .form_item .inp_tel {
     width: 100%;
     background: url(img/brand/icon-seo-phone.png) no-repeat left 14px center;
     background-size: 22px 22px;
     text-indent: 47px;
 }
 
 .form_item .inp_code {
     width: 240px;
     background: url(img/brand/icon-seo-save.png) no-repeat left 14px center;
     background-size: 22px 22px;
     text-indent: 47px;
 }
 
 .form_item .inp:focus {
     border-color: #ff6521;
 }
 
 .form_list .form_btn {
     display: inline-block;
     margin-left: 90px;
     width: 130px;
     border-radius: 2px;
     background: #ff6521;
 }
 
 .form_item .wt_btn,
 .form_list .form_btn {
     height: 50px;
     color: #fff;
     text-align: center;
     line-height: 50px;
 }
 
 .form_item .wt_btn {
     width: 100%;
     background-color: #ff6521;
     font-size: 16px;
     cursor: pointer;
 }
 
 .bh_p {
     margin-top: 10px;
     margin-bottom: 10px;
     color: #ff6521;
 }
 
 .form_item .yzm_code {
     width: 120px;
     height: 50px;
     border-radius: 2px;
     background: #ff6521;
     color: #fff;
     text-align: center;
     line-height: 50px;
     cursor: pointer;
 }
 
 .form_item .aqbs {
     position: absolute;
     top: 0;
     right: 5px;
     width: 48px;
     height: 48px;
     background: url(img/brand/tc_bs.gif) no-repeat 50%;
     background-size: 100%;
     -webkit-background-size: 100%;
 }
 
 .form_item .yzm_code.default {
     background-color: #bdbdbd;
     cursor: not-allowed;
 }
 
 .baseClass .layui-layer-btn {
     padding-bottom: 22px !important;
     text-align: center;
 }
 
 .baseClass .layui-layer-btn a {
     box-sizing: border-box;
     margin: 6px 15px 0;
     padding: 1px 20px;
     height: 30px;
     border: 1px solid #ff6521;
     border-radius: 1px;
     background-color: #fff;
     color: #ff6521;
     text-decoration: none;
     font-weight: 400;
     line-height: 28px;
     cursor: pointer;
 }
 
 .baseClass .layui-layer-btn .layui-layer-btn0 {
     padding: 0 20px;
     height: 30px;
     border-color: #ff6521;
     background-color: #ff6521;
     color: #fff;
     line-height: 30px;
 }
 
 .common_crumb {
     padding-left: 23px;
     height: 56px;
     background: url(img/icon-location-bg.png) no-repeat 0;
     background-size: 13px 16px;
     color: #999;
     line-height: 56px;
 }
 
 .common_crumb a {
     color: #999;
 }
 
 .common_crumb a:hover {
     text-decoration: underline;
 }
 
 #footer,
 #footer .section {
     background: #272932;
 }
 
 #footer .top {
     height: 124px;
     border-bottom: 1px solid rgba(187, 191, 201, .1);
 }
 
 #footer .top .support {
     float: left;
     padding-left: 80px;
     width: 260px;
     height: 124px;
     color: #fff;
     font-size: 16px;
     line-height: 124px;
 }
 
 #footer .top .support.s1 {
     background: url(img/f1.png) no-repeat 0;
 }
 
 #footer .top .support.s2 {
     background: url(img/f2.png) no-repeat 0;
 }
 
 #footer .top .support.s3 {
     background: url(img/f3.png) no-repeat 0;
 }
 
 #footer .top .support.s4 {
     width: 100px;
     background: url(img/f4.png) no-repeat 0;
 }
 
 #footer .middle {
     padding: 40px 0;
     border-bottom: 1px solid rgba(187, 191, 201, .1);
 }
 
 #footer .middle .fl {
     width: 200px;
 }
 
 #footer .middle h2 {
     padding-bottom: 10px;
     color: #fff;
     font-weight: 600;
     font-size: 16px;
 }
 
 #footer .middle h2 a {
     color: #fff;
 }
 
 #footer .middle a {
     display: block;
     margin-top: 20px;
     color: #999;
     font-size: 14px;
 }
 
 #footer .middle a:hover {
     color: #ff6521;
 }
 
 #footer .middle h3 {
     color: #fff;
     text-align: center;
     font-size: 16px;
 }
 
 #footer .middle img {
     display: block;
     margin: 20px auto;
     width: 82px;
     height: 82px;
 }
 
 #footer .middle p {
     color: #999;
     text-align: center;
     font-size: 14px;
 }
 
 #footer .bottom {
     padding: 36px 0;
 }
 
 #footer .bottom p {
     height: 26px;
     color: #999;
     font-size: 12px;
     line-height: 26px;
 }
 
 #footer .bottom p a {
     color: #999;
 }
 
 #footer .bottom p a:hover {
     color: #ff6521;
 }
 
 #footer .bottom .fr {
     padding-top: 24px;
     font-size: 0;
 }
 
 #footer .bottom .fr a {
     display: inline-block;
     margin-left: 7px;
 }
 
 #pageIndex {
     margin: 0 auto;
     padding: 40px 0 50px;
     width: 100%;
     background-color: #f6f7f9;
     text-align: center;
 }
 
 #pageset {
     width: 52px;
     height: 30px;
     border-color: #dbdcde;
     color: #ff5722;
     line-height: 30px;
 }
 
 .datas-list {
     padding-right: 13px;
     height: 64px;
     border-top: 1px solid #e9ecef;
     border-bottom-right-radius: 3px;
     border-bottom-left-radius: 3px;
     line-height: 64px;
 }
 
 .pagelist {
     color: #828897;
     font-size: 12px;
     font-family: Verdana, Microsoft YaHei, Arial;
 }
 
 .pagelist strong {
     display: inline-block;
     color: #828897;
     vertical-align: middle;
     font-weight: 400;
 }
 
 .pagelist .count {
     margin-right: 10px;
 }
 
 .pagelist .jm-picker.picker-small {
     width: 69px;
     line-height: normal;
 }
 
 .pagelist .jm-picker.picker-small .jm-picker-label {
     width: 37px;
     background: #fff !important;
 }
 
 .pagelist .jm-picker1 .jm-input {
     width: 50px;
     height: 28px;
     border: 1px solid #eee;
     border-radius: 2px;
     background-color: #fff !important;
     color: #ff5722;
     text-align: center;
     text-indent: 0;
     transition: all .3s;
 }
 
 .pagelist .jm-picker1 .jm-input:focus {
     border-color: #ff6521;
 }
 
 .pagenum input {
     height: 32px !important;
     background: #fff !important;
     text-align: left !important;
 }
 
 .indexpage,
 .lastpage,
 .nextpage,
 .prepage {
     display: inline-block;
     margin-left: 5px;
     width: 62px;
     height: 30px;
     background-color: #fff;
     color: #828897;
     vertical-align: middle;
     text-align: center;
     line-height: 30px;
     cursor: pointer;
     transition: all .2s;
 }
 
 .disabled {
     color: #ccc;
 }
 
 .tiaozhuangzhi {
     margin-left: 20px;
 }
 
 .go {
     display: inline-block;
     margin-left: 5px;
     width: 40px;
     height: 28px;
     border: 1px solid #ff6521;
     border-radius: 2;
     background-color: #ff6521 !important;
     color: #404040;
     color: #fff;
     line-height: 28px;
     transition: all .2s;
     cursor: pointer;
 }