@charset "utf-8";


.header{width: 1180px; margin:0 auto;}
.header-area{width: 100%; height: 51px; display:none;}
.header .inner_desk{padding-left:35px; padding-right:75px;}
.header .logo_area{float:left;}
.header .logo{float:left; height: 117px;}
.header .nav_head{float:left; display:block; margin-left:80px;}
.header .nav_head li{float:left; margin-left:80px; height: 117px; display:flex; flex-direction:column; justify-content:center;}
.header .nav_head li:first-child{margin-left:0; margin-right:20px;/* width: 110px; */}
.header .nav_head li:nth-child(2){/*width: 138px;*/}
.header .nav_head li:nth-child(3){/*width: 189px;*/}
.header .nav_head li:nth-child(4){/*width: 56px;*/}
.header .nav_head a{font-size:15px; font-weight:300; color:#ab74f4;}
.header .nav_head .on a{font-weight:500; background:url("../images/bg_li_nav.png") no-repeat bottom center; background-size:100% 7px; padding-bottom:7px; margin-top:7px;}
.header .btn_sidemenu{display:none; float:right; width: 25px; height: 20px; margin:15px; background:url("../images/btn_sidemenu.png") no-repeat center center; border:none;}
.wrap_croll .wrap_title .txt .title .br{display:none;}

.container{width: 1180px; margin:0 auto;}
.container::after{display:block; clear:both; content:'';}
.banner_area{position:relative; background:url("../images/bg_main_banner1.png") no-repeat center; height: 662px; background-size:100% 100%;}
.banner_area.area2{background-image:url("../images/bg_main_banner2.png");}
.banner_area.area3{background-image:url("../images/bg_main_banner3.png");}
.banner_area .img_bot{position:absolute; width: 100%; text-align:center; top:90%;}
.banner_area .left{float:left; margin-right:17px;}
.banner_area .left img{margin-top:50px; margin-left:40px;}
.banner_area .right{float:left;}
.banner_area .right img{margin-top:228px;}
.wrap_croll{text-align:center; margin-top:110px;}
.wrap_croll .wrap{display:inline-block;}
.titlebox{padding-bottom:55px; border-bottom:1px solid #dcdcdc}
.titlebox .what{float:left; font-size:32px; font-weight:350; color:#4c4c4c; line-height:48px; margin-right:40px;}
.titlebox .what span{font-weight:bold;}
.titlebox .text{position:relative; float:left; text-align:left; font-size:20px; font-weight:350; color:#4c4c4c; line-height:24px; padding:0 42px;}
.titlebox .text .ic_text{position:absolute; width: 21px; height: 18px; top:50%; margin-top:-9px;}
.titlebox .text .after{background:url("../images/ic_text_aft.png") no-repeat; left:0;}
.titlebox .text .before{background:url("../images/ic_text_bef.png") no-repeat; right:0;}

.thing{padding-top:65px;}
.thing .title{font-size:20px; font-weight:350; line-height:20px; color:#616161; text-align:center;}
.list_thing{padding-top:45px;}
.list_thing li{float:left; text-align:center; width:14.3%;}
.list_thing li:nth-child(4){width:14.2%;}
.list_thing p{font-size:20px; font-weight:350; line-height:20px; color:#614d7c;}
.excel .img{padding-top:13px;}
.xml .img{padding-top:17px;}
.open .img{padding-top:22px;}
.sql .img{padding-top:12px;}
.cloud .img{padding-top:15px;}
.oracle .img{padding-top:30px;}
.json .img{padding-top:17px;}

.con_info{padding-top:125px; width: 1420px !important;}
.con_info .title{font-size:35px; line-height:35px; color:#525252; font-weight:300; text-align:center;}
.con_info .title span{font-weight:500;}
.list_info{padding-top:90px;}
.list_info li{float:left; width: calc(20% - 12px); height: 375px; margin-right:15px; text-align:center;}
.list_info li:last-child{margin-right:0;}
.list_info .inner{padding:0 23px;}
.list_info .a{background:url("../images/bg_grd.png") no-repeat; background-size:100% 100%}
.list_info .a img{margin-top:42px;}
.list_info .b{background:#f6f6ff}
.list_info .b img{margin-top:48px;}
.list_info .c{background:#eceff1}
.list_info .c img{margin-top:45px;}
.list_info .d{background:url("../images/bg_grd.png") no-repeat; background-size:100% 100%}
.list_info .d img{margin-top:49px;}
.list_info .e{background:#e3e3fc}
.list_info .e img{margin-top:43px;}
.list_info .inner{padding:0 23px;}
.list_info .img{display:inline-flex;}
.list_info .imgbox{background:url("../images/bg_li_info.png") no-repeat bottom center; height: 187px; padding-bottom:3px; position:relative;}
.list_info .imgbox p{position:absolute; left:0; bottom:15px; width: 100%; font-size:18px; font-weight:500; color:#525252; line-height:18px; text-align:center;}
.list_info .textbox{height: calc(100% - 190px); display:flex; flex-direction:column; justify-content:center;}
.list_info .textbox p{font-size:15px; font-weight:400; color:#525252; line-height:20.8px; padding:0 15px;}


.container.example{padding-top:140px;}
.container.example .title{font-size:35px; font-weight:500; color:#000; line-height:35px; text-align:center;}
.container.example .con_area{position:relative; height: 800px; margin-top:65px; background:url("../images/bg_example.png") no-repeat center;}
.video_area{position:absolute;}
.video_area .title_vd{font-size:20px; font-weight:300; color:#000; text-align:center;}
.video_area .title_vd span{font-weight:500;}
.video_area.a{left:50%; margin-left:-150px; top:140px;}
.video_area.b{right:83px; top:235px;}
.video_area.b .title_vd{margin-left:-15px;}
.video_area.c{right:290px; bottom:200px;}
.video_area.c .title_vd{margin-left:-20px;}
.video_area.d{left:253px; bottom:125px;}
.video_area.e{left:150px; top:255px;}
.video_area.e .title_vd{margin-left:-10px;}


.service{/*padding-top:165px; background:url("../images/bg_service.png") no-repeat top 90px center; padding-bottom:430px;*/}
.service.mt110{margin-top:110px;}
.service .bg_top{position:absolute; top:-530px; left:0; width: 100%; height: 530px; background:url("../images/bg_service_top.png") no-repeat; background-size:100% 100%;}
.service .bg_bottom{position:absolute; bottom:-530px; left:0; width: 100%; height: 530px; background:url("../images/bg_service_bottom.png") no-repeat; background-size:100% 100%;}
.service .wrap{background:#1c365d; position:relative; margin-bottom:420px;}
.service .title{font-size:35px; font-weight:500; color:#000; line-height:55px; text-align:center;}
.service .title img{margin-right:16px; vertical-align:middle; margin-top:-8px;}
.service .section{margin-top:440px;}
.service .article_srv::after{display:block; clear:both; content:'';}
.service .article_srv > div{width: 50%;}
.service .article_srv .text{float:left;}
.service .article_srv .img{float:right;}
.article_srv .text{display:flex; flex-direction:column; justify-content:center;}
.article_srv.rt .text{text-align:right; float:right;}
.article_srv.rt .img{float:left;}
.article_srv .text .con{font-size:20px; font-weight:300; color:#fff; line-height:24px; padding-top:27px;}
.article_srv .title_info{font-size:31px; font-weight:300; color:#fff; line-height:31px;}
.article_srv .title_info .bold{font-weight:bold;}
.article_srv .title_info span{background:url("../images/bg_text.png") no-repeat bottom center; background-size:100% 19px; display:inline-block; height: 37px;}
.article_srv .img{text-align:center;}
.article_srv.a .text{height: 232px;}
.article_srv.b{margin-top:155px;}
.article_srv.b img{margin-right:25px;}
.article_srv.b .text{height: 252px;}
.article_srv.b .con{width: calc(100% + 83px); margin-left:-83px;}
.article_srv.c{margin-top:125px;}
.article_srv.c .text{height: 294px;}
.article_srv.d{margin-top:125px;}
.article_srv.d .text{height: 358px;}
.article_srv.d .con{width: calc(100% + 83px); margin-left:-83px;}
.article_srv.e{margin-top:85px;}
.article_srv.e .text{height: 387px;}
.article_srv.e .con{width: calc(100% + 40px);}
.article_srv.e img{margin-left:28px;}
.article_srv.f{margin-top:40px;}
.article_srv.f img{margin-right:27px;}
.article_srv.f .text{height: 439px;}
.article_srv.g{margin-top:50px;}
.article_srv.g .text{width: calc(50% - 47px); height: 306px;}
.article_srv.g .con{width: calc(100% + 75px);}
.article_srv.g .img{width: calc(50% + 47px);}
.article_srv.h{margin-top:110px;}
.article_srv.h .text{height: 319px;}


.bus{width: 1250px !important;}
.bus .title_all{font-size:38px; font-weight:500; color:#000; line-height:70px; text-align:center;}
.bus .title_all .br{display:none;}
.bus .title_all span{font-size:42px; line-height:42px; font-weight:350;}
.bus .title_all img{vertical-align:middle; margin-top:-10px; padding:0 20px; padding-right:20px;}
.bus .section{margin-top:100px;}
.bus .article{float:left; width: 556px; height: 1183px; background:url("../images/bg_bus.png") no-repeat;}
.bus .article:last-child{float:right;}
.bus .article .inner{padding:0 30px;}
.bus .article .info{padding:90px 0 0; border-bottom:5px solid #fff;}
.bus .article .info p{font-size:40px; font-weight:350; color:#000; line-height:40px; text-align:center;}
.bus .article .pay{padding:30px 0 35px; border-bottom:1px solid #dfdfdf;}
.bus .article .btn_srv{display:block; width: 200px; height: 63px; background:#ffcc01; border-radius:31.5px; text-align:center; border:none; font-size:25px; font-weight:350; color:#000; line-height:63px; box-shadow:0 4px 2px -2px rgba(31,31,54,0.2); margin:25px auto 0;}
.bus .article li{margin-top:34px; text-align:center;}
.bus .article li:first-child{margin-top:38px;}
.bus .article .bg{position:relative; font-size:24px; min-height:35px; font-weight:350; color:#000; line-height:35px; text-align:center; display:inline-block;}
.bus .article .ic{position:absolute; left:-49px; top:0; background:url("../images/ic_chk.png") no-repeat; width: 35px; height: 35px;}
.bus .article .sub{font-size:19px; font-weight:350; color:#000; line-height:20px;}
.bus .article .p{font-size:24px; font-weight:350; color:#000; text-align:center; line-height:30px;}
.bus .article .sml{font-size:20px;}


.faq .title_all{font-size:50px; height: 55px; line-height:55px; font-weight:400; color:#222a41; text-align:center; margin-top:180px;}
.faq .title_all img{vertical-align:middle; margin-top:-14px; margin-right:19px;}
.faq .section{margin-top:100px; margin-bottom:135px;}
.faq .article{float:left; width: 554px;}
.faq .article:last-child{float:right;}
.faq .conbox{margin-bottom:35px;}
.faq .title{font-size:25px; font-weight:400; color:#000; line-height:1;}
.faq .con{font-size:18px; font-weight:400; color:#666666; line-height:1.2; padding-top:10px;}

.plus_foot{width: 100%; background:url("../images/bg_foot_a.png") no-repeat; background-size:100% 100%;padding-top:20px;padding-bottom:20px;}
.plus_foot .inner{width: 1080px; margin:0 auto;}
.plus_foot .left{float:left; height: 178px; height: 170px; display:flex; flex-direction:column; justify-content:center;}
.plus_foot .left .help{font-size:30px; font-weight:bold; color:#fff; line-height:30px;}
.plus_foot .left .help span{color:#ffcc01;}
.plus_foot .left .tip{font-size:20px; font-weight:400; color:#fff; line-height:20px; padding-top:20px;}
.plus_foot .left .tip br{display:none;}
.plus_foot .right{float:right; height: 170px;}
.plus_foot .right::after{display:inline-block; height: 100%; vertical-align:middle; content:'';}
.plus_foot .right button{display:inline-block; width: 300px; height: 60px; line-height:60px; margin-right:-4px; border:none; border-radius:30px; background:#ffcc01; text-align:center; font-size:30px; font-weight:bold; color:#222a41;}
.plus_foot .right button img{margin-right:27px; margin-bottom:-3px;}
.plus_foot .help br{display:none;}


.footer{padding:60px 0 70px; background:#1c365d}
.footer .br{display:none;}
.footer .inner{width: 1180px; margin:0 auto;}
.footer .inner > div{float:left;}
.footer .inner > div.right{float:right;}
.footer .logo{margin-right:40px;}
.footer .logo img{display:block;}
.footer .wrap_adr{font-size:15px; font-weight:400; color:#5f80b0; line-height:24px; margin-top:-6px;}
.footer .wrap_adr span{background:url("../images/bg_li_foot.png") no-repeat center center; padding:0 13px; display:inline-block; height: 15px; margin-bottom:-3px;}
.footer .copy{font-size:15px; font-weight:300; color:#5f80b0; line-height:15px; padding-top:15px;}
.footer .wrap_family{cursor:pointer; width: 200px; border:1px solid #1e4681; box-sizing:border-box; background:#102648; position:relative;}
.footer .wrap_family .family{width: calc(100% - 30px); padding:0 10px; padding-right:20px; background:url("../images/ic_select_on.png") no-repeat right 10px center; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; font-size:15px; font-weight:400; color:#4e6a92; line-height:30px;}
.footer .wrap_family .family.up{width: calc(100% - 30px); padding:0 10px; padding-right:20px; background:url("../images/ic_select_up.png") no-repeat right 10px center; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; font-size:15px; font-weight:400; color:#4e6a92; line-height:30px;}
.footer .wrap_family .list_fm{display:none; width: 100%; position:absolute; left:-1px; bottom:31px; background:#102648; border:1px solid #1e4681; border-bottom:none;}
.footer .wrap_family .list_fm li{border-top:1px solid #1e4681;}
.footer .wrap_family .list_fm li:first-child{border-top:none;}
.footer .list_fm p{width: calc(100% - 30px); padding:0 10px; padding-right:20px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; font-size:15px; font-weight:400; color:#4e6a92; line-height:30px;}


.solution{width: 940px !important; margin:0 auto 150px;}
.wrap_croll .wrap_title{margin-top:50px;}
.wrap_croll .wrap_title .txt{float:left; text-align:left;}
.wrap_croll .wrap_title .txt .title{font-size:35px; font-weight:300; color:#000; line-height:35px;}
.wrap_croll .wrap_title .txt .title span{font-weight:bold;}
.wrap_croll .wrap_title .txt .sub{font-size:20px; font-weight:400; color:#ab74f4; line-height:20px; padding-top:25px;}
.wrap_croll .wrap_title .btn_talk{float:right; display:block; width: 250px; height: 60px; border-radius:30px; background:#ab74f4; border:none; text-align:center; font-size:25px; font-weight:350; color:#fff; line-height:60px; box-shadow:0 4px 2px -2px rgba(31,31,54,0.2);}
.list_solution{padding-top:40px;}
.list_solution li{float:left; width: 32%; margin-right:2%; margin-top: 2%; height: 300px; text-align:center; border:1px solid #dddddd; box-sizing:border-box; display:flex; justify-content:center; flex-direction:column;}
.list_solution li:nth-child(3n){margin-right:0;}
.list_solution li:nth-child(even){background:#f8f8f8}
.list_solution .con{font-size:15px; font-weight:400; color:#000; line-height:20px; text-align:center;}
.list_solution img{margin-bottom:45px;}
.btn_project{position:absolute; left:50%; margin-left:-125px; top:260px; display:block; width: 250px; height: 60px; background:#ffcc01; border:none; border-radius:30px; text-align:center; font-size:25px; font-weight:350; color:#000; line-height:60px; box-shadow:0 4px 2px -2px rgba(31,31,54,0.2);}
.btn_storebot{display:block; width: 200px; height: 30px; background:#ffcc01; border:none; border-radius:15px; text-align:center; font-size:18px; font-weight:400; color:#000; line-height:30px; box-shadow:0 4px 2px -2px rgba(31,31,54,0.2);margin-left:calc(50% - 100px);margin-top:15px;}

.ask_txt{width: 100%; background:#f8f8f8; border:1px solid #dddddd; box-sizing:border-box; margin-top:44px;}
.ask_txt p{font-size:18px; font-weight:400; color:#666666; line-height:30px; padding:25px 30px; text-align:left;}
.check{text-align:right; font-size:16px; font-weight:400; color:#000; line-height:17px; padding-top:17px;}
.check input[type=checkbox]{display:none}
.check input[type=checkbox] + label{float:right; display:block; height:17px; cursor:pointer; padding-left:30px; background:url("../images/checkbox_off.png") no-repeat left center;}
.check input[type=checkbox]:checked + label{background-image:url("../images/checkbox_on.png");}
.tbl_wrt{width: 100%; border-top:3px solid #ab74f4; margin-top:63px;}
.tbl_wrt tr{height: 50px; border-bottom:1px solid #ddd; box-sizing:border-box;}
.tbl_wrt td{text-align:left;}
.tbl_wrt p{font-size:15px; font-weight:400; color:#000; text-align:center;}
.tbl_wrt input{display:block; width: 40%; height: 30px; padding:0 15px; background:#f8f8f8; border:1px solid #dddddd; border-radius:3px; box-sizing:border-box;}
.tbl_wrt .file input{width: calc(100% - 151px); float:left;}
.tbl_wrt .file label{display:block; cursor:pointer; float:left; width: 100px; height: 30px; margin-left:10px; background:#ffcc01; text-align:center; border-radius:3px; text-align:center; font-size:15px; font-weight:400; color:#000; line-height:30px;}
.tbl_wrt input[type="file"]{position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0;}
.tbl_wrt textarea{width: 100%; height: 300px; padding:15px; margin:18px 0; background:#f8f8f8; border:1px solid #ddd; box-sizing:border-box; border-radius:5px;}
.btn_clear{display:block; width: 250px; height: 60px; border-radius:30px; background:#ab74f4; border:none; text-align:center; font-size:25px; font-weight:350; color:#fff; margin:50px auto 150px; box-shadow:0 4px 2px -2px rgba(31,31,54,0.2);}



@media (max-width:1420px) {
	.con_info{width: calc(100% - 20px) !important;}
}


@media (max-width:1200px) {
	.header{width: 100%; background:#fff;}
	.header .inner{padding:0 20px;}
	.header .inner_desk{padding:0;}
	.header .logo{height:auto; padding:10px;}
	.header .logo img{height: 30px;}
	.header .nav_head li{width:auto !important; height:auto; margin:0 !important; padding:15px;}
	.header .nav_head li:first-child{padding-left:0;}
	.header .nav_head a{font-size:14px; line-height:20px;}
	.header .nav_head .on a{font-weight:500; background:none; padding-bottom:0; margin-top:0;}
	.banner_area{height: 450px;}
	.container{width: calc(100% - 20px); padding:0 10px;}
	.list_info li{float:left; width: calc(50% - 5px); margin-right:10px;}
	.list_info li:first-child{margin-bottom:10px;}
	.list_info li:nth-child(2){margin-bottom:10px;}
	.list_info li:nth-child(2n){margin-right:0;}
	.list_info li:last-child{width: 100%; margin-top:10px;}
	.container.thing{padding-top:65px;}
	.list_thing li{width: 33%; height: 228px;}
	.list_thing li:nth-child(2){width: 34%;}
	.list_thing li:nth-child(4),
	.list_thing li:nth-child(5),
	.list_thing li:nth-child(6),
	.list_thing li:nth-child(7){width: 25%;}
	.con_info .title{font-size:25px;}
	.list_info{padding-top:45px;}
	.container.con_info{padding-top:60px;}
	.titlebox .what{text-align:center; padding-left:0; font-size:27px; line-height:27px; float:none;}
	.titlebox .text{float:none; padding-top:10px; font-size:17px; line-height:21px;}
	.wrap_croll{margin-top:70px;}
	.container.example{padding-top:60px;}
	.container.example .title{font-size:25px;}
	.container.example .con_area{margin-top:35px; background:no-repeat; height:auto;}
	.container.example .con_area::after{display:block; clear:both; content:'';}
	.video_area{position:static; margin-top:10px; width: calc(50% - 5px); margin-right:10px; float:left; margin-left:0 !important;}
	.video_area:nth-child(2n){margin-right:0;}
	.video_area img{width: 100%;}
	.video_area .title_vd{margin:0; font-size:18px;}
	.service .article_srv > div{float:none; width:100%;}
	.service{background-size:auto 100%;}
	.article_srv{margin-top:150px !important}
	.article_srv .text p{text-align:left !important; padding:0 20px; width: calc(100% - 40px) !important; margin:0 !important;}
	.article_srv .text{width: 100% !important; height:auto !important; margin-top:50px;}
	.article_srv .img{width: 100% !important;}
	.article_srv .img img{margin:0 !important;}
	br{display:none;}
	.service .section{margin-top:250px;}
	.service .bg_top{height: 300px; top:-299px;}
	.service .bg_bottom{height: 300px; bottom:-299px;}
	.service .wrap{margin-bottom:250px;}
	.bus{width: calc(100% - 20px) !important;}
	.bus .article{float:none; width: 100%; background-size:100% 100%;}
	.bus .section{margin-top:50px;}
	.faq .article{width: 100%;}
	.plus_foot .inner{width: calc(100% - 20px); padding:0 10px;}
	.footer .inner{width: calc(100% - 40px); padding:0 20px;}
	.footer .inner > div.middle{width: calc(100% - 220px);}
	.footer .inner > div.right{clear:both; padding-top:30px; float:none;}
	.footer .inner > div.right::after{display:block; clear:both; content:'';}
	.footer .wrap_family{float:right;}
	.btn_project{width: 220px; height: 55px; line-height:55px; font-size:23px; margin-left:-80px; top:175px;}
	.wrap_croll .wrap_title{margin-top:0;}
	.container.ban{padding:0 25px; width: calc(100% - 50px);}
	.banner_area .left{width: 30%;}
	.banner_area .left img{width: 100%; margin-top:9%; margin-left:0;}
	.banner_area .right{width: 67%; text-align:center; float:right;}
	.banner_area .right img{width: 100%; margin-top:27%;}
	.banner_area .img_bot img{width: 500px;}
	.wrap_croll.abc{margin-top:110px;}
}


@media (max-width:768px) {
	.faq .title_all{margin-top:0;}
	.wrap_croll.abc{width: calc(100% - 60px); padding:0 30px; margin-top:90px;}
	.header{position:fixed; left:0; top:0; width: 100%; z-index:15;}
	.header-area{display:block; height: 81px;}
	.header .inner_desk{padding:0;}
	.header .logo{padding:25px;}
	.header .logo_area{float:none; border-bottom:1px solid #ddd;}
	.header .nav_head{float:none; clear:both; display:none; border-bottom:1px solid #ddd; background:#fff;}
	.header .nav_head li{float:none; width: calc(100% - 40px); padding:20px 30px;}
	.header .nav_head li:first-child{padding-left:30px;}
	.header .nav_head .on a{background:none;}
	.header .btn_sidemenu{display:block; width: 35px; height: 30px; margin:25px; background-size:100% 100%;}
	.banner_area{height: 300px;}
	.banner_area .img_bot img{width: 220px;}
	.header .nav_head a{font-size:18px;}
	.service{margin-top:60px;}
	.service .title{font-size:25px; line-height:46px;}
	.service .title img{width: 300px;}
	.service .wrap{margin-bottom:160px;}
	.service .section{margin-top:250px;}
	.service .bg_top{height: 200px; top:-199px;}
	.service .bg_bottom{height: 200px; bottom:-199px;}
	.faq .conbox{padding:0 20px;}
	.plus_foot .left .help{font-size:25px; line-height:25px;}
	.plus_foot .left .tip{font-size:18px; line-height:18px;}
	.plus_foot .right button{width: 250px; font-size:25px;}
	.plus_foot .right button img{width: 27px;}
	.solution{width: calc(100% - 20px) !important; padding:0 10px;}
	.btn_project{width: 200px; height: 50px; line-height:50px; font-size:20px; margin-left:-55px; top:120px;}
}


@media (max-width:420px) {
	.service.mt110{margin-top:40px;}
	.header{position:fixed; left:0; top:0; width: 100%; z-index:15;}
	.header .logo{padding:10px;}
	.header .nav_head li{padding:10px 20px;}
	.header .nav_head li:first-child{padding-left:20px;}
	.header .nav_head a{font-size:14px;}
	.header .btn_sidemenu{width: 25px; height: 20px; margin:15px;}
	.banner_area{height: 210px; background-size:170% 100%;}
	.banner_area .img_bot img{width: 90%;}
	.list_info li{width: 100%; margin-right:0; margin-top:15px !important; margin-bottom:0 !important;}
	.con_info .title{font-size:20px; line-height:27px;}
	.list_info li{height: 260px;}
	.list_info .imgbox{height: 150px;}
	.list_info .imgbox p{font-size:15px; line-height:15px;}
	.list_info .textbox{height:calc(100% - 153px);}
	.list_info .textbox p{font-size:14px; line-height:17px;}
	.list_info .a img{margin-top:20px;}
	.list_info .b img{margin-top:20px;}
	.list_info .c img{margin-top:25px;}
	.list_info .d img{margin-top:36px;}
	.list_info .e img{margin-top: 23px;}
	.list_info{padding-top:30px;}
	.list_thing li{width: 50% !important;}
	.container.con_info{margin-top:0; padding-top:0; width: calc(100% - 60px) !important; padding:0 30px;}
	.list_thing img{width: 50%;}
	.titlebox .text{font-size:14px; text-align:center; padding-top:10px; line-height:1.4; padding:0 30px; padding-top:10px;}
	.titlebox .text .ic_text{width: 17px; height: 14px; margin-top:-9px; background-size:100% 100% !important;}
	.container.thing{padding-top:40px;}
	.wrap_croll{margin-top: 40px;}
	.titlebox{padding-bottom:30px;}
	.titlebox .what{font-size:23px; line-height:23px; width: 100%;}
	.video_area{width: 100%; float:none; margin-right:0; margin-top:30px;}
	.container.example .title{font-size:20px;}
	.video_area .title_vd{font-size:15px;}
	.container.example{padding-top:40px; width: calc(100% - 60px); padding:0 30px; padding-top:40px;}
	.container.example .con_area{margin-top:15px;}
	.container.example .con_area .video_area.a{margin-top:0;}
	.service .title img{width: 200px; margin-right:10px; margin-top:-5px;}
	.service .title{font-size:20px; line-height:25px;}
	.service .article_srv .img{padding:0 30px; width:calc(100% - 60px) !important;}
	.service .article_srv .img img{width: 100%;}
	.article_srv .text{margin-top:25px;}
	.article_srv .text p{font-size:17px; padding:0;}
	.article_srv .text .con{font-size:15px; padding:0; padding-top:10px;}
	.article_srv .title_info .bold{height: 20px; background-position-y:5px;}
	.article_srv .title_info{line-height:25px;}
	.service{background:no-repeat; padding-bottom:0;}
	.service .container{background:#1c365d; padding-bottom:20px; width: calc(100% - 60px); padding:0 30px;}
	.article_srv .title_info span{height:auto;}
	.service .section{padding-top:1px}
	.service .title{padding-bottom:15px; font-size:25px;}
	.service .bg_top{height: 80px; top:-80px;}
	.service .bg_bottom{height: 80px; bottom:-80px;}
	.article_srv{margin-top:50px !important;}
	.service .wrap{margin-bottom:50px;}
	.service .section{margin-top:70px;}
	.bus{margin-top:100px; width: calc(100% - 20px) !important; padding:0 10px;}
	.bus br{display:block;}
	.bus .title_all{font-size:20px; line-height:27px; padding:0 30px;}
	.bus .title_all .br{display:block;}
	.bus .title_all img{width: 150px; padding:0 5px; margin-top:-4px;}
	.bus .title_all span{font-size:20px; line-height:normal;}
	.bus .section{margin-top:30px;}
	.bus .article{padding-bottom:70px; height:auto;}
	.bus .article .info p{font-size:18px; line-height:18px;}
	.bus .article .pay{padding:15px 0 17px;}
	.bus .article .btn_srv{font-size:15px; width: 120px; height: 50px; line-height:50px; margin:15px auto 0;}
	.bus .article .bg{font-size:15px; line-height:25px; min-height:25px;}
	.bus .article .p{font-size:15px; line-height:25px; min-height:25px;}
	.bus .article .ic{width: 25px; height: 25px; left:-35px; background-size:100% 100%;}
	.bus .article .sub{font-size:13px; min-height:auto; line-height:13px;}
	.bus .article .sml{font-size:13px;}
	.plus_foot .help br{display:block;}
	.faq .section{margin-bottom:50px;}
	.plus_foot{padding:30px 0;}
	.plus_foot .inner{width: calc(100% - 60px); padding:0 30px;}
	.plus_foot .left{float:none; width: 100%; height:auto;}
	.plus_foot .left .help{text-align:center; line-height:1.5;}
	.plus_foot .left .tip{padding:15px 0 20px; text-align:center; line-height:1.5;}
	.plus_foot .left .tip br{display:block;}
	.plus_foot .right{float:none; width: 100%; height:auto; text-align:center;}
	.plus_foot .right button{width: 180px; font-size:20px; height: 50px; line-height:27px;}
	.plus_foot .right button img{width: 25px; margin-right:10px; margin-bottom:-3px;}
	.container.faq{margin-top:50px;}
	.faq .title_all{font-size:20px;}
	.faq .title_all img{width: 200px; margin-right:10px; margin-top:-4px;}
	.faq .section{margin-top:30px;}
	.faq .title{font-size:18px;}
	.faq .con{font-size:15px;}
	.footer{padding:30px 0 35px;}
	.footer .inner{text-align:center; width: calc(100% - 60px); padding:0 30px;}
	.footer br{display:block !important;}
	.footer .inner > div{float:none; width: 100%;}
	.footer .logo{margin-right:0;}
	.footer .logo img{width: 150px; margin:0 auto;}
	.footer .inner > div.middle{padding:20px 0; width: 100%;}
	.footer .wrap_adr span{display:inline-block; background:no-repeat; padding:0 5px;}
	.footer .wrap_adr{font-size:13px; line-height:18px;}
	.footer .copy{font-size:12px; line-height:13px; padding-top:10px;}
	.footer .inner > div.right{padding-top:15px;}
	.footer .wrap_family{width: 100%;}
	.solution{margin-bottom:30px; width: calc(100% - 60px) !important; padding:0 30px;}
	.wrap_croll .wrap_title .txt{float:none; width: 100%;}
	.wrap_croll .wrap_title .txt .title{line-height:1.3;}
	.wrap_croll .wrap_title .txt .title .br{display:block;}
	.wrap_croll .wrap_title .txt .title.fix{text-align:center;}
	.wrap_croll .wrap_title .txt .sub{line-height:1.3; font-size:17px; padding-top:10px;}
	.wrap_croll .wrap_title .btn_talk{float:none; width: 100%; margin:15px auto 0; height: 50px; line-height:50px; font-size:20px;}
	.list_solution li{width: 100%; margin-right:0; height: 250px; margin-top:15px;}
	.list_solution li:first-child{margin-top:0;}
	.list_solution .con{font-size:13px;}
	.list_solution .con br{display:block;}
	.btn_project{width: 130px; height: 30px; line-height:30px; font-size:15px; margin-left:-40px; top:80px;}
	.ask_txt{margin-top:20px;}
	.ask_txt p{font-size:15px; line-height:25px;}
	.check{font-size:13px;}
	.tbl_wrt{margin-top:30px;}
	.tbl_wrt input{width: 100%;}
	.tbl_wrt .file input{width: calc(100% - 110px);}
	.btn_clear{width: 100%; height: 50px; line-height:50px; font-size:18px; margin:20px auto 0;}
	.header-area{height: 51px;}
	.faq .conbox{margin-bottom:25px;}
}