.clear:after{clear:both; content:''; display:block;}
.size {width:960px; margin:0 auto; position:relative;}
.wrapper {width:100%; height:100%; position:relative; overflow:hidden; }
.fl {float:left;}
.fr {float:right; }

#header {width:100%; position:relative;  box-sizing:border-box; z-index:10 ;height:90px;}
#header .account {height:25px; line-height:25px; width:100%; background:#1c214d;}
#header .account .size p{float:right;}
#header .account a{display:block; float:left; position:relative; margin-left:10px; color:#fff; font-size:11px; letter-spacing:0;}
#header .account a:first-child {padding-left:0; margin-right:10px; }
#header .account a:first-child:after {clear:both; content:''; display:block; width:1px; height:8px; margin-top:-4px; position:absolute; right:-10px; top:50%; background:#fff; }
#header .gnbwrap {width:100%; background:#fff; border-bottom:1px solid #bdbdbd; }
#header .gnbwrap h1 {float:left; line-height:65px; }
#header .gnbwrap h1 a{display:inline-block;}
#header .gnbwrap h1 a img {vertical-align:middle; margin-top:-10px; }
#header .gnbwrap .gnb {padding-left:18px; float:left; }
#header .gnbwrap .gnb .dep1 > li {float:left; padding-top:10px; padding-bottom:10px;  position:relative; }
#header .gnbwrap .gnb .dep1 > li:after {clear:both; content:''; display:block; position:absolute; left:0; top:27.5px; height:10px; background:#d8d8d8; width:1px;}
#header .gnbwrap .gnb .dep1 > li:first-child:after {display:none; }
#header .gnbwrap .gnb .dep1 > li > a {display:block; width:110px; height:45px; line-height:45px;  text-align:center; color:#181818; font-size:16px; }
#header .gnbwrap .gnb .dep2 {position:absolute; left:0; width:100%; z-index:9; top:65px; display:none;}
#header .gnbwrap .gnb .dep2 li:first-child {border-top:1px solid #bdbdbd;}
#header .gnbwrap .gnb .dep2 li a{width:100%; display:block; height:45px; line-height:45px; border-left:1px solid #bdbdbd; border-right:1px solid #bdbdbd; border-bottom:1px solid #bdbdbd; box-sizing:border-box; text-align:center;  background:#fff; color:#181818; font-size:14px; letter-spacing:-1.5px;}
#header .gnbwrap .gnb .dep2 li a.active, #header .gnbwrap .gnb .dep2 li a:hover {color:#fff; background:#e14037;}
#header .menu {position:absolute; display:block; top:50%; right:0; background:url('/img/allmenu.png') no-repeat center center ; width:18px; height:15px; text-indent:-9999px; margin-top:-7.5px;}
#header .menu.on {background:url('/img/allclose.png') no-repeat center center;}
#header .menu2 {display:none; position:absolute;  top:50%; right:10px; background:url('/img/allmenu.png') no-repeat center center ; width:36px; height:30px; text-indent:-9999px; margin-top:-15px;}
#header .menu2.on {background:url('/img/allclose.png') no-repeat center center;}
#header .all {position:absolute; left:0; width:100%; height:320px; background:#545557; display:none; z-index:10;}
#header .all .allgnb {padding-top:10px; float:left; margin-left:3.285%; width:11%;}
#header .all .allgnb strong {display:inline-block; line-height:20px; border-bottom:1px solid #fff; color:#fff; margin:10px 0; font-size:13px; font-weight:500; letter-spacing:-.5px;}
#header .all .allgnb ul {width:100%;}
#header .all .allgnb ul li a{display:inline-block; height:24px; line-height:24px; color:#fff; font-size:12px; }
.hbg {display:none;  position:absolute; z-index:5; background:rgba(0,0,0,0.5); width:100%; height:100%; left:0; top:0; }
#header .mgnb {position:absolute; width:90%; left:120%; background:#fff; top:91px;}
#header .mgnb .mdep1 > li{position:relative;}
#header .mgnb .mdep1 > li > a {display:block; height:50px; font-weight:600; line-height:50px;  box-sizing:border-box; padding:0 20px; color:#181818; font-size:18px; background:url('/img/mdep1.png') no-repeat 95% center; border-left:1px solid #bdbdbd; border-right:1px solid #bdbdbd; border-bottom:1px solid #bdbdbd; }
#header .mgnb .mdep2 {display:none;}
#header .mgnb .mdep2 > li > a{display:block; height:35px; line-height:35px; border-left:1px solid #bdbdbd; border-right:1px solid #bdbdbd; border-right:1px solid #bdbdbd; border-bottom:1px solid #bdbdbd; color:#fff; background:#e14037; font-size:15px; padding:0 25px; box-sizing:border-box;}

