@charset "utf-8";
 body,
 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 hr,
 p,
 blockquote,
 dl,
 dt,
 dd,
 ul,
 ol,
 li,
 pre,
 fieldset,
 lengend,
 button,
 input,
 textarea,
 th,
 td {
     margin: 0;
     padding: 0
 }
 
 body,
 button,
 input,
 select,
 textarea {
     font-family: 微软雅黑, 宋体, arial;
     font-size: 100%;
     outline: none
 }
 
 ul,
 ol,
 li {
     list-style: none
 }
 
 img {
     border: none;
     vertical-align: middle
 }
 
 .img-responsive {
     width: 100%;
     /*height: auto*/
 }
 
 a {
     text-decoration: none;
     -webkit-transition: all .4s ease-out;
     -o-transition: all .4s ease-out;
     transition: all .4s ease-out
 }
 
 a:hover {
     text-decoration: none
 }
 
 .fl {
     float: left;
     /*display: inline*/
 }
 
 .fr {
     float: right;
     /*display: inline*/
 }
 
 .center {
     margin: 0 auto
 }
 
 .clear {
     clear: both;
     height: 0;
     line-height: 0;
     font-size: 0
 }
 
 .clearfix:after,
 .clearfix:before {
     content: "";
     display: table
 }
 
 .clearfix:after {
     clear: both
 }
 
 .clearfix {
     zoom: 1
 }
 
 .container {
     position: relative;
     width: 85%;
     margin: 0 auto
 }
 
 .container2 {
     position: relative;
     width: 1200px;
     margin: 0 auto
 }
 
 .footer {
     margin-top: 1.858%;
     margin-top: 0%;
     padding-top: 4.0%;
     background: #f5f5f5
 }
 
 .footer-div.footer-div1 {
     width: 18.575%
 }
 
 .footer-logo {
     width: 85.3333%;
     margin-bottom: 11.6667%
 }
 
 .footer-logo img {
     filter: grayscale(100%);
     -webkit-filter: grayscale(100%);
     -moz-filter: grayscale(100%);
     -ms-filter: grayscale(100%);
     -o-filter: grayscale(100%);
     filter: progid: DXImageTransform.Microsoft.BasicImage(grayscale=1);
     -webkit-filter: grayscale(1);
     opacity: 0.3;
 }
 
 .conpany-name {
     font-size: 18px;
     color: #2b2b2b;
     line-height: 1;
     margin-bottom: 5px
 }
 
 .company-info p,
 .company-info a {
     font-size: 12px;
     color: #545454;
     line-height: 24px;
     -webkit-transition: all .4s ease-out;
     -o-transition: all .4s ease-out;
     transition: all .4s ease-out
 }
 
 .company-info a:hover {
     color: #1754a3
 }
 
 .footer-div.footer-div2 {
     /*width: 135px;*/
     width: 125px;
     margin-left: 3.4%
 }
 
 .footer-div.footer-div2 img {
     max-width: 100%;
     height: auto;
 }
 
 .code-txt {
     font-size: 14px;
     color: #747474;
     text-align: center;
     line-height: 1;
     margin-top: 8px
 }
 
 .footer-div.footer-div3 {
     width: 45.2%
 }
 
 .footer-menu ul li {
     float: left;
     width: 123px;
     text-align: center;
     color: #515151;
     font-size: 16px;
     background: url(../images/border-line.png) no-repeat right top;
     background-size: auto 100%;
     position: relative
 }
 
 .footer-menu ul li:first-child::after {
     content: "";
     position: absolute;
     width: 2px;
     height: 100%;
     display: block;
     left: 0;
     top: 0;
     background: url(../images/border-line.png) no-repeat right top;
     background-size: auto 100%
 }
 
 .footer-menu ul li dt {
     margin-bottom: 15px;
     line-height: 1
 }
 
 .footer-menu ul li dt a {
     color: #515151
 }
 
 .footer-menu ul li dd a {
     font-size: 12px;
     color: #707070;
     line-height: 24px
 }
 
 .footer-menu ul li dd a:hover,
 .partner-list span a:hover {
     color: #1754a3
 }
 
 .partner {
     margin-top: 4.109%
 }
 
 .partner .partner-tit {
     margin-bottom: 2.74%;
     font-size: 16px;
     color: #515151
 }
 
 .partner-list span a {
     font-size: 12px;
     color: #707070;
     padding-right: 20px;
     line-height: 24px
 }
 
 .footer-bottom {
     background: #003e92;
     width: 100%;
     /* height: 45px; */
     font-size: 14px;
     color: #fff;
     margin-top: 4.0%;
     padding: 30px 0;
     /*line-height: 45px;*/
 }
 
 .footer-bottom a {
     color: #fff;
 }
 
 .footer-bottom a:hover {
     color: #f6bb19;
 }
 
 .bottom-menu a::after {
     content: "|";
     font-size: 12px;
     color: #fff;
     margin: 0 15px
 }
 
 .bottom-menu span:last-child a::after {
     display: none
 }
 
 .tit2 {
     font-size: 12px;
     color: #9c9c9c;
     margin-top: 5px
 }
 
 .page-jump {
     text-align: center;
     margin-top: 20px
 }
 
 .page-jump>ul {
     font-size: 0
 }
 
 .page-jump>ul>li {
     display: inline-block;
     border: 1px solid #e9e9e9;
     margin-left: 4px;
     margin-right: 4px;
     font-size: 16px;
     transition: all .3s ease
 }
 
 .page-jump>ul>li a,
 .page-jump>ul>li span {
     display: block;
     padding: 6px 10px;
     color: #c7c7c7;
     transition: all .3s ease;
     cursor: pointer
 }
 
 .page-jump>ul>li:hover a,
 .page-jump>ul>li.active span,
 .page-jump>ul>li:hover a {
     color: #fff;
     background: #1754a3
 }
 
 .page-jump>ul>li:hover,
 .page-jump>ul>li.active {
     border-color: #1754a3
 }
 
 .page-jump>ul>li:first-child span,
 .page-jump>ul>li:last-child span {
     color: #fff
 }
 
 .page-jump>ul>li:first-child,
 .page-jump>ul>li:last-child {
     background-color: #c7c7c7;
     border-color: #c7c7c7
 }
 
 .page-jump>ul>li:first-child a,
 .page-jump>ul>li:last-child a,
 .page-jump>ul>li:first-child:hover a,
 .page-jump>ul>li:last-child:hover a {
     color: #fff
 }
 
 .page-jump>ul>li:first-child:hover,
 .page-jump>ul>li:last-child:hover {
     background-color: #1754a3;
     border-color: #1754a3
 }
 
 .page-jump>ul>li:first-child a,
 .page-jump>ul>li:last-child a {}
 
 .show-sm {
     display: none
 }
 
 .icon-top {
     top: 0
 }
 
 .icon-middle {
     top: 50%;
     margin-top: -.5px
 }
 
 .icon-bottom {
     bottom: 0
 }
 
 .footer-code {
     display: none
 }
 
 .footer-bottom .fl span {
     margin-right: 20px
 }
 
 @media(max-width:1770px) {}
 
 @media(max-width:1540px) {}
 
 @media(max-width:1440px) {}
 
 @media(max-width:1280px) {
     .container2 {
         width: 100%;
         padding: 5%;
     }
 }
 
 @media(max-width:1200px) {}
 
 @media(max-width:992px) {
     .container {
         width: 90%
     }
     .footer-div.footer-div2 {
         width: 100px
     }
     .code-txt {
         font-size: 12px;
         line-height: 1.6
     }
     .footer-div.footer-div3 {
         width: 60%
     }
 }
 
 @media(max-width:768px) {
     .container {
         width: 100%;
     }
     .footer-div.footer-div1,
     .footer-div.footer-div2 {
         display: none
     }
     .footer-div.footer-div3 {
         float: none
     }
     .footer-menu ul li {
         width: 100%;
         text-align: left
     }
     .footer-menu ul li,
     .footer-menu ul li:first-child::after {
         background: 0 0
     }
     .footer-menu ul li dt {
         height: 45px;
         line-height: 45px;
         margin: 0;
         font-size: 14px;
         border-bottom: 1px solid #d6d6d6;
         position: relative
     }
     .footer-menu ul li dd {
         height: 40px;
         line-height: 40px;
         border-bottom: 1px solid #d6d6d6;
         padding-left: 10px;
         box-sizing: border-box;
         box-sizing: -webkit-border-box;
         -moz-box-sizing: border-box
     }
     .footer-menu ul li dt::after {
         position: absolute;
         content: "";
         width: 9px;
         height: 15px;
         background: url(../images/right-icon3.png) no-repeat;
         background-size: 9px 15px;
         right: 10px;
         top: 50%;
         margin-top: -7.5px;
         -webkit-transition: all .4s ease-out;
         -o-transition: all .4s ease-out;
         transition: all .4s ease-out
     }
     .footer-menu ul li.move dt::after {
         transform: rotate(90deg);
         -ms-transform: rotate(90deg);
         -moz-transform: rotate(90deg);
         -webkit-transform: rotate(90deg);
         -o-transform: rotate(90deg)
     }
     .bottom-menu,
     .partner,
     .menu-warp {
         display: none
     }
     .footer-bottom {
         height: auto;
         line-height: 20px;
         padding-top: 10px;
         padding-bottom: 10px
     }
     .footer-bottom span {
         display: block
     }
     .footer-bottom .fl span {
         font-size: 12px;
         font-weight: 700;
     }
     .footer-code {
         display: block;
         margin-top: 5%;
         width: 135px;
         font-size: 16px;
         color: #1655a3;
         position: relative
     }
     .code-txt {
         color: #1655a3
     }
     .code-img {
         position: absolute;
         width: 120px;
         right: -130px;
         top: -50%;
         margin-top: -60px;
         z-index: 999;
         display: none
     }
     .tit-zh {
         font-size: 24px
     }
     .tit-line {
         margin-top: 10px;
         margin-bottom: 8px;
         height: 1px
     }
     .tit-en {
         font-size: 14px
     }
     .inner-tit>div {
         float: none;
         display: block
     }
 }
 
 @media(max-width:480px) {
     .tit-zh {
         font-size: 20px
     }
     .tit-line {
         margin-top: 8px;
         margin-bottom: 7px;
         height: 1px
     }
     .tit-en {
         font-size: 14px
     }
 }
 
 #code {
     display: none;
     position: fixed;
     z-index: 99999;
     left: 50%;
     top: 50%;
     transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
     -webkit-transform: translate(-50%, -50%);
     -o-transform: translate(-50%, -50%);
     background-color: #fff;
     font-size: 20px;
     padding: 22px 12px 10px;
     font-family: microsoft yahei;
     color: #1a8bd6
 }
 
 #code .code-close {
     position: absolute;
     color: #cd0e18;
     font-size: 32px;
     width: 24px;
     height: 20px;
     line-height: 20px;
     text-align: center;
     top: 8px;
     right: 8px;
     cursor: pointer;
     transition: all .5s ease
 }
 
 #code canvas {
     display: block;
     vertical-align: top;
     margin: 12px auto 10px
 }
 
 .partner-list a {
     color: #707070;
     font-size: 12px;
     margin-right: 10px;
     white-space: nowrap;
 }
 
 .partner-list a:hover {
     color: #1754a3;
 }
 
 .pagess {
     clear: both;
     margin: 20px;
     overflow: hidden;
     margin-left: 0;
     text-align: center;
     font-size: 12px
 }
 
 .pagess ul li {
     display: inline-block;
     border: 1px solid #ccc;
     padding: 2px 9px;
     margin: 0 3px;
     line-height: 20px;
     background: #fff;
     color: #999
 }
 
 .pagess ul li:hover {
     background: #ccc;
     color: #fff;
     border: 1px solid #ccc
 }
 
 .pagess ul li:hover a {
     color: #fff
 }
 
 .pagess ul li.thisclass {
     display: inline-block;
     border: 1px solid #ccc;
     padding: 2px 9px;
     margin: 0 3px;
     background: #ccc;
     color: #fff
 }
 
 .pagess ul li.thisclass a {
     color: #fff
 }
 
 .pagess ul li a {
     display: block;
     color: #999
 }
 
 .pagess ul li a:hover {
     color: #fff
 }
 
 .pages {
     padding: 20px 0;
     text-align: center;
     font-size: 12px;
     box-sizing: border-box;
 }
 
 .pages a {
     display: inline-block;
     border: #E6E6E6 1px solid;
     padding: 6px 10px;
 }
 
 .pages span {
     display: inline-block;
     border: #E6E6E6 1px solid;
     padding: 6px 10px;
     margin: 5px 6px;
 }
 
 .pages span.thisclass {
     border: #ff0000 1px solid;
     color: #fff;
     background-color: #f00;
 }
 
 .pages label {
     background: #FFFFFF;
     border: #CCCCCC 1px solid;
     padding: 6px;
 }
 
 .pages label em {
     color: red;
     font-weight: bold;
     font-style: normal;
 }
 
 .pages label span {
     font-weight: bold;
 }
 
 .pages a:link,
 .pages a:visited,
 .pages a:active {
     background: #FFFFFF;
     color: #333;
     border: #E6E6E6 1px solid;
     /*padding: 6px;*/
     text-decoration: none;
     margin: 5px 6px;
     display: inline-block;
 }
 
 input,
 select,
 textarea {
     font-size: 14px;
     padding: 4px;
     border-radius: 2px;
     border: #e3e3e3 1px solid;
 }
 
 .pages_inp {
     border: #CCCCCC 1px solid;
     padding: 0px 6px;
     width: 30px;
     text-align: center;
     color: #666666;
 }
 
 .pages_btn {
     width: 48px;
     background: #EEEEEE;
     border: #CCCCCC 1px solid;
     font-weight: bold;
     padding: 0px 6px;
     margin: 0 6px;
     cursor: pointer;
 }
 
 .kefu {
     position: fixed;
     right: 0px;
     top: 40%;
     margin-top: -100px;
     z-index: 100;
     background: #0c3772;
     border-radius: 4px 0px 0px 4px;
     padding: 0px 5px;
 }
 
 .kefu-meau {
     position: relative;
 }
 
 .kefu-meau a.kefu-btn {
     width: 60px;
     text-align: center;
     display: block;
     position: relative;
     padding: 10px 0;
     border-top: #eee 1px solid;
 }
 
 .kefu-meau a.kefu-btn p {
     color: white;
     font-size: 12px;
     line-height: 18px
 }
 
 .kefu-meau a.kefu-btn a {
     color: white;
     display: block;
     padding: 10px 0px
 }
 
 .kefu-box {
     position: absolute;
     top: 0px;
     right: 80px;
     padding-right: 10px;
     display: none;
 }
 
 .kefu-box .box-border {
     border: 1px solid #e3e3e3;
     border-top: 2px solid #01358B;
     border-radius: 3px;
     padding: 15px 25px;
     background: #fff;
     -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .15);
     -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, .15);
     box-shadow: 0 3px 8px rgba(0, 0, 0, .15);
     position: relative
 }
 
 .kefu-box .box-border .arrow-right {
     display: block;
     width: 13px;
     height: 16px;
     background: url(../images/side_bg_arrow.png) no-repeat;
     position: absolute;
     right: -13px;
     top: 26px;
 }
 
 .kefu-box .box-border .sev-t {
     overflow: hidden;
     z-index: 1000;
     font-size: 15px;
     color: #555555
 }
 
 .kefu-meau:hover .kefu-box {
     display: block
 }
 
 @media only screen and (max-width:1023px) {
     .kefu {
         display: none;
     }
 }