body,
 dl,
 dd,
 ul,
 ol,
 h1,
 h2,
 h3,
 h4,
 form,
 input,
 button,
 textarea,
 p,
 th,
 td {
     margin: 0;
     padding: 0;
 }

 body {
     font: 12px/1.5 '\5FAE\8F6F\96C5\9ED1', arial, 'Microsoft YaHei';
     color: #333;
     -webkit-text-size-adjust: none;
 }

 img {
     vertical-align: middle;
     border: none;
 }

 ul,
 ol {
     list-style: none outside none;
 }

 table {
     border-collapse: collapse;
     border-spacing: 0;
 }

 button,
 input,
 select,
 textarea {
     font-size: 100%;
     vertical-align: middle;
     outline: none;
     font-family: 'arial';
 }

 a {
     color: #333;
     text-decoration: none;
     blr: expression(this.onFocus=this.blur());
 }

 a:focus {
     outline: 0 none;
 }

 h1,
 h2,
 h3,
 h4 {
     font-size: 100%;
     font-weight: normal;
 }

 button,
 input[type="button"],
 input[type="reset"],
 input[type="submit"] {
     cursor: pointer;
     -webkit-appearance: button;
     -moz-appearance: button;
 }

 .text,
 .btn,
 textarea {
     font-family: "\5FAE\8F6F\96C5\9ED1", arial, 'Hiragino Sans GB';
 }