.main {width:100%; position:relative; }
.main .visual {width:100%; position:relative; overflow:hidden; }
.main .visual .owl-item {float:left; }
.main .visual  div  .size {height:503px; }
.main .visual .v1 {background:url('/img/visual1.png') no-repeat center center; background-size:cover; position:relative; }
.main .visual .v2 {background:url('/img/visual2.png') no-repeat center center; background-size:cover; position:relative;}
.main .visual .v3 {background:url('/img/visual3.png') no-repeat center center; background-size:cover; position:relative;}
.main .visual .v1 .v1t {display:block; position:absolute; left:0; top:50%; margin-top:-77px}
.main .visual .v2 .v2t {display:block; position:absolute; right:0; top:50%;  margin-top:-77px;}
.main .visual .v3 .v3t {display:block; position:absolute; top:50%; right:0; margin-top:-77px;}
.main .visual .owl-dots {position:absolute; bottom:40px; display:block; left:50%; width:81px; height:10px; margin-left:-40.5px;}
.main .visual .owl-dots .owl-dot {display:block; float:left;  width:10px; height:10px; background:#fff; margin-left:8px;  transition:all .3s linear; border-radius:10px; } 
.main .visual .owl-dots .owl-dot:first-child {margin-left:0; }
.main .visual .owl-dots .owl-dot.active {width:45px; background:#e14037;}
.main .section{padding:20px 0;background:url('/img/main_bg.png') repeat 0 0; min-height:500px; width:100%; border:1px solid #ccc; box-sizing:border-box; }
.main .section1 {width:100%; }
.main .section1 .secbox {width:316px; margin-left:6px; height:105px; background:#fff;  float:left; box-sizing:border-box; padding-left:110px;  padding-top:15px;  padding-right:20px; }
.main .section1 .secbox strong {display:block; font-size:16px; }
.main .section1 .secbox .txt {padding-top:10px;color:#555; font-size:13px; word-break:keep-all ;}
.section1 .secbox.box1  {background:#fff url('/img/sec_ico1.png') no-repeat 30px 22px;}
.section1 .secbox.box2  {background:#fff url('/img/sec_ico2.png') no-repeat 23px 25px;}
.section1 .secbox.box3  {background:#fff url('/img/sec_ico3.png') no-repeat 30px 20px;}
.main .section1 .secbox:first-child{margin-left:0;}
.section2 {margin-top:8px; width:100%;}
.section2 .secbox {width:316px; margin-left:6px; height:165px; background:#fff; float:left; box-sizing:border-box; padding:20px 15px 5px;overflow:hidden; }
.section2 .secbox:first-child {margin-left:0;}
.section2 .secbox strong {display:block; width:100%; position:relative; line-height:25px; color:#202020; font-size:16px;}
.section2 .secbox strong a {display:block; height:25px; width:25px; line-height:25px; text-align:center; right:0; top:0; position:absolute;}
.section2 .secbox strong a img {vertical-align:middle; margin-top:-1px;}
.section2 .secbox .vertical {width:100%; position:relative; height:110px; overflow:hidden; }
.section2 .secbox .bbs {width:100%; padding:10px 0;}
.section2 .secbox .bbs li {overflow:hidden; height:25px;}
.section2 .secbox .bbs li a {display:inline-block; max-width:88%; float:left;overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:25px; color:#555; font-size:13px; }
.section2 .secbox .bbs li span {display:inline-block; color:#e14037; max-width:10%; padding-left:2%; float:left; line-height:22px; height:25px; font-size:14px; font-weight:600;  vertical-align:top;}
.section2 .secbox.cs strong {float:left;  width:auto; padding-left:35px; padding-right:5px;  background:url('/img/sec2_ico.png') no-repeat 0 0; height:35px; }
.section2 .secbox.cs .num {color:#e14037; font-size:30px; font-weight:500; display:block; float:left; height:35px; line-height:25px;}
.section2 .secbox.cs .num.pc {display:block;}
.section2 .secbox.cs .num.m {display:none;}
.section2 .secbox.cs .sec2_btns {width:100%; overflow:hidden; padding-top:5px;}
.section2 .secbox.cs .sec2_btns .sec2_btn{text-align:center; color:#fff; display:block; box-sizing:border-box; padding:13px 15px; width:91px; margin-left:4px; float:left;  height:92px; background:url('/img/sec2_bg.png') no-repeat 0 0;}
.section2 .secbox.cs .sec2_btns .sec2_btn .imgs {text-align:center; line-height:40px; }
.section2 .secbox.cs .sec2_btns .sec2_btn .imgs img {vertical-align:middle; }
.section2 .secbox.cs .sec2_btns .sec2_btn .txt {color:#fff; padding-top:8px; font-size:15px; font-weight:600; }

.section3 {margin-top:8px; width:100%; }
.section3 .secbox {width:316px; float:left; height:225px; background:#fff; box-sizing:border-box; padding:20px 15px 0; position:relative; }
.section3 .secbox strong {display:block; width:100%; position:relative; line-height:25px; color:#202020; font-size:16px; }
.section3 .secbox strong a {display:block; height:25px; width:25px; line-height:25px; text-align:center; right:0; top:0; position:absolute;}
.section3 .secbox strong a img {vertical-align:middle; margin-top:-1px;}
.section3 .secbox .pf_wrap {width:100%; overflow:hidden; position:relative; }
.section3 .secbox .pf_wrap .prev {position:absolute; top:50%; left:0; display:block;margin-top:-20px;}
.section3 .secbox .pf_wrap .next {position:absolute; top:50%; right:0; display:block; margin-top:-20px;}
.section3 .secbox .pf_wrap .pf_outer {width:100%; overflow:hidden; box-sizing:border-box; padding:15px 45px 0; }
.section3 .secbox .pf_wrap .pf_outer .pf_view {width:100%; overflow:hidden; }

.section3 .secbox .pf_wrap .pf_outer .pf_view .imgs {width:100%; background-repeat:no-repeat; background-size:cover; background-position:center center; box-sizing:border-box; border:1px solid #e9e9e9;}
.section3 .secbox .pf_wrap .pf_outer .pf_view  .txt {width:100%; max-width:100%; overflow:hidden; padding-top:6px; text-overflow:ellipsis; white-space:nowrap ;color:#555; font-size:13px; }
/*
.section3 .secbox .pf_wrap .pf_view ul {width:2000%; }
.section3 .secbox .pf_wrap .pf_view ul li {float:left; width:5%; }
.section3 .secbox .pf_wrap .pf_view ul li a {display:block;}
.section3 .secbox .pf_wrap .pf_view ul li a .imgs {width:100%; background-repeat:no-repeat; background-size:cover; background-position:center center; box-sizing:border-box; border:1px solid #e9e9e9;}
.section3 .secbox .pf_wrap .pf_view ul li a .txt {width:100%; max-width:100%; overflow:hidden; padding-top:6px; text-overflow:ellipsis; white-space:nowrap ;color:#555; font-size:13px; }
*/
.section3 .secbox2 {margin-left:6px; width:638px; background:#fff; height:225px; box-sizing:border-box; padding:20px 15px 0;}
.section3 .secbox .bbs {width:100%; padding:10px 0;}
.section3 .secbox .bbs li {overflow:hidden; height:25px;}
.section3 .secbox .bbs li a {display:inline-block; max-width:73%; float:left;overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:25px; color:#555; font-size:13px; }
.section3 .secbox .bbs li span {display:inline-block; color:#e14037; max-width:10%; padding-left:2%; float:left; line-height:22px; height:25px; font-size:14px; font-weight:600;  vertical-align:top;}
.section3 .secbox .bbs li span.date {float:right; padding:0; width:15%; max-width:15%; color:#9c9c9c; font-size:13px; font-weight:500; }

.partner {width:100%; background:#fff; padding:15px 0; position:relative;}
.partner .pt {background:#fff; z-index:2; border-right:1px solid #ebebeb; width:110px; position:absolute; left:0; line-height:80px; color:#555; font-size:15px; font-weight:600; box-sizing:border-box; padding-left:20px; }
.partner .pt_view {padding-left:110px; width:100%; overflow:hidden; box-sizing:border-box; }
.partner .pt_view ul {width:2000%;}
.partner .pt_view ul li {float:left; display:inline-block; line-height:80px; padding:0 20px; }
.partner .pt_view ul li a{display:block; }
.partner .pt_view ul li img {vertical-align:middle; max-height:80px; width:auto; }

#footer {background:#737373; width:100%; position:relative; padding:25px 0; }
#footer .ft_inner {width:100%; padding-left:185px; box-sizing:border-box; background:url('/img/flogo.png') no-repeat 0 0;}
#footer .ft_inner .addr {color:#fff; font-size:12px; line-height:20px; letter-spacing:-.5px;overflow:hidden;word-break:keep-all;}
#footer .ft_inner .addr span {display:block; float:left; padding:0 5px; position:relative; }
#footer .ft_inner .addr .mbr {display:inline-block; font-style:normal;}
#footer .ft_inner .addr p {overflow:hidden; display:block; float:left;}
#footer .ft_inner .addr > span:first-child {padding-left:0;}
#footer .ft_inner .addr p span:first-child {padding-left:0;}
#footer .ft_inner .addr > span:first-child:after{display:none;}
#footer .ft_inner .addr p span:first-child:after{display:none;}
#footer .ft_inner .addr span:after {clear:both; content:''; display:block; width:1px; height:10px; top:50%;margin-top:-5px; left:0; position:absolute; background:#fff; }
#footer .ft_inner .cpr {color:#bdbdbd; font-size:11px; letter-spacing:0; line-height:20px;}

#sub_top {width:100%; position:relative;}
#sub_top .p_title{width:100%; position:relative; box-sizing:border-box; padding-top:60px; padding-bottom:60px;}
#sub_top .p_title h2 {color:#ed403e; font-size:33px;  float:left; padding:0 25px;}
#sub_top .p_title .txt {max-width:520px; float:left; font-size:15px;color:#fff; font-weight:500; word-break:keep-all; line-height:20px; }
#sub_top .path {position:relative; width:100%; border-bottom:1px solid #bdbdbd; box-sizing:border-box; height:50px;}
#sub_top .path .home {display:block; height:50px; width:50px; float:left; box-sizing:border-box; line-height:48px; border:1px solid #bdbdbd;text-align:center;  }
#sub_top .path .home img {vertical-align:middle; margin-top:-2px;}

/* sub_top - company*/
#sub_top.cmp .p_title {padding:25px 0; height:152px;}
#sub_top.cmp .p_title .txt {text-align:center; float:none; width:100%; max-width:100%; font-size:23px; line-height:32px; font-weight:400;}
#sub_top.cmp .p_title .txt b {font-weight:500; font-size:29px; }

#sub_top .path .sub_gnb {float:left; width:100%; max-width:372px;}
#sub_top .path .sub_gnb .sdep {float:left; width:50%; position:relative; margin-left:-1px;}
#sub_top .path .sdep > a {display:block; width:100%; height:50px; line-height:50px; border:1px solid #bdbdbd; box-sizing:border-box; padding:0 15px; background:url('/img/sub/sub_dep.png') no-repeat 95% center; color:#898989; font-size:16px;  }
#sub_top .path .sdep ul {position:absolute; left:0; width:100%; z-index:3;  display:none;}
#sub_top .path .sdep ul li a{display:block; height:45px; border-left:1px solid #bdbdbd; border-right:1px solid #bdbdbd; padding:0 15px; box-sizing:border-box;  background:#fff; line-height:45px; font-size:14px; color:#898989;}
#sub_top .path .sdep1 ul li a:hover, #sub_top .path .sdep1 ul li a.active {background:#1c214d; color:#fff;}
#sub_top .path .sdep2 ul li a:hover, #sub_top .path .sdep2 ul li a.active {background:#e14037; color:#fff;}
#sub_top .path .sdep ul li:last-child a {border-bottom:1px solid #bdbdbd;}


#quick {width:100px; position:fixed;  height:280px; left:50%; top:330px; margin-left:490px; display:block; z-index:20;}
#quick .q_title {background:#1c214d;color:#fff; text-align:center; height:30px; line-height:30px; font-size:12px; font-weight:600;  letter-spacing:-.5px;}
#quick ul li {height:110px;  text-align:center;background:#f0f0f0;border-top:1px solid #fff;}
#quick ul li:first-child a{border-top:0; padding-top:25px;}
#quick ul li a {display:block;padding:20px 10px; box-sizing:border-box;}
#quick ul li:last-child {padding:20px 10px; box-sizing:border-box;}
#quick ul li .imgs {padding-bottom:10px;}
#quick ul li .txt {color:#757575; font-size:15px; font-weight:600; }
#quick ul li .txt2 {color:#757575; font-size:13px; font-weight:600; }
#quick > a {display:block; height:30px; line-height:30px; color:#fff; text-align:center; font-size:14px; font-weight:600; background:#1c214d;}
#quick_m {display:none; width:100%; position:relative; background:#1c214d;}
#quick_m .btns {width:100%; box-sizing:border-box; padding-right:40px; }
#quick_m .btns a{display:block; width:65%; height:40px; line-height:40px; text-align:center; color:#fff;}
#quick_m .btns a:first-child {width:35%; box-sizing:border-box; border-right:1px solid #737373;}
#quick_m .btns a img {vertical-align:middle; margin-top:-1px; margin-right:5px; }
#quick_m .top {position:absolute; right:0; top:0; z-index:2;}
#quick_m .top a {display:block; height:40px; width:40px; line-height:16px; padding:4px 0; box-sizing:border-box; text-align:center; color:#fff; background:#e14037;}

.sub {width:100%;}
.sub_wrap {width:100%; box-sizing:border-box; padding:0 35px; position:relative; }
.sub_wrap2 {width:100%; box-sizing:border-box; padding:0 20px; position:relative; }
.main .visual .vtm {display:none;}

@media(max-width:960px){
  .size {width:100%; max-width:960px; padding:0 20px; box-sizing:border-box;}
  #header .account .size p {display:none;}
  #header .gnbwrap .gnb {display:none; }
  #header .menu{display:none; }
  #header .menu2 {display:block; }
  .main .visual div .size {height:auto; min-height:320px; }
  .main .visual div img {max-width:90%; }
  .main .visual .v1 .v1t {display:none;}
  .main .visual .v2 .v2t {display:none;}
  .main .visual .v3 .v3t{display:none;}

.main .visual .vtm {display:block; position:absolute; top:50%; left:5%; margin-top:-65px; }
  
  .main .section1 .secbox {float:none; margin:6px auto 0;width:100%; padding-right:10px; padding-left:95px; }
  .main .section1 .secbox:first-child {margin:0 auto;  width:100%}
  .section1 .secbox.box1 {background:#fff url('/img/sec_ico1.png') no-repeat 20px 22px}
  .section1 .secbox.box2 {    background: #fff url('/img/sec_ico2.png') no-repeat 10px 25px;}
  .section1 .secbox.box3 {    background: #fff url('/img/sec_ico3.png') no-repeat 20px 20px;}

  .section2 .secbox{margin:6px auto 0; float:none; width:100%; }
  .section2 .secbox:first-child {margin:0 auto;  width:100%}
  .section2 .secbox.cs .sec2_btns{max-width:285px; margin:0 auto;}
  .section2 .secbox.cs .num.pc {display:none;}
  .section2 .secbox.cs .num.m {display:block;}
  .section3 .secbox {float:none; margin:0px auto 0;width:100%}
  .section3 .secbox2 {float:none; margin:6px auto 0;  width:100%}
  .section3 .secbox {height:auto; padding-bottom:20px; }
  .section3 .secbox .bbs li a{max-width:60%;}
  .section3 .secbox .bbs li span.date{width:25%; max-width:25%;}
  .partner{padding:0;}
  .partner .pt {position:relative; width:80%; padding:0; text-align:center; margin:0 auto; line-height:40px; border-right:0; border-bottom:1px solid #ebebeb; }
  .partner .pt_view{width:100%; margin:0 auto; padding-left:0; padding-top:15px; padding-bottom:15px; }


  #footer .ft_inner{padding-top:75px; padding-left:0; background:url('/img/flogo.png') no-repeat center 10px;}
  #footer .ft_inner .addr span{display:block;  float:none;  text-align:center; padding:0; }
  #footer .ft_inner .addr span:after{display:none;}
  #footer .ft_inner .addr p {text-align:center; width:228px; margin:0 auto; overflow:hidden; float:none; }
  
  #footer .ft_inner .addr p span {display:block; float:left; padding:0 5px;}
  #footer .ft_inner .addr p span:after{display:block;}
  #footer .ft_inner .addr p span:first-child:after{display:none; }
  #footer .ft_inner .addr em {display:block;}
  #footer .ft_inner .cpr {text-align:center; padding-top:5px;}
  
  #sub_top .p_title {padding:25px 0; min-height:150px;}
  #sub_top .p_title h2{float:none; width:100%; text-align:center; padding:0;}
  #sub_top .p_title .txt{max-width:100%; float:none; text-align:center;padding-top:15px;}
  #sub_top .path .size {padding:0; }
  #sub_top .path .home {display:none;}
  #sub_top .path .sub_gnb{max-width:100%; float:none;  margin-left:1px; }
  #sub_top .path .sub_gnb .sdep{width:50.1%;}

  #sub_top.cmp .p_title .txt {text-align:center; float:none; width:100%; max-width:100%; font-size:18px; line-height:24px; font-weight:400;}
#sub_top.cmp .p_title .txt b {font-weight:500; font-size:23px; }

  #quick {display:none;}
  #quick_m {display:block; }
}

@media(max-width:380px ){
.section2 .secbox.cs .num{font-size:21px; }
.section2 .secbox.cs .sec2_btns .sec2_btn .txt{font-size:12px;}

  .section2 .secbox.cs .sec2_btns .sec2_btn{width:32.3333%; margin-left:1%;  }
}

@media(max-width:340px){
  .main .section1 .secbox {padding-left:85px; }
  .main .section1 .secbox .txt {font-size:12px; }
.section1 .secbox.box1 {background-size:48px;}

.section1 .secbox.box2{background-size:65px;}
.section1 .secbox.box3 {background-size:45px;}