body { font-family: 'Microsoft YaHei',"Open Sans", sans-serif;font-size:14px; color:#333;}
input,
select,
textarea { font-family: 微软雅黑,"Open Sans", sans-serif;font-size:1em;; }
input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; }
textarea { -webkit-appearance: none; }  
.wrap { width: 96%; margin: 0 auto;max-width:1200px; position: relative; }
img,a{ border:0;}
.img img{display:block;margin:0 auto;}
a:hover{color:#3db45e}
ul,li{ list-style:none;}
*{ margin:0; padding:0;}
.flt{ float:left;}
.frt{ float:right;}
.clear{ clear:both;}
img{max-width:100%;}
.img{overflow:hidden;position:relative;}
.img img{display:block;}
.img:before{ transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s; content:'';display:block;position:absolute; top:0;left:0;right:0; bottom:0; border:1px solid rgba(255,255,255,0);z-index:100}
.img:hover:before{ top:5px;left:5px;right:5px; bottom:5px; border:1px solid rgba(255,255,255,0.5);}
.img:hover{background: #000;}
.img:hover img{opacity: 0.8;filter:alpha(opacity=80); transform:scale(1.1) rotate(2deg);-o-transform:scale(1.1) rotate(2deg);-webkit-transform:scale(1.1) rotate(2deg);-moz-transform:scale(1.1) rotate(2deg);-ms-transform:scale(1.1) rotate(2deg);}
.img img{display: block;}
*,*:after,*:before{ transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s;}

.modal,.fp_modal{ position:fixed; top:0; left:0;width:100%;height :100%;z-index:1000}
.fp_modal{ display:table;}
.modal{transition:all 0s;-o-transition:all 0s;-webkit-transition:all 0s;-moz-transition:all 0s;-ms-transition:all 0s; background:rgba(0,0,0,0.7);}
.fp_modal .cell{display:table-cell; vertical-align:middle;}
.modal_cont{ max-width:765px; margin:0 auto;width:90%;background:#fff;position:relative;border-radius:8px;}
.modal_cont .close{ position:absolute; top:27px; right:25px; width:15px; height:15px; background:url(../img/close.png) no-repeat center center;border-radius:100%;cursor:pointer;}
.modal_cont .box{padding:45px;}
/*----------header----------*/
.header { line-height: 72px; position: fixed; top: 0; left: 0; width: 100%; z-index: 1000; background: #fff; }
.header .wrap { max-width:1450px; }
.header .logo { position:absolute; top:0; left:0; font-size:0; }
.header .logo img { vertical-align:middle; }
.logo img { vertical-align: middle; }
.menu { }
.menu ul { text-align:center; font-size:0; }
.menu ul li { display: inline-block; margin: 0 30px; font-size: 18px; vertical-align:top; }
.menu ul li a { color: #202725; display: block; position:relative; }
.menu ul li a:after { content: ''; display: block; height: 3px; width: 100%; position: absolute; left: 0; bottom: 15px; background: #fe841c; opacity:0; }
.menu ul li a:hover, .menu ul li.on a { font-weight: bold; color: #fe841c; }
.menu ul li a:hover:after, .menu ul li.on a:after { opacity:1; }
.top_log { position:absolute; right:0; top:0; font-size:0; }
.top_log a { font-size: 18px; color: #202725; margin:0 14px; position:relative; }
.top_log a:last-child { margin-right:0; }
.top_log a span { display: inline-block; padding-left: 21px; }
.top_log a span.span1 { background:url(../img/icon1.png) no-repeat left center; }
.top_log a:after { content: ''; display: block; height: 13px; background: #6c6c6c; width:1px; position:absolute; right:-14px; top:50%; transform:translateY(-50%); }
.top_log a:last-child:after { display:none; }

.swiper-pagination-bullet { width: 10px; height: 10px; border-radius: 100%; background: #aaa; opacity: 1; margin: 0 7px; }
.swiper-pagination-bullet.swiper-pagination-bullet-active { background: #fe831b; }
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom:10px;}

/*----------mainer----------*/
.mainer {  }
.swiper1 .swiper-slide img { display:block; width:100%; }
.page { padding: 85px 0 75px; }
.page.page1 { background: #f6f7fa; }
.page_tit { text-align: center; }
.page_tit h3 { font-size: 28px; color: #202725; font-weight:normal; }
.page_tit h3 span { display:inline-block; position:relative; }
.page_tit h3 span:before, .page_tit h3 span:after { content:''; display:block; height:8px; width:134px; position:absolute; top:50%; transform:translateY(-50%); }
.page_tit h3 span:before { background:url(../img/tit-l.png) no-repeat center center; left:-155px; }
.page_tit h3 span:after { background: url(../img/tit-r.png) no-repeat center center; right: -155px; }
.platform { margin-top:60px; }
.platform ul { margin:0 -10px; display:flex; }
.platform ul li {width:25%; }
.platform ul li .box { margin:0 10px; background:#fff; padding:10px 15px 20px; }
.platform ul li .ico { height:125px; display:flex; align-items:center; justify-content:center; }
.platform ul li .ico img { display:block; }
.platform ul li .web { text-align:center; }
.platform ul li .web .text { margin-top:20px; height:144px; overflow:hidden; }
.platform ul li .web h3 { font-size: 22px; color: #202725; font-weight: normal; }
.platform ul li .web p { line-height: 36px; font-size: 18px; color: #4e515c; }

.security { position: relative; }
.security .pic {  }
.security .pic img { display:block; margin:0 auto; }
.security .list { }
.security .list ul li { position: absolute; }
.security .list ul li .ico { display:flex; justify-content:center; }
.security .list ul li .ico img { display:block; }
.security .list ul li h3 { font-size: 18px; line-height: 32px; text-align: center; color: #202725; font-weight:normal; margin-top:-20px; }
.security .list ul li:nth-child(1) { left: 50%; top: 50%; margin-left: -445px; margin-top: -230px; }
.security .list ul li:nth-child(2) { right: 50%; top: 50%; margin-right: -445px; margin-top: -230px; }
.security .list ul li:nth-child(3) { left: 50%; top: 50%; margin-left: -450px; margin-top: 90px; }
.security .list ul li:nth-child(4) { right: 50%; top: 50%; margin-right: -429px; margin-top: 90px; }

.page.page2 { padding-bottom: 40px; background: #f6f7fa; }
.process { }
.process .list { margin-top:50px; }
.process .list ul li { position:relative; float:left; width:16.666%; }
.process .list ul li .ico { position: relative; }
.process .list ul li .ico img { display:block; margin:0 auto; }
.process .list ul li .ico:before { content: ''; display: block; position: absolute; bottom: -20px; left: 0; right: 0; border-bottom: 2px dashed #dee0e8; }
.process .list ul li:first-child .ico:before { left:50%; }
.process .list ul li:last-child .ico:before { right: 50%; }
.process .list ul li .ico:after { content: ''; display: block; width: 20px; height: 14px; background: #f6f7fa url(../img/icon6.png) no-repeat center center; position: absolute; 
bottom: -33px; right: 0; transform: translateY(-50%); }
.process .list ul li:last-child .ico:after { display:none; }
.process .list ul li .web { text-align: center; margin-top: 50px; position: relative; }
.process .list ul li .web:before { content: ''; display: block; width: 12px; height: 12px; border-radius:12px; background: #aeaeae; position:absolute; left:50%; transform:translateY(-50%); top:-31px; }
.process .list ul li .web h3 { font-size: 18px; font-weight: normal; color: #202725; margin-bottom: 13px; }
.process .list ul li .web p { color: #70778b; line-height:20px; }

.page.page3 { padding-bottom:145px; background:url(../img/bg1.jpg) no-repeat center center; background-size:cover; }
.page3 .page_tit h3 { color:#fff; }
.index_member { margin-top: 85px; position:relative; }
.swiper2 { margin:0 58px; }
.member_num { }
.member_num a { display:block; border-radius:8px; overflow:hidden; }
.member_num .tit { line-height: 43px; background: #e4701b; text-align:center; }
.member_num .tit h3 { font-size:32px; color:#fff; font-weight:normal; }
.member_num .web { FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#fe8e2f,endColorStr=#ff7719); background: -ms-linear-gradient(top, #fe8e2f, #ff7719); background: -moz-linear-gradient(top,#fe8e2f,#ff7719); background: -webkit-gradient(linear, 0% 0%, 0% 100%,from(#fe8e2f), to(#ff7719)); background: -webkit-linear-gradient(top, #fe8e2f, #ff7719); background: -o-linear-gradient(top, #fe8e2f, #ff7719); }
.member_num .web .text { text-align:center; padding:40px 0 35px; }
.member_num .web .text h3 { font-size: 20px; font-weight: normal; color: #fff; }
.member_num .web .text h3 span { font-size: 34px; color: #fff; }
.member_num .web .text p { font-size: 16px; margin-top: 24px; color: #fff; }
.member_num .web .text p span { display: inline-block; padding-left: 24px; background: url(../img/icon7.png) no-repeat left center; color: #fff; }
.member_num .web .mem_btn { line-height: 70px; border-top: 1px solid #fa9f5e; text-align:center; }
.member_num .web .mem_btn label { display: inline-block; width: 94px; height: 35px; line-height: 35px; border-radius: 35px; background: #fff; font-size: 16px; color: #202725; vertical-align:middle; }
.member_num a:hover .tit { background: #ecae82; }
.member_num a:hover .web { background:#fff; }
.member_num a:hover .web .text h3, .member_num a:hover .web .text h3 span { color: #202725; }
.member_num a:hover .web .text p, .member_num a:hover .web .text p span { color: #70778b; }
.member_num a:hover .web .mem_btn label { FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#fe8e2f,endColorStr=#ff7719); background: -ms-linear-gradient(top, #fe8e2f, #ff7719); background: -moz-linear-gradient(top,#fe8e2f,#ff7719); background: -webkit-gradient(linear, 0% 0%, 0% 100%,from(#fe8e2f), to(#ff7719)); background: -webkit-linear-gradient(top, #fe8e2f, #ff7719); background: -o-linear-gradient(top, #fe8e2f, #ff7719); color:#fff; }

.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after, .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after { display: none; }
.swiper2 .swiper-button-next, .swiper2 .swiper-button-prev { width: 28px; height: 54px; position:absolute; top:50%; transform:translateY(-50%); }
.index_member .swiper-button-prev { background: url(../img/cur1-1.png) no-repeat center center; left: 0; }
.index_member .swiper-button-next { background: url(../img/cur1-2.png) no-repeat center center; right: 0; }

.page.page4 { background:url(../img/bg2.jpg) no-repeat center center; background-size:cover; }
.index_about { }
.index_about .web { margin-top:70px; }
.index_about .web .text { float:left; width:30%; padding-top:35px; }
.index_about .web .text p { font-size:16px; line-height:28px; color:#444; margin-top:30px; }
.index_about .web .text p:first-child { margin-top:0; }
.index_about .web .list { float: right; width: 65%; }
.index_about .web .list ul { margin:0 -5px; }
.index_about .web .list ul li { float: left; width: 50%; margin-top:12px; }
.index_about .web .list ul li:nth-child(1), .index_about .web .list ul li:nth-child(2) { margin-top:0; }
.index_about .web .list ul li .img { margin: 0 5px; }
.index_about .web .list ul li .img img { display:block; width:100%; }
.index_about .video { margin-top:35px; }
.index_about .video .list { background:#fff; }
.index_about .video .list ul { display:flex; padding:20px 10px; }
.index_about .video .list ul li { flex:1; width:33.333%; padding:0 10px; }
.index_about .video .list ul li a { display:block; height:100%; }
.index_about .video .list ul li:first-child a { display: flex; align-items: center; justify-content: center; FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#fe8e2f,endColorStr=#ff7719); background: -ms-linear-gradient(top, #fe8e2f, #ff7719); background: -moz-linear-gradient(top,#fe8e2f,#ff7719); background: -webkit-gradient(linear, 0% 0%, 0% 100%,from(#fe8e2f), to(#ff7719)); background: -webkit-linear-gradient(top, #fe8e2f, #ff7719); background: -o-linear-gradient(top, #fe8e2f, #ff7719); }
.index_about .video .list ul li .collection { }
.index_about .video .list ul li .collection .ico { }
.index_about .video .list ul li .collection .ico img { display:block; margin:0 auto; }
.index_about .video .list ul li .collection h3 { font-size:26px; font-weight:normal; color:#fff; margin-top:28px; }
.index_about .video .list ul li .pic { position: relative; }
.index_about .video .list ul li .pic img { display: block; width: 100%; }
.index_about .video .list ul li .pic:after { content: ''; display: block; width:100%; height:100%; position:absolute; top:0; left:0; background:rgba(0,0,0,0.35); }
.index_about .video .list ul li .pic .play { width:50px; height:50px; background:url(../img/icon9.png) no-repeat center center; position:absolute; top:50%; left:50%; margin-left:-25px; margin-top:-25px; z-index:2; }
.index_about .video .list ul li p { font-size:16px; margin-top:20px; text-align:center; }
.index_about .video .list ul li p span { color:#444; display:inline-block; position:relative; }
.index_about .video .list ul li p span:before, .index_about .video .list ul li p span:after { content: ''; display: block; width: 10px; height: 2px; background: #ff7e20; position:absolute; top:50%; margin-top:-1px; }
.index_about .video .list ul li p span:before { left:-17px; }
.index_about .video .list ul li p span:after { right: -17px; }

.page.page5 { background:url(../img/bg3.jpg) no-repeat center center; background-size:cover; }
.links { background: #fff; border-top: 1px solid #e9e9e9; border-left: 1px solid #e9e9e9; margin-top:60px; }
.links ul { display:flex; flex-wrap:wrap; }
.links ul li { width: 33%; border-bottom: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9; box-sizing:border-box; }
.links ul li a { display: block; padding: 15px; }
.links ul li .ico { height:60px; display:flex; align-items:center; justify-content:center; }
.links ul li .ico img { max-width:100%; max-height:100%; display:block; }
.links ul li p { line-height: 22px; color: #70778b; text-align:center; }

.swiper3_box { margin-top: 70px; overflow: hidden; padding: 0 248px;}
.swiper3 { /*padding-top: 100px;*/ overflow: initial; }
.swiper3 .swiper-slide { /*width:20.5%;*/ height:initial; width:auto; }
.swiper3 .swiper-slide.swiper-slide-active { /*width:59%;*/ width:704px; }
.index_case { display: flex; background: #f6f7fa; height:100%; justify-content:center; padding-bottom:20px; }
.index_case .pic { /*display:none; margin-top:-100px;*/ margin-right:25px; }
.index_case .pic img { display:block; }
.index_case .web { width:245px; padding-top:30px; }
.index_case .web h3 { font-size: 80px; color: #515151; opacity:0.15; }
.index_case .web h4 { font-weight: normal; font-size: 20px; color: #454c4b; margin-top: -40px; margin-bottom: 50px; position: relative; }
.index_case .web p { font-size: 18px; color: #70778b; margin-top:20px; padding-left:12px; position:relative; }
.index_case .web p:before { content: ''; display: block; width: 6px; height: 6px; border-radius: 6px; background: #949496; position:absolute; top:50%; margin-top:-3px; left:0; }
.index_case .web p span { font-weight: bold; font-size: 22px; color: #70778b; margin: 0 5px; }
.swiper3 .swiper-slide.swiper-slide-active .index_case { FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#fe8e2f,endColorStr=#ff7719); background: -ms-linear-gradient(top, #fe8e2f, #ff7719); background: -moz-linear-gradient(top,#fe8e2f,#ff7719); background: -webkit-gradient(linear, 0% 0%, 0% 100%,from(#fe8e2f), to(#ff7719)); background: -webkit-linear-gradient(top, #fe8e2f, #ff7719); background: -o-linear-gradient(top, #fe8e2f, #ff7719); }
.swiper3 .swiper-slide.swiper-slide-active .index_case .pic { display: block; }
.swiper3 .swiper-slide.swiper-slide-active .index_case .web h3 { color:#fff; }
.swiper3 .swiper-slide.swiper-slide-active .index_case .web h4 { color: #fff; }
.swiper3 .swiper-slide.swiper-slide-active .index_case .web p { color:#fff; }
.swiper3 .swiper-slide.swiper-slide-active .index_case .web p:before { background: #fff; opacity:0.4; }
.swiper3 .swiper-slide.swiper-slide-active .index_case .web span { color: #fbe165; }
.swiper3 .swiper-button-next, .swiper3 .swiper-button-prev { width: 28px; height: 54px; position: absolute; top: 50%; margin-top:23px; }
.swiper3 .swiper-button-prev { background: url(../img/cur1-1.png) no-repeat center center; left: 10px; }
.swiper3 .swiper-button-next { background: url(../img/cur1-2.png) no-repeat center center; right: 10px; }

.notice { }
.notice .tit { text-align: center; padding: 18px 0 14px; border-bottom: 1px solid #f0f0f0; }
.notice .tit h3 { font-weight: normal; font-size: 20px; color: #202725; line-height:32px; }
.notice .tit p { color: #9ea1a5; margin-top:10px; }
.notice .web { padding:0 35px; margin-top:25px; min-height:208px; }
.notice .web p { font-size: 16px; line-height: 26px; color: #70778b; }
.modal_btn { font-size:0; text-align:center; padding:30px 0; }
.modal_btn a { display: inline-block; width: 178px; height: 43px; line-height: 43px; border-radius:43px; border: 1px solid #ff6f09; font-size: 14px; color: #ff6e08; margin:0 20px; }
.modal_btn a.a1 { color: #fff; FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#fe8e2f,endColorStr=#ff7719); background: -ms-linear-gradient(left, #fe8e2f, #ff7719); background: -moz-linear-gradient(left,#fe8e2f,#ff7719); background: -webkit-gradient(linear, 0% 100%, 100% 0%,from(#fe8e2f), to(#ff7719)); background: -webkit-linear-gradient(left, #fe8e2f, #ff7719); background: -o-linear-gradient(left, #fe8e2f, #ff7719); }
#contactQQ {background: url(../img/qq.png) no-repeat center;background-size: 55px;width: 70px;height: 70px;z-index: 1000;display: block;background-color: #28A52D;border-radius: 50%;}

/*----------footer----------*/
.footer { background: #2c343c; padding: 40px 0 35px; }
.ft_cont { display:flex; justify-content:center; align-items:flex-end; }
.ft_cont .left { max-width:415px; padding-right:130px; }
.ft_cont .left .logo { }
.ft_cont .left .logo img { display:block; width:143px; }
.ft_cont .left h3 { font-size:16px; font-weight:normal; color:#fff; margin-top:15px; }
.ft_cont .left p { line-height:24px; color:#fff; margin-top:35px; }
.ft_cont .web { padding-right: 40px; color: #fff; max-width:245px; }
.ft_cont .web h3 { font-weight:normal; font-size:22px; }
.ft_cont .web .line { width: 34px; height: 2px; background: #fe9c55; margin-top:20px; }
.ft_cont .web p { font-size:16px; margin-top:15px; line-height:20px; }
.ft_cont .web p span { font-size:26px; }
.ft_cont .web .text { margin-top: 10px; }
.ft_cont .web .text p { line-height:32px; margin-top:0; padding-left:40px; background:url(../img/icon10.png) no-repeat left center; background-size: 30px; }
.ft_cont .ft_ewm {  }
.ft_cont .ft_ewm img { display:block; width:50%;height :50%;}
.ft_cont .ft_ewm p { font-size:16px; color:#fff; margin-top:10px; text-align:left; padding-left:8%}




.pagesize { text-align: center; padding: 30px 0; }
.pagesize a{display:inline-block; line-height:36px; min-width:16px;padding:0 10px;margin:5px;}
.pagesize a:hover,.pagesize a.on{ background:#282828;color:#fff;}


/*----------custom----------*/
.login { background:#fff; margin-top:40px; }
.login .left { float:left; width:63%; }
.login .right { overflow:hidden; }
.login .right .box { padding:40px 45px 0; }
.login .logo { text-align:center; font-size:0; }
.login .tab { margin-top:55px; }
.login .tab .list { margin-top:13px; }
.login .tab .list .div_inp { padding-left: 38px; position: relative; border-bottom: 1px solid #dadada; height:60px; line-height:60px; }
.login .tab .list .div_inp input { height:60px; line-height:60px; border:none; width:100%; background:none; font-size:16px; }
.login .tab .list .div_inp span { display:block; width:38px; height:60px; position:absolute; top:0; left:0; }
.login .tab .list .div_inp span.span1 { background:url(../img/icon11.png) no-repeat left center; }
.login .tab .list .div_inp span.span2 { background: url(../img/icon12.png) no-repeat 4px center; }
.login .forget { margin-top:13px; }
.login .forget p { text-align:right; }
.login .forget a { color: #9ea1a5; }
.login .btn { margin-top:50px; }
.login .btn button { display: block;width: 358px; height: 54px; line-height: 54px; border-radius: 54px; text-align: center; font-size: 18px; color: #fff; box-shadow:0 12px 30px rgba(255,110,7,0.25); FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#fe8e2f,endColorStr=#ff7719); background: -ms-linear-gradient(left, #fe8e2f, #ff7719); background: -moz-linear-gradient(left,#fe8e2f,#ff7719); background: -webkit-gradient(linear, 0% 100%, 100% 0%,from(#fe8e2f), to(#ff7719)); background: -webkit-linear-gradient(left, #fe8e2f, #ff7719); background: -o-linear-gradient(left, #fe8e2f, #ff7719); }
.login .login_reg { color: #9ea1a5; text-align: center; margin-top:30px; }
.login .login_reg a { color: #9ea1a5; margin:0 5px; }
.login .login_reg a.a1 { color:#fe8e2f; }












.login { }
@media only screen and (max-width: 750px) {
    .menu{ position:fixed; top:0; left:-100%;width:100%; height:100%;background:#fff;}
    .menu ul li{  float:none;display:block;border-bottom:1px solid #ddd;padding:0;margin:0;}
    .menu ul li a{ line-height:45px; font-size:18px;}
    .menu ul li a:after { bottom:0; }
    .menu ul { padding-top: 60px; }
    .header .logo{ position:relative;z-index:1001;line-height:60px;}
    .header .logo img { height:40px; }
    .menu_wrap { position: absolute; top: 10px; width: 40px; height: 40px; background: url(../img/menu.png) no-repeat center center #fe841c; background-size: 25px auto; right: 5px; z-index: 1002; }
    .h_menu .menu_wrap { background: url(../img/menu-1.png) no-repeat center center #fe841c; background-size: 25px auto; }
    .h_menu .menu{ left:0;}
    .header{ line-height:60px;}
    .mainer{ padding-top:60px;}
    .top_log { top:initial; bottom:10px; left:50%; transform:translateX(-50%); }

    .swiper1 .swiper-slide { height:200px; }
    .swiper1 .swiper-slide img { display: none; }
    .swiper1.login_swiper .swiper-slide { height: auto; }
    .swiper1.login_swiper .swiper-slide img { display: block; }
    .page { padding: 20px 0; }
    .page_tit { overflow:hidden; }
    .page_tit h3 { font-size: 18px; }
    .platform { margin-top: 20px; }
    .platform ul { flex-wrap:wrap; margin:0 -2px; }
    .platform ul li { width:50%; margin:2px 0; }
    .platform ul li .box { margin:0 2px; padding:5px; height:100%; box-sizing:border-box; }
    .platform ul li .ico { height:70px; }
    .platform ul li .ico img { height:50px; }
    .platform ul li .web .text { height: auto; margin-top: 10px; }
    .platform ul li .web h3 { font-size:18px; }
    .platform ul li .web p { font-size: 12px; line-height: 20px; }
    .security { margin-top: 20px; }
    .security .pic { display: none; }
    .security .list ul { display: flex; flex-wrap: wrap; }
    .security .list ul li { position: initial; width: 50%; }
    .security .list ul li:nth-child(1), .security .list ul li:nth-child(2), .security .list ul li:nth-child(3), .security .list ul li:nth-child(4) { margin:0; }
    .security .list ul li .ico img { height:100px; }
    .security .list ul li h3 { font-size: 14px; line-height: 20px; margin-top:-10px; }
    .process .list { margin-top:20px; }
    .process .list ul li { width: 33.333%; margin: 5px 0; }
    .process .list ul li:nth-child(3n+3) .ico:before { right:50%; }
    .process .list ul li:nth-child(3n+3) .ico:after { display:none; }
    .process .list ul li:nth-child(3n+1) .ico:before { left: 50%; }
    .process .list ul li .ico img { width: 70%; }
    .process .list ul li .web h3 { font-size:14px; }
    .process .list ul li .web p { font-size:12px; line-height:18px; }
    .page.page3 { padding-bottom:20px; }
    .swiper2 { margin:0 40px; }
    .index_member { margin-top: 20px; }
    .swiper3_box { padding:0; margin-top:20px; }
    .swiper3 { padding:0; }
    .swiper3 .swiper-button-next, .swiper3 .swiper-button-prev { margin-top:-27px; }
    .swiper3 .swiper-button-prev { left: 0; background: rgba(0,0,0,0.5) url(../img/cur1-1.png) no-repeat center center; }
    .swiper3 .swiper-button-next { right: 0; background: rgba(0,0,0,0.5) url(../img/cur1-2.png) no-repeat center center; }
    .index_case { align-items: center; }
    .index_case .pic { margin: 0; width:150px; margin-right:10px; }
    .index_case .web { padding:10px; width:auto; }
    .index_case .web h3 { font-size:60px; }
    .index_case .web h4 { margin-bottom: 15px; font-size:16px; margin-top:-30px; }
    .index_case .web p { font-size:14px; margin-top:15px; }
    .index_about .web { margin-top: 20px; }
    .index_about .web .text { float:none; width:auto; padding-top:0; }
    .index_about .web .text p { margin-top:10px; }
    .index_about .web .list { float:none; width:auto; margin-top:20px; }
    .index_about .web .list ul { margin:0 -2px; }
    .index_about .web .list ul li { margin-top:4px; }
    .index_about .web .list ul li .img { margin: 0 2px; }
    .index_about .video { margin-top:10px; }
    .index_about .video .list ul { padding:5px; flex-wrap:wrap; }
    .index_about .video .list ul li { width:100%; flex:initial; margin-top:10px; padding:0; }
    .index_about .video .list ul li:first-child { margin-top:0; }
    .index_about .video .list ul li:first-child a { padding:10px 0; height:auto; }
    .index_about .video .list ul li p { margin-top: 5px; }
    .links { margin-top:20px; }
    .links ul li { width:50%; }
    .footer { padding:20px 0; }
    .ft_cont { display: block; }
    .ft_cont .left { padding:0; max-width:initial; }
    .ft_cont .left p { margin-top:10px; }
    .ft_cont .web { padding: 0; margin-top: 20px; max-width:initial; }
    .ft_cont .web p { font-size: 14px; line-height: 20px; margin-top: 10px; }
    .ft_cont .web p span { font-size:20px; }
    .ft_cont .web .text { margin-top:10px; }
    .ft_cont .ft_ewm { margin-top: 10px; }
    .ft_cont .ft_ewm img { display:block; margin:0 auto; }

    .modal_cont .close { top: 10px; right: 10px; }
    .notice .tit { padding: 30px 0 10px; }
    .notice .tit h3 { font-size:18px; line-height:24px; }
    .notice .web { padding: 0 10px; margin-top: 10px; min-height: initial; max-height: 300px; overflow-y: scroll; }
    .notice .web p { font-size:14px; line-height:20px; }
    .modal_btn { padding:20px 0; }
    .modal_btn a { width:45%; margin:0 2%; height:30px; line-height:30px; }

    .page_login .wrap { width: 100%; }
    .login { margin-top: 0; min-height:100vh; }
    .login .left { float: none; width: auto; }
    .login .right .box { padding: 20px 10px; }
    .login .tab { margin-top:20px; }
    .login .btn { margin-top:20px; }
    .login .tab .list .div_inp, .login .tab .list .div_inp input { height: 40px; line-height: 40px; }
    .login .tab .list .div_inp span { height:40px; }
}