* {outline: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; margin: 0; padding: 0; }
html {-webkit-text-size-adjust: 100%; font-weight: 400;}
body {padding: 0;margin: 0 auto;font-size: 16px; color: #555555; font-family: arial, sans-serif; 
    -webkit-text-size-adjust: none;
    /*取出点击出现半透明的灰色背景*/
    -webkit-tap-highlight: rgba(0,0,0,0);
    /*控制内容的可选择性*/
    /*-webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;*/
}
@media screen and (max-width: 768px) {
	body{ font-size: 14px;}
}
section{ width: 100%; margin: 0; padding: 0;}
input[type="button"],
input[type="submit"],
input[type="reset"] {-webkit-appearance: none;}

.ul,
.ul li{list-style: none;}
table {border-collapse: collapse;border-spacing: 0}
table td {border-collapse: collapse;}
select, input, textarea {font-size: 14px;color: #333;border-radius: 0;-webkit-border-radius: 0;font-family: arial, sans-serif; }
img{border: none;max-width: 100%;vertical-align: middle;}
a {color: #333;text-decoration: none;noline:-webkit-tap-highlight-color:rgba(0,0,0,0);/* 去掉链接触摸高亮 */}
a:hover {color: #0c85e8;text-decoration: none;}
a:focus {color: #000;outline: none;-moz-outline: none;}
a:active {color: #000;}
pre{
    white-space:pre-wrap;
    white-space:-moz-pre-wrap;
    white-space:-pre-wrap;
    white-space:-o-pre-wrap;
    word-wrap:break-word;
    margin:0;
    font-family: arial, sans-serif;
    text-align:justify;
    text-justify:inter-ideograph;
}


.clear {clear: both;height: 0px;overflow: hidden;zoom: 0;}
.clearfix {*zoom:1;}/*IE/7/6*/
.clearfix:after { content:""; display:block; height:0; clear:both; }

.dot{display: block;white-space: nowrap; text-overflow: ellipsis;overflow: hidden;}
/*多行文本省略号*/
.dot2,
.dot3,
.dot4,
.dot5{ display:-moz-box;display:box;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;}
/*2行文本省略号*/
.dot2 {-webkit-line-clamp: 2;}
/*3行文本省略号*/
.dot3 {-webkit-line-clamp: 3;}
/*4行文本省略号*/
.dot4 {-webkit-line-clamp: 4;}
/*5行文本省略号*/
.dot5 {-webkit-line-clamp: 5;}
.Ispic{ background-repeat:no-repeat; background-position:center center; background-size:cover;}
.Isimg{ position: absolute; left: 50%; top: 50%; max-width: 100%; max-height: 100%; transform: translate(-50%,-50%); transition: all .5s ease-in-out;}
.Isimg_2{ position: absolute; left: 0; top: 0; width: 100%;height: 100%; transition: transform .8s ease-in-out;}
/*:before,
:after{ position:absolute; content:'';}*/
:after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.fl{ float: left;}
.fr{ float: right;}
.center{ text-align: center;}

.slick-slider {
    position: relative;
    display: block;
    -webkit-touch-callout: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}
.slick-list {
    position: relative;
    z-index: 1;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list: focus {
    outline: none
}
.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after {
    display: table;
    content: '';
}
.slick-track:after {
    clear: both;
}
.slick-loading .slick-track {
    visibility: hidden;
}
.slick-slide {
    display: none;
    float: left;
    min-height: 1px;
}
[dir = 'rtl'] .slick-slide {
    float: right;
}
.slick-slide .slick-loading img {
    display: none;
}
.slick-slide .dragging img {
    pointer-events: none;
}
.slick-initialized .slick-slide {
    display: block;
}
.slick-loading .slick-slide {
    visibility: hidden;
}
.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow .slick-hidden {
    display: none;
}
.page_btn .slick-arrow{ position: relative; left: 0; top: 0; transform: translateY(0);}
.page_btn .slick-next{ margin-left: 20px;transform: rotate(180deg);}
.slick-arrow{ position: absolute; width: 4.6rem; height: 4.6rem; top: 50%; transform: translateY(-50%); transition: all 0.5s; z-index: 10;  cursor: pointer;  border: none; font-size: 0; border-radius: 100%; border: 1px solid #0c85e8; background-color: transparent;}
.slick-arrow::before{ content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%) rotate(-135deg); width: 1rem; height: 1rem; border: solid #0c85e8; border-width: 2px 2px 0 0; margin-left: 2px;}
.slick-next{ transform: translateY(-50%) rotate(180deg);}

.slick-arrow:hover { background-color: #0c85e8; border-color: #0c85e8;}
.slick-arrow:hover::before{border-color: #fff;}
.slick-prev{ left: -5.5%;}
.slick-next{ right: -5.5%; }
.slick-dots{ position: absolute; left: 0; bottom: 2rem; width: 100%; z-index: 2; text-align: center;}
.slick-dots li{ display: inline-block; width: 3rem; height: .3rem;  background-color: #0c85e8; opacity: .1; margin: 0 3px; cursor: pointer;}
.slick-dots li button{ display: none;}
.slick-dots .slick-active{ opacity: 1;}
@keyframes clock-animation {
    0% {
      stroke-dashoffset: 471;
    }
    100% {
      stroke-dashoffset: 0;
    }
  }
@media screen and (max-width: 1024px) {
    .slick-prev{ left: 0;}
    .slick-next{ right: 0; }
    .slick-arrow{ width: 30px; height: 30px;}
}



.ytable{ display: table; width: 100%; table-layout: fixed;}
.ytable_cell{ display: table-cell; vertical-align: middle;}

.Iscover{ background-repeat: no-repeat; background-position: center; background-size: cover;}
.Iscontain{ background-repeat: no-repeat; background-position: center; background-size: contain;}

select {
    /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
    border: solid 1px #000;
    /*很关键：将默认的select选择框样式清除*/
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    /*在选择框的最右侧中间显示小箭头图片*/
    background: url(http://www.d9cloud.com/cn/images/select.gif) no-repeat scroll 96% center transparent;
    /*为下拉小箭头留出一点位置，避免被文字覆盖*/
    padding-right: 14px;
}

/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand {
    display: none;
}

.w1280{ max-width: 1280px; margin: 0 auto; width: 94%; }
.w1440{ max-width: 1440px; margin: 0 auto; width: 94%; }
/* 设置滚动条的样式 */
.scroll{ background:#fff;}
.scroll::-webkit-scrollbar {
    width: 6px;height: 6px;
}
/* 滚动槽 */
.scroll::-webkit-scrollbar-track {
    -webkit-box-shadow:inset006pxrgba(0,0,0,0.3);
    border-radius:10px;
    background: #eeeeee;
}
/* 滚动条滑块 */
.scroll::-webkit-scrollbar-thumb {
    border-radius:10px;
    background:#947854;
}





.Pages{ text-align:center; font-size:1.6rem; line-height:3.2rem; margin: 8rem 0 ;}
.Pages .p_cur,
.Pages .p_count,
.Pages .p_total,
.Pages .p_jump,
.Pages .a_first,
.Pages .a_end{ display:none;}
.Pages .p_page{ display:inline-block; clear:both;}
.Pages em{ float:left; font-style:normal;}
.Pages a{ float:left; width: 3.2rem; height: 3.2rem; text-align: center; background-color: #fff; border: 1px solid #0c85e8; font-size: 18px; color: #333333; margin: 0 .6rem;}
.Pages a:hover,
.Pages a.a_cur{ color:#fff; background-color:#0c85e8; }
.Pages .a_prev,
.Pages .a_next{  font-size: 0; width: 80px; height: 50px; padding: 0;  border-radius: 25px; font-family: serif; display: none;}
.Pages .a_prev::before,
.Pages .a_next::before{ display: inline-block; font-size: 18px; font-weight: bold;}
.Pages .a_prev::before{ content: '<';}
.Pages .a_next::before{ content: '>';}
.Pages .a_prev{ margin-right: 40px;}
.Pages .a_next{ margin-left: 40px; }

@media  (max-width: 640px){
	.Pages em{ display:none;}
	.Pages{ font-size: 14px; }
	.Pages .a_prev{ margin-right: 10px;}
	.Pages .a_next{ margin-left: 10px;}
}


.mianContent{ padding: 4% 0;}


/* 视频弹窗 */

.video-play-wrap {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    background-color: rgba(0, 0, 0, .5);
    display: none;
    width: 100%;
    height: 100%;
}
.video-play-wrap .inner {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 84.1%;
    height: 94%;
}
.video-play-wrap .inner video{ width: 100%; height: 100%;}
.video-play-wrap .close-btn {
    background: rgba(30, 30, 30, .6);
    cursor: pointer;
    height: 44px;
    padding: 10px;
    transition: color .2s;
    vertical-align: top;
    width: 44px;
    position: absolute;
    right: 0;
    top: 0;
    color: #ccc;
}

.video-play-wrap .close-btn svg path {
    fill: transparent;
    stroke: currentColor;
    stroke-linejoin: round;
    stroke-width: 3;
}
@media screen and (max-width: 768px) {
	.video-play-wrap { width: 100%; height: 100%;}
}

.register .container{position: relative;}
.register .left{width: 42.604%; position: relative;}
.register .left .content{width: 100%; top: 0; left: 0; position: absolute; padding: 7.21% 0 0 17.65%; z-index: 10;}
.register .left .content .logo{width: 40.4%;}
.register .left .content .dl{padding-top: 19.81%;}
.register .left .content .dt{line-height: 1; font-size: calc(40 / 10 * 1rem); color: #0c85e8; margin-bottom: 6.81%;}
.register .left .content pre{line-height: 50px; font-size: calc(20 / 10 * 1rem); color: #103049;}
.register .left > img{width: 100%; height: 100vh;}
.register .form-box{width: 57.3%; position: absolute; height: 100%; top: 0; right: 0;}
.register .form-box .back-btn{position: absolute; top: 4.69%; right: 6.56%; width: 8.36%; line-height: 40px; text-align: center; color: #fff; background-color: #0c85e8; font-size: calc(15 / 10 * 1rem); border-radius: 8px; box-shadow: 0 3px 15px 5px rgba(12,133,232, .25);}
.register .form-box .form{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 90%; max-width: 490px; border: 1px solid #dcdcdc; border-radius: 10px; padding: 46px 36px; box-shadow: 0 0 20px 10px #f7f7f9;}
.register .form-box .input-box{height: 50px; border: 1px solid #dcdcdc; margin-bottom: 5.3%; border-radius: 10px; position: relative; padding: 0 3.87% 0 14.9%;}
.register .form-box input[type="text"]{width: 100%; border: none; height: 48px; font-size: calc(16.6 / 10 * 1rem);}
.register .form-box input::-webkit-input-placeholder{color: #bdc1c5;}
.register .form-box .getCode{position: absolute; line-height: 58px; top: 0; right: 3.87%; color: #0c85e8; font-size: calc(20 / 10 * 1rem); cursor: pointer; font-weight: lighter; padding-left: 4.82%;}
.register .form-box .getCode::before{content: ''; background-color: #b9b9b9; width: 1px; height: 50%; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
.register .form-box .input-box.has-btn{padding-right: 31.97%;}
.register .form-box .submit{background-color: #0c85e8; color: #fff; width: 100%; border: none; text-align: center; line-height: 50px; border-radius: 10px; font-size: calc(20 / 10 * 1rem); font-weight: lighter; cursor: pointer; box-shadow: 0 3px 15px 5px rgba(12,133,232, .25);}
.register .form-box .input-box.company{background: url(../image/company-icon.png) no-repeat left 3.29% center; background-size: 6%;}
.register .form-box .input-box.position{background: url(../image/position-icon.png) no-repeat left 3.29% center; background-size: 6%;}
.register .form-box .input-box.name{background: url(../image/name-icon.png) no-repeat left 3.29% center; background-size: 6%;}
.register .form-box .input-box.phone{background: url(../image/phone-icon.png) no-repeat left 3.29% center; background-size: 5%;}
.register .form-box .read{padding-top: 8.16%; text-align: center; font-size: calc(17 / 10 * 1rem); font-weight: lighter;}
.register .form-box .read a{ font-size: calc(17 / 10 * 1rem); font-weight: lighter; color: #0c85e8;}

.register .cover{position: fixed; display: none; min-width: 1200px; top: 0; left: 0; width: 100vw; height: 100vh; z-index: 200; background-color: rgba(0, 0, 0, .5);}
.register .cover .box{width: 57.3%; position: absolute; height: 100%; top: 0; right: 0;}
.register .cover .window{position: absolute; top: 50%; left: 50%; background-color: #fff; transform: translate(-50%,-65%); border-radius: 10px; text-align: center; width: 490px; padding: 9.09% 0 10.54%;}
.register .cover .tit{margin: 28px 0 15px; font-size: calc(24 / 10 * 1rem); color: #0c85e8; line-height: 1;}
.register .cover .txt{font-size: calc(19 / 10 * 1rem); color: #6b6b6b; line-height: 1; margin-bottom: 26.53%;}
.register .cover .close{position: absolute; width: 47px; height: 47px; background: url(../image/close-icon.png) no-repeat center/cover; top: calc(100% + 28px); left: 50%; cursor: pointer; transform: translateX(-50%);}
@media(min-width: 1921px) {
    .register .left,
    .register .form-box{width: 50%;}
    .register .cover .box{width: 50%;}
    .register .left > img{width: auto; height: 100vh;}
}
@media(max-width: 1600px) {
    .register .left,
    .register .form-box{width: 50%;}
    .register .cover .box{width: 50%;}
    .register .cover .window{transform: translate(-50%,-75%);}
    .register .form-box .back-btn{width: 12%;}
}
@media screen and (min-width:320px) and (max-width:1200px){
    .auto{width: 100%;padding:0 2%!important;}
	
	.side-bar{display: none;}

}
@media screen and (min-width:320px) and (max-width:767px){	
	.auto{padding:0 3%!important;}
}
/* 办理流程 */
.pub-tt{margin-bottom: 40px;text-align: center;}
.pub-tt .bt{font-size: 36px;font-weight: bold;color: #333333;}
.pub-tt .smwz{font-size: 14px;color: #999999;margin-top: 8px;}
.pub-tt.white .bt{color: #fff;}
.flex{display: -webkit-box; display: -moz-box;display: -ms-flexbox; display: -webkit-flex; display: flex;}
.flex-align-center {-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
.flex-pack-center {-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
.flex-pack-justify {-webkit-box-pack: justify;-webkit-justify-content: pace-between;-ms-flex-pack: justify;justify-content: space-between;}
.flex-v { -webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
.xw-col{background: #fff;}
.xw-col .top{height: 120px;padding-top: 30px;text-align: center;}
.xw-col .top .tit{font-size: 24px;color: #fff;letter-spacing: 2px;}
.xw-col .top .fz{font-size: 14px;color: #fff;margin-top: 8px;}

.xw-col .info{padding:20px 20px;}
.xw-col .list li{line-height: 36px;display: flex;justify-content: space-between;}
.xw-col .list .title{font-size: 14px;color: #333333;display: inline-block;vertical-align: middle;width: 80%;}
.xw-col .list .title::before{content:'';display: inline-block;vertical-align: middle;margin-right: 10px;width: 8px;height: 8px;background: #dae2f2;border-radius:50%;margin-top: -2px;}
.xw-col .list .date{font-size: 14px;color: #999999;}
.xw-col .list li:hover .title{color: #2b55f0;}
.xw-col .list li:hover .title::before{background: #2b55f0;}
.ellipsis{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.idx-xw .detail{}
.idx-xw{padding:90px 0 65px;}
.idx-xw .detail{}
.idx-xw .xw-col{width: 32.3%;box-shadow:0 0 10px rgba(84,94,101,.1);}
.idx-xw .xw-col .list .title{width: 70%;}
.auto{width: 1200px;margin:0 auto;}