.box_clearfix {
    background: url(../images/fjsalt.png) no-repeat 0px 0px;
    background-size:20% 50%;
    min-height: 150px;
}
 .clearfix:after {
     content: "";
     clear: both;
     height: 0;
     display: block;
     visibility: hidden;
 }

 .clearfix {
     *zoom: 1;
 }

 .btn {
     border: none;
     cursor: pointer;
 }

 html,
 body {
     width: 100%;
 }

 li {
     list-style: none;
 }

 em,
 i {
     font-style: normal;
 }

 .box {
     width: 1280px;
     margin: 0 auto
 }

 /* head */
 .head {
     background: url() center top no-repeat;
 }

 .head_top {
     border-bottom: 2px solid #37bbca;
 }

 h1 {
     float: left;
     line-height: 148px;
 }

 .head_inner {
     float: right;
 }

 .search {
     width: 343px;
     height: 32px;
     float: right;
     border: 1px solid #eeeeee;
     border-radius: 5px;
     overflow: hidden;
 }

 .search_txt {
     float: left;
     width: 280px;
     border: none;
     height: 32px;
     line-height: 32px;
     overflow: hidden;
     font-size: 14px;
     color: #c6c6c6;
     padding-left: 12px;
     box-sizing: border-box;
 }

 .search_sub {
     float: right;
     width: 56px;
     border-radius: 0 5px 5px 0;
     height: 32px;
     line-height: 32px;
     background: #37bbca;
     font-size: 14px;
     color: #fff;
     border: none;
     cursor: pointer;
     border-left: 1px solid #eeeeee;
 }

 .written {
     padding-top: 30px;
     margin-bottom: 16px;
 }

 .writ {
     height: 32px;
     line-height: 32px;
     float: left;
     margin-right: 10px;
 }

 .writ a {
     display: block;
     transition: all 0.5s ease 0s;
     height: 32px;
     float: left;
     line-height: 32px;
     overflow: hidden;
     font-size: 14px;
     color: #666666;
     margin: 0 8px;
 }

 .lan {
     float: left;
     background: url(../images/head1.png) left center no-repeat;
     padding-left: 12px;
 }

 .writ a:hover,
 .lan a:hover {
     color: #37bbca;
     transition: all 0.5s ease 0s;
 }

 .lan a {
     height: 32px;
     transition: all 0.5s ease 0s;
     line-height: 32px;
     padding: 0 10px;
     background: url(../images/head2.png) right center no-repeat;
 }

 .lan a:nth-last-child(1) {
     background: none;
 }

 .writ a:nth-child(1) {
     color: #37bbca
 }

 .navbalk {
     background: url(../images/navbj.jpg) center top no-repeat;
 }

 .nav_ul li {
     float: left;
     margin: 6px 0px 0 0;
     width: 12.5%;
     position: relative;
 }

 .nav_ul li a {
     display: block;
     margin: 0 auto;
     z-index: 999;
     position: relative;
     transition: all 0.5s ease 0s;
     height: 33px;
     line-height: 33px;
     width: 106px;
     text-align: center;
     font-size: 16px;
     overflow: hidden;
     border-radius: 5px;
 }

 .nav_ul li:hover a {
     color: #fff;
     transition: all 0.5s ease 0s;
 }

 .nav_ul li:after {
     position: absolute;
     border-radius: 5px;
     width: 0.1px;
     height: 0.1px;
     left: 50%;
     margin: -0.05px 0 0 -0.05px;
     top: 50%;
     background: #37bbca;
     content: '';
     transition: all 0.5s ease 0s;
 }

 .nav_ul li:hover:after {
     width: 106px;
     transition: all 0.5s ease 0s;
     height: 33px;
     left: 50%;
     margin: -16.5px 0 0 -53px;
     top: 50%;
 }

 .nav_ul {
     padding-left: 10px;
 }

 .head_bottom {
     height: 86px;
 }

 /* foot */
 .foot {
     background: #333333;
     padding: 28px 0;
 }

 .foot_inner {
     position: relative;
 }

 .foot_ul {
     text-align: center;
     margin-bottom: 18px;
 }

 .foot_ul li {
     display: inline-block;
 }

 .foot_ul li a {
     display: block;
     height: 34px;
     line-height: 34px;
     background: url(../images/foot1.jpg) right center no-repeat;
     color: #fff;
     font-size: 16px;
     padding: 0 22px;
 }

 .foot_add {
     height: 30px;
     line-height: 30px;
     text-align: center;
     color: #adadad;
     font-size: 14px;
 }

 .what {
     position: absolute;
     right: 0;
     top: 0;
     width: 86px;
 }

 .what_img {
     width: 86px;
     height: 86px;
     overflow: hidden;
 }

 .what_img img {
     width: 86px;
     height: 86px;
     overflow: hidden;
 }

 .what_tit {
     display: block;
     height: 28px;
     line-height: 28px;
     overflow: hidden;
     text-align: center;
     color: #fff;
 }

 .foot_add a {
     color: #adadad;
     font-size: 14px;
     transition: all 0.5s ease 0s;
 }

 .foot_add a:hover {
     color: #fff;
     transition: all 0.5s ease 0s;
 }

 .foot_ul li:nth-last-child(1) a {
     background: none
 }


 /* index */
 .indexflexslider {
     position: relative;
     width: 100%;
     height: auto;
     overflow: hidden;
     text-align: center;
     padding: 28px 0;
 }

 .indexflexslider .slides li .banner_img {
     width: 100%;
     height: auto;
 }

 .indexflexslider .slides li {
     position: relative;
     width: 100%;
     height: auto;
     float: left;
 }

 .indexflexslider .slides {
     width: 100%;
     height: auto;
 }

 /* .flex-control-nav { position: absolute; z-index: 99; left: 0; bottom: 22px; width: 100%; text-align:center;} */
 .indexflexslider .flex-direction-nav {
     display: block;
 }

 .indexflexslider .flex-prev {
     position: absolute;
     left: 20px;
     top: 50%;
     display: block;
     font-size: 0;
     background: url(../images/banner_left.png) center center no-repeat;
     width: 20px;
     height: 36px;
     margin-top: -18px;
     z-index: 99;
 }

 .indexflexslider .flex-next {
     position: absolute;
     right: 20px;
     top: 50%;
     display: block;
     font-size: 0;
     background: url(../images/banner_right.png) center center no-repeat;
     width: 20px;
     height: 36px;
     margin-top: -18px;
     z-index: 99;
 }

 /* .flex-control-nav li{ display: inline-block; margin: 0 3px; }
.flex-control-nav li a{background:#fff; display: block; transition: all 0.5s ease 0s; font-size: 0; border-radius: 10px; width: 10px; height: 10px;}
.flex-control-nav li a.flex-active{background:#ec4425; width: 24px; transition: all 0.5s ease 0s;}
 */
 .index_body {
     background: url() center top no-repeat;
     padding-bottom: 1px;
 }

 .back_body {
     background: url() center bottom no-repeat;
     padding-bottom: 26px;
 }

 .focus {
     background: #fff;
     border-radius: 10px;
     margin-bottom: 26px;
 }

 .focusflexslider {
     position: relative;
     width: 582px;
     height: 408px;
     overflow: hidden;
     text-align: center;
 }

 .focusflexslider .slides li .banner_img {
     width: 100%;
     height: auto;
 }

 .focusflexslider .slides li {
     position: relative;
     width: 100%;
     height: auto;
     float: left;
 }

 .focusflexslider .slides {
     width: 100%;
     height: auto;
 }

 .focusflexslider .flex-control-nav {
     position: absolute;
     z-index: 99;
     right: 0;
     padding-right: 20px;
     box-sizing: border-box;
     bottom: 22px;
     width: 20%;
     text-align: right;
 }

 .focusflexslider .flex-direction-nav {
     display: none;
 }

 .focusflexslider .flex-control-nav li {
     display: inline-block;
     margin: 0 3px;
 }

 .focusflexslider .flex-control-nav li a {
     background: #6e6e6e;
     display: block;
     transition: all 0.5s ease 0s;
     font-size: 0;
     border-radius: 8px;
     width: 8px;
     height: 8px;
 }

 .focusflexslider .flex-control-nav li a.flex-active {
     background: #23ac38;
     transition: all 0.5s ease 0s;
 }

 .focus_tit {
     position: absolute;
     left: 0;
     color: #fff;
     font-size: 16px;
     text-align: left;
     padding: 0 50px 0 5px;
     box-sizing: border-box;
     bottom: 0;
     width: 100%;
     height: 53px;
     line-height: 53px;
     overflow: hidden;
     background: url(../images/focusbj.png) center top repeat;
 }

 .focus_inner {
     float: right;
     width: 616px;
 }

 .index_title {
     height: 54px;
     border-radius: 10px 10px 0 0;
     background: #f0f0f0;
     overflow: hidden;
     padding: 0 22px 0 0;
 }

 .index_see {
     float: right;
     transition: all 0.5s ease 0s;
     display: block;
     height: 54px;
     background: url(../images/see.png) right center no-repeat;
     line-height: 54px;
     font-size: 14px;
     color: #666666;
     width: 64px;
 }

 .index_see:hover {
     color: #34bcca;
     transition: all 0.5s ease 0s;
 }

 .index_guage {
     float: left;
     font-size: 29px;
     height: 54px;
     line-height: 54px;
     padding-right: 40px;
     background: #fff url(../images/title.jpg) right bottom no-repeat;
 }

 .guage_inner {
     background: url(../images/focus1.png) left center no-repeat;
     padding-left: 18px;
 }

 .index_i {
     margin: 0 9px 0 0;
 }

 .index_i img {
     margin-top: -7px;
 }

 .focus_img {
     float: left;
     padding: 20px 18px;
 }

 .focus_ul li a {
     height: 40px;
     line-height: 40px;
     transition: all 0.5s ease 0s;
     overflow: hidden;
     display: block;
     font-size: 16px;
     color: #666666
 }

 .focus_ul {
     padding: 7px 0;
     border-bottom: 1px dotted #eaeaea;
 }

 .focus_dl dt a {
     display: block;
     height: 40px;
     line-height: 40px;
     transition: all 0.5s ease 0s;
     font-size: 22px;
     overflow: hidden;
 }

 .focus_dl dt a:hover,
 .focus_ul li a:hover {
     color: #34bcca;
     transition: all 0.5s ease 0s;
 }

 .focus_dl {
     padding: 20px 0;
     border-bottom: 1px dotted #eaeaea;
 }

 .focus_time {
     display: block;
     height: 36px;
     line-height: 36px;
     overflow: hidden;
     font-size: 12px;
     color: #999999
 }

 .focus_words {
     height: 84px;
     line-height: 28px;
     overflow: hidden;
     font-size: 14px;
     color: #666666
 }

 .notice {
     margin-bottom: 27px;
 }

 .public {
     float: left;
     margin-right: 26px;
     width: 408px;
     background: #fff;
     height: 283px;
     overflow: hidden;
     border-radius: 10px;
 }

 .index_img {
     margin: 0 10px 0 20px;
 }

 .index_blue {
     color: #37bbca
 }

 .public_ul {
     padding: 16px 20px 0;
 }

 .public_ul a {
     display: block;
     height: 40px;
     overflow: hidden;
     background: url(../images/focus3.png) left center no-repeat;
     padding-left: 14px;
 }

 .public_tit {
     display: block;
     transition: all 0.5s ease 0s;
     height: 40px;
     line-height: 40px;
     overflow: hidden;
     font-size: 14px;
     width: 75%;
     color: #666666;
     float: left;
 }

 .public_time {
     display: block;
     transition: all 0.5s ease 0s;
     height: 40px;
     line-height: 40px;
     overflow: hidden;
     font-size: 12px;
     width: 25%;
     text-align: right;
     float: left;
     color: #666666;
 }

 .public:nth-last-child(1) {
     margin-right: 0;
 }

 .natural {
     margin-bottom: 26px;
 }

 .natural img {
     width: auto;
     height: auto;
     max-width: 100%
 }

 .public_ul a:hover .public_tit,
 .public_ul a:hover .public_time {
     color: #34bcca;
     transition: all 0.5s ease 0s;
 }

 .public_ul a:hover {
     background: url(../images/dian11.png) left center no-repeat;
 }

 .deve {
     border-radius: 10px;
     background: #fff;
     margin-bottom: 26px;
 }

 .deve_title {
     padding-left: 6px;
     background: #fff;
     border-radius: 10px 10px 0 0;
 }

 .deve_ul {
     padding: 28px 18px 14px;
     margin-left: -15px;
 }

 .deve_ul li {
     float: left;
     margin-left: 15px;
     width: 236px;
 }

 .deve_img {
     display: block;
     width: 236px;
     height: 166px;
     overflow: hidden;
 }

 .deve_img img {
     width: 236px;
     height: 166px;
     overflow: hidden;
     transition: all 1s ease 0s;
 }

 .deve_ul li:hover .deve_img img {
     transition: all 1s ease 0s;
     transform: scale(1.1);
 }

 .deve_tit {
     text-align: center;
     transition: all 0.5s ease 0s;
     font-size: 14px;
     color: #666;
     height: 42px;
     display: block;
     line-height: 42px;
     overflow: hidden;
     text-align: center;
 }

 .deve_ul li:hover .deve_tit {
     color: #34bcca;
     transition: all 0.5s ease 0s;
 }

 .special {
     margin-left: -47px;
     padding: 28px 18px 28px;
 }

 .special_dl {
     float: left;
     width: 582px;
     margin-left: 47px;
 }

 .special_dl dt {
     float: left;
     width: 235px;
     height: 172px;
     overflow: hidden;
 }

 .special_dl dt img {
     width: 235px;
     height: 172px;
     overflow: hidden;
 }

 .special_dl dd {
     float: right;
     width: 328px;
     padding-top: 14px;
 }

 .spe_tit {
     display: block;
     transition: all 0.5s ease 0s;
     font-size: 22px;
     height: 60px;
     line-height: 30px;
     overflow: hidden;
 }

 .spe_time {
     display: block;
     height: 26px;
     line-height: 26px;
     color: #999999;
     overflow: hidden;
 }

 .spe_zi {
     height: 32px;
     line-height: 32px;
     overflow: hidden;
     color: #666;
     font-size: 14px;
 }

 .spe_see {
     display: block;
     transition: all 0.5s ease 0s;
     height: 38px;
     line-height: 38px;
     overflow: hidden;
     font-size: 14px;
     color: #888888
 }

 .spe_tit:hover,
 .spe_see:hover {
     color: #34bcca;
     transition: all 0.5s ease 0s;
 }

 .mark_ul {
     padding: 30px 0 0px 30px;
 }

 .mark_ul li {
     float: left;
     margin-right: 18px;
     border-right: 1px solid #ebebeb;
     padding-right: 20px;
 }

 .mark_ul li a {
     display: block;
     height: 22px;
     background: url(../images/mark11.png) left center no-repeat;
     transition: all 0.5s ease 0s;
     line-height: 22px;
     padding-left: 28px;
     font-size: 14px;
     color: #666;
 }

 .mark_ul li:nth-child(2) a {
     background: url(../images/mark22.png) left center no-repeat;
 }

 .mark_ul li a:hover,
 .mark_ul li.on a {
     color: #37bbca;
     background: url(../images/mark1.png) left center no-repeat;
     transition: all 0.5s ease 0s;
 }

 .mark_ul li:nth-child(2) a:hover,
 .mark_ul li.on:nth-child(2) a {
     color: #37bbca;
     background: url(../images/mark2.png) left center no-repeat;
     transition: all 0.5s ease 0s;
 }

 .mark_ul li:nth-last-child(1) {
     border: none;
 }

 .mark .public {
     height: 383px;
 }

 .markul {
     padding-top: 30px;
 }

 .age {
     float: right;
     width: 408px;
 }

 .age_inner a {
     display: block;
     margin-bottom: 20px;
     width: 408px;
     height: 180px;
     overflow: hidden;
 }

 .age_inner a img {
     width: 408px;
     height: 180px;
     overflow: hidden;
 }

 .age_img {
     width: 408px;
     height: 140px;
     overflow: hidden;
     display: block;
 }

 .age_img img {
     width: 408px;
     height: 140px;
     overflow: hidden;
 }

 .study {
     float: left;
     width: 844px;
     border-radius: 10px;
 }

 .build {
     margin-bottom: 26px;
 }

 .index_img img {
     margin-top: -8px;
 }

 .study_ul {
     float: right;
     padding-top: 12px;
 }

 .study_ul li {
     float: left;
     margin-left: 8px;
 }

 .study_ul li a {
     display: block;
     width: 110px;
     height: 32px;
     transition: all 0.5s ease 0s;
     line-height: 32px;
     text-align: center;
     background: #f9f9f9;
     border-radius: 5px;
     font-size: 14px;
     color: #666666
 }

 .study_ul li.on a {
     color: #fff;
     background: #37bbca;
     font-weight: bold;
     transition: all 0.5s ease 0s;
 }

 .learn_ul a {
     display: block;
     height: 40px;
     overflow: hidden;
     background: url(../images/index1.png) 7px center no-repeat;
     padding-left: 20px;
     box-sizing: border-box;
 }

 .learn_ul {
     padding: 22px 30px 24px 20px;
 }

 .learn_tit {
     display: block;
     transition: all 0.5s ease 0s;
     float: left;
     width: 75%;
     height: 40px;
     line-height: 40px;
     font-size: 14px;
     color: #666;
     overflow: hidden;
 }

 .learn_time {
     display: block;
     transition: all 0.5s ease 0s;
     float: right;
     width: 20%;
     text-align: right;
     font-size: 14px;
     color: #888888;
     height: 40px;
     line-height: 40px;
     overflow: hidden;
 }

 .learn_ul a:hover .learn_tit,
 .learn_ul a:hover .learn_time {
     color: #34bcca;
     transition: all 0.5s ease 0s;
 }

 .learn_ul {
     display: none;
 }

 .study_img {
     width: 844px;
     height: 140px;
     overflow: hidden;
 }

 .study_img img {
     width: 844px;
     height: 140px;
     overflow: hidden;
 }

 .study_inner {
     margin-bottom: 26px;
     background: #fff;
     border-radius: 0 0 10px 10px;
 }

 .tech {
     background: #fff;
     border-radius: 10px;
     margin-bottom: 26px;
     padding: 20px;
 }

 .tech_div {
     width: 33.3%;
     float: left;
     padding: 0 14px;
     box-sizing: border-box;
 }

 .tech_title {
     font-size: 22px;
     height: 42px;
     line-height: 42px;
     overflow: hidden;
     margin-bottom: 8px;
 }

 .tech_blue {
     color: #37bbca
 }

 .techimg img {
     margin: -6px 10px 0 0;
 }

 .tech_ul li {
     float: left;
     margin-right: 5px;
 }

 .tech_ul li a {
     width: 98px;
     transition: all 0.5s ease 0s;
     height: 32px;
     line-height: 32px;
     text-align: center;
     font-size: 14px;
     color: #666;
     border-radius: 5px;
     background: #f0f3f4;
     display: block;
 }

 .tech_ul li a:hover {
     color: #fff;
     transition: all 0.5s ease 0s;
     background: #34bcca
 }

 .trade {
     margin-bottom: 26px;
 }

 .profession {
     float: left;
     width: 676px;
 }

 .ress {
     background: #fff;
     border-radius: 10px;
     margin-bottom: 26px;
 }

 .ress_dl {
     float: left;
     width: 298px;
     margin-right: 30px;
 }

 .ress_dl dt {
     float: left;
     width: 176px;
     height: 248px;
     overflow: hidden;
 }

 .ress_dl dt img {
     width: 176px;
     height: 248px;
     overflow: hidden;
     transition: all 1s ease 0s;
 }

 .ress_dl dt:hover img {
     transition: all 1s ease 0s;
     transform: scale(1.1);
 }

 .ress_dl dd {
     float: left;
     margin-left: 18px;
     width: 100px;
     padding-top: 22px;
 }

 .ress_tit {
     display: block;
     transition: all 0.5s ease 0s;
     font-size: 18px;
     font-weight: bold;
     height: 35px;
     line-height: 35px;
     overflow: hidden;
     margin-bottom: 10px;
 }

 .ress_tit:hover {
     transition: all 0.5s ease 0s;
     color: #34bcca
 }

 .ress_time {
     margin-bottom: 12px;
     height: 30px;
     line-height: 30px;
     font-size: 14px;
     display: block;
 }

 .ress_words {
     height: 118px;
     line-height: 24px;
     overflow: hidden;
     font-size: 14px;
     color: #666;
 }

 .ress_div {
     padding: 24px 20px;
 }

 .ress_dl:nth-child(2) {
     margin-right: 0;
 }

 .trade_img {
     width: 676px;
     height: 150px;
     overflow: hidden;
 }

 .trade_img img {
     width: 676px;
     height: 150px;
     overflow: hidden;
 }

 .favourable {
     float: right;
     width: 580px;
 }

 .fav_img {
     margin-bottom: 26px;
     display: block;
     width: 580px;
     height: 354px;
     overflow: hidden;
 }

 .fav_img img {
     width: 580px;
     height: 354px;
     overflow: hidden;
 }

 .fav_pic {
     display: block;
     width: 580px;
     height: 150px;
     overflow: hidden;
 }

 .fav_pic img {
     width: 580px;
     height: 150px;
     overflow: hidden;
 }

 .exhibition {
     margin-bottom: 26px;
 }

 .exh_ul {
     margin-left: -16px;
 }

 .exh_ul li {
     float: left;
     margin: 0 0 0 16px;
 }

 .exh_ul li a {
     display: block;
     width: 200px;
     height: 140px;
     overflow: hidden;
 }

 .exh_ul li img {
     width: 200px;
     height: 140px;
     overflow: hidden;
 }

 .link {
     background: #fff;
     border-radius: 10px;
 }

 .link_ul {
     padding: 20px;
 }

 .link_ul li {
     float: left;
 }

 .link_ul li a {
     display: block;
     transition: all 0.5s ease 0s;
     font-size: 14px;
     color: #b4b4b4;
     padding: 0 22px;
     height: 34px;
     line-height: 34px;
     background: url(../images/link.png) right center no-repeat;
 }

 .link_ul li a:hover {
     transition: all 0.5s ease 0s;
     color: #34bcca
 }

 .catalog {
     background: url() right center repeat;
     border-radius: 8px 8px 0 0;
     height: 53px;
     overflow: hidden;
 }

 .catalog_ul {
     float: left;
     height: 53px;
     overflow: hidden;
 }

 .catalog_ul li {
     float: left;
 }

 .catalog_ul li a {
     display: block;
     width: 180px;
     height: 53px;
     line-height: 53px;
     text-align: center;
     color: #666666;
     font-size: 16px;
     overflow: hidden;
     background: url(../images/line.png) right center no-repeat;
 }

 .catalog_ul li a:hover,
 .catalog_ul li a.for {
     color: #37bbca;
     font-weight: bold;
     background: url() left center no-repeat;
 }

 .site {
     float: right;
     height: 53px;
     line-height: 53px;
     overflow: hidden;
     color: #a5a5a5;
     padding-right: 16px;
 }

 .site a {
     color: #a5a5a5;
     transition: all 0.5s ease 0s;
 }

 .site a:hover,
 .site a.on {
     color: #37bbca;
     transition: all 0.5s ease 0s;
 }

 .wrap {
     background: #fff;
     border-radius: 0 0 8px 8px;
     min-height: 500px;
     box-shadow: 0 0 10px #eeeeef;
     padding: 34px 34px;
     box-sizing: border-box;
 }

 .column_ul {
     height: 42px;
     overflow: hidden;
 }

 .column_ul li {
     float: left;
     margin-right: 10px;
 }

 .column_ul li a {
     display: block;
     font-size: 14px;
     background: #f6f6f6;
     transition: all 0.5s ease 0s;
     text-align: center;
     height: 42px;
     line-height: 42px;
     width: 135px;
     border-radius: 5px;
     color: #666666;
 }

 .column_ul li a:hover,
 .column_ul li a.on {
     color: #fff;
     background: #37bbca;
     transition: all 0.5s ease 0s;
 }

 .about {
     padding: 46px 0 125px;
 }

 .catalog_ul li:nth-last-child(1) a {
     background: none;
 }

 .catalog_ul li:nth-last-child(1) a:hover,
 .catalog_ul li:nth-last-child(1) a.for {
     color: #37bbca;
     font-weight: bold;
     background: url() left center no-repeat;
 }



 .docu_ul {
     height: 64px;
     overflow: hidden;
     margin-bottom: 30px;
     border: 1px solid #37bbca;
 }

 .docu_ul li {
     width: 20%;
     height: 64px;
     float: left;
     line-height: 64px;
     font-size: 16px;
     color: #37bbca;
     text-indent: 80px;
 }

 .docu_ul li:nth-child(1) {
     width: 40%
 }

 .currency_ul li {
     background: #f6f6f6 url(../images/dian1.png) 38px center no-repeat;
     margin-bottom: 26px;
     height: 66px;
     overflow: hidden;
     transition: all 0.5s ease 0s;
 }

 .curr_a {
     display: block;
 }

 .curr_i {
     width: 20%;
     height: 66px;
     transition: all 0.5s ease 0s;
     float: left;
     line-height: 66px;
     font-size: 16px;
     color: #333333;
     text-indent: 80px;
 }

 .curr_i:nth-child(1) {
     width: 40%;
     transition: all 0.5s ease 0s;
 }

 .curr_i:nth-last-child(1) {
     background: url(../images/down1.png) 140px center no-repeat;
 }

 .currency_ul li:hover {
     background: #fff url(../images/dian11.png) 38px center no-repeat;
     box-shadow: 0 0 10px #e0e3e8;
     transition: all 0.5s ease 0s;
 }

 .currency_ul li:hover .curr_i:nth-child(1) {
     color: #37bbca;
     transition: all 0.5s ease 0s;
 }

 .currency_ul li:hover .curr_i:nth-child(4) {
     color: #37bbca;
     transition: all 0.5s ease 0s;
 }

 .currency_ul li .curr_i:nth-child(2) {
     color: #888888;
     transition: all 0.5s ease 0s;
 }

 .party_ul {
     margin: 0 0 0 -43px;
 }

 .party_ul li {
     float: left;
     margin: 0 0 47px 41px;
     width: 377px;
     border-radius: 5px;
 }

 .party_img {
     display: block;
     width: 377px;
     height: 265px;
     overflow: hidden;
     border-radius: 5px;
 }

 .party_img img {
     width: 377px;
     height: 265px;
     overflow: hidden;
     border-radius: 5px;
     transition: all 1s ease 0s;
 }

 .party_tit {
     font-size: 16px;
     text-align: center;
     position: relative;
     display: block;
     height: 62px;
     transition: all 0.5s ease 0s;
     line-height: 62px;
     border-radius: 0 0 5px 5px;
     overflow: hidden;
     box-shadow: 0 0 10px #f2f2f2
 }

 .party_ul li:hover .party_tit {
     color: #fff;
     background: #37bbca;
     transition: all 0.5s ease 0s;
 }

 .party_ul li:hover {
     background: #37bbca
 }

 .party_ul li:hover .party_img img {
     transition: all 1s ease 0s;
     transform: scale(1.1);
 }

 .news_dl {
     padding: 28px 0;
 }

 .news_dl dt {
     float: left;
     width: 454px;
     height: 318px;
     overflow: hidden;
 }

 .news_dl dt img {
     width: 454px;
     height: 318px;
     overflow: hidden;
 }

 .news_dl dd {
     float: left;
     margin-left: 50px;
     width: 684px;
 }

 .news_tit {
     display: block;
     transition: all 0.5s ease 0s;
     height: 72px;
     line-height: 72px;
     overflow: hidden;
     font-size: 24px;
     font-weight: bold;
 }

 .news_zi {
     height: 96px;
     line-height: 32px;
     overflow: hidden;
     -webkit-line-clamp: 3;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     overflow: hidden;
     font-size: 16px;
     color: #666666;
     margin-bottom: 20px;
 }

 .news_tiem {
     display: block;
     height: 34px;
     line-height: 34px;
     overflow: hidden;
     font-size: 14px;
     color: #999999;
     margin-bottom: 26px;
 }

 .news_see {
     display: block;
     transition: all 0.5s ease 0s;
     font-size: 14px;
     width: 116px;
     height: 35px;
     line-height: 35px;
     text-align: center;
     border: 1px solid #e5e5e5;
     border-radius: 5px;
     color: #999999;
 }

 .newsul a {
     display: block;
     height: 54px;
     background: url(../images/news1.jpg) 20px center no-repeat;
     overflow: hidden;
     padding: 0 20px;
     box-sizing: border-box;
 }

 .newstit {
     float: left;
     height: 54px;
     transition: all 0.5s ease 0s;
     line-height: 54px;
     overflow: hidden;
     width: 90%;
     font-size: 14px;
     display: block;
     padding-left: 28px;
     box-sizing: border-box;
 }

 .newstime {
     display: block;
     float: right;
     transition: all 0.5s ease 0s;
     height: 54px;
     line-height: 54px;
     font-size: 14px;
     color: #a7a7a7
 }

 .news_tit:hover {
     color: #34bcca;
     transition: all 0.5s ease 0s;
 }

 .news_see:hover {
     color: #34bcca;
     border: 1px solid #34bcca;
     transition: all 0.5s ease 0s;
 }

 .newsul li:nth-child(odd) a {
     background: #f6f8fb url(../images/news1.jpg) 20px center no-repeat
 }

 .news {
     padding-bottom: 40px;
 }

 .newsul a:hover {
     background: url(../images/dian11.png) 20px center no-repeat;
 }

 .newsul li:nth-child(odd) a:hover {
     background: #f6f8fb url(../images/dian11.png) 20px center no-repeat;
 }

 .newsul a:hover .newstit,
 .newsul a:hover .newstime {
     color: #34bcca;
     transition: all 0.5s ease 0s;
 }

 .news_info {
     padding: 30px 0 0 0;
 }

 .release {
     padding-bottom: 16px;
     margin-bottom: 30px;
     border-bottom: 1px solid #e5e5e5;
     text-align: center;
 }

 .release h3 {
     line-height: 30px;
     margin-bottom: 10px;
     overflow: hidden;
     font-size: 24px;
     color: #37bbca;
 }

 .release .rele_span {
     height: 42px;
     line-height: 42px;
     color: #666666;
     font-size: 14px;
     overflow: hidden;
 }

 .xin_see:after {
     background: #1451c0;
     content: "";
     display: block;
     width: 0;
     transition: all 0.5s ease 0s;
     height: 34px;
     border-radius: 20px;
     z-index: 9;
     position: absolute;
     left: 0;
     top: 0;
 }

 .xin_see:hover:after {
     width: 100%;
     transition: all 0.5s ease 0s;
 }

 .xin_see:hover a {
     color: #fff;
     background: url(../images/newssee1.png) 94px center no-repeat;
     transition: all 0.5s ease 0.2s;
 }

 .xin_see:hover {
     transition: all 0.5s ease 0.2s;
     color: #fff;
     border: 1px solid #1451c0;
     background: url(../images/newssee1.png) 94px center no-repeat;
 }

 .retrun {
     float: right;
     transition: all 0.5s ease 0s;
     margin-bottom: 38px;
     transition: all 0.5s ease 0s;
     font-size: 12px;
     color: #fff;
     width: 98px;
     height: 30px;
     line-height: 30px;
     text-align: center;
     border: 1px solid #37bbca;
     background: #37bbca;
     border-radius: 5px;
 }

 .retrun:hover {
     background: none;
     color: #34bcca;
     transition: all 0.5s ease 0s;
 }

 .piece {
     padding: 40px 0;
     border-top: 1px solid #f7f7f7;
 }

 .piece a {
     display: block;
     transition: all 0.5s ease 0s;
     line-height: 36px;
     height: 36px;
     overflow: hidden;
     color: #666;
     font-size: 14px;
 }

 .piece a:hover {
     color: #37bbca;
     transition: all 0.5s ease 0s;
 }

 .policy_dl {
     padding: 42px 0;
     border-bottom: 1px solid #e7e6e5;
 }

 .policy_dl dt {
     float: left;
     width: 285px;
     height: 200px;
     overflow: hidden;
 }

 .policy_dl dt img {
     width: 285px;
     height: 200px;
     overflow: hidden;
     transition: all 1s ease 0s;
 }

 .policy_dl dd {
     float: left;
     margin-left: 42px;
     width: 870px;
 }

 .policy_tit {
     display: block;
     height: 70px;
     line-height: 70px;
     transition: all 0.5s ease 0s;
     overflow: hidden;
     font-size: 24px;
 }

 .policy_zi {
     height: 60px;
     line-height: 30px;
     overflow: hidden;
     font-size: 16px;
     color: #666;
 }

 .policy_tiem {
     height: 70px;
     line-height: 70px;
     overflow: hidden;
     display: block;
     font-size: 14px;
     color: #999999
 }

 .policy_dl dt:hover img {
     transition: all 1s ease 0s;
     transform: scale(1.1);
 }

 .scien_dl {
     margin-bottom: 32px;
     padding: 24px;
     position: relative;
     box-shadow: 0 0 10px #f5f5f5;
 }

 .scien_dl dt {
     position: absolute;
     transition: all 0.5s ease 0s;
     left: 24px;
     top: 24px;
     width: 180px;
     height: 126px;
     overflow: hidden;
 }

 .scien_dl dt img {
     width: auto;
     height: auto;
     max-width: 100%
 }

 .scien_dl dd {
     float: left;
     width: 890px;
     transition: all 0.5s ease 0s;
     margin-left: 214px;
     height: 127px;
     overflow: hidden;
 }

 .scien_tit {
     font-size: 24px;
     transition: all 0.5s ease 0s;
     display: block;
     height: 48px;
     line-height: 48px;
     overflow: hidden;
 }

 .scien_zi {
     height: 28px;
     transition: all 0.5s ease 0s;
     line-height: 28px;
     overflow: hidden;
     font-size: 16px;
     color: #666;
     margin-bottom: 10px;
 }

 .scien_tiem {
     height: 34px;
     line-height: 34px;
     font-size: 14px;
     color: #999999;
     display: block;
     overflow: hidden;
     margin-bottom: 12px;
 }

 .scien_more {
     display: block;
     transition: all 0.5s ease 0s;
     width: 116px;
     height: 34px;
     font-size: 14px;
     color: #999999;
     line-height: 34px;
     text-align: center;
     border: 1px solid #e5e5e5;
     border-radius: 5px;
 }

 .scien_tit:hover,
 .policy_tit:hover {
     color: #34bcca;
     transition: all 0.5s ease 0s;
 }

 .scien_more:hover {
     color: #34bcca;
     border: 1px solid #34bcca;
     transition: all 0.5s ease 0s;
 }

 .scien {
     padding: 30px 0 10px 0;
 }

 .scien_dl:hover dt {
     width: 372px;
     height: 260px;
     overflow: hidden;
     transition: all 0.5s ease 0s;
 }

 .scien_dl:hover dd {
     height: 260px;
     transition: all 0.5s ease 0s;
     margin-left: 412px;
     width: 722px;
 }

 .scien_dl:hover dd .scien_zi {
     height: 84px;
     transition: all 0.5s ease 0s;
 }

 .data_ul li {
     margin-bottom: 24px;
 }

 .data_ul li a {
     display: block;
     height: 66px;
     transition: all 0.5s ease 0s;
     border-radius: 5px;
     overflow: hidden;
     background: #f4f4f4;
     box-shadow: 0 0 10px #f3f3f3;
     padding: 0 50px;
     box-sizing: border-box;
 }

 .data_tit {
     display: block;
     height: 66px;
     transition: all 0.5s ease 0s;
     float: left;
     line-height: 66px;
     padding-left: 34px;
     font-size: 16px;
     background: url(../images/data1.png) left center no-repeat;
     overflow: hidden;
     width: 75%;
 }

 .data_time {
     display: block;
     height: 66px;
     transition: all 0.5s ease 0s;
     line-height: 66px;
     float: right;
     width: 20%;
     font-size: 16px;
     text-align: right;
 }

 .data_ul li a:hover {
     background: #fff;
     transition: all 0.5s ease 0s;
 }

 .data_ul li a:hover .data_tit {
     background: url(../images/data11.png) left center no-repeat;
     color: #37bbca;
     transition: all 0.5s ease 0s;
 }

 .data_ul li a:hover .data_time {
     color: #37bbca;
     transition: all 0.5s ease 0s;
 }

 .data_report {
     font-size: 24px;
     font-weight: bold;
     text-align: center;
     height: 64px;
     line-height: 64px;
     margin-bottom: 30px;
 }

 .data_info {
     padding: 46px 0 50px 0;
 }

 .report_div {
     background: #37bbca;
     border-radius: 5px;
     height: 68px;
     overflow: hidden;
 }

 .report_inner {
     width: 9.09%;
     border-right: 1px solid #69ccd8;
     box-sizing: border-box;
     float: left;
     text-align: center;
     font-size: 14px;
     color: #fff;
 }

 .report_inner:nth-last-child(1) {
     border: none;
 }

 .report_name {
     height: 18px;
     display: block;
     line-height: 18px;
     overflow: hidden;
     padding-top: 18px;
 }

 .report_inner:nth-child(1) .report_name {
     height: 68px;
     line-height: 68px;
     padding: 0;
 }

 .report_ul li {
     height: 76px;
     border: 1px solid #58c6d3;
     border-top: none;
     border-right: none;
 }

 .report_zi {
     width: 9.09%;
     border-right: 1px solid #58c6d3;
     height: 76px;
     line-height: 76px;
     background: #f1f8fc;
     box-sizing: border-box;
     float: left;
     text-align: center;
     font-size: 14px;
 }

 .report_txt {
     width: 100%;
     height: 76px;
     line-height: 76px;
     padding: 0 10px;
     border: none;
     box-sizing: border-box;
     text-align: center;
     background: none;
 }

 .report_ul {
     border-radius: 0 0 5px 5px;
     margin-top: -1px;
 }

 .import_sub {
     float: right;
     width: 192px;
     height: 46px;
     line-height: 46px;
     background: #2cbfd0;
     color: #fff;
     font-size: 18px;
     border: 1px solid #17aabb;
     border-radius: 5px;
     text-align: center;
     cursor: pointer;
 }

 .import_btn {
     float: right;
     width: 192px;
     height: 46px;
     line-height: 46px;
     background: #149cd9 url(../images/data2.png) 126px center no-repeat;
     color: #fff;
     font-size: 18px;
     border: 1px solid #149cd9;
     border-radius: 5px;
     text-indent: 50px;
 }

 .import {
     padding: 80px 0;
 }

 .journal_ul {
     margin: 0 0 0 -53px;
     padding-left: 14px;
 }

 .journal_ul li {
     float: left;
     margin: 0 0 30px 53px;
     width: 255px;
 }

 .journal_img {
     display: block;
     width: 255px;
     height: 359px;
     overflow: hidden;
     text-align: center;
 }

 .journal_img img {
     width: 255px;
     height: 359px;
     overflow: hidden;
     transition: all 1s ease 0s;
 }

 .journal_tit {
     display: block;
     font-size: 18px;
     transition: all 0.5s ease 0s;
     font-weight: bold;
     height: 68px;
     line-height: 68px;
     text-align: center;
 }

 .journal_ul li:hover .journal_tit {
     color: #34bcca;
     transition: all 0.5s ease 0s;
 }

 .journal_ul li:hover .journal_img img {
     transition: all 1s ease 0s;
     transform: scale(1.1);
 }

 .balk {
     position: fixed;
     display: none;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background: url(../images/signbj.png) left center repeat;
     z-index: 99;
 }

 .sign {
     position: fixed;
     display: none;
     left: 50%;
     top: 50%;
     width: 444px;
     height: 444px;
     margin: -222px 0 0 -222px;
     background: #fff;
     border-radius: 10px;
     z-index: 9999;
 }

 .close {
     position: absolute;
     right: -34px;
     top: -23px;
     background: url(../images/close.png) left center no-repeat;
     width: 34px;
     height: 34px;
     display: block;
 }

 .sign_tile {
     background: url(../images/sign1.png) left center no-repeat;
     height: 67px;
     line-height: 67px;
     width: 100%;
     text-align: center;
     color: #fff;
     font-weight: bold;
     font-size: 26px;
 }

 .sign_form {
     padding: 32px 56px 0;
 }

 .sign_div {
     margin-bottom: 16px;
     border: 1px solid #d9d9d9;
     height: 50px;
     border-radius: 50px;
     width: 100%
 }

 .sign_em {
     float: left;
     display: block;
     padding-right: 14px;
     text-align: right;
     box-sizing: border-box;
     height: 50px;
     line-height: 47px;
     width: 67px;
     background: url(../images/headline.jpg) right center no-repeat;
 }

 .sign_txt {
     float: left;
     width: 258px;
     height: 50px;
     line-height: 50px;
     border: none;
     background: none;
     overflow: hidden;
     box-sizing: border-box;
     padding: 0 0 0 18px;
     font-size: 14px;
     color: #b2b2b2
 }

 .sign_sub {
     background: #37bbca;
     width: 100%;
     height: 50px;
     line-height: 50px;
     color: #fff;
     text-align: center;
     border: 1px solid #37bbca;
     font-size: 18px;
     border-radius: 50px;
 }

 .sign_he .sign_div {
     width: 202px;
     float: left;
 }

 .sign_he .sign_txt {
     width: 120px;
 }

 .code_img {
     float: right;
     height: 52px;
     line-height: 52px;
     width: 110px;
     display: block;
 }

 .password {
     font-size: 14px;
     color: #37bbca;
     height: 56px;
     line-height: 56px;
     display: block;
     overflow: hidden;
 }

 .code_zi {
     font-size: 12px;
     background: #f6f6f6;
     color: #acacac;
     width: 110px;
     height: 32px;
     line-height: 32px;
     margin-top: 12px;
     text-align: center;
     margin-left: 10px;
     border-radius: 5px;
     float: left;
     display: block;
 }

 .forget {
     font-size: 14px;
     height: 56px;
     color: #0a0a0a;
     line-height: 56px;
     display: block;
     overflow: hidden;
 }

 .forget a {
     font-size: 14px;
     color: #37bbca;
     margin-right: 12px;
 }

 .reg {
     padding: 84px 0 182px 0;
 }

 .reg_inner {
     background: #fff url(../images/regbj.jpg) right bottom no-repeat;
     padding: 66px 50px 0;
     box-sizing: border-box;
     width: 1030px;
     height: 674px;
     margin: 0 auto;
     border-radius: 5px;
 }

 .reg_title {
     position: relative;
     height: 50px;
     line-height: 50px;
     margin-bottom: 42px;
 }

 .reg_en {
     font-size: 40px;
     display: block;
     height: 50px;
     line-height: 50px;
     text-align: center;
     text-transform: uppercase;
     color: #e8f6fa;
 }

 .reg_cn {
     font-weight: bold;
     color: #00b8cd;
     font-size: 30px;
     width: 100%;
     text-align: center;
     position: absolute;
     left: 0;
     top: -12px;
 }

 .reg_div {
     margin-bottom: 16px;
     height: 48px;
     overflow: hidden;
 }

 .casket {
     float: left;
     width: 465px;
 }

 .reg_em {
     display: block;
     height: 48px;
     line-height: 48px;
     float: left;
     overflow: hidden;
     font-size: 14px;
     text-align: right;
     width: 90px;
 }

 .xing {
     color: #d20000;
     margin: 6px 6px 0 0px;
 }

 .reg_txt {
     display: block;
     float: left;
     width: 359px;
     padding: 0 26px;
     font-size: 14px;
     color: #d0d2d4;
     margin-left: 12px;
     box-sizing: border-box;
     height: 46px;
     line-height: 46px;
     border: 1px solid #dcdcdc;
     border-radius: 46px;
 }

 .obtain {
     display: block;
     float: left;
     color: #fff;
     background: #37bbca;
     border-radius: 5px;
     width: 88px;
     height: 32px;
     line-height: 32px;
     text-align: center;
     margin: 6px 0 0 16px;
 }

 .reg_code {
     width: 196px;
 }

 .reg_sub {
     width: 359px;
     margin-left: 102px;
 }

 .accounts {
     font-size: 14px;
     height: 50px;
     line-height: 50px;
     margin-left: 102px;
     color: #898888
 }

 .accounts a {
     color: #37bbca;
     margin-left: 12px;
 }

 .reg_check {
     width: 18px;
     height: 18px;
     border: 1px solid #d2d2d2;
     display: block;
     float: left;
     margin-right: 10px;
 }

 .read_inner {
     float: left;
     height: 20px;
     line-height: 20px;
     font-size: 14px;
     color: #666666
 }

 .read_inner a {
     color: #37bbca;
 }

 .read {
     margin-left: 102px;
 }

 .bar-months {
     background: #f4f4f4;
     height: 54px;
     width: 970px;
     float: left;
     border-radius: 5px;
     border: 1px solid #e2e2e4;
 }

 .month-item {
     width: 7.64%;
     transition: all 0.5s ease 0s;
     cursor: pointer;
     background: url(../images/ass2.jpg) center 13px no-repeat;
     float: left;
     padding: 0 5px;
     box-sizing: border-box;
     text-align: center;
     font-size: 14px;
     color: #696969;
 }

 .month-item i {
     display: block;
     transition: all 0.5s ease 0s;
     width: 27px;
     height: 2px;
     background: #d4d4d4;
     margin: 13px auto 0;
 }

 .month-item em {
     display: block;
     transition: all 0.5s ease 0s;
     height: 53px;
     line-height: 53px;
 }

 .month-item:hover {
     background: #fff url(../images/ass1.jpg) center center no-repeat;
     box-shadow: 0 0 10px #e0e0e0;
     width: 8.32%;
     height: 58px;
     margin-top: -2px;
     transition: all 0.5s ease 0s;
 }

 .month-item:hover em {
     height: 58px;
     line-height: 58px;
     transition: all 0.5s ease 0s;
     color: #000000
 }

 .bar {
     float: right;
     width: 160px;
 }

 .news_data {
     padding: 36px 0 44px 0;
 }

 .bar {
     background: #f4f4f4;
     height: 54px;
     line-height: 54px;
     border-radius: 5px;
     border: 1px solid #e2e2e4;
     box-sizing: border-box;
 }

 .bar-year-label {
     float: left;
     width: 56px;
     font-size: 15px;
     text-align: center;
     border-right: 1px solid #e2e2e4;
     box-sizing: border-box;
 }

 .bar-year {
     float: left;
     display: inline-block;
     width: 98px;
     height: 52px;
     line-height: 52px;
     text-align: center;
     border: none;
     color: #262626;
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     outline: 0;
     font-size: 15px;
     font-weight: 500;
     background-color: #f5f5f5;
     background-image: url(../images/jiao.jpg);
     background-repeat: no-repeat;
     background-size: 1.125rem auto;
     background-position: 84% 50%;
     text-indent: 20px;
     box-sizing: border-box;
 }

 .nav_inner {
     display: none;
 }

 .oper_phone {
     display: none;
 }

 .bdsharebuttonbox {
     text-align: center !important;
     width: 100% !important;
     height: 40px !important;
     line-height: 40px !important;
 }

 .bdsharebuttonbox a {
     display: inline-block !important;
     float: none !important;
 }

 .banner_float {
     position: absolute;
     left: 0;
     bottom: 0;
     z-index: 999999;
 }

 .ass .column_ul {
     float: left;
 }

 .meeting {
     display: block;
     float: right;
     width: 110px;
     height: 30px;
     line-height: 30px;
     background: #fe9c17 url(../images/ass1.png) 17px center no-repeat;
     border: 1px solid #f19112;
     border-radius: 5px;
     color: #fff;
     font-size: 14px;
     font-weight: bold;
     text-indent: 40px;
 }

 .asstit {
     display: block;
     font-size: 24px;
     padding-top: 25px;
     font-weight: bold;
     height: 62px;
     line-height: 62px;
     margin-bottom: 30px;
     background: url(../images/assbj.jpg) left bottom no-repeat;
 }

 .mess_see {
     width: 190px;
     height: 46px;
     line-height: 46px;
     background: #1fc4d7 url(../images/ass1.png) 41px center no-repeat;
     display: block;
     border: 1px solid #17aabb;
     border-radius: 5px;
     color: #fff;
     font-size: 20px;
     font-weight: bold;
     text-indent: 72px;
 }

 .ass_inner {
     margin-bottom: 40px;
 }

 .meet_div {
     margin-bottom: 18px;
 }

 .meet_em {
     display: block;
     float: left;
     height: 42px;
     line-height: 42px;
     font-size: 16px;
     color: #4f5863;
     width: 150px;
     margin-right: 16px;
     text-align: right;
 }

 .meet_xing {
     margin-right: 5px;
     color: #ed0000;
 }

 .meet_txt {
     display: block;
     float: left;
     width: 800px;
     height: 40px;
     line-height: 40px;
     border: 1px solid #d9d9d9;
     padding: 0 15px;
     font-size: 14px;
     color: #999999;
 }

 .meet_member {
     width: 504px;
     float: left;
 }

 .meet_member .meet_txt {
     width: 298px;
 }

 .sex_i {
     font-size: 16px;
     margin: 0 20px 0 5px;
 }

 .sex {
     height: 42px;
     line-height: 42px;
 }

 .sex_radio {
     margin-top: -6px;
 }

 .meetadd {
     font-size: 14px;
     margin: 0 0 18px 166px;
     color: #fff;
     width: 115px;
     height: 34px;
     line-height: 34px;
     background: #37bbca;
     display: block;
     text-align: center;
     border-radius: 5px;
 }

 .meet_to,
 .traffic {
     margin-bottom: 20px;
     border-bottom: 1px solid #e7e8ea
 }

 .sex_airport {
     width: 100%;
 }

 .meet_sub {
     float: right;
     width: 193px;
     height: 46px;
     line-height: 46px;
     color: #fff;
     text-align: center;
     border-radius: 5px;
     border: 1px solid #17aabb;
     background: #21c4d6;
     font-size: 18px;
     font-weight: bold;
     display: block;
 }

 .meet_see {
     float: right;
     width: 193px;
     height: 44px;
     line-height: 44px;
     color: #fff;
     text-align: center;
     border-radius: 5px;
     border: 1px solid #fd8b38;
     margin-right: 14px;
     background: #fd8b38;
     font-size: 18px;
     display: block;
 }

 .meet_btn {
     padding: 30px 0;
 }

 .infroul li a {
     text-align: left;
     text-indent: 16px;
 }

 .meet_end {
     float: right;
     width: 150px;
     height: 36px;
     line-height: 36px;
     color: #fff;
     text-align: center;
     border-radius: 5px;
     border: 1px solid #3983cf;
     margin: 6px 14px 0 0;
     background: #3983cf;
     font-size: 14px;
     display: block;
 }

 .meet_mon {
     text-align: right;
     font-size: 16px;
 }

 .meet_orgen {
     font-size: 30px;
     font-weight: bold;
     color: #ff7200
 }

 .pay {
     position: fixed;
     left: 50%;
     top: 50%;
     z-index: 999;
     width: 1046px;
     height: 552px;
     border-radius: 10px;
     background: #fff;
     margin: -276px 0 0 -523px;
     border: 1px solid #38bdcc;
 }

 .pay_title {
     font-size: 30px;
     font-weight: bold;
     color: #fff;
     height: 78px;
     border-radius: 10px 10px 0 0;
     line-height: 78px;
     display: block;
     text-align: center;
     background: #38bdcc url(../images/sign1.png) left center repeat;
 }

 .pay_inner {
     padding: 66px 76px 0 135px;
 }

 .paytit {
     display: block;
     font-size: 24px;
     font-weight: bold;
     color: #27bfd1;
     height: 44px;
     line-height: 44px;
     margin-bottom: 44px;
 }

 .pay_ul li {
     float: left;
     margin: 0 105px 48px 0;
     width: 194px;
 }

 .pay_radio {
     margin: 15px 26px 0 0;
     float: left;
 }

 .pay_img {
     display: block;
     float: left;
     height: 42px;
     line-height: 42px;
     overflow: hidden;
 }

 .pay_ul {
     width: 650px;
 }

 .defray {
     text-align: center;
     padding-top: 128px;
 }

 .def_tit {
     height: 46px;
     line-height: 46px;
     font-size: 36px;
     color: #27bfd1;
     font-weight: bold;
 }

 .def_tit img {
     margin-right: 28px;
 }

 .def_div {
     height: 70px;
     line-height: 70px;
     padding-left: 50px;
     font-size: 16px;
 }

 .def_div a {
     color: #27bfd1;
 }

 .service_info {
     margin: 0 auto;
     border-radius: 10px;
     box-shadow: 0 0 10px #eeeeef;
     width: 1046px;
     background: #fafdff;
     padding: 0 60px;
     box-sizing: border-box;
 }

 .ser_tit {
     text-align: center;
     padding: 70px 0 28px 0;
     border-bottom: 1px solid #e7e8ea;
     margin-bottom: 34px;
 }

 .societ_i {
     font-size: 36px;
     font-weight: bold;
     display: block;
     height: 54px;
     line-height: 54px;
 }

 .ser_table {
     font-size: 30px;
     display: block;
     height: 48px;
     line-height: 48px;
 }

 .service {
     padding-top: 50px;
 }

 .zhu {
     font-size: 16px;
     color: #d40000;
     height: 36px;
     line-height: 36px;
     overflow: hidden;
     margin-bottom: 30px;
 }

 .blue {
     font-size: 14px;
     color: #37bbca
 }

 .ser_form .meet_em {
     width: 100px;
     color: #4f5863;
 }

 .ser_form .meet_txt {
     width: 808px;
     font-size: 14px;
     color: #999999;
     box-sizing: border-box;
 }

 .ser_form .meet_member .meet_txt {
     width: 345px;
 }

 .ser_form .meet_member {
     width: 463px;
 }

 .ser_div {
     padding-bottom: 26px;
     border-bottom: 1px solid #e7e8ea
 }

 .ser_head {
     font-size: 20px;
     font-weight: bold;
     color: #37bbca;
     height: 40px;
     line-height: 40px;
     padding: 30px 0 12px 30px;
     display: block;
 }

 .yield_tit {
     font-size: 14px;
     height: 42px;
     line-height: 42px;
     overflow: hidden;
     color: #4f5863;
     float: left;
     width: 100px;
     display: block;
 }

 .yield_txt {
     display: block;
     float: left;
     height: 40px;
     line-height: 40px;
     width: 268px;
     background: #f7f7f7;
     border: 1px solid #d8d8d8;
     padding: 0 10px;
     box-sizing: border-box;
 }

 .yield {
     float: left;
 }

 .yield_right {
     margin-right: 70px;
 }

 .yield_chan .yield_tit {
     width: 112px;
     text-align: center;
 }

 .yield_chan .yield_txt {
     width: 148px;
 }

 .yield_center {
     margin: 0 13px;
 }

 .out {
     padding-bottom: 30px;
 }

 .meet_area {
     float: left;
     width: 808px;
     font-size: 14px;
     color: #999999;
     box-sizing: border-box;
     resize: none;
     display: block;
     line-height: 24px;
     border: 1px solid #d9d9d9;
     padding: 15px;
     height: 178px;
 }

 .look {
     font-size: 14px;
     text-align: right;
     color: #9ea3a9;
     height: 50px;
     line-height: 50px;
     clear: both;
 }

 .serul {
     height: 70px;
     overflow: hidden;
     background: #f2f5f8;
     margin-bottom: 20px;
 }

 .serul li {
     display: inline-block;
     margin-left: 20px;
     height: 70px;
     line-height: 70px;
     overflow: hidden;
     font-size: 14px;
 }

 .serul li img {
     margin-right: 8px;
 }

 .applysee {
     display: block;
     float: right;
     width: 113px;
     text-indent: 13px;
     height: 32px;
     line-height: 32px;
     font-size: 14px;
     color: #fff;
     border-radius: 5px;
     margin-bottom: 60px;
     background: #e30810 url(../images/ser5.png) 86px center no-repeat;
     border: 1px solid #cc0000
 }

 .member {
     width: 723px;
     margin: 0 auto
 }

 .user_tit {
     font-size: 24px;
     margin-bottom: 32px;
     text-align: center;
     font-weight: bold;
     color: #37bbca;
     display: block;
     border-bottom: 1px solid #eeeeee;
     height: 100px;
     line-height: 100px;
 }

 .user_div {
     margin-bottom: 16px;
 }

 .user_form {
     padding: 0 0 0 130px;
 }

 .user_em {
     display: block;
     float: left;
     height: 48px;
     line-height: 48px;
     font-size: 14px;
     width: 80px;
     text-align: right;
     margin-right: 10px;
 }

 .user_txt {
     display: block;
     float: left;
     height: 46px;
     line-height: 46px;
     border-radius: 46px;
     font-size: 14px;
     padding: 0 20px;
     box-sizing: border-box;
     width: 356px;
     background: #f9f9f9;
     border: 1px solid #dcdcdc
 }

 .modify {
     font-size: 14px;
     font-weight: bold;
     display: block;
     color: #fff;
     width: 102px;
     height: 32px;
     line-height: 32px;
     background: #37bbca;
     border: 1px solid #37bbca;
     text-align: center;
     border-radius: 5px;
     margin-left: 334px;
 }

 .payment {
     padding: 60px 0 0 426px;
 }

 .pay_meb {
     font-size: 24px;
     height: 40px;
     line-height: 40px;
     margin-bottom: 20px;
 }

 .pay_sub {
     background: #20c4d6;
     width: 212px;
     text-align: center;
     height: 50px;
     line-height: 50px;
     color: #fff;
     font-size: 18px;
     border-radius: 5px;
     border: 1px solid #17aabb;
     display: block;
 }

 .payi {
     color: #37bbca
 }

 .record_title {
     display: block;
     text-align: center;
     font-size: 24px;
     font-weight: bold;
     height: 90px;
     line-height: 90px;
     color: #37bbca
 }

 .record_div {
     padding: 36px;
     border: 1px solid #34bcca;
     border-radius: 5px;
 }

 .record_head {
     background: #37bbca;
     height: 48px;
     margin-bottom: 10px;
     line-height: 48px;
     overflow: hidden;
     border-radius: 5px;
 }

 .record_i {
     display: block;
     float: left;
     width: 25%;
     text-align: center;
     box-sizing: border-box;
     border-right: 2px solid #6ecdd6;
     font-size: 18px;
     color: #fff;
     height: 48px;
     line-height: 48px;
     overflow: hidden;
 }

 .record_i:nth-last-child(1) {
     border: none;
 }

 .record_ul li {
     margin-bottom: 10px;
     height: 48px;
     overflow: hidden;
     background: #effaff;
     border-radius: 5px;
 }

 .record_time {
     border-right: 2px solid #f2fafd;
     width: 25%;
     float: left;
     box-sizing: border-box;
     display: block;
     text-align: center;
     height: 48px;
     line-height: 48px;
     overflow: hidden;
     font-size: 14px;
 }

 .record_time a {
     color: #0b54e6
 }

 .saltul {
     margin: 0 0 26px -40px;
 }

 .saltul li {
     float: left;
     margin: 0 0 0 40px;
     width: 290px;
     height: 99px;
     overflow: hidden;
 }

 .message {
     padding-bottom: 50px;
     width: 889px;
     margin: 0 auto
 }

 .mess_txt {
     border: none;
     background: #f2f3f5;
     font-size: 14px;
     padding: 0 10px;
     box-sizing: border-box;
     width: 100%;
     height: 40px;
     line-height: 40px;
 }

 .mess_em {
     display: block;
     height: 58px;
     line-height: 58px;
     overflow: hidden;
     font-size: 20px;
 }

 .mess_box {
     margin-bottom: 20px;
 }

 .i_shao {
     font-size: 14px;
     color: #999999;
     padding-left: 10px;
 }

 .mess_name {
     display: block;
     height: 40px;
     line-height: 40px;
     font-size: 14px;
     color: #999999;
 }

 .mess_wrap {
     float: left;
     width: 430px;
     margin-right: 24px;
 }

 .name_txt {
     border: none;
     background: #f2f3f5;
     font-size: 14px;
     padding: 0 10px;
     box-sizing: border-box;
     width: 100%;
     height: 40px;
     line-height: 40px;
 }

 .mess_wrap:nth-last-child(1) {
     margin: 0;
 }

 .mess_area {
     border: none;
     background: #f2f3f5;
     padding: 10px;
     font-size: 14px;
     box-sizing: border-box;
     width: 100%;
     height: 190px;
     line-height: 24px;
     resize: none;
 }

 .mess_right {
     float: right;
     padding-top: 52px;
 }

 .mess_sub {
     display: block;
     width: 188px;
     height: 52px;
     background: url(../images/mess.png) no-repeat 155px center;
     color: #575757;
     transition: all 0.5s ease 0s;
     text-align: left;
     line-height: 52px;
     border: 1px solid #575757;
     text-indent: 20px;
     font-size: 16px;
 }

 .mess_sub:hover {
     background: url(../images/mess1.png) no-repeat 155px center;
     color: #b02a2f;
     border: 1px solid #b02a2f;
     transition: all 0.5s ease 0s;
 }

 .mess_code {
     border: 1px solid #cfd8dc;
     height: 44px;
     overflow: hidden;
 }

 .mess_yz {
     height: 44px;
     line-height: 44px;
     border: none;
     background: none;
     width: 149px;
     padding: 0 10px;
     color: #cfd8dc;
     font-size: 16px;
     float: left;
 }

 .yz_img {
     float: left;
     border-left: 1px solid #cfd8dc;
 }

 .mess_comp {
     font-size: 30px;
     display: block;
     height: 50px;
     line-height: 50px;
     overflow: hidden;
     margin-bottom: 38px;
 }

 .mess_left {
     float: left;
 }

 .menuBg {
     position: absolute;
     top: 55px;
     right: 10px;
     z-index: 2;
     display: none;

 }


 .menuBtn img {
     margin: 6px auto 10px
 }

 .mBtnLine {
     font-size: 0;
     width: 20px;
 }

 .mBtnLine span {
     display: inline-block;

     vertical-align: top
 }

 .mBtnLine span:nth-child(2) {
     margin: -4px 3px 0
 }

 .mBtnLine span {
     width: 100%;
     height: 2px;
     background: #004ea2
 }

 .mBtnLine span:nth-child(2) {
     margin: 5px 0;
     width: 80%
 }

 .logoanv {
     float: left;
 }

 .navBg {
     position: fixed;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     z-index: 3;
     background: #222;
     background: rgba(34, 34, 34, .9);
     opacity: 0;
     transition: all .5s ease 0s;
     transform: translate(-100%, 0);
     display: none;
 }

 .navBg.active {
     opacity: 1;
     transform: translate(0, 0);
     z-index: 9999;

 }

 .navTop {
     position: relative;
     z-index: 1;
     padding: 15px 10px;
     overflow: hidden;

 }

 .navClose {
     float: right;
     width: 30px;
     height: 30px;
     cursor: pointer;
     margin-right: -9px;
 }

 .navClose span {
     display: block;
     width: 100%;
     height: 1px;
     background: #FFF;
     transform-origin: left center
 }

 .navClose span:first-child {
     transform: rotate(45deg)
 }

 .navClose span:last-child {
     margin-top: 20px;
     transform: rotate(-45deg)
 }

 .navBot {
     position: absolute;
     top: 80px;
     right: 0;
     bottom: 0;
     left: 0;
     overflow: hidden;

     height: 100%
 }

 .navList {
     overflow: hidden;
     height: 100%
 }

 .navList li {
     width: 50%;
     float: left;
     height: auto;
     opacity: 0;
     transition: all .5s ease 0s;
     transform: translate(0, 50px)
 }

 .navList li a {
     display: block;
     padding: 10px;
     border: none;
     border-bottom: 1px solid rgba(255, 255, 255, .08);
     color: #fff;
     font-size: 16px;
     text-align: center;
 }



 .navList li a:hover {
     padding-left: 10%;
     color: #da0502
 }

 .active .navList li {
     opacity: 1;
     transform: translate(0, 0)
 }

 .active .navList li {
     transition-delay: .3s
 }

 .public_ul1,
 .public_ul2 {
     display: none;
 }

 .expect_ball {
     width: 100%;
     display: none;
     z-index: 99;
     height: 100%;
     position: fixed;
     left: 0;
     top: 0;
     background: url(../images/build3.png) repeat left center;
 }

 .expect {
     position: fixed;
     display: none;
     z-index: 999;
     left: 50%;
     top: 50%;
     width: 445px;
     height: 445px;
     margin: -222.5px 0 0 -222.5px;
 }

 .exp_close {
     display: block;
     position: absolute;
     right: -34px;
     top: -27px;
     background: url(../images/build2.png) no-repeat left center;
     width: 34px;
     height: 34px;
 }

 .home_top {
     position: fixed;
     right: 2%;
     width: 58px;
     height: 58px;
     display: block;
     top: 70%;
     background: url(../images/top.jpg) no-repeat left center;
 }

 .home_see {
     position: fixed;
     right: 2%;
     width: 58px;
     height: 58px;
     display: block;
     top: 70%;
     background: url() no-repeat left center;
 }

 .index_foot .home_see {
     display: none;
 }