@charset "utf-8";
/*rest-css */
html,body,ul,li,ol,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,form,fieldset,legend,img{margin:0;padding:0;}
fieldset,img{border:none; }
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
ul,ol{list-style:none;}
em,i{font-style:normal;}
input{padding-top:0;padding-bottom:0;font-family: "\5FAE\8F6F\96C5\9ED1","\5b8b\4f53","SimSun";}
input::-moz-focus-inner{border:none; padding:0;}
select,input{vertical-align:middle;}
select,input,textarea{font-size:12px;margin:0;}
input[type="text"],input[type="password"],textarea{outline-style:none;-webkit-appearance:none;}
textarea{resize:none;}
table{border-collapse:collapse;}
body{color:#181818;padding:0;font:12px/20px "\5FAE\8F6F\96C5\9ED1","\5b8b\4f53","SimSun";text-align:left;background:#F9FDFF;}
body>div{text-align:left;}
a{text-decoration:none;}
/* a:visited {color:#fff;} */
/* a:link {color:#fff;} */
a:hover{text-decoration:none;}
.clearfix:after{content:".";display:block;height:0;visibility:hidden;clear:both;}
.clearfix{zoom:1;}
.clear{clear:both;height:0; font-size:0;overflow:hidden;}
.fl{float:left;}
.fr{float:right;}
.nomr{margin-right:0 !important;}

/*fonts*/
.st{font-family:"\5b8b\4f53";}
.wr{font-family:"\5FAE\8F6F\96C5\9ED1";}
.f1{font-size:12px;}
.f2{font-size:14px;}
.f3{font-size:16px;}
.f4{font-size:18px;}
.f5{font-size:20px;}
.f6{font-size:22px;}
.f7{font-size:24px;}
.f8{font-size:26px;}
.f9{font-size:28px;}

/*colors*/
.c1{color:#fff;}
.c2{color:#2153FA;}
.c3{color:#000000;}
.c4{color: rgba(44, 62, 81, 1);}
.c5{ color: #06060C;}
.c6 {color: #385CB5}

/*backgrounc-colors*/
.bc1{background-color: rgba(56, 92, 181, 1);}
.bc2{background-color:#ffffff;}
.bc3{background-color:#F9F9F9;}
.bc4{background-color: #1D52D6;;}
.tl{text-align:center;}
.fb{font-weight:bold;}
.fn{font-weight:normal;}

/*globals*/
.w1{width:1200px;margin-left:auto;margin-right:auto;}
.w2{width:1200px;margin-left:auto;margin-right:auto;}
.auto{margin-left:auto;margin-right:auto;}
.mt1{margin-top:5px;}
.mt2{margin-top:10px;}
.mt3{margin-top:15px;}
.mt4{margin-top: 20px !important;;}
.mb6 { margin-bottom: 30px;}

/*globals*/
.w1{width:1200px;margin-left:auto;margin-right:auto;}

.cover {
    min-width: 1700px;
    overflow: hidden;
}

/*contentpage*/
/* .top { height: 340px; background: url(../images/img/top_bg.png) 100% no-repeat;background-size: 100% 100%;} */
.top { height: 340px; width: 100%}
.top img{ width: 100%; height: 100%;}
.top .login_link{cursor: pointer; width: 120px;height: 35px; line-height: 32px; text-align:center; border: 1.5px solid #2153FA; border-radius: 20px;  position: absolute; top: 26px; right: 140px;}
.top .login_link a { color: #2153FA;}
.top .login_link a:hover{opacity: .7; color: #2153FA;}

.nav {width: 100%; height: 50px;}
.nav .nav_ul { width: 1200px; height: 50px; margin: 0 auto;}
.nav .nav_ul li { float: left; width: 170px; text-align: center; line-height: 50px; font-size: 18px; color: #fff; font-weight: 600; position: relative; }
.nav .nav_ul li a{ color: #fff; font-weight: 600; position: relative; }
.nav .nav_ul li::after {content: '';width: 1px;height: 30px;background-color:rgba(255,255,255,0.4);;position: absolute;top: 10px;right: 0;}
.nav .nav_ul li:last-child::after{ display: none;}
.nav .nav_ul li:hover{background-color:rgba(255,255,255,0.2);}

/* site */
.site { height: 50px; margin: 0 30px 30px 30px; border-left: 4px solid #2153FA; font-size: 18px; line-height: 50px; }
.site span { margin-right:10px;}
.site img {float: left;width: 23px;height: 30px; margin: 10px 20px;}

/* search */
.select-container { margin-left: 175px; font-size: 16px; line-height: 40px; position: relative;}
.select-box { width:180px;padding:5px 0;border:1px solid #ccc;position:absolute;left:-1px;top:28px;/*overflow-y:auto;*/display:none; background:#fff;}
.select_div{width: 180px; height: 40px;background: rgba(255,255,255,0.3);border: 2px solid #385CB5;position:relative;cursor:pointer; margin-left: 20px; margin-right: 30px;}
.select_div select { outline: none; border: none; font-size: 16px; padding: 0 25px; margin-top: -6px }
.select_value{ width: 140px; height: 40px; overflow: hidden; font-size: 18px; line-height: 50px; padding: 0 20px; background:url('../../images/v3/img/xl.png') no-repeat 150px center;}
.select_list{ z-index: 88; width:180px; border:1px solid #ccc;position:absolute;display:none;background:#fff; left: 0; box-shadow: 0 2px 10px rgba(208, 218, 255, .2);max-height: 140px;overflow-y: scroll;}
.select_option{padding:0 10px;cursor:pointer; margin: 1px 20px;line-height: 35px; font-size: 16px;}
.select_option:hover{color:#385CB5;}

.search-container {    width: 540px;
    height: 40px;
    border: 2px solid #385BB5;
    margin: 20px auto;
    overflow: hidden;}
.search-box {width: 390px; height: 30px; border: 1px solid #fff; font-size: 16px; margin: 0 20px; background-color: #fff; }
.search-button {width: 100px; height: 36px; border: none; background-color: #385BB5; color: white; cursor: pointer; text-align: center; line-height: 36px;}


.block_main{background: url(../../images/v3/img/bg.png)100% no-repeat; background-size: 100% 100%;}
.block_main2{background: url(../../images/v3/img/bg-2.png)100% no-repeat; background-size: 100% 100%;}
.block_main3{background: url(../../images/v3/img/bg-3.png)100% no-repeat; background-size: 100% 100%;}

.main { width: 1200px; min-height: 500px; margin: 0 auto; margin-bottom: 20px; }
.main_cover { padding-top: 30px;}

.main_cover_ul { margin: 0 30px;}
.main_cover_ul li { height: 50px; border-bottom: 1px solid #F2F2F2; font-size: 14px; line-height: 50px; position: relative;}
.main_cover_ul li .title { padding-left: 30px;}
.main_cover_ul li .title::after { content: ''; width: 6px; height: 6px; border-radius: 50%; background-color: #839DFF; position: absolute; left: 10px; top: 25px;}

.main_cover_ul .tables { width: 100%; border: 1px solid #F2F2F2;}
.main_cover_ul .tables th { height: 50px; border-bottom: 1px solid #F2F2F2; background-color: #F5F8FF; color: #2153FA; font-size: 16px; padding-left: 30px;}
.main_cover_ul .tables td { height: 50px; border-bottom: 1px solid #F2F2F2; font-size: 14px; line-height: 50px; position: relative; padding-left: 30px;}

.box-title { height: 50px; margin-bottom: 30px; position: relative; border-bottom: 1px solid #BEBEBE;}
.box-title span {  display: inline-block; background-color: #385BB5; color: #fff; position: relative;  width: 140px; height: 50px;  line-height: 50px;  text-align: center;}
.look-more { line-height: 50px; color: #000 !important;  margin-right: 30px;}
.box-title span:after { content: '';  position: absolute; bottom: -1px; right: -30px; border: 15px solid green; border-top-color: #d9d9d9; border-right-color: transparent;border-bottom-color: transparent; border-left-color: #d9d9d9;}

/*partA*/
.partA{padding:30px;}
.partAL{ width:637px; height:380px;position:relative;overflow:hidden; border: 1px solid #f2f2f2;}
.partAL #kinMaxShow .KMSPrefix_kinMaxShow_button li{width:10px;height:10px;border:none;background:#000; border-radius: 50%;}
.partAL #kinMaxShow .KMSPrefix_kinMaxShow_button li.KMSPrefix_kinMaxShow_focus{border:none;background:#fff; border-radius: 50%;}
.partAL #kinMaxShow p.title{ position:absolute; left:0; bottom:0; text-indent:10px; line-height:50px;font-family:Verdana; color:#FFF; display:block;width:100%; height:50px; font-size: 18px;filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#aa000000,endcolorstr=#aa000000);background:rgba(0,0,0,0.5);}
.partAL #kinMaxShow .KMSPrefix_kinMaxShow_button {bottom:17px;list-style: none outside none; overflow: hidden; position: absolute;right:30px; z-index:2;}
.partAR{ width:460px; float: left; margin-left: 30px;}
.partAR .box-table {border-bottom: 1px solid #EFEFEF; height: 30px; overflow: hidden; }
.partAR .box-table ul { height: 30px; float: left;}
.partAR .box-table ul li {float: left; height: 30px;  font-size: 18px; color: #363534; margin-right: 30px; cursor: pointer; padding: 0 10px;}
.partAR .box-table .more { line-height: 26px; color: #000 !important;}
.partAR .box-table ul .active {height: 28px; border-bottom: 3px solid #063BFB; color: #063BFB;}
.partAR h5{ height:64px; line-height:64px; font-size:20px; color:#005aaa; }
.partAR_ul li  {width: 474px;height: 45px;margin-top: 25px;}
.partAR_title { width: 302px; height: 45px; margin-left: 10px; display: flex; justify-content: space-between; flex-direction: column; }
.group { background-color: rgba(6, 59, 251, 0.5); border-radius: 50%; width: 7px; height: 7px; margin-top: 7px; float: left;}
.partAR_title p { width: 302px; white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis; }
.partAR_title p a{ color: #000;}
.partAR_title p a:hover{ color: rgba(6, 59, 251, 0.8);}

/*partB*/
.partB_ul { padding: 0 0 20px 30px; overflow: hidden;}
.partB_ul li { background: linear-gradient(0deg, #FFFFFF 0%, #F0F7FF 97%); width: 270px;height: 74px; float: left; margin-right: 20px;}
.partB_ul li:last-child { margin-right: 0 !important;}
.partB_ul_group { width: 160px; height: 48px;margin: 26px 0 0 19px; float: left;}
.partB_ul_group_number {height: 21px; font-size: 28px; font-family: D-DIN-PRO; font-weight: bold;color: #06060C;}
.partB_ul_group_title { height: 14px; font-size: 14px; font-family: Source Han Sans CN; font-weight: 500; color: #5A607E; line-height: 21px;margin-top: 10px;}
.partB_ul_image {background-color: rgba(236, 243, 253, 1); border-radius: 50%; height: 59px; width: 59px; float: right; margin-top: 20px; margin-right: 20px;}
.partB_ul_image img {width: 24px;height: 24px;margin: 18px 0 0 18px;}


/*partC*/
.partC { padding-bottom: 30px;}
.partC_ul { padding: 0 0 20px 30px; overflow: hidden;}
.partC_ul li {width: 330px; height: 206px; background-color: rgba(208, 218, 255, .2); float: left; margin-right: 20px;}
.partC_ul li.right-arrows {width: 30px; height: 40px; background-color:#fff; margin-top: 83px;}
.partC_ul li:last-child { margin-right: 0 !important;}
.partC_ul_image{width: 88px; height: 88px; display: block; margin: 26px auto 10px; }
.partC_ul li p {text-align: center; margin-top: 10px;}
.partC_add {width: 250px;height: 56px;background: #385CB5; margin: 0 auto; font-size: 25px; text-align: center; line-height: 56px; color: #FFFFFF; cursor: pointer; font-family: Source Han Sans CN;}

/* arrows */
.arrows {float: right; width: 12px;height: 11px;margin-top: 8px; margin-left: 3px;}

/* input-container */
.input-container { width: 900px;height: 360px;margin: 0 auto;}
.input-container .item { overflow: hidden; margin-top: 30px;}
.input-container .item .name {float: left; text-align: right; width: 100px; height: 16px;font-size: 16px;color: #363534; padding: 5px 0;}
.input-container .item .info { width: 760px; float: right; border: 1px solid #F3F3F3; min-height: 25px; padding: 5px 10px; }
.button-container {margin-top:  30px; margin-left: 120px;}
.button-container div {width: 150px;height: 50px; font-size: 18px; text-align: center; line-height: 50px; margin-right: 40px; cursor: pointer;}
.button-container div a {color:#fff}

/* "particulars */
.particulars-cover {min-height: 500px; border: 1px solid #ddd; margin: 0 30px 30px 30px; padding: 15px 20px; overflow: hidden;}
.particulars-top { border-bottom: 1px solid #ddd; padding: 15px 0; }
.particulars-top h2 {font-size: 30px; line-height: 150%; padding: 0 0 5px 0; text-align: center; color: #000; margin-bottom: 30px;}
.particulars-top p {display: inline-block; margin: 0 6px; color: #666; font-size: 14px;}
.particulars-top p span{display: inline-block; margin: 0 10px; color: #666; font-size: 14px;}
.particulars-content {padding: 30px 0; font-size: 16px; line-height: 30px; text-indent:2em;text-align:justify;}
.particulars-page { float: right; line-height: 56px; font-size: 14px;}
.particulars-page a { font-size: 14px;}
.particulars-page a:hover {color: rgba(6, 59, 251, 0.8);}


/* business */
.business { overflow: hidden; width: 1140px; margin: 0 auto;}
.business-cover { overflow: hidden; padding: 50px 0; border-top: 1px solid #f3f2f2;}
.business-cover:first-child{ border-top: 1px solid #fff; padding-top: 0;}
.business-info {width: 510px; float: left; margin-top: 50px;}
.business-info-title {text-align: center;display: flex;align-items: center;justify-content: center;font-size: 32px;font-weight: bold;color: #4182FF;}
.business-info-title .img {height: 30px;margin-bottom: 45px;}
.business-info-intro { line-height: 36px;}
.business-info-btn {width: inherit; margin-top: 95px;}
.business-info-btn a {display: inline-block; width: 180px; height: 50px; margin: 0 30px; line-height: 50px;text-align: center; background: #4182FF; border-radius: 25px; font-size: 18px; color: #FFFFFF;}
.business-pic img { width: 621px;height: 377px; }
.business-pic .message { width: 430px;height: 522px; }



/* footer */
.footer{height:80px;margin-top:18px;}
.friendly h3 {padding-top: 20px;}
.friendly .link{ margin-bottom: 20px; overflow: hidden;}
.friendly .link li { height: 50px; line-height: 50px; font-size: 18px; float: left; text-align: center;}
.friendly .link li span { margin: 0 25px 0px 30px; font-size: 20px;}
.friendly .link li a { margin-right: 40px; color: #fff;}
.footer .copy{font-size: 16px;  letter-spacing: 0px; line-height: 80px; border-top: 1px solid #fff; display: flex; justify-content: center; align-items: center;}
.footer .interval { margin: 0 4px 0 7px;}
.footer .copy .img { width: 20px;margin: 0 10px;}
.footer .copy .img img { width: 100%; height: 100%; object-fit: contain;}

/* follow-box height: 180px;*/
.follow-box {width: 90px; position: fixed;top: 400px;right: 0;box-shadow: 0px 5px 23px 0px rgb(0 0 0 / 5%);background-color: rgba(255, 255, 255, 1);}
.follow-box_mutual {display: block; cursor: pointer; padding: 10px 10px; position: relative;}
.follow-box_mutual:hover { background-color: #385CB5; }
.follow-box_mutual:hover p{ color: #fff !important;}
.follow-box_image-ly { width: 44px; height: 36px; background: url(../../images/v3/img/jyly.png)100% no-repeat; background-size: 100% ; margin: 0 auto;}
.follow-box_image-wx { width: 44px; height: 36px; background: url(../../images/v3/img/wx.png)100% no-repeat; background-size: 100%; margin: 0 auto;}
.follow-box_mutual-ly:hover .follow-box_image-ly{ width: 44px; height: 36px; background: url(../../images/v3/img/jyly-b.png)100% no-repeat; background-size: 100% ; margin: 0 auto;}
.follow-box_mutual-wx:hover .follow-box_image-wx{ width: 44px; height: 36px; background: url(../../images/v3/img/wx-b.png)100% no-repeat; background-size: 100% ; margin: 0 auto;}
.follow-box_mutual-wx:hover .follow-left-box{ display: block;}
.follow-box p {text-align: center; color: #000; }
.follow-left-box { display: none; width: 110px;height: 120px;position: absolute; border: 1px solid #dddddd;left: -120px;top: 0; background-color: #fff;}
.follow-left-box:after {content: '';position: absolute;right: -7px;top: 50%;margin-top: -5px;border-left: 8px solid #fff;border-top: 8px solid transparent;border-bottom: 8px solid transparent;}
.follow-left-box img { width: 88px; height: 88px; margin: 5px 10px 0px 10px;}
.follow-left-box h6 {text-align: center; font-weight: 400;}

/* floating-ad */
.floating-ad {position: fixed; bottom: 10px;  left: 0; width: 300px; height: 150px; z-index: 9999; animation: floatAd 12s linear;}
.floating-ad-close {height: 25px; cursor: pointer;padding-bottom: 5px;}
.floating-ad-content { display: block; width: 300px; height: 125px; background-color: #fff; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); border-radius: 5px; overflow: hidden;}
.floating-ad-content img {width: 300px; max-height: 125px;}
.floating-ad-content p {width: 300px; max-height: 125px;font-size: 14px; padding: 20px; line-height: 24px; color: #000}
@keyframes floatAd { 0% { transform: translateX(600%) translateY(0%);}50% {transform: translateX(280%) translateY(-600%); } 100% {transform: translateX(0) translateY(0);}}


/* pagination */
.pagination {text-align: center;padding: 30px 0px;overflow: hidden;}
.pagination_span {font-weight: 400;margin: 0 20px;}
.pagination_span b{font-weight: 400;}
.pagination-go input {width: 40px;height: 32px;margin: 0 5px;padding-left: 5px;border: 1px solid #d9d9d9;border-radius: 6px;  }
.pagination-go button {margin: 0 0 0 5px;padding: 8px 12px;background: #063BFB;border-radius: 6px;color: #ffffff;font-family: Arial, 'Microsoft YaHei';font-size: 14px;border: none;text-decoration: none;}
.pagination_a {color: #666666 !important;display: inline;padding: 7px 13px;border: 1px solid #DCDCDC;margin: 0px 2px;}
.pagination_cuta,.pagination_a:hover,.pagination_cuta:hover {color: #fff !important;background: #063BFB;border: 1px solid #063BFB;display: inline;padding: 7px 13px;margin: 0px 2px;}