.@charset "utf-8";
/* CSS Document */
html,body{ width:100%; height:100%;}
body{ font:14px/1.7 "微软雅黑", "Microsoft YaHei",Arial, sans-serif; color:#333; background-color:#fff; overflow-x:hidden;}
a{ text-decoration:none; color:#333;-webkit-tap-highlight-color:transparent;}
*{ list-style:none; margin:0; outline:none; padding:0; border:none;}
.fl{ float:left;}
.fr{ float:right;}
.ov{ overflow:hidden;}
.dis{ display:block !important;}
.dn{ display:none;}
.clear{ clear:both;}
.clear:after{ content:""; display:block; clear:both;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{ color:#999;} 
input:-moz-placeholder,textarea:-moz-placeholder{ color:#999;} 
input::-moz-placeholder,textarea::-moz-placeholder{ color:#999;} 
input:-ms-input-placeholder,textarea:-ms-input-placeholder{ color:#999;} 
input,select,textarea{ -webkit-appearance:none;}
input[type=radio]{ -webkit-appearance:radio;}
input[type=checkbox]{ -webkit-appearance:checkbox;}


/*header*/
@media screen and (min-width:1280px){
.header{ width:100%; height:100px; position:absolute; left:0; top:0; z-index:999;}
.header .logo{ float:left; margin-left:6.25%; height:100px; display:flex; align-items:center;}
.header .logo img{ display:block; height:50px;}
.header .logo img.img02{ display:none;}
.header .tel,.header .mNav{ display:none;}
.header .menuBox{ width:67.71vw; padding-right:6.25%; background-color:#27386e; height:100%; float:right;}
.header .menuBox ul{ width:100%; display:block; overflow:hidden; background-color:#222;}
.header .menuBox ul li{ display:flex; justify-content:center; align-items:center; width:10%; position:relative; height:100px; overflow:hidden; float:left;}
.header .menuBox ul li a{ display:block; color:#fff; font-size:16px; position:relative; z-index:3;}
.header .menuBox ul li:not(:last-child):before{ display:block; content:''; width:1px; height:14px; background-color:#b1b1b1; position:absolute; right:0; top:50%; margin-top:-7px; z-index:1;}
.header .menuBox ul li:after{ display:block; content:''; width:100%; height:0; background-color:#27386e; position:absolute; right:1px; bottom:0; overflow:hidden; z-index:2; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.header .menuBox ul li:last-child:after{ right:0;}
.header .menuBox ul li:hover:after,.header .menuBox ul li.on:after{ height:100%;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.header{ width:100%; height:80px; position:absolute; left:0; top:0; z-index:999;}
.header .logo{ float:left; margin-left:4.5%; height:80px; display:flex; align-items:center;}
.header .logo img{ display:block; height:40px;}
.header .logo img.img02{ display:none;}
.header .tel,.header .mNav{ display:none;}
.header .menuBox{ width:74vw; padding-right:4.5%; background-color:#27386e; height:100%; float:right;}
.header .menuBox ul{ width:100%; display:block; overflow:hidden; background-color:#222;}
.header .menuBox ul li{ display:flex; justify-content:center; align-items:center; width:10%; position:relative; height:80px; overflow:hidden; float:left;}
.header .menuBox ul li a{ display:block; color:#fff; font-size:14px; position:relative; z-index:3;}
.header .menuBox ul li:not(:last-child):before{ display:block; content:''; width:1px; height:12px; background-color:#b1b1b1; position:absolute; right:0; top:50%; margin-top:-6px; z-index:1;}
.header .menuBox ul li:after{ display:block; content:''; width:100%; height:0; background-color:#27386e; position:absolute; right:1px; bottom:0; overflow:hidden; z-index:2; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.header .menuBox ul li:last-child:after{ right:0;}
.header .menuBox ul li:hover:after,.header .menuBox ul li.on:after{ height:100%;}
}
@media only screen and (max-width:1023px){
.header{ width:100%; background-color:#fff; position:fixed; left:0; top:0; z-index:99; box-shadow:0 10px 10px rgb(71 71 71 / 20%); height:60px;}
.header .mNav{ display:block; -webkit-transition:.8s; transition:.8s; position:absolute; left:0; top:0; bottom:0; width:60px;}
.header .mNav .burger{ width:30px; height:2px; background-color:#333; position:absolute; top:20px; left:50%; margin:0 0 0 -15px; -webkit-transform-origin:center; transform-origin:center; -webkit-transition:.8s; transition:.8s;}
.header .mNav .burger:nth-of-type(2){ top:29px; background-color:#27386e;}
.header .mNav .burger:nth-of-type(3){ top:38px;}
.header .mNav.active{ background-color:#27386e;}
.header .mNav.active .burger{ background-color:#fff;}
.header .mNav.active .burger:first-of-type{ top:30px; -webkit-transform:rotate(225deg); transform:rotate(225deg);}
.header .mNav.active .burger:nth-of-type(2){ left:-100%; opacity:0;}
.header .mNav.active .burger:nth-of-type(3){ top:30px; -webkit-transform:rotate(-225deg); transform:rotate(-225deg);}
.header .logo{ width:100%; height:100%; display:flex; align-items:center; justify-content:center;}
.header .logo img{ display:block; height:40px; margin:auto;}
.header .logo img.img01{ display:none;}
.header .menuBox{ position:fixed; top:-100vh; left:0; height:100vh; width:80%; background:rgba(0,0,0,.9); z-index:99; -webkit-transition:.8s; transition:.8s; display:block;}
.header .menuBox.open{ left:0; top:60px;}
.header .menuBox ul{ display:block; font-size:18px; width:100%; padding:30px 0; height:calc(100vh - 120px); overflow:hidden; overflow-y:auto; text-align:center;}
.header .menuBox ul li{ text-transform:uppercase; -webkit-transform:matrix(1,0,0,1,-600,0); transform:matrix(1,0,0,1,-600,0); -webkit-transition:all 1s; transition:all 1s;}
.header .menuBox.open ul li{ padding:10px 0; -webkit-transform:matrix(1,0,0,1,0,0); transform:matrix(1,0,0,1,0,0);}
.header .menuBox ul li:nth-of-type(2){ transition-delay:0.2s;}
.header .menuBox ul li:nth-of-type(3){ transition-delay:0.3s;}
.header .menuBox ul li:nth-of-type(4){ transition-delay:0.4s;}
.header .menuBox ul li:nth-of-type(5){ transition-delay:0.5s;}
.header .menuBox ul li:nth-of-type(6){ transition-delay:0.6s;}
.header .menuBox ul li:nth-of-type(7){ transition-delay:0.7s;}
.header .menuBox ul li:nth-of-type(8){ transition-delay:0.8s;}
.header .menuBox ul li:nth-of-type(9){ transition-delay:0.9s;}
.header .menuBox ul li:nth-of-type(10){ transition-delay:1s;}
.header .menuBox ul li a{ color:#fff; font-size:14px; line-height:30px; height:30px; display:block; overflow:hidden; position:relative;}
.header .menuBox ul li.on a:after,.header .menuBox ul li:hover a:after{ width:70px; height:2px; background-color:#27386e; content:''; overflow:hidden; position:absolute; left:50%; margin-left:-35px; bottom:0;}
.header .tel{ width:60px; position:absolute; right:0; top:0; height:100%; display:flex; align-items:center; justify-content:center;}
.header .tel img{ display:block; height:24px;}
}

/*banner*/
@media screen and (min-width:1280px){
.banner{ width:100%; height:100vh; position:relative; z-index:1;}
.banner .swiper-container{ width:100%; height:calc(100% - 90px); position:relative; z-index:3;}
.banner .swiper-container .swiper-wrapper{ height:100%;}
.banner .swiper-container .swiper-slide{ width:100%; height:100%; display:block; position:relative; overflow:hidden;}
.banner .swiper-container .swiper-slide .tu{ width:93.75%; height:100%; position:relative; z-index:1; background-position:center; background-size:cover; background-color:#fff;}
.banner .swiper-container .swiper-slide .tu b{ width:100%; height:100%; background-color:rgba(0,0,0,.5); display:block; overflow:hidden;}
.banner .swiper-container .swiper-slide .wen{ width:650px; position:absolute; left:50%; margin-top:45px; margin-left:-600px; top:50%; transform:translateY(-50%); z-index:3;}
.banner .swiper-container .swiper-slide .wen .w01{ font-size:18px; line-height:26px; color:#fff; text-transform:uppercase;}
.banner .swiper-container .swiper-slide .wen .w02{ font-size:48px; line-height:68px; color:#fff; font-weight:bold; margin-top:10px; letter-spacing:13px;}
.banner .swiper-container .swiper-slide .wen .w03{ font-size:16px; line-height:30px; max-height:120px; color:#fff; margin-top:23px;}
.banner .swiper-container .swiper-slide .wen .w04{ margin-top:43px;}
.banner .swiper-container .swiper-slide .wen .w04 span{ display:block; float:left; overflow:hidden;}
.banner .swiper-container .swiper-slide .wen .w04 span a{ width:150px; height:40px; line-height:40px; font-size:14px; display:block; text-align:center; border-radius:5px; overflow:hidden; background-color:#27386e; color:#fff; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.banner .swiper-container .swiper-slide .wen .w04 span a:hover{ background-color:#fff; color:#27386e;}
.banner .swiper-container .swiper-slide .wen .w04 p{ display:block; float:left; overflow:hidden; margin-left:30px;}
.banner .swiper-container .swiper-slide .wen .w04 p b{ width:40px; height:40px; display:block; float:left; background-color:rgba(255,255,255,.7); overflow:hidden; border-radius:100%; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.banner .swiper-container .swiper-slide .wen .w04 p b img{ display:block; height:16px; margin:12px auto;}
.banner .swiper-container .swiper-slide .wen .w04 p a{ display:block; float:left; margin-left:10px; font-size:14px; line-height:40px; height:40px; color:#fff;}
.banner .swiper-container .swiper-slide .wen .w04 p:hover b{ background-color:#fff;}
.banner .swiper-container .swiper-slide .wen .w04 p:hover a{ text-decoration:underline;}
.banner .swi{ position:absolute; right:31.77%; bottom:0; z-index:3;}
.banner .swi .swiper-button-white{ width:90px; height:90px; float:left; background-color:#f6f6f8; background-position:center; background-repeat:no-repeat; cursor:pointer; overflow:hidden;}
.banner .swi .swiper-button-white:hover{ background-color:#27386e;}
.banner .swi .swiper-button-prev{ background-image:url(../images/prev.png);}
.banner .swi .swiper-button-next{ background-image:url(../images/next.png);}
.banner .swi .swiper-button-prev:hover{ background-image:url(../images/prev01.png);}
.banner .swi .swiper-button-next:hover{ background-image:url(../images/next01.png);}
.banner .swiper-pagination{ width:6.25%; height:10vw; padding-top:5.625vw; position:absolute; right:0; bottom:0; z-index:3;}
.banner .swiper-pagination:before{ display:block; content:''; width:2px; height:3.125vw; position:absolute; left:50%; margin-left:-1px; top:0; overflow:hidden; background-color:#fff;}
.banner .swiper-pagination span{ display:block; overflow:hidden; margin:auto; width:14px; height:14px; cursor:pointer; background-image:url(../images/bn.png); background-position:center; background-repeat:no-repeat; margin-bottom:.83vw;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ background-image:url(../images/bn01.png);}
.banner .bg{ width:31.77%; height:15.625vw; background-color:#27386e; position:absolute; right:0; bottom:0; z-index:1;}
.banner .bg b{ width:2px; height:3.125vw; display:block; background-color:#fff; overflow:hidden; position:absolute;}
.banner .en{ width:6.25%; height:calc(100% - 100px); position:absolute; right:0; top:100px;}
.banner .en p{ display:flex; justify-content:center; align-items:center; width:100%; height:calc(100% - 15.625vw); overflow:hidden; position:relative;}
.banner .en p b{ display:block; font-size:18px; text-transform:uppercase; writing-mode:vertical-rl;}
.banner .swiper-num{ position:absolute; height:90px; position:absolute; right:6.25%; bottom:0; z-index:9; font-size:16px; line-height:90px; color:#fff;}
.banner .swiper-num b{ width:10px; height:2px; display:block; float:left; background-color:#fff; margin:44px 20px; overflow:hidden;}
.banner .swiper-num a{ color:#fff;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.banner{ width:100%; padding-bottom:70px; height:54.6875vw; max-height:calc(100vh - 70px); position:relative; z-index:1;}
.banner .swiper-container{ width:100%; height:100%; position:relative; z-index:3;}
.banner .swiper-container .swiper-wrapper{ height:100%;}
.banner .swiper-container .swiper-slide{ width:100%; height:100%; display:block; position:relative; overflow:hidden;}
.banner .swiper-container .swiper-slide .tu{ width:95.5%; height:100%; position:relative; z-index:1; background-position:center; background-size:cover; background-color:#fff;}
.banner .swiper-container .swiper-slide .tu b{ width:100%; height:100%; background-color:rgba(0,0,0,.5); display:block; overflow:hidden;}
.banner .swiper-container .swiper-slide .wen{ width:55%; position:absolute; left:4.5%; top:50%; margin-top:35px; transform:translateY(-50%); z-index:3;}
.banner .swiper-container .swiper-slide .wen .w01{ font-size:16px; line-height:24px; color:#fff; text-transform:uppercase;}
.banner .swiper-container .swiper-slide .wen .w02{ font-size:38px; line-height:58px; color:#fff; font-weight:bold; margin-top:5px; letter-spacing:9px;}
.banner .swiper-container .swiper-slide .wen .w03{ font-size:15px; line-height:25px; max-height:100px; color:#fff; margin-top:10px;}
.banner .swiper-container .swiper-slide .wen .w04{ margin-top:22px;}
.banner .swiper-container .swiper-slide .wen .w04 span{ display:block; float:left; overflow:hidden;}
.banner .swiper-container .swiper-slide .wen .w04 span a{ width:150px; height:38px; line-height:38px; font-size:14px; display:block; text-align:center; border-radius:5px; overflow:hidden; background-color:#27386e; color:#fff; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.banner .swiper-container .swiper-slide .wen .w04 span a:hover{ background-color:#fff; color:#27386e;}
.banner .swiper-container .swiper-slide .wen .w04 p{ display:block; float:left; overflow:hidden; margin-left:20px;}
.banner .swiper-container .swiper-slide .wen .w04 p b{ width:38px; height:38px; display:block; float:left; background-color:rgba(255,255,255,.7); overflow:hidden; border-radius:100%; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.banner .swiper-container .swiper-slide .wen .w04 p b img{ display:block; height:16px; margin:11px auto;}
.banner .swiper-container .swiper-slide .wen .w04 p a{ display:block; float:left; margin-left:10px; font-size:14px; line-height:38px; height:38px; color:#fff;}
.banner .swiper-container .swiper-slide .wen .w04 p:hover b{ background-color:#fff;}
.banner .swiper-container .swiper-slide .wen .w04 p:hover a{ text-decoration:underline;}
.banner .swi{ position:absolute; right:31.77%; bottom:0; z-index:3;}
.banner .swi .swiper-button-white{ width:70px; height:70px; float:left; background-color:#f6f6f8; background-position:center; background-repeat:no-repeat; cursor:pointer; overflow:hidden;}
.banner .swi .swiper-button-white:hover{ background-color:#27386e;}
.banner .swi .swiper-button-prev{ background-image:url(../images/prev.png);}
.banner .swi .swiper-button-next{ background-image:url(../images/next.png);}
.banner .swi .swiper-button-prev:hover{ background-image:url(../images/prev01.png);}
.banner .swi .swiper-button-next:hover{ background-image:url(../images/next01.png);}
.banner .swiper-pagination{ width:4.5%; height:14vw; padding-top:4.625vw; position:absolute; right:0; bottom:0; z-index:3;}
.banner .swiper-pagination:before{ display:block; content:''; width:2px; height:3.125vw; position:absolute; left:50%; margin-left:-1px; top:0; overflow:hidden; background-color:#fff;}
.banner .swiper-pagination span{ display:block; overflow:hidden; margin:auto; width:14px; height:14px; cursor:pointer; background-image:url(../images/bn.png); background-position:center; background-repeat:no-repeat; margin-bottom:.83vw;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ background-image:url(../images/bn01.png);}
.banner .bg{ width:31.77%; height:18.625vw; background-color:#27386e; position:absolute; right:0; bottom:0; z-index:1;}
.banner .bg b{ width:2px; height:3.125vw; display:block; background-color:#fff; overflow:hidden; position:absolute;}
.banner .en{ width:4.5%; height:calc(100% - 80px); position:absolute; right:0; top:80px;}
.banner .en p{ display:flex; justify-content:center; align-items:center; width:100%; height:calc(100% - 18.625vw); overflow:hidden; position:relative;}
.banner .en p b{ display:block; font-size:16px; text-transform:uppercase; writing-mode:vertical-rl;}
.banner .swiper-num{ position:absolute; height:70px; position:absolute; right:4.5%; bottom:0; z-index:9; font-size:16px; line-height:70px; color:#fff;}
.banner .swiper-num b{ width:10px; height:2px; display:block; float:left; background-color:#fff; margin:34px 20px; overflow:hidden;}
.banner .swiper-num a{ color:#fff;}
}
@media only screen and (max-width:1023px){
.banner{ width:100%; padding-bottom:50px; border-top:60px solid #fff; height:calc(100vh - 110px); position:relative; z-index:1;}
.banner .swiper-container{ width:100%; height:100%; position:relative; z-index:3;}
.banner .swiper-container .swiper-wrapper{ height:100%;}
.banner .swiper-container .swiper-slide{ width:100%; height:100%; display:block; position:relative; overflow:hidden;}
.banner .swiper-container .swiper-slide .tu{ width:calc(100% - 30px); height:100%; position:relative; z-index:1; background-position:65% center; background-size:cover; background-color:#fff;}
.banner .swiper-container .swiper-slide .tu b{ width:100%; height:100%; background-color:rgba(0,0,0,.5); display:block; overflow:hidden;}
.banner .swiper-container .swiper-slide .wen{ width:calc(94% - 30px); position:absolute; left:3%; top:50px; z-index:3;}
.banner .swiper-container .swiper-slide .wen .w01{ font-size:14px; line-height:32px; color:#fff; text-transform:uppercase;}
.banner .swiper-container .swiper-slide .wen .w02{ font-size:24px; line-height:40px; color:#fff; font-weight:bold; letter-spacing:5px;}
.banner .swiper-container .swiper-slide .wen .w03{ font-size:14px; line-height:30px; max-height:150px; color:#fff; margin-top:10px;}
.banner .swiper-container .swiper-slide .wen .w04{ width:100%; margin-top:10px;}
.banner .swiper-container .swiper-slide .wen .w04 span{ display:block; float:left; overflow:hidden; margin-right:15px; margin-top:15px;}
.banner .swiper-container .swiper-slide .wen .w04 span a{ width:140px; height:36px; line-height:36px; font-size:14px; display:block; text-align:center; border-radius:5px; overflow:hidden; background-color:#27386e; color:#fff; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.banner .swiper-container .swiper-slide .wen .w04 span a:hover{ background-color:#fff; color:#27386e;}
.banner .swiper-container .swiper-slide .wen .w04 p{ display:block; float:left; overflow:hidden; margin-top:15px;}
.banner .swiper-container .swiper-slide .wen .w04 p b{ width:36px; height:36px; display:block; float:left; background-color:rgba(255,255,255,.7); overflow:hidden; border-radius:100%; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.banner .swiper-container .swiper-slide .wen .w04 p b img{ display:block; height:16px; margin:10px auto;}
.banner .swiper-container .swiper-slide .wen .w04 p a{ display:block; float:left; margin-left:10px; font-size:14px; line-height:36px; height:36px; color:#fff;}
.banner .swiper-container .swiper-slide .wen .w04 p:hover b{ background-color:#fff;}
.banner .swiper-container .swiper-slide .wen .w04 p:hover a{ text-decoration:underline;}
.banner .swi{ position:absolute; right:40%; bottom:0; z-index:3;}
.banner .swi .swiper-button-white{ width:50px; height:50px; float:left; background-color:#f6f6f8; background-position:center; background-repeat:no-repeat; cursor:pointer; overflow:hidden;}
.banner .swi .swiper-button-white:hover{ background-color:#27386e;}
.banner .swi .swiper-button-prev{ background-image:url(../images/prev.png);}
.banner .swi .swiper-button-next{ background-image:url(../images/next.png);}
.banner .swi .swiper-button-prev:hover{ background-image:url(../images/prev01.png);}
.banner .swi .swiper-button-next:hover{ background-image:url(../images/next01.png);}
.banner .swiper-pagination{ width:30px; height:30vh; padding-top:30px; box-sizing:border-box; position:absolute; right:0; bottom:0; z-index:3;}
.banner .swiper-pagination:before{ display:block; content:''; width:2px; height:20px; position:absolute; left:50%; margin-left:-1px; top:0; overflow:hidden; background-color:#fff;}
.banner .swiper-pagination span{ display:block; overflow:hidden; margin:auto; width:14px; height:14px; cursor:pointer; background-image:url(../images/bn.png); background-position:center; background-repeat:no-repeat; margin-bottom:8px;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ background-image:url(../images/bn01.png);}
.banner .bg{ width:40%; height:30vh; background-color:#27386e; position:absolute; right:0; bottom:0; z-index:1;}
.banner .bg b{ width:2px; height:3.125vw; display:block; background-color:#fff; overflow:hidden; position:absolute;}
.banner .en{ width:30px; height:calc(100vh - 60px); position:absolute; right:0; top:0;}
.banner .en p{ display:flex; justify-content:center; align-items:center; width:100%; height:calc(100% - 30vh); overflow:hidden; position:relative; background-color:#f6f6f8;}
.banner .en p b{ display:block; font-size:14px; text-transform:uppercase; writing-mode:vertical-rl;}
.banner .swiper-num{ position:absolute; height:50px; position:absolute; right:30px; bottom:0; z-index:9; font-size:16px; line-height:50px; color:#fff;}
.banner .swiper-num b{ width:10px; height:2px; display:block; float:left; background-color:#fff; margin:24px 10px; margin-left:0; overflow:hidden;}
.banner .swiper-num a{ color:#fff;}
}

/*服务项目*/
@media screen and (min-width:1280px){
.title{ width:1200px; padding:0 40px; box-sizing:border-box; position:relative; z-index:3; margin:auto;}
.title .t01{ position:absolute; left:0; top:0;}
.title .t01 img{ display:block; width:27px;}
.title .t02{ font-size:30px; line-height:38px; height:38px; color:#27386e; font-weight:bold;}
.title .t03{ font-size:18px; line-height:28px; height:28px; color:#333; font-weight:bold; text-transform:uppercase;}
.title .t04{ margin-top:10px;}
.title .t04 b{ width:40px; height:4px; display:block; overflow:hidden; background-color:#999;}
.title .t05{ font-size:130px; height:102px; line-height:102px; text-transform:uppercase; opacity:.05; font-weight:bold; position:absolute; right:40px; top:0;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.title{ width:91%; padding:0 35px; box-sizing:border-box; position:relative; z-index:3; margin:auto;}
.title .t01{ position:absolute; left:0; top:0;}
.title .t01 img{ display:block; width:25px;}
.title .t02{ font-size:26px; line-height:34px; height:34px; color:#27386e; font-weight:bold;}
.title .t03{ font-size:16px; line-height:26px; height:26px; color:#333; font-weight:bold; text-transform:uppercase;}
.title .t04{ margin-top:7px;}
.title .t04 b{ width:30px; height:3px; display:block; overflow:hidden; background-color:#999;}
.title .t05{ font-size:90px; height:70px; line-height:70px; text-transform:uppercase; opacity:.05; font-weight:bold; position:absolute; right:35px; top:0;}
}
@media only screen and (max-width:1023px){
.title{ width:94%; padding:0 30px; box-sizing:border-box; position:relative; z-index:3; margin:auto;}
.title .t01{ position:absolute; left:0; top:0;}
.title .t01 img{ display:block; width:23px;}
.title .t02{ font-size:22px; line-height:32px; height:32px; color:#27386e; font-weight:bold;}
.title .t03{ font-size:14px; line-height:20px; height:20px; color:#333; font-weight:bold; text-transform:uppercase;}
.title .t04{ margin-top:6px;}
.title .t04 b{ width:20px; height:2px; display:block; overflow:hidden; background-color:#999;}
.title .t05{ font-size:50px; height:40px; line-height:40px; text-transform:uppercase; opacity:.05; font-weight:bold; position:absolute; right:10px; top:0;}
}

@media screen and (min-width:1280px){
.sbox{ width:100%; padding-top:80px; position:relative; z-index:1; background-color:#f6f6f8;}
.sbox .bg{ width:870px; height:610px; background-color:#fff; position:absolute; left:50%; margin-left:-660px; bottom:0; z-index:2;}
.sbox .bg01{ width:560px; height:80px; background-color:#27386e; position:absolute; right:50%; margin-right:-600px; top:250px; z-index:1;}
.sbox .title{ padding-right:37px; position:absolute; right:50%; margin-right:-600px; top:80px;}
.sbox .title .t01{ left:auto; right:0;}
.sbox .title .t02{ text-align:right;}
.sbox .title .t03{ text-align:right;}
.sbox .title .t04 b{ float:right;}
.sbox .title .t05{ height:61px; background-color:#f6f6f8; position:relative; z-index:3; text-align:right; overflow:hidden; margin-top:35px; right:0;}
.sbox .title .t06{ font-size:130px; height:102px; line-height:102px; text-transform:uppercase; opacity:.05; font-weight:bold; color:#fff; position:relative; z-index:1; margin-top:-61px; text-align:right;}
.sbox .box{ width:1200px; margin:auto; position:relative; z-index:5;}
.sbox .box .left{ width:750px; float:left;}
.sbox .box .left .tu{ width:640px;}
.sbox .box .left .tu a{ width:100%; padding-top:50%; display:block; overflow:hidden; position:relative;}
.sbox .box .left .tu img{ width:100%; display:block; position:absolute; left:0; top:0;}
.sbox .box .left .wen{ width:100%; height:385px; padding-bottom:80px; margin-top:45px; overflow:auto;}
.sbox .box .left .wen::-webkit-scrollbar{ width:5px; height:1px;}
.sbox .box .left .wen::-webkit-scrollbar-thumb{ border-radius:10px; background-color:#27386e;}
.sbox .box .left .wen::-webkit-scrollbar-track{ border-radius:10px; background:rgba(0,0,0,0.1);}
.sbox .box .left .wen .wz{ width:640px; font-size:14px; line-height:24px; color:#666;}
.sbox .box .left .wen .bt{ width:640px; font-weight:bold; margin-top:35px; font-size:20px; line-height:30px;}
.sbox .box .left .wen .list{ margin-top:-5px; width:660px;}
.sbox .box .left .wen .list a{ display:block; float:left; width:138px; font-size:14px; height:38px; line-height:38px; text-align:center; overflow:hidden; border:1px solid #ddd; margin-top:20px; margin-right:20px;}
.sbox .box .left .wen .list a:hover{ background-color:#27386e; border:1px solid #27386e; color:#fff;}
.sbox .box .right{ float:right; margin-top:250px; width:390px; position:relative;}
.sbox .box .right a{ width:100%; display:block; height:500px; position:relative; overflow:hidden;}
.sbox .box .right a img{ width:100%; display:block; position:absolute; left:0; top:0;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.sbox{ width:100%; padding-top:60px; position:relative; z-index:1; background-color:#f6f6f8;}
.sbox .bg{ width:63.45%; height:calc(100% - 225px); background-color:#fff; position:absolute; left:2.5%; bottom:0; z-index:2;}
.sbox .bg01{ width:43%; height:60px; background-color:#27386e; position:absolute; right:4.5%; top:190px; z-index:1;}
.sbox .title{ padding-right:35px; position:absolute; right:4.5%; top:60px;}
.sbox .title .t01{ left:auto; right:0;}
.sbox .title .t02{ text-align:right;}
.sbox .title .t03{ text-align:right;}
.sbox .title .t04 b{ float:right;}
.sbox .title .t05{ height:35px; background-color:#f6f6f8; position:relative; z-index:3; text-align:right; overflow:hidden; margin-top:25px; right:0;}
.sbox .title .t06{ font-size:90px; height:70px; line-height:70px; text-transform:uppercase; opacity:.05; font-weight:bold; color:#fff; position:relative; z-index:1; margin-top:-35px; text-align:right;}
.sbox .box{ width:91%; margin:auto; position:relative; z-index:5;}
.sbox .box .left{ width:62.5%; float:left;}
.sbox .box .left .tu{ width:95%;}
.sbox .box .left .tu a{ width:100%; padding-top:50%; display:block; overflow:hidden; position:relative;}
.sbox .box .left .tu img{ width:100%; display:block; position:absolute; left:0; top:0;}
.sbox .box .left .wen{ width:100%; height:280px; padding-bottom:60px; margin-top:35px; overflow:auto;}
.sbox .box .left .wen::-webkit-scrollbar{ width:5px; height:1px;}
.sbox .box .left .wen::-webkit-scrollbar-thumb{ border-radius:10px; background-color:#27386e;}
.sbox .box .left .wen::-webkit-scrollbar-track{ border-radius:10px; background:rgba(0,0,0,0.1);}
.sbox .box .left .wen .wz{ width:95%; font-size:14px; line-height:24px; color:#666;}
.sbox .box .left .wen .bt{ width:95%; font-weight:bold; margin-top:25px; font-size:18px; line-height:28px;}
.sbox .box .left .wen .list{ margin-top:-5px; width:100%;}
.sbox .box .left .wen .list a{ display:block; float:left; width:138px; font-size:14px; height:36px; line-height:36px; text-align:center; overflow:hidden; border:1px solid #ddd; margin-top:15px; margin-right:15px;}
.sbox .box .left .wen .list a:hover{ background-color:#27386e; border:1px solid #27386e; color:#fff;}
.sbox .box .right{ float:right; margin-top:190px; width:32.5%; position:relative;}
.sbox .box .right a{ width:100%; display:block; padding-top:128.2%; position:relative; overflow:hidden;}
.sbox .box .right a img{ width:100%; display:block; position:absolute; left:0; top:0;}
}
@media only screen and (max-width:1023px){
.sbox{ width:100%; padding-top:40px; position:relative; z-index:1; background-color:#f6f6f8;}
.sbox .bg{ width:94%; height:calc(100% - 155px); background-color:#fff; position:absolute; left:3%; bottom:0; z-index:2;}
.sbox .bg01{ width:70%; height:35px; background-color:#27386e; position:absolute; right:3%; top:135px; z-index:1;}
.sbox .title{ padding-right:30px; position:absolute; right:0; top:40px;}
.sbox .title .t01{ left:auto; right:0;}
.sbox .title .t02{ text-align:right;}
.sbox .title .t03{ text-align:right;}
.sbox .title .t04 b{ float:right;}
.sbox .title .t05{ height:20px; background-color:#f6f6f8; position:relative; z-index:3; text-align:right; overflow:hidden; margin-top:15px; right:0;}
.sbox .title .t06{ font-size:50px; height:40px; line-height:40px; text-transform:uppercase; opacity:.05; font-weight:bold; color:#fff; position:relative; z-index:1; margin-top:-20px; text-align:right;}
.sbox .box{ width:94%; margin:auto; position:relative; z-index:5;}
.sbox .box .left{ width:100%;}
.sbox .box .left .tu{ padding:15px; padding-bottom:20px;}
.sbox .box .left .tu a{ width:100%; padding-top:50%; display:block; overflow:hidden; position:relative;}
.sbox .box .left .tu img{ width:100%; display:block; position:absolute; left:0; top:0;}
.sbox .box .left .wen{ height:360px; padding:0 15px; padding-bottom:40px; overflow:auto;}
.sbox .box .left .wen .wz{ width:100%; font-size:14px; line-height:24px; color:#666;}
.sbox .box .left .wen .bt{ width:100%; font-weight:bold; margin-top:15px; font-size:18px; line-height:28px;}
.sbox .box .left .wen .list{ margin-top:-5px; margin-left:-10px;}
.sbox .box .left .wen .list a{ display:block; float:left; width:138px; font-size:14px; height:34px; line-height:34px; text-align:center; overflow:hidden; border:1px solid #ddd; margin-top:10px; margin-left:10px;}
.sbox .box .left .wen .list a:hover{ background-color:#27386e; border:1px solid #27386e; color:#fff;}
.sbox .box .right{ width:40%; margin-left:15px; position:relative;}
.sbox .box .right a{ width:100%; display:block; padding-top:128.2%; position:relative; overflow:hidden;}
.sbox .box .right a img{ width:100%; display:block; position:absolute; left:0; top:0;}
}

/*广告*/
@media screen and (min-width:1280px){
.gg{ width:100%; height:200px; position:relative; background-color:#27386e;}
.gg .box{ width:640px; padding-right:560px; height:100%; margin:auto; display:flex; justify-content:space-between; align-items:center;}
.gg .box .line{ width:60px; height:2px; background-color:#fff; opacity:.3;}
.gg .box .wen{ flex:1; padding:0 30px;}
.gg .box .wen .w01{ font-size:20px; line-height:30px; color:#fff; text-align:center;}
.gg .box .wen .w02{ margin-top:20px; display:flex; justify-content:center; align-items:center;}
.gg .box .wen .w02 img{ display:block; height:20px; margin:5px 0;}
.gg .box .wen .w02 p{ display:block; font-size:18px; line-height:30px; margin-left:10px; color:#fff;}
.gg .box .wen .w02 b{ display:block; font-size:24px; line-height:30px; color:#fff;}
.gg .bg{ width:750px; height:100%; position:absolute; right:50%; margin-right:-960px; top:0; background-position:center; background-repeat:no-repeat; background-size:cover;}
.gg .bg b{ width:100%; height:100%; display:block; background-color:rgba(0,0,0,.7);}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.gg{ width:100%; height:180px; position:relative; background-color:#27386e;}
.gg .box{ width:56.9375%; height:100%; margin-left:4.5%; display:flex; justify-content:space-between; align-items:center; float:left;}
.gg .box .line{ width:50px; height:2px; background-color:#fff; opacity:.3;}
.gg .box .wen{ flex:1; padding:0 25px;}
.gg .box .wen .w01{ font-size:18px; line-height:28px; color:#fff; text-align:center;}
.gg .box .wen .w02{ margin-top:14px; display:flex; justify-content:center; align-items:center;}
.gg .box .wen .w02 img{ display:block; height:18px; margin:5px 0;}
.gg .box .wen .w02 p{ display:block; font-size:16px; line-height:28px; margin-left:10px; color:#fff;}
.gg .box .wen .w02 b{ display:block; font-size:20px; line-height:28px; color:#fff;}
.gg .bg{ width:34.0625%; height:100%; float:right; background-position:center; background-repeat:no-repeat; background-size:cover;}
.gg .bg b{ width:100%; height:100%; display:block; background-color:rgba(0,0,0,.7);}
}
@media only screen and (max-width:1023px){
.gg{ width:100%; position:relative; background-color:#27386e;}
.gg .box{ width:94%; padding:35px 3%; display:flex; justify-content:space-between; align-items:center; position:relative; z-index:3;}
.gg .box .line{ width:40px; height:2px; background-color:#fff; opacity:.3;}
.gg .box .wen{ flex:1; padding:0 15px;}
.gg .box .wen .w01{ font-size:16px; line-height:26px; color:#fff; text-align:center;}
.gg .box .wen .w02{ margin-top:8px; display:flex; justify-content:center; align-items:center;}
.gg .box .wen .w02 img{ display:block; height:16px; margin:5px 0;}
.gg .box .wen .w02 p{ display:block; font-size:14px; line-height:26px; margin-left:5px; color:#fff;}
.gg .box .wen .w02 b{ display:block; font-size:18px; line-height:26px; color:#fff;}
.gg .bg{ width:100%; height:100%; float:right; background-position:center; background-repeat:no-repeat; background-size:cover; position:absolute; left:0; top:0; z-index:1;}
.gg .bg b{ width:100%; height:100%; display:block; background-color:rgba(39, 56, 110,.9);}
}

/*服务优势*/
@media screen and (min-width:1280px){
.ybox{ width:100%; padding:80px 0; position:relative; z-index:1;}
.ybox .box{ width:1200px; margin:auto; position:relative; z-index:3; display:flex; align-items:flex-end;}
.ybox .box .tab_menu{ width:461px; display:block;}
.ybox .box .tab_menu li{ width:230px; height:160px; float:left; margin-top:1px; margin-left:1px; overflow:hidden; background-color:#f6f6f8; padding:20px; padding-top:35px; box-sizing:border-box; position:relative;}
.ybox .box .tab_menu li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.ybox .box .tab_menu li.on{ background-color:#27386e;}
.ybox .box .tab_menu li .w01{ font-size:18px; line-height:28px; height:56px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.ybox .box .tab_menu li .w02{ height:30px; position:absolute; left:20px; bottom:20px;}
.ybox .box .tab_menu li .w02 img{ display:block; height:30px;}
.ybox .box .tab_menu li .w02 img.img02{ display:none;}
.ybox .box .tab_menu li .w03{ position:absolute; right:20px; bottom:30px;}
.ybox .box .tab_menu li .w03 a{ width:28px; height:10px; display:block; background-image:url(../images/ymore_26.png); background-position:right center; background-repeat:no-repeat;}
.ybox .box .tab_menu li.on .w01 a{ color:#fff;}
.ybox .box .tab_menu li.on .w02 img.img01{ display:none;}
.ybox .box .tab_menu li.on .w02 img.img02{ display:block;}
.ybox .box .tab_menu li.on .w03 a{ background-image:url(../images/ymore_23.png);}
.ybox .box .tabox{ width:739px;}
.ybox .box .tabox .cont{ width:100%; background-color:#27386e;}
.ybox .box .tabox .tu{ width:500px; float:left;}
.ybox .box .tabox .tu a{ width:100%; padding-top:100%; display:block; overflow:hidden; position:relative;}
.ybox .box .tabox .tu a img{ width:100%; display:block; position:absolute; left:0; top:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.ybox .box .tabox .tu a:hover img{ transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05);}
.ybox .box .tabox .wen{ width:239px; height:500px; float:left; padding:45px 30px; box-sizing:border-box; position:relative;}
.ybox .box .tabox .wen .w01{ text-align:right; color:#fff; font-size:36px; line-height:40px; font-weight:bold;}
.ybox .box .tabox .wen .w02{ text-align:right; color:#fff; font-size:16px; line-height:26px; margin-top:9px; opacity:.7;}
.ybox .box .tabox .wen .w03{ width:calc(100% - 60px); position:absolute; left:30px; bottom:45px; font-size:14px; line-height:24px; height:192px; padding-top:25px; border-top:1px solid rgba(255,255,255,.1); color:#fff;}
.ybox .box .tabox .wen .w03 a{ color:#fff;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.ybox{ width:100%; padding:60px 0; position:relative; z-index:1;}
.ybox .box{ width:91%; margin:auto; position:relative; z-index:3; display:flex; align-items:flex-end;}
.ybox .box .tab_menu{ width:38.42%; display:block;}
.ybox .box .tab_menu li{ width:50%; height:140px; float:left; margin-top:1px; margin-left:1px; overflow:hidden; background-color:#f6f6f8; padding:15px; padding-top:25px; box-sizing:border-box; position:relative;}
.ybox .box .tab_menu li:nth-child(2n+1){ width:calc(50% - 1px); clear:left; float:left; margin-left:0;}
.ybox .box .tab_menu li.on{ background-color:#27386e;}
.ybox .box .tab_menu li .w01{ font-size:16px; line-height:26px; height:52px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.ybox .box .tab_menu li .w02{ height:30px; position:absolute; left:15px; bottom:15px;}
.ybox .box .tab_menu li .w02 img{ display:block; height:30px;}
.ybox .box .tab_menu li .w02 img.img02{ display:none;}
.ybox .box .tab_menu li .w03{ position:absolute; right:15px; bottom:25px;}
.ybox .box .tab_menu li .w03 a{ width:28px; height:10px; display:block; background-image:url(../images/ymore_26.png); background-position:right center; background-repeat:no-repeat;}
.ybox .box .tab_menu li.on .w01 a{ color:#fff;}
.ybox .box .tab_menu li.on .w02 img.img01{ display:none;}
.ybox .box .tab_menu li.on .w02 img.img02{ display:block;}
.ybox .box .tab_menu li.on .w03 a{ background-image:url(../images/ymore_23.png);}
.ybox .box .tabox{ width:61.58%;}
.ybox .box .tabox .cont{ width:100%; background-color:#27386e; position:relative;}
.ybox .box .tabox .tu{ width:67.65%;}
.ybox .box .tabox .tu a{ width:100%; padding-top:100%; display:block; overflow:hidden; position:relative;}
.ybox .box .tabox .tu a img{ width:100%; display:block; position:absolute; left:0; top:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.ybox .box .tabox .tu a:hover img{ transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05);}
.ybox .box .tabox .wen{ width:32.35%; height:100%; position:absolute; right:0; top:0; padding:35px 20px; box-sizing:border-box;}
.ybox .box .tabox .wen .w01{ text-align:right; color:#fff; font-size:30px; line-height:34px; font-weight:bold;}
.ybox .box .tabox .wen .w02{ text-align:right; color:#fff; font-size:15px; line-height:25px; margin-top:6px; opacity:.7;}
.ybox .box .tabox .wen .w03{ width:calc(100% - 40px); position:absolute; left:20px; bottom:35px; font-size:14px; line-height:24px; height:192px; padding-top:20px; border-top:1px solid rgba(255,255,255,.1); color:#fff;}
.ybox .box .tabox .wen .w03 a{ color:#fff;}
}
@media only screen and (max-width:1023px){
.ybox{ width:100%; padding:40px 0; position:relative; z-index:1;}
.ybox .box{ width:94%; margin:auto; position:relative; z-index:3;}
.ybox .box .tab_menu{ width:100%; display:block; padding-top:19px;}
.ybox .box .tab_menu li{ width:50%; height:120px; float:left; margin-top:1px; margin-left:1px; overflow:hidden; background-color:#f6f6f8; padding:15px; box-sizing:border-box; position:relative;}
.ybox .box .tab_menu li:nth-child(2n+1){ width:calc(50% - 1px); clear:left; float:left; margin-left:0;}
.ybox .box .tab_menu li.on{ background-color:#27386e;}
.ybox .box .tab_menu li .w01{ font-size:16px; line-height:26px; height:52px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.ybox .box .tab_menu li .w02{ height:30px; position:absolute; left:15px; bottom:15px;}
.ybox .box .tab_menu li .w02 img{ display:block; height:30px;}
.ybox .box .tab_menu li .w02 img.img02{ display:none;}
.ybox .box .tab_menu li .w03{ position:absolute; right:15px; bottom:25px;}
.ybox .box .tab_menu li .w03 a{ width:28px; height:10px; display:block; background-image:url(../images/ymore_26.png); background-position:right center; background-repeat:no-repeat;}
.ybox .box .tab_menu li.on .w01 a{ color:#fff;}
.ybox .box .tab_menu li.on .w02 img.img01{ display:none;}
.ybox .box .tab_menu li.on .w02 img.img02{ display:block;}
.ybox .box .tab_menu li.on .w03 a{ background-image:url(../images/ymore_23.png);}
.ybox .box .tabox{ width:100%;}
.ybox .box .tabox .cont{ width:100%; background-color:#27386e; position:relative;}
.ybox .box .tabox .tu{ width:100%;}
.ybox .box .tabox .tu a{ width:100%; padding-top:280px; display:block; overflow:hidden; position:relative;}
.ybox .box .tabox .tu a img{ width:100%; display:block; position:absolute; left:0; top:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.ybox .box .tabox .tu a:hover img{ transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05);}
.ybox .box .tabox .wen{ width:100%; height:100%; position:absolute; right:0; top:0; padding:25px 15px; box-sizing:border-box; background-color:rgba(39,56,110,.9);}
.ybox .box .tabox .wen .w01{ text-align:right; color:#fff; font-size:24px; line-height:30px; font-weight:bold;}
.ybox .box .tabox .wen .w02{ text-align:right; color:#fff; font-size:14px; line-height:24px; margin-top:2px; opacity:.7;}
.ybox .box .tabox .wen .w03{ width:calc(100% - 30px); position:absolute; left:15px; bottom:25px; font-size:14px; line-height:24px; max-height:144px; padding-top:15px; border-top:1px solid rgba(255,255,255,.1); color:#fff;}
.ybox .box .tabox .wen .w03 a{ color:#fff;}
}

/*优选律师*/
@media screen and (min-width:1280px){
.pbox{ width:100%; position:relative; z-index:1;}
.pbox .bg{ width:100%; height:calc(100% - 230px); position:absolute; left:0; top:100px; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover;}
.pbox .bg b{ width:100%; height:100%; display:block; background-color:rgba(0,0,0,.7); overflow:hidden;}
.pbox .bg01{ width:990px; height:260px; background-color:#27386e; position:absolute; top:0; left:50%; margin-left:-960px; z-index:2;}
.pbox .bg02{ width:400px; height:80px; background-color:#f6f6f8; position:absolute; top:80px; left:50%; margin-left:-200px; z-index:3;}
.pbox .title .t02,.pbox .title .t03{ color:#fff;}
.pbox .title .t04 b{ background-color:#fff;}
.pbox .box{ width:1200px; margin:auto; position:relative; z-index:5;}
.pbox .box .left{ width:630px; float:left; padding-top:80px;}
.pbox .box .left .wen{ width:100%; height:380px; padding:35px 40px; background-color:#fff; box-sizing:border-box; margin-top:40px;}
.pbox .box .left .wen .w01{ font-size:24px; line-height:34px; font-weight:bold;}
.pbox .box .left .wen .w02{ width:20px; height:4px; background-color:#27386e; margin-top:10px;}
.pbox .box .left .wen .w03{ font-size:14px; line-height:30px; margin-top:22px; height:120px;}
.pbox .box .left .wen .w04{ font-size:14px; line-height:30px; margin-top:22px; height:60px; padding-top:22px; border-top:1px dashed #ddd;}
.pbox .box .right{ width:470px; float:right;}
.pbox .box .right .title01{ width:100%; margin-top:-5px;}
.pbox .box .right .title01 .t01{ font-size:48px; line-height:48px; text-transform:uppercase; font-weight:bold; text-align:right; width:100%; float:right;}
.pbox .box .right .title01 .t01 span{ color:#27386e;}
.pbox .box .right .title01 .t02{ width:50px; height:5px; float:right; background-color:#27386e; margin-top:12px;}
.pbox .box .right .tu{ padding-left:70px; margin-top:40px; position:relative;}
.pbox .box .right .tu p{ display:block; width:100%; position:relative; z-index:1; overflow:hidden;}
.pbox .box .right .tu p:before{ display:block; width:100%; content:''; padding-top:120%; overflow:hidden;}
.pbox .box .right .tu p img{ width:100%; display:block; position:absolute; left:0; top:0;}
.pbox .box .right .tu a{ width:140px; height:40px; line-height:40px; text-align:center; font-size:14px; background-color:#27386e; color:#fff; display:block; position:absolute; left:0; top:50%; margin-top:-20px; z-index:3; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.pbox .box .right .tu a:hover{ border-radius:40px;}
.pbox .cont{ width:1200px; margin:auto; margin-top:70px; position:relative; z-index:5;}
.pbox .cont .title .t01{ left:auto; right:0;}
.pbox .cont .title .t02,.pbox .cont .title .t03{ text-align:right;}
.pbox .cont .title .t04 b{ float:right;}
.pbox .cont .title .t05{ color:#fff; left:40px; right:auto;}
.pbox .cont .swi{ position:absolute; left:0; top:40px; z-index:9;}
.pbox .cont .swi .swiper-button-white{ width:40px; height:40px; border-radius:100%; float:left; margin-right:20px; overflow:hidden; cursor:pointer; background-position:center; background-repeat:no-repeat; background-size:6px auto; background-color:rgba(39,56,110,.7);}
.pbox .cont .swi .swiper-button-white:hover{ background-color:#fff;}
.pbox .cont .swi .swiper-button-prev{ background-image:url(../images/prev01.png);}
.pbox .cont .swi .swiper-button-prev:hover{ background-image:url(../images/prev.png);}
.pbox .cont .swi .swiper-button-next{ background-image:url(../images/next01.png);}
.pbox .cont .swi .swiper-button-next:hover{ background-image:url(../images/next.png);}
.pbox .cont .swiper-container{ width:100%; margin-top:40px;}
.pbox .cont .swiper-container .swiper-slide{ width:380px; margin-right:30px;}
.pbox .cont .swiper-container .swiper-slide a{ display:block; width:100%; padding-top:260px; overflow:hidden; position:relative;}
.pbox .cont .swiper-container .swiper-slide a img{ width:100%; display:block; position:absolute; left:0; top:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.pbox .cont .swiper-container .swiper-slide a:hover img{ transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05);}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.pbox{ width:100%; position:relative; z-index:1;}
.pbox .bg{ width:100%; height:calc(100% - 180px); position:absolute; left:0; top:80px; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover;}
.pbox .bg b{ width:100%; height:100%; display:block; background-color:rgba(0,0,0,.7); overflow:hidden;}
.pbox .bg01{ width:52.35%; height:220px; background-color:#27386e; position:absolute; top:0; left:0; z-index:2;}
.pbox .bg02{ width:33.33%; height:60px; background-color:#f6f6f8; position:absolute; top:60px; left:30.5625%; z-index:3;}
.pbox .title{ width:100%;}
.pbox .title .t02,.pbox .title .t03{ color:#fff;}
.pbox .title .t04 b{ background-color:#fff;}
.pbox .box{ width:91%; margin:auto; position:relative; z-index:5;}
.pbox .box .left{ width:52.5%; float:left; padding-top:60px;}
.pbox .box .left .wen{ width:100%; padding:25px 30px; background-color:#fff; box-sizing:border-box; margin-top:30px;}
.pbox .box .left .wen .w01{ font-size:22px; line-height:32px; font-weight:bold;}
.pbox .box .left .wen .w02{ width:20px; height:3px; background-color:#27386e; margin-top:7px;}
.pbox .box .left .wen .w03{ font-size:14px; line-height:30px; margin-top:17px; height:120px;}
.pbox .box .left .wen .w04{ font-size:14px; line-height:30px; margin-top:17px; height:60px; padding-top:17px; border-top:1px dashed #ddd;}
.pbox .box .right{ width:41.5%; float:right;}
.pbox .box .right .title01{ width:100%; margin-top:-5px;}
.pbox .box .right .title01 .t01{ font-size:38px; line-height:38px; text-transform:uppercase; font-weight:bold; text-align:right; width:100%; float:right;}
.pbox .box .right .title01 .t01 span{ color:#27386e;}
.pbox .box .right .title01 .t02{ width:40px; height:4px; float:right; background-color:#27386e; margin-top:13px;}
.pbox .box .right .tu{ padding-left:60px; margin-top:30px; position:relative;}
.pbox .box .right .tu p{ display:block; width:100%; position:relative; z-index:1; overflow:hidden;}
.pbox .box .right .tu p:before{ display:block; width:100%; content:''; padding-top:120%; overflow:hidden;}
.pbox .box .right .tu p img{ width:100%; display:block; position:absolute; left:0; top:0;}
.pbox .box .right .tu a{ width:120px; height:38px; line-height:38px; text-align:center; font-size:14px; background-color:#27386e; color:#fff; display:block; position:absolute; left:0; top:50%; margin-top:-19px; z-index:3; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.pbox .box .right .tu a:hover{ border-radius:40px;}
.pbox .cont{ width:91%; margin:auto; margin-top:50px; position:relative; z-index:5;}
.pbox .cont .title .t01{ left:auto; right:0;}
.pbox .cont .title .t02,.pbox .cont .title .t03{ text-align:right;}
.pbox .cont .title .t04 b{ float:right;}
.pbox .cont .title .t05{ color:#fff; left:35px; right:auto;}
.pbox .cont .swi{ position:absolute; left:0; top:15px; z-index:9;}
.pbox .cont .swi .swiper-button-white{ width:40px; height:40px; border-radius:100%; float:left; margin-right:15px; overflow:hidden; cursor:pointer; background-position:center; background-repeat:no-repeat; background-size:6px auto; background-color:rgba(39,56,110,.7);}
.pbox .cont .swi .swiper-button-white:hover{ background-color:#fff;}
.pbox .cont .swi .swiper-button-prev{ background-image:url(../images/prev01.png);}
.pbox .cont .swi .swiper-button-prev:hover{ background-image:url(../images/prev.png);}
.pbox .cont .swi .swiper-button-next{ background-image:url(../images/next01.png);}
.pbox .cont .swi .swiper-button-next:hover{ background-image:url(../images/next.png);}
.pbox .cont .swiper-container{ width:100%; margin-top:30px;}
.pbox .cont .swiper-container .swiper-slide{ width:32%; margin-right:2%;}
.pbox .cont .swiper-container .swiper-slide a{ display:block; width:100%; padding-top:68.42%; overflow:hidden; position:relative;}
.pbox .cont .swiper-container .swiper-slide a img{ width:100%; display:block; position:absolute; left:0; top:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.pbox .cont .swiper-container .swiper-slide a:hover img{ transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05);}
}
@media only screen and (max-width:1023px){
.pbox{ width:100%; position:relative; z-index:1;}
.pbox .bg{ width:100%; height:calc(100% - 200px); position:absolute; left:0; top:90px; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover;}
.pbox .bg b{ width:100%; height:100%; display:block; background-color:rgba(0,0,0,.7); overflow:hidden;}
.pbox .bg01{ width:60%; height:120px; background-color:#27386e; position:absolute; top:0; left:0; z-index:2;}
.pbox .title{ width:100%;}
.pbox .title .t02,.pbox .title .t03{ color:#fff;}
.pbox .title .t04 b{ background-color:#fff;}
.pbox .box{ width:94%; margin:auto; position:relative; z-index:5;}
.pbox .box .left{ width:100%; float:left; padding-top:40px;}
.pbox .box .left .wen{ width:100%; padding:15px; background-color:#fff; box-sizing:border-box; margin-top:20px;}
.pbox .box .left .wen .w01{ font-size:18px; line-height:28px; font-weight:bold;}
.pbox .box .left .wen .w02{ width:20px; height:2px; background-color:#27386e; margin-top:5px;}
.pbox .box .left .wen .w03{ font-size:14px; line-height:24px; margin-top:10px; width:calc(100% - 37vw);}
.pbox .box .left .wen .w04{ font-size:14px; line-height:24px; margin-top:10px; padding-top:10px; border-top:1px dashed #ddd;}
.pbox .box .right{ position:absolute; right:0; top:0; width:40%;}
.pbox .box .right .title01{ width:100%; float:right;}
.pbox .box .right .title01 .t01{ font-size:28px; line-height:28px; text-transform:uppercase; font-weight:bold; text-align:right; width:100%; float:right;}
.pbox .box .right .title01 .t01 span{ color:#27386e;}
.pbox .box .right .title01 .t02{ width:30px; height:3px; float:right; background-color:#27386e; margin-top:11px;}
.pbox .box .right .tu{ margin-top:20px; position:relative; width:37vw; float:right;}
.pbox .box .right .tu p{ display:block; width:100%; position:relative; z-index:1; overflow:hidden;}
.pbox .box .right .tu p:before{ display:block; width:100%; content:''; padding-top:120%; overflow:hidden;}
.pbox .box .right .tu p img{ width:100%; display:block; position:absolute; left:0; top:0;}
.pbox .box .right .tu a{ width:160px; height:40px; line-height:40px; text-align:center; font-size:14px; background-color:#27386e; color:#fff; display:none; position:absolute; left:0; top:50%; margin-top:-20px; z-index:3; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.pbox .box .right .tu a:hover{ border-radius:40px;}
.pbox .cont{ width:94%; margin:auto; margin-top:30px; position:relative; z-index:5;}
.pbox .cont .title .t01{ left:auto; right:0;}
.pbox .cont .title .t02,.pbox .cont .title .t03{ text-align:right;}
.pbox .cont .title .t04 b{ float:right;}
.pbox .cont .title .t05{ color:#fff; left:10px; right:auto;}
.pbox .cont .swi{ position:absolute; left:0; top:12px; z-index:9;}
.pbox .cont .swi .swiper-button-white{ width:36px; height:36px; border-radius:100%; float:left; margin-right:10px; overflow:hidden; cursor:pointer; background-position:center; background-repeat:no-repeat; background-size:6px auto; background-color:rgba(39,56,110,.7);}
.pbox .cont .swi .swiper-button-white:hover{ background-color:#fff;}
.pbox .cont .swi .swiper-button-prev{ background-image:url(../images/prev01.png);}
.pbox .cont .swi .swiper-button-prev:hover{ background-image:url(../images/prev.png);}
.pbox .cont .swi .swiper-button-next{ background-image:url(../images/next01.png);}
.pbox .cont .swi .swiper-button-next:hover{ background-image:url(../images/next.png);}
.pbox .cont .swiper-container{ width:100%; margin-top:20px;}
.pbox .cont .swiper-container .swiper-slide{ width:100%; margin-right:10px;}
.pbox .cont .swiper-container .swiper-slide a{ display:block; width:100%; padding-top:68.42%; overflow:hidden; position:relative;}
.pbox .cont .swiper-container .swiper-slide a img{ width:100%; display:block; position:absolute; left:0; top:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.pbox .cont .swiper-container .swiper-slide a:hover img{ transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05);}
}

/*案例展示*/
@media screen and (min-width:1280px){
.cbox{ width:100%; padding:80px 0; position:relative; z-index:1; background-color:#fff;}
.cbox .title .more{ position:absolute; right:0; bottom:0; z-index:3;}
.cbox .title .more a{ width:140px; height:40px; line-height:40px; text-align:center; font-size:14px; background-color:#333; color:#fff; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.cbox .title .more a:hover{ background-color:#27386e;}
.cbox .box{ width:100%; margin:auto; margin-top:40px; position:relative; z-index:3;}
.cbox .box .swiper-button-white{ width:80px; height:50px; overflow:hidden; cursor:pointer; background-position:center; background-repeat:no-repeat; background-size:6px auto; background-color:#fff; position:absolute; z-index:3;}
.cbox .box .swiper-button-white:hover{ background-color:#27386e;}
.cbox .box .swiper-button-prev{ background-image:url(../images/prev.png); right:50%; top:50%; margin-top:-15px;}
.cbox .box .swiper-button-prev:hover{ background-image:url(../images/prev01.png);}
.cbox .box .swiper-button-next{ background-image:url(../images/next.png); left:50%; top:50%; margin-top:-35px;}
.cbox .box .swiper-button-next:hover{ background-image:url(../images/next01.png);}
.cbox .swiper-container{ width:100%;}
.cbox .swiper-container .swiper-slide{ width:100%; display:block; width:100%;}
.cbox .swiper-container .swiper-slide .top .wen{ float:left;}
.cbox .swiper-container .swiper-slide .top .tu{ float:left; border-right:none !important;}
.cbox .swiper-container .swiper-slide .bot .wen{ float:right;}
.cbox .swiper-container .swiper-slide .bot .tu{ float:right; border-left:none !important;}
.cbox .swiper-container .swiper-slide .tu{ width:50%; height:300px; background-position:center; background-repeat:no-repeat; background-size:cover; border:15px solid #f6f6f8; box-sizing:border-box;}
.cbox .swiper-container .swiper-slide .tu .more{ width:100%; height:100%; position:relative; background-color:rgba(0,0,0,.7); opacity:0;}
.cbox .swiper-container .swiper-slide .tu .more a{ width:140px; height:40px; line-height:40px; text-align:center; font-size:14px; background-color:#fff; color:#333; display:block; position:absolute; left:50%; margin-left:-70px; top:50%; margin-top:-20px;}
.cbox .swiper-container .swiper-slide .tu .more:hover{ opacity:1;}
.cbox .swiper-container .swiper-slide .tu .more a:hover{ color:#27386e;}
.cbox .swiper-container .swiper-slide .wen{ width:600px; height:300px; box-sizing:border-box; background-color:#f6f6f8; padding:65px 40px;}
.cbox .swiper-container .swiper-slide .wen .left{ width:120px; float:left;}
.cbox .swiper-container .swiper-slide .wen .left .w01{ font-weight:bold; font-size:24px; line-height:30px;}
.cbox .swiper-container .swiper-slide .wen .left .w02{ font-weight:bold; font-size:16px; line-height:24px; margin-top:10px; color:#666;}
.cbox .swiper-container .swiper-slide .wen .left .w03{ width:80px; height:1px; background-color:#ddd; margin-top:45px;}
.cbox .swiper-container .swiper-slide .wen .right{ width:calc(100% - 120px); float:left; margin-top:20px;}
.cbox .swiper-container .swiper-slide .wen .right .w01 a{ width:100%; display:block; font-size:18px; line-height:28px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.cbox .swiper-container .swiper-slide .wen .right .w01 a:hover{ color:#27386e;}
.cbox .swiper-container .swiper-slide .wen .right .w02{ width:100%; font-size:14px; line-height:30px; height:90px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; color:#666; margin-top:17px;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.cbox{ width:100%; padding:60px 0; position:relative; z-index:1; background-color:#fff;}
.cbox .title .more{ position:absolute; right:0; bottom:0; z-index:3;}
.cbox .title .more a{ width:120px; height:38px; line-height:38px; text-align:center; font-size:14px; background-color:#333; color:#fff; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.cbox .title .more a:hover{ background-color:#27386e;}
.cbox .box{ width:100%; margin:auto; margin-top:30px; position:relative; z-index:3;}
.cbox .box .swiper-button-white{ width:60px; height:40px; overflow:hidden; cursor:pointer; background-position:center; background-repeat:no-repeat; background-size:6px auto; background-color:#fff; position:absolute; z-index:3;}
.cbox .box .swiper-button-white:hover{ background-color:#27386e;}
.cbox .box .swiper-button-prev{ background-image:url(../images/prev.png); right:50%; top:50%; margin-top:-10px;}
.cbox .box .swiper-button-prev:hover{ background-image:url(../images/prev01.png);}
.cbox .box .swiper-button-next{ background-image:url(../images/next.png); left:50%; top:50%; margin-top:-30px;}
.cbox .box .swiper-button-next:hover{ background-image:url(../images/next01.png);}
.cbox .swiper-container{ width:100%;}
.cbox .swiper-container .swiper-slide{ width:100%; display:block; width:100%;}
.cbox .swiper-container .swiper-slide .top .wen{ float:left;}
.cbox .swiper-container .swiper-slide .top .tu{ float:left; border-right:none !important;}
.cbox .swiper-container .swiper-slide .bot .wen{ float:right;}
.cbox .swiper-container .swiper-slide .bot .tu{ float:right; border-left:none !important;}
.cbox .swiper-container .swiper-slide .tu{ width:50%; height:260px; background-position:center; background-repeat:no-repeat; background-size:cover; border:10px solid #f6f6f8; box-sizing:border-box;}
.cbox .swiper-container .swiper-slide .tu .more{ width:100%; height:100%; position:relative; background-color:rgba(0,0,0,.7); opacity:0;}
.cbox .swiper-container .swiper-slide .tu .more a{ width:140px; height:40px; line-height:40px; text-align:center; font-size:14px; background-color:#fff; color:#333; display:block; position:absolute; left:50%; margin-left:-70px; top:50%; margin-top:-20px;}
.cbox .swiper-container .swiper-slide .tu .more:hover{ opacity:1;}
.cbox .swiper-container .swiper-slide .tu .more a:hover{ color:#27386e;}
.cbox .swiper-container .swiper-slide .wen{ width:45.5%; height:260px; box-sizing:border-box; background-color:#f6f6f8; padding:45px 30px;}
.cbox .swiper-container .swiper-slide .wen .left{ width:100px; float:left;}
.cbox .swiper-container .swiper-slide .wen .left .w01{ font-weight:bold; font-size:20px; line-height:30px;}
.cbox .swiper-container .swiper-slide .wen .left .w02{ font-weight:bold; font-size:14px; line-height:22px; margin-top:5px; color:#666;}
.cbox .swiper-container .swiper-slide .wen .left .w03{ width:60px; height:1px; background-color:#ddd; margin-top:35px;}
.cbox .swiper-container .swiper-slide .wen .right{ width:calc(100% - 100px); float:left; margin-top:10px;}
.cbox .swiper-container .swiper-slide .wen .right .w01 a{ width:100%; display:block; font-size:18px; line-height:28px; height:56px; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.cbox .swiper-container .swiper-slide .wen .right .w01 a:hover{ color:#27386e;}
.cbox .swiper-container .swiper-slide .wen .right .w02{ width:100%; font-size:14px; line-height:30px; height:90px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; color:#666; margin-top:12px;}
}
@media only screen and (max-width:1023px){
.cbox{ width:100%; padding:40px 0; position:relative; z-index:1; background-color:#fff;}
.cbox .title .more{ position:absolute; right:0; bottom:0; z-index:3;}
.cbox .title .more a{ width:100px; height:36px; line-height:36px; text-align:center; font-size:14px; background-color:#333; color:#fff; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.cbox .title .more a:hover{ background-color:#27386e;}
.cbox .box{ width:100%; margin:auto; margin-top:20px; position:relative; z-index:3;}
.cbox .box .swiper-button-white{ width:40px; height:30px; overflow:hidden; cursor:pointer; background-position:center; background-repeat:no-repeat; background-size:6px auto; background-color:#fff; position:absolute; z-index:3;}
.cbox .box .swiper-button-white:hover{ background-color:#27386e;}
.cbox .box .swiper-button-prev{ background-image:url(../images/prev.png); right:50%; top:50%; margin-top:-5px;}
.cbox .box .swiper-button-prev:hover{ background-image:url(../images/prev01.png);}
.cbox .box .swiper-button-next{ background-image:url(../images/next.png); left:50%; top:50%; margin-top:-25px;}
.cbox .box .swiper-button-next:hover{ background-image:url(../images/next01.png);}
.cbox .swiper-container{ width:100%;}
.cbox .swiper-container .swiper-slide{ width:100%; display:block; width:100%;}
.cbox .swiper-container .swiper-slide .top .wen{ float:left;}
.cbox .swiper-container .swiper-slide .top .tu{ float:left; border-right:none !important;}
.cbox .swiper-container .swiper-slide .bot .wen{ float:right; padding-top:35px;}
.cbox .swiper-container .swiper-slide .bot .tu{ float:right; border-left:none !important;}
.cbox .swiper-container .swiper-slide .tu{ width:50%; height:220px; background-position:center; background-repeat:no-repeat; background-size:cover; border:5px solid #f6f6f8; box-sizing:border-box;}
.cbox .swiper-container .swiper-slide .tu .more{ width:100%; height:100%; position:relative; background-color:rgba(0,0,0,.7); opacity:0;}
.cbox .swiper-container .swiper-slide .tu .more a{ width:140px; height:40px; line-height:40px; text-align:center; font-size:14px; background-color:#fff; color:#333; display:block; position:absolute; left:50%; margin-left:-70px; top:50%; margin-top:-20px;}
.cbox .swiper-container .swiper-slide .tu .more:hover{ opacity:1;}
.cbox .swiper-container .swiper-slide .tu .more a:hover{ color:#27386e;}
.cbox .swiper-container .swiper-slide .wen{ width:45.5%; height:220px; box-sizing:border-box; background-color:#f6f6f8; padding:15px;}
.cbox .swiper-container .swiper-slide .wen .left{ width:100%; float:left;}
.cbox .swiper-container .swiper-slide .wen .left .w01{ float:left; font-weight:bold; font-size:18px; line-height:28px;}
.cbox .swiper-container .swiper-slide .wen .left .w02{ float:left; margin-left:5px; font-weight:bold; font-size:14px; line-height:24px; padding-top:4px; color:#666;}
.cbox .swiper-container .swiper-slide .wen .left .w03{ clear:left; width:40px; height:1px; background-color:#ddd; margin-top:8px;}
.cbox .swiper-container .swiper-slide .wen .right{ width:100%; float:left; margin-top:10px;}
.cbox .swiper-container .swiper-slide .wen .right .w01 a{ width:100%; display:block; font-size:16px; line-height:26px; height:52px; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.cbox .swiper-container .swiper-slide .wen .right .w01 a:hover{ color:#27386e;}
.cbox .swiper-container .swiper-slide .wen .right .w02{ width:100%; font-size:14px; line-height:24px; height:72px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; color:#666; margin-top:5px;}
}

/*代理流程*/
@media screen and (min-width:1280px){
.dbox{ width:100%; padding:80px 0; position:relative; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover;}
.dbox .bg{ width:100%; height:100%; display:block; background-color:rgba(0,0,0,.7); position:absolute; left:0; top:0; z-index:1;}
.dbox .title .t02,.dbox .title .t03{ color:#fff;}
.dbox .title .t04 b{ background-color:#fff;}
.dbox .title .t05{ color:#fff;}
.dbox .box{ width:1200px; margin:auto; margin-top:40px; position:relative; z-index:5;}
.dbox .box ul{ width:1230px; display:block; overflow:hidden; margin-top:-10px;}
.dbox .box ul li{ display:block; width:340px; padding:0 20px; height:280px; overflow:hidden; float:left; margin-top:10px; margin-right:20px; background-size:100% 100%;}
.dbox .box ul li:nth-child(1),.dbox .box ul li:nth-child(3),.dbox .box ul li:nth-child(5){ background-image:url(../images/a04.png);}
.dbox .box ul li:nth-child(1):hover,.dbox .box ul li:nth-child(3):hover,.dbox .box ul li:nth-child(5):hover{ background-image:url(../images/a04h.png);}
.dbox .box ul li:nth-child(2),.dbox .box ul li:nth-child(4),.dbox .box ul li:nth-child(6){ background-image:url(../images/a04r.png);}
.dbox .box ul li:nth-child(2):hover,.dbox .box ul li:nth-child(4):hover,.dbox .box ul li:nth-child(6):hover{ background-image:url(../images/a04rh.png);}
.dbox .box ul li strong{ padding-top:35px; display:block; overflow:hidden;}
.dbox .box ul li strong img{ display:block; height:60px; margin:auto;}
.dbox .box ul li strong img.img02{ display:none;}
.dbox .box ul li:hover img.img01{ display:none;}
.dbox .box ul li:hover img.img02{ display:block;}
.dbox .box ul li a{ font-size:18px; height:36px; line-height:36px; display:block; overflow:hidden;}
.dbox .box ul li span{ font-size:18px; height:26px; line-height:26px; display:block; overflow:hidden;}
.dbox .box ul li p{ font-size:14px; height:24px; line-height:24px; height:96px; display:block; overflow:hidden; color:#666;}
.dbox .box ul li:hover a,.dbox .box ul li:hover span,.dbox .box ul li:hover p{ color:#fff;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.dbox{ width:100%; padding:60px 0; position:relative; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover;}
.dbox .bg{ width:100%; height:100%; display:block; background-color:rgba(0,0,0,.7); position:absolute; left:0; top:0; z-index:1;}
.dbox .title .t02,.dbox .title .t03{ color:#fff;}
.dbox .title .t04 b{ background-color:#fff;}
.dbox .title .t05{ color:#fff;}
.dbox .box{ width:91%; margin:auto; margin-top:30px; position:relative; z-index:5;}
.dbox .box ul{ width:100%; display:block; overflow:hidden; margin-top:-10px;}
.dbox .box ul li{ display:block; width:32%; padding:0 15px; box-sizing:border-box; height:260px; overflow:hidden; float:left; margin-top:10px; margin-left:2%; background-size:100% 100%;}
.dbox .box ul li:nth-child(3n+1){ margin-left:0;}
.dbox .box ul li:nth-child(1),.dbox .box ul li:nth-child(3),.dbox .box ul li:nth-child(5){ background-image:url(../images/a04.png);}
.dbox .box ul li:nth-child(1):hover,.dbox .box ul li:nth-child(3):hover,.dbox .box ul li:nth-child(5):hover{ background-image:url(../images/a04h.png);}
.dbox .box ul li:nth-child(2),.dbox .box ul li:nth-child(4),.dbox .box ul li:nth-child(6){ background-image:url(../images/a04r.png);}
.dbox .box ul li:nth-child(2):hover,.dbox .box ul li:nth-child(4):hover,.dbox .box ul li:nth-child(6):hover{ background-image:url(../images/a04rh.png);}
.dbox .box ul li strong{ padding-top:25px; display:block; overflow:hidden;}
.dbox .box ul li strong img{ display:block; height:60px; margin:auto;}
.dbox .box ul li strong img.img02{ display:none;}
.dbox .box ul li:hover img.img01{ display:none;}
.dbox .box ul li:hover img.img02{ display:block;}
.dbox .box ul li a{ font-size:18px; height:36px; line-height:36px; display:block; overflow:hidden;}
.dbox .box ul li span{ font-size:18px; height:26px; line-height:26px; display:block; overflow:hidden;}
.dbox .box ul li p{ font-size:14px; line-height:24px; height:96px; display:block; overflow:hidden; color:#666;}
.dbox .box ul li:hover a,.dbox .box ul li:hover span,.dbox .box ul li:hover p{ color:#fff;}
}
@media only screen and (max-width:1023px){
.dbox{ width:100%; padding:40px 0; position:relative; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover;}
.dbox .bg{ width:100%; height:100%; display:block; background-color:rgba(0,0,0,.7); position:absolute; left:0; top:0; z-index:1;}
.dbox .title .t02,.dbox .title .t03{ color:#fff;}
.dbox .title .t04 b{ background-color:#fff;}
.dbox .title .t05{ color:#fff;}
.dbox .box{ width:94%; margin:auto; margin-top:20px; position:relative; z-index:5;}
.dbox .box ul{ width:100%; display:block; overflow:hidden; margin-top:-5px;}
.dbox .box ul li{ display:block; width:48.5%; padding:20px 10px; box-sizing:border-box; overflow:hidden; float:left; margin-top:5px; margin-left:3%; background-size:100% 100%;}
.dbox .box ul li:nth-child(2n+1){ margin-left:0;}
.dbox .box ul li:nth-child(1),.dbox .box ul li:nth-child(4),.dbox .box ul li:nth-child(5){ background-image:url(../images/a04.png);}
.dbox .box ul li:nth-child(1):hover,.dbox .box ul li:nth-child(3):hover,.dbox .box ul li:nth-child(6):hover{ background-image:url(../images/a04h.png);}
.dbox .box ul li:nth-child(2),.dbox .box ul li:nth-child(3),.dbox .box ul li:nth-child(6){ background-image:url(../images/a04r.png);}
.dbox .box ul li:nth-child(2):hover,.dbox .box ul li:nth-child(4):hover,.dbox .box ul li:nth-child(5):hover{ background-image:url(../images/a04rh.png);}
.dbox .box ul li strong{ display:block; overflow:hidden;}
.dbox .box ul li strong img{ display:block; height:30px; margin:auto;}
.dbox .box ul li strong img.img02{ display:none;}
.dbox .box ul li:hover img.img01{ display:none;}
.dbox .box ul li:hover img.img02{ display:block;}
.dbox .box ul li a{ font-size:16px; height:26px; line-height:26px; display:block; overflow:hidden;}
.dbox .box ul li span{ font-size:16px; height:26px; line-height:26px; display:block; overflow:hidden;}
.dbox .box ul li p{ font-size:14px; height:80px; line-height:20px; display:block; overflow:hidden; color:#666;}
.dbox .box ul li:hover a,.dbox .box ul li:hover span,.dbox .box ul li:hover p{ color:#fff;}
}

/*有问有答*/
@media screen and (min-width:1280px){
.abox{ width:100%; padding:80px 0; position:relative; z-index:1; background-color:#fff;}
.abox .title .more{ position:absolute; right:0; bottom:0; z-index:3;}
.abox .title .more a{ width:140px; height:40px; line-height:40px; text-align:center; font-size:14px; background-color:#333; color:#fff; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.abox .title .more a:hover{ background-color:#27386e;}
.abox .box{ width:1200px; margin:auto; margin-top:40px; position:relative; z-index:3;}
.abox .box .left{ width:530px; height:600px; background-color:#f6f6f8; float:left; padding:50px 40px; padding-top:45px; box-sizing:border-box; position:relative; z-index:3;}
.abox .box .left .w01 a{ width:100%; display:block; font-size:18px; line-height:28px; height:28px; font-weight:bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.abox .box .left .w01 a:hover{ color:#27386e;}
.abox .box .left .w02{ margin-top:22px; padding-left:30px; font-size:14px; line-height:24px; height:96px; position:relative;}
.abox .box .left .w02:before{ width:2px; height:90px; position:absolute; left:0; top:3px; background-color:#ddd; content:'';}
.abox .box .left .w03{ margin-top:37px; width:100%;}
.abox .box .left .w03 a{ width:100%; display:block; padding-top:240px; position:relative; overflow:hidden;}
.abox .box .left .w03 a img{ width:100%; display:block; position:absolute; left:0; top:0;}
.abox .box .left .w04{ width:100%; margin-top:40px;}
.abox .box .left .w04 a{ width:140px; height:40px; line-height:40px; text-align:center; font-size:14px; background-color:#333; color:#fff; display:block;}
.abox .box .left .w04 a:hover{ background-color:#27386e;}
.abox .box .right{ display:block; float:right; width:600px; height:600px; position:relative; z-index:3;}
.abox .box .right li{ width:100%; height:200px; display:flex; flex-direction:column; justify-content:center; position:relative; overflow:hidden; border-bottom:1px solid #ddd; box-sizing:border-box; padding-right:120px;}
.abox .box .right li .w01 a{ width:100%; display:block; font-size:18px; line-height:28px; height:28px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.abox .box .right li .w02{ width:100%; font-size:14px; line-height:24px; height:72px; color:#666; margin-top:10px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
.abox .box .right li .w03{ position:absolute; right:0; bottom:60px; width:68px; border-left:2px solid #ddd; height:40px;}
.abox .box .right li .w03 a{ width:100%; height:40px; display:block; background-image:url(../images/ymore_26.png); background-position:right center; background-repeat:no-repeat;}
.abox .box .right li:hover .w01 a{ color:#fff;}
.abox .box .right li:hover .w02{ color:#fff;}
.abox .box .right li:hover .w03 a{ background-image:url(../images/ymore_23.png);}
.abox .box .bg{ width:1920px; height:100%; position:absolute; left:50%; margin-left:-960px; top:0; display:block; z-index:1;}
.abox .box .bg li{ width:100%; height:199px; margin-bottom:1px; background-color:#27386e; display:block; overflow:hidden; opacity:0;}
.abox .box .bg li.on{ opacity:1;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.abox{ width:100%; padding:60px 0; position:relative; z-index:1; background-color:#fff;}
.abox .title .more{ position:absolute; right:0; bottom:0; z-index:3;}
.abox .title .more a{ width:120px; height:38px; line-height:38px; text-align:center; font-size:14px; background-color:#333; color:#fff; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.abox .title .more a:hover{ background-color:#27386e;}
.abox .box{ width:91%; padding:0 4.5%; margin:auto; margin-top:30px; position:relative; z-index:3;}
.abox .box .left{ width:450px; height:513px; background-color:#f6f6f8; float:left; padding:40px 30px; padding-top:34px; box-sizing:border-box; position:relative; z-index:3;}
.abox .box .left .w01 a{ width:100%; display:block; font-size:18px; line-height:28px; height:28px; font-weight:bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.abox .box .left .w01 a:hover{ color:#27386e;}
.abox .box .left .w02{ margin-top:12px; padding-left:20px; font-size:14px; line-height:24px; height:96px; position:relative;}
.abox .box .left .w02:before{ width:2px; height:90px; position:absolute; left:0; top:3px; background-color:#ddd; content:'';}
.abox .box .left .w03{ margin-top:27px; width:100%;}
.abox .box .left .w03 a{ width:100%; display:block; padding-top:208px; position:relative; overflow:hidden;}
.abox .box .left .w03 a img{ width:100%; display:block; position:absolute; left:0; top:0;}
.abox .box .left .w04{ width:100%; margin-top:30px;}
.abox .box .left .w04 a{ width:120px; height:38px; line-height:38px; text-align:center; font-size:14px; background-color:#333; color:#fff; display:block;}
.abox .box .left .w04 a:hover{ background-color:#27386e;}
.abox .box .right{ display:block; float:right; width:calc(94% - 450px); height:513px; position:relative; z-index:3;}
.abox .box .right li{ width:100%; height:171px; display:flex; flex-direction:column; justify-content:center; position:relative; overflow:hidden; border-bottom:1px solid #ddd; box-sizing:border-box; padding-right:90px;}
.abox .box .right li .w01 a{ width:100%; display:block; font-size:18px; line-height:28px; height:28px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.abox .box .right li .w02{ width:100%; font-size:14px; line-height:24px; height:72px; color:#666; margin-top:6px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
.abox .box .right li .w03{ position:absolute; right:0; bottom:50px; width:58px; border-left:2px solid #ddd; height:40px;}
.abox .box .right li .w03 a{ width:100%; height:40px; display:block; background-image:url(../images/ymore_26.png); background-position:right center; background-repeat:no-repeat;}
.abox .box .right li:hover .w01 a{ color:#fff;}
.abox .box .right li:hover .w02{ color:#fff;}
.abox .box .right li:hover .w03 a{ background-image:url(../images/ymore_23.png);}
.abox .box .bg{ width:100%; height:100%; position:absolute; left:0; top:0; display:block; z-index:1;}
.abox .box .bg li{ width:100%; height:170px; margin-bottom:1px; background-color:#27386e; display:block; overflow:hidden; opacity:0;}
.abox .box .bg li.on{ opacity:1;}
}
@media only screen and (max-width:1023px){
.abox{ width:100%; padding:40px 0; position:relative; z-index:1; background-color:#fff;}
.abox .title .more{ position:absolute; right:0; bottom:0; z-index:3;}
.abox .title .more a{ width:100px; height:36px; line-height:36px; text-align:center; font-size:14px; background-color:#333; color:#fff; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.abox .title .more a:hover{ background-color:#27386e;}
.abox .box{ width:94%; padding:0 3%; margin:auto; margin-top:20px; position:relative; z-index:3;}
.abox .box .left{ width:100%; background-color:#f6f6f8; float:left; padding:25px 15px; padding-bottom:30px; box-sizing:border-box; position:relative; z-index:3;}
.abox .box .left .w01 a{ width:100%; display:block; font-size:18px; line-height:28px; height:28px; font-weight:bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.abox .box .left .w01 a:hover{ color:#27386e;}
.abox .box .left .w02{ margin-top:7px; padding-left:10px; font-size:14px; line-height:24px; height:96px; position:relative;}
.abox .box .left .w02:before{ width:2px; height:90px; position:absolute; left:0; top:3px; background-color:#ddd; content:'';}
.abox .box .left .w03{ margin-top:17px; width:100%;}
.abox .box .left .w03 a{ width:100%; display:block; padding-top:53.33%; position:relative; overflow:hidden;}
.abox .box .left .w03 a img{ width:100%; display:block; position:absolute; left:0; top:0;}
.abox .box .left .w04{ width:100%; margin-top:20px;}
.abox .box .left .w04 a{ width:100px; height:36px; line-height:36px; text-align:center; font-size:14px; background-color:#333; color:#fff; display:block;}
.abox .box .left .w04 a:hover{ background-color:#27386e;}
.abox .box .right{ display:block; float:right; width:100%; position:relative; z-index:3;}
.abox .box .right li{ width:100%; padding:15px 0; position:relative; overflow:hidden; border-bottom:1px solid #ddd; box-sizing:border-box; padding-right:60px;}
.abox .box .right li .w01 a{ width:100%; display:block; font-size:16px; line-height:26px; height:26px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.abox .box .right li .w02{ width:100%; font-size:14px; line-height:24px; height:72px; color:#666; margin-top:2px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
.abox .box .right li .w03{ position:absolute; right:0; bottom:35px; width:48px; border-left:2px solid #ddd; height:32px;}
.abox .box .right li .w03 a{ width:100%; height:32px; display:block; background-image:url(../images/ymore_26.png); background-position:right center; background-repeat:no-repeat;}
.abox .box .right li:hover .w01 a{ color:#fff;}
.abox .box .right li:hover .w02{ color:#fff;}
.abox .box .right li:hover .w03 a{ background-image:url(../images/ymore_23.png);}
.abox .box .bg{ width:100%; height:393px; position:absolute; left:0; bottom:0; display:block; z-index:1;}
.abox .box .bg li{ width:100%; height:130px; margin-bottom:1px; background-color:#27386e; display:block; overflow:hidden; opacity:0;}
.abox .box .bg li.on{ opacity:1;}
}

/*法律常识*/
@media screen and (min-width:1280px){
.kbox{ width:100%; padding-top:80px; padding-bottom:75px; position:relative; z-index:1; background-color:#f6f6f8;}
.kbox .title .more{ position:absolute; right:0; bottom:0; z-index:3;}
.kbox .title .more a{ width:140px; height:40px; line-height:40px; text-align:center; font-size:14px; background-color:#333; color:#fff; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.kbox .title .more a:hover{ background-color:#27386e;}
.kbox .box{ width:1200px; margin:auto; margin-top:40px; position:relative; z-index:3;}
.kbox .box .left{ width:560px; float:left;}
.kbox .box .right{ width:560px; float:right;}
.kbox .box .tu{ width:100%;}
.kbox .box .tu a{ width:100%; display:block; padding-top:190px; position:relative;}
.kbox .box .tu a img{ width:100%; display:block; position:absolute; left:0; top:0;}
.kbox .box .list{ padding-top:10px; display:block;}
.kbox .box .list li{ padding:15px 0; border-bottom:1px solid #ddd;}
.kbox .box .list li:last-child{ border-bottom:none; padding-bottom:0;}
.kbox .box .list li .w01 a{ width:100%; display:block; font-size:18px; line-height:28px; height:28px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.kbox .box .list li:hover .w01 a{ color:#27386e;}
.kbox .box .list li .w02{ font-size:14px; line-height:24px; margin-top:4px;}
.kbox .box .list li .w02 span{ display:block; float:left; color:#666;}
.kbox .box .list li .w02 a{ display:block; float:right; color:#666;}
.kbox .box .list li .w02 a:hover{ color:#27386e;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.kbox{ width:100%; padding-top:60px; padding-bottom:55px; position:relative; z-index:1; background-color:#f6f6f8;}
.kbox .title .more{ position:absolute; right:0; bottom:0; z-index:3;}
.kbox .title .more a{ width:120px; height:38px; line-height:38px; text-align:center; font-size:14px; background-color:#333; color:#fff; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.kbox .title .more a:hover{ background-color:#27386e;}
.kbox .box{ width:91%; margin:auto; margin-top:30px; position:relative; z-index:3;}
.kbox .box .left{ width:47.5%; float:left;}
.kbox .box .right{ width:47.5%; float:right;}
.kbox .box .tu{ width:100%;}
.kbox .box .tu a{ width:100%; display:block; padding-top:33.92%; position:relative;}
.kbox .box .tu a img{ width:100%; display:block; position:absolute; left:0; top:0;}
.kbox .box .list{ padding-top:5px; display:block;}
.kbox .box .list li{ padding:15px 0; border-bottom:1px solid #ddd;}
.kbox .box .list li:last-child{ border-bottom:none; padding-bottom:0;}
.kbox .box .list li .w01 a{ width:100%; display:block; font-size:18px; line-height:28px; height:28px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.kbox .box .list li:hover .w01 a{ color:#27386e;}
.kbox .box .list li .w02{ font-size:14px; line-height:24px; margin-top:4px;}
.kbox .box .list li .w02 span{ display:block; float:left; color:#666;}
.kbox .box .list li .w02 a{ display:block; float:right; color:#666;}
.kbox .box .list li .w02 a:hover{ color:#27386e;}
}
@media only screen and (max-width:1023px){
.kbox{ width:100%; padding-top:40px; padding-bottom:35px; position:relative; z-index:1; background-color:#f6f6f8;}
.kbox .title .more{ position:absolute; right:0; bottom:0; z-index:3;}
.kbox .title .more a{ width:100px; height:36px; line-height:36px; text-align:center; font-size:14px; background-color:#333; color:#fff; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.kbox .title .more a:hover{ background-color:#27386e;}
.kbox .box{ width:94%; margin:auto; margin-top:20px; position:relative; z-index:3;}
.kbox .box .left{ width:100%; float:left;}
.kbox .box .right{ width:100%; float:right; margin-top:15px;}
.kbox .box .tu{ width:100%;}
.kbox .box .tu a{ width:100%; display:block; padding-top:33.92%; position:relative;}
.kbox .box .tu a img{ width:100%; display:block; position:absolute; left:0; top:0;}
.kbox .box .list{ padding-top:5px; display:block;}
.kbox .box .list li{ padding:10px 0; border-bottom:1px solid #ddd;}
.kbox .box .list li:last-child{ border-bottom:none; padding-bottom:0;}
.kbox .box .list li .w01 a{ width:100%; display:block; font-size:16px; line-height:26px; height:26px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.kbox .box .list li:hover .w01 a{ color:#27386e;}
.kbox .box .list li .w02{ font-size:14px; line-height:24px;}
.kbox .box .list li .w02 span{ display:block; float:left; color:#666;}
.kbox .box .list li .w02 a{ display:block; float:right; color:#666;}
.kbox .box .list li .w02 a:hover{ color:#27386e;}
}

/*footer*/
@media screen and (min-width:1280px){
.footer{ width:100%; position:relative; z-index:1;}
.footer.ff{ background-color:#f6f6f8; border-top:80px solid #f6f6f8;}
.footer .bg{ width:100%; height:calc(100% - 140px); position:absolute; left:0; bottom:0; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover;}
.footer .bg b{ width:100%; height:100%; display:block; background-color:rgba(0,0,0,.9); overflow:hidden;}
.footer .box{ width:1200px; margin:auto; position:relative; z-index:3; padding:65px 50px; min-height:220px; box-sizing:border-box; background-color:#27386e;}
.footer .box .title{ width:280px; float:left; margin-top:5px;}
.footer .box .title .t02,.footer .box .title .t03{ color:#fff;}
.footer .box .title .t04 b{ background-color:#fff;}
.footer .box dl{ width:calc(100% - 280px); display:block; float:left; overflow:hidden;}
.footer .box dl dt{ width:340px; float:left; margin-right:50px; display:block;}
.footer .box dl dt .w01{ font-size:14px; line-height:24px; color:#fff;}
.footer .box dl dt .w02{ font-size:14px; line-height:24px; color:#fff; margin-top:10px;}
.footer .box dl dd{ width:calc(100% - 390px); float:left; display:block;}
.footer .box dl dd .w01{ font-size:20px; line-height:30px; color:#fff; font-weight:bold;}
.footer .box dl dd .w02{ font-size:14px; line-height:24px; color:#fff; margin-top:10px;}
.footer .foot{ width:1200px; margin:auto; position:relative; z-index:3; margin-top:30px;}
.footer .foot .left{ float:left; font-size:130px; height:124px; line-height:124px; color:#fff; opacity:.1; text-transform:uppercase; font-weight:bold; position:absolute; left:0; top:0; z-index:1;}
.footer .foot .right{ float:right; position:relative; z-index:3;}
.footer .foot .right p{ display:block; float:left; margin-left:20px; overflow:hidden;}
.footer .foot .right strong{ width:100px; display:block; margin:auto;}
.footer .foot .right strong img{ width:100%; display:block;}
.footer .foot .right span{ text-align:center; font-size:14px; line-height:24px; color:#fff; margin-top:5px; display:block;}
.footer .bq{ width:1200px; margin:22px auto; margin-bottom:25px; position:relative; z-index:3;}
.footer .bq .left{ float:left; font-size:14px; line-height:24px; color:#fff;}
.footer .bq .left p{ display:block; float:left; margin-right:20px;}
.footer .bq .left a{ color:#fff;}
.footer .bq .right{ float:right; font-size:14px; line-height:24px; color:#fff;}
.footer .bq .right a{ color:#fff;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.footer{ width:100%; position:relative; z-index:1;}
.footer.ff{ background-color:#f6f6f8; border-top:60px solid #f6f6f8;}
.footer .bg{ width:100%; height:calc(100% - 100px); position:absolute; left:0; bottom:0; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover;}
.footer .bg b{ width:100%; height:100%; display:block; background-color:rgba(0,0,0,.9); overflow:hidden;}
.footer .box{ width:91%; margin:auto; position:relative; z-index:3; padding:45px 35px; min-height:180px; box-sizing:border-box; background-color:#27386e;}
.footer .box .title{ width:200px; float:left; margin-top:5px;}
.footer .box .title .t02,.footer .box .title .t03{ color:#fff;}
.footer .box .title .t04 b{ background-color:#fff;}
.footer .box dl{ width:calc(100% - 200px); display:block; float:left; overflow:hidden;}
.footer .box dl dt{ width:300px; float:left; margin-right:40px; display:block;}
.footer .box dl dt .w01{ font-size:14px; line-height:24px; color:#fff;}
.footer .box dl dt .w02{ font-size:14px; line-height:24px; color:#fff; margin-top:10px;}
.footer .box dl dd{ width:calc(100% - 340px); float:left; display:block;}
.footer .box dl dd .w01{ font-size:20px; line-height:30px; color:#fff; font-weight:bold;}
.footer .box dl dd .w02{ font-size:14px; line-height:24px; color:#fff; margin-top:10px;}
.footer .foot{ width:91%; margin:auto; position:relative; z-index:3; margin-top:25px;}
.footer .foot .left{ float:left; font-size:90px; height:124px; line-height:124px; color:#fff; opacity:.1; text-transform:uppercase; font-weight:bold; position:absolute; left:0; top:0; z-index:1;}
.footer .foot .right{ float:right; position:relative; z-index:3;}
.footer .foot .right{ float:right;}
.footer .foot .right p{ display:block; float:left; margin-left:15px; overflow:hidden;}
.footer .foot .right strong{ width:100px; display:block; margin:auto;}
.footer .foot .right strong img{ width:100%; display:block;}
.footer .foot .right span{ text-align:center; font-size:14px; line-height:24px; color:#fff; margin-top:5px; display:block;}
.footer .bq{ width:91%; margin:12px auto; margin-bottom:20px; position:relative; z-index:3;}
.footer .bq .left{ float:left; font-size:14px; line-height:24px; color:#fff;}
.footer .bq .left p{ display:block; float:left; margin-right:20px;}
.footer .bq .left a{ color:#fff;}
.footer .bq .right{ float:right; font-size:14px; line-height:24px; color:#fff;}
.footer .bq .right a{ color:#fff;}
}
@media only screen and (max-width:1023px){
.footer{ width:100%; position:relative; z-index:1; padding-bottom:15px;}
.footer.ff{ background-color:#f6f6f8; border-top:40px solid #f6f6f8;}
.footer .bg{ width:100%; height:calc(100% - 140px); position:absolute; left:0; bottom:0; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover;}
.footer .bg b{ width:100%; height:100%; display:block; background-color:rgba(0,0,0,.9); overflow:hidden;}
.footer .box{ width:94%; float:left; margin-left:3%; position:relative; z-index:3; padding:25px 15px; box-sizing:border-box; background-color:#27386e;}
.footer .box .title{ width:100%; float:left; margin-top:5px;}
.footer .box .title .t02,.footer .box .title .t03{ color:#fff;}
.footer .box .title .t04 b{ background-color:#fff;}
.footer .box dl{ width:100%; display:block; float:left; overflow:hidden; margin-top:15px;}
.footer .box dl dt{ width:100%; margin-right:40px; display:block; text-align:right;}
.footer .box dl dt .w01{ font-size:14px; line-height:24px; color:#fff;}
.footer .box dl dt .w02{ font-size:14px; line-height:24px; color:#fff; margin-top:5px;}
.footer .box dl dd{ width:100%; display:block; margin-top:10px;}
.footer .box dl dd .w01{ font-size:18px; line-height:28px; color:#fff; font-weight:bold;}
.footer .box dl dd .w02{ font-size:14px; line-height:24px; color:#fff; margin-top:5px;}
.footer .foot{ width:100%; float:right; position:relative; z-index:3; margin-top:20px;}
.footer .foot .left{ display:none;}
.footer .foot .right{ float:right; width:100%; text-align:center;}
.footer .foot .right p{ display:inline-block; margin:0 5px;}
.footer .foot .right strong{ width:100px; display:block; margin:5px auto;}
.footer .foot .right strong img{ width:100%; display:block;}
.footer .foot .right span{ text-align:center; font-size:14px; line-height:24px; color:#fff; margin-top:5px; display:block;}
.footer .bq{ width:100%; text-align:center; float:left; margin-top:10px; position:relative; z-index:3;}
.footer .bq .left{ font-size:14px; line-height:24px; color:#fff; text-align:center;}
.footer .bq .left p{ display:inline-block;}
.footer .bq .left a{ color:#fff;}
.footer .bq .right{ font-size:14px; line-height:24px; color:#fff; text-align:center;}
.footer .bq .right a{ color:#fff;}
}

/*浮动*/
@media screen and (min-width:1280px){
.kf{ position:fixed; right:1.5%; bottom:5%; z-index:100;}
.kf .top{ width:50px; border-radius:50px; box-shadow:0 0 20px rgba(0,81,251,.1); background:linear-gradient(to bottom,#27386e,#3d4f8b);}
.kf .top a{ display:block; text-align:center; padding:15px 0;}
.kf .top a img{ display:block; height:20px; margin:5px auto; margin-bottom:3px;}
.kf .top a span{ font-size:12px; line-height:22px; display:block; color:#fff;}
.kf .mil{ display:block; width:50px; border-radius:50px; box-shadow:0 0 20px rgba(0,81,251,.1); background-color:#fff; margin:20px 0; padding:10px 0;}
.kf .mil dt{ display:block; text-align:center; border-bottom:1px solid #eee; overflow:hidden;}
.kf .mil dt a{ display:block; overflow:hidden; padding:10px 0; cursor:pointer;}
.kf .mil dt a img{ display:block; height:20px; margin:5px auto; margin-bottom:3px;}
.kf .mil dt a span{ font-size:12px; line-height:22px; display:block; color:#333;}
.kf .mil dt a:hover span{ color:#27386e;}
.kf .mil dd{ display:block; text-align:center; position:relative; border-bottom:1px solid #eee;}
.kf .mil dd:last-child{ border-bottom:none;}
.kf .mil dd a{ display:block; overflow:hidden; padding:10px 0; cursor:pointer;}
.kf .mil dd a img{ display:block; height:20px; margin:5px auto; margin-bottom:3px;}
.kf .mil dd a span{ font-size:12px; line-height:22px; display:block; color:#333;}
.kf .mil dd a:hover span{ color:#27386e;}
.kf .mil dd p{ width:120px; display:none; position:absolute; right:60px; bottom:0; background-color:#fff; border-radius:10px; padding:10px; box-shadow:0 0 10px rgba(0,81,251,.1);}
.kf .mil dd:hover p{ display:block;}
.kf .mil dd p b{ color:#27386e;}
.kf .mil dd p img{ width:120px; display:block;}
.kf .mil dd p span{ font-size:12px; line-height:22px; display:block; color:#333; text-align:center;}
.kf .bot{ display:block; width:50px; height:50px; border-radius:50px; box-shadow:0 0 20px rgba(0,81,251,.1); background-color:#fff; cursor:pointer;}
.kf .bot img{ height:16px; margin:17px auto; display:block;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.kf{ position:fixed; right:1.5%; bottom:5%; z-index:100;}
.kf .top{ width:46px; border-radius:46px; box-shadow:0 0 15px rgba(0,81,251,.1); background:linear-gradient(to bottom,#27386e,#3d4f8b);}
.kf .top a{ display:block; text-align:center; padding:10px 0;}
.kf .top a img{ display:block; height:20px; margin:5px auto; margin-bottom:3px;}
.kf .top a span{ font-size:12px; line-height:22px; display:block; color:#fff;}
.kf .mil{ display:block; width:46px; border-radius:46px; box-shadow:0 0 15px rgba(0,81,251,.1); background-color:#fff; margin:15px 0; padding:5px 0;}
.kf .mil dt{ display:block; text-align:center; border-bottom:1px solid #eee; overflow:hidden;}
.kf .mil dt a{ display:block; overflow:hidden; padding:10px 0; cursor:pointer;}
.kf .mil dt a img{ display:block; height:20px; margin:5px auto; margin-bottom:1px;}
.kf .mil dt a span{ font-size:12px; line-height:22px; display:block; color:#333;}
.kf .mil dt a:hover span{ color:#27386e;}
.kf .mil dd{ display:block; text-align:center; position:relative; border-bottom:1px solid #eee;}
.kf .mil dd:last-child{ border-bottom:none;}
.kf .mil dd a{ display:block; overflow:hidden; padding:10px 0; cursor:pointer;}
.kf .mil dd a img{ display:block; height:20px; margin:5px auto; margin-bottom:1px;}
.kf .mil dd a span{ font-size:12px; line-height:22px; display:block; color:#333;}
.kf .mil dd a:hover span{ color:#27386e;}
.kf .mil dd p{ width:120px; display:none; position:absolute; right:56px; bottom:0; background-color:#fff; border-radius:10px; padding:10px; box-shadow:0 0 10px rgba(0,81,251,.1);}
.kf .mil dd:hover p{ display:block;}
.kf .mil dd p b{ color:#27386e;}
.kf .mil dd p img{ width:120px; display:block;}
.kf .mil dd p span{ font-size:12px; line-height:22px; display:block; color:#333; text-align:center;}
.kf .bot{ display:block; width:46px; height:46px; border-radius:46px; box-shadow:0 0 15px rgba(0,81,251,.1); background-color:#fff; cursor:pointer;}
.kf .bot img{ height:14px; margin:16px auto; display:block;}
}
@media only screen and (max-width:1023px){
.kf{ position:fixed; right:1.5%; bottom:10%; z-index:100;}
.kf .top{ display:none;}
.kf .mil{ display:none;}
.kf .bot{ display:block; width:40px; height:40px; border-radius:50px; box-shadow:0 0 10px rgba(0,81,251,.1); background-color:#fff; cursor:pointer;}
.kf .bot img{ height:12px; margin:14px auto; display:block;}
}

/*内页*/
@media screen and (min-width:1280px){
.ban{ width:100%; padding-bottom:90px; position:relative; z-index:3; background-color:#fff;}
.ban .bg{ width:40%; height:90px; background-color:#27386e; position:absolute; right:0; bottom:0; z-index:3;}
.ban .bg svg{ display:block; width:24px; height:24px; margin:33px 10px; margin-left:50px; float:left;}
.ban .bg span{ display:block; font-size:16px; color:#fff; height:90px; line-height:90px; margin:0 10px; float:left;}
.ban .bg a{ display:block; font-size:16px; color:#fff; height:90px; line-height:90px; float:left;}
.ban .box{ width:100%; height:460px; position:relative; z-index:9;}
.ban .box .wen{ width:1200px; position:absolute; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); margin-top:40px; z-index:11; text-align:center;}
.ban .box .wen .w01{ display:block; color:#fff; font-size:30px; line-height:50px; margin-bottom:20px; font-weight:bold;}
.ban .box .wen .w02{ width:100%; margin:auto; display:block; color:#fff; font-size:18px; line-height:38px;}
.ban .box .mask{ width:100%; height:100%; position:relative; z-index:9; background-position:center; background-repeat:no-repeat; background-size:cover;}
.ban .box .mask b{ width:100%; height:100%; display:block; background-color:rgba(0,0,0,.7); overflow:hidden;}
.title .sav{ max-width:calc(100% - 300px); position:absolute; right:0; bottom:0; z-index:5;}
.title .sav a{ display:block; float:left; margin-left:20px; font-size:16px; line-height:40px; height:40px; padding:0 20px; background-color:#f6f6f8; border-radius:5px; overflow:hidden;}
.title .sav a.on,.title .sav a:hover{ background-color:#27386e; color:#fff;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.ban{ width:100%; padding-bottom:60px; position:relative; z-index:3; background-color:#fff;}
.ban .bg{ width:40%; height:60px; background-color:#27386e; position:absolute; right:0; bottom:0; z-index:1;}
.ban .bg svg{ display:block; width:20px; height:20px; margin:20px 10px; margin-left:30px; float:left;}
.ban .bg span{ display:block; font-size:14px; color:#fff; height:60px; line-height:60px; margin:0 10px; float:left;}
.ban .bg a{ display:block; font-size:14px; color:#fff; height:60px; line-height:60px; float:left;}
.ban .box{ width:100%; height:360px; position:relative; z-index:9;}
.ban .box .wen{ width:91%; position:absolute; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); margin-top:30px; z-index:11; text-align:center;}
.ban .box .wen .w01{ display:block; color:#fff; font-size:24px; line-height:34px; margin-bottom:10px; font-weight:bold;}
.ban .box .wen .w02{ width:100%; margin:auto; display:block; color:#fff; font-size:16px; line-height:26px;}
.ban .box .mask{ width:100%; height:100%; position:relative; z-index:9; background-position:center; background-repeat:no-repeat; background-size:cover;}
.ban .box .mask b{ width:100%; height:100%; display:block; background-color:rgba(0,0,0,.7); overflow:hidden;}
.title .sav{ max-width:calc(100% - 300px); position:absolute; right:0; bottom:0; z-index:5;}
.title .sav a{ display:block; float:left; margin-left:15px; font-size:16px; line-height:38px; height:38px; padding:0 15px; background-color:#f6f6f8; border-radius:5px; overflow:hidden;}
.title .sav a.on,.title .sav a:hover{ background-color:#27386e; color:#fff;}
}
@media only screen and (max-width:1023px){
.ban{ width:100%; padding-bottom:40px; border-top:60px solid #fff; position:relative; z-index:3; background-color:#fff;}
.ban .bg{ width:97%; height:40px; background-color:#27386e; margin-left:3%; z-index:1;}
.ban .bg svg{ display:block; width:20px; height:20px; margin:10px; margin-left:15px; float:left;}
.ban .bg span{ display:block; font-size:14px; color:#fff; height:40px; line-height:40px; margin:0 5px; float:left;}
.ban .bg a{ display:block; font-size:14px; color:#fff; height:40px; line-height:40px; float:left;}
.ban .box{ width:100%; height:260px; position:relative; z-index:9;}
.ban .box .wen{ width:94%; position:absolute; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); z-index:11; text-align:center;}
.ban .box .wen .w01{ display:block; color:#fff; font-size:20px; line-height:30px; margin-bottom:6px; font-weight:bold;}
.ban .box .wen .w02{ width:100%; margin:auto; display:block; color:#fff; font-size:14px; line-height:24px;}
.ban .box .mask{ width:100%; height:100%; position:relative; z-index:9; background-position:center; background-repeat:no-repeat; background-size:cover;}
.ban .box .mask b{ width:100%; height:100%; display:block; background-color:rgba(0,0,0,.7); overflow:hidden;}
.title .sav{ margin-right:-40px; display:flex; flex-wrap:wrap; flex-direction:row-reverse;}
.title .sav a{ display:block; margin-right:10px; margin-top:10px; font-size:14px; line-height:36px; height:36px; padding:0 10px; background-color:#f6f6f8; border-radius:5px; overflow:hidden;}
.title .sav a.on,.sav a:hover{ background-color:#27386e; color:#fff;}
}

/*优选律师*/
@media screen and (min-width:1280px){
.qa01{ width:100%; padding-top:80px; padding-bottom:80px; position:relative; z-index:1; background-color:#fff;}
.qa01 .box{ width:1200px; margin:auto; margin-top:40px;}
.qa01 .box .left{ width:350px; float:left; border-radius:30px;}
.qa01 .box .left img{ width:100%; display:block;}
.qa01 .box .right{ width:800px; float:right; padding-top:25px;}
.qa01 .box .right .q01{ font-size:24px; line-height:34px; font-weight:bold;}
.qa01 .box .right .q02{ font-size:14px; line-height:22px; text-transform:uppercase; color:#666;}
.qa01 .box .right .q03{ width:50px; height:2px; background-color:#333; margin-top:10px;}
.qa01 .box .right .q04{ font-size:14px; line-height:30px; margin-top:17px;}
}
@media screen and (min-width:1024px) and (max-width:1279px){	
.qa01{ width:100%; padding-top:60px; padding-bottom:60px; position:relative; z-index:1; background-color:#fff;}
.qa01 .box{ width:94%; margin:auto; margin-top:30px;}
.qa01 .box .left{ width:27%; float:left; border-radius:20px;}
.qa01 .box .left img{ width:100%; display:block;}
.qa01 .box .right{ width:70%; float:right; padding-top:15px;}
.qa01 .box .right .q01{ font-size:22px; line-height:32px; font-weight:bold;}
.qa01 .box .right .q02{ font-size:14px; line-height:22px; text-transform:uppercase; color:#666;}
.qa01 .box .right .q03{ width:40px; height:2px; background-color:#333; margin-top:7px;}
.qa01 .box .right .q04{ font-size:14px; line-height:30px; margin-top:12px;}
}
@media only screen and (max-width:1023px){
.qa01{ width:100%; padding-top:40px; padding-bottom:40px; position:relative; z-index:1; background-color:#fff;}
.qa01 .box{ width:94%; margin:auto; margin-top:20px;}
.qa01 .box .left{ width:100%; max-width:280px; margin:auto; border-radius:10px;}
.qa01 .box .left img{ width:100%; display:block;}
.qa01 .box .right{ width:100%; padding-top:10px;}
.qa01 .box .right .q01{ font-size:18px; line-height:28px; font-weight:bold;}
.qa01 .box .right .q02{ font-size:14px; line-height:22px; text-transform:uppercase; color:#666;}
.qa01 .box .right .q03{ width:30px; height:2px; background-color:#333; margin-top:5px;}
.qa01 .box .right .q04{ font-size:14px; line-height:24px; margin-top:10px;}
}

@media screen and (min-width:1280px){
.qa02{ width:100%; padding-top:80px; padding-bottom:80px; position:relative; z-index:1; background-color:#f6f6f8;}
.qa02 .box{ width:1200px; margin:auto; margin-top:20px;}
.qa02 .box .list{ width:100%; display:block; overflow:hidden;}
.qa02 .box .list a{ width:285px; display:block; float:left; margin-left:20px; margin-top:20px; overflow:hidden;}
.qa02 .box .list a:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.qa02 .box .list a b{ width:270px; height:196px; display:block; overflow:hidden; border-top-left-radius:10px; border-top-right-radius:25px;}
.qa02 .box .list a b img{ width:100%; display:block;}
.qa02 .box .list a p{ display:flex; overflow:hidden; width:100%; height:44px; background-color:#27386e; align-items:center; border-bottom-left-radius:5px; border-bottom-right-radius:5px; border-top-right-radius:15px;}
.qa02 .box .list a p span{ display:block; text-align:center; color:#fff; font-size:16px; line-height:20px; width:calc(100% - 10px); margin:auto; overflow:hidden;}
}
@media screen and (min-width:1024px) and (max-width:1279px){	
.qa02{ width:100%; padding-top:60px; padding-bottom:60px; position:relative; z-index:1; background-color:#f6f6f8;}
.qa02 .box{ width:94%; margin:auto; margin-top:10px;}
.qa02 .box .list{ width:100%; display:block; overflow:hidden;}
.qa02 .box .list a{ width:23.5%; display:block; float:left; margin-left:2%; margin-top:20px; overflow:hidden;}
.qa02 .box .list a:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.qa02 .box .list a b{ width:95%; height:15.23vw; display:block; overflow:hidden; border-top-left-radius:10px; border-top-right-radius:20px;}
.qa02 .box .list a b img{ width:100%; display:block;}
.qa02 .box .list a p{ display:flex; overflow:hidden; width:100%; height:44px; background-color:#27386e; align-items:center; border-bottom-left-radius:5px; border-bottom-right-radius:5px; border-top-right-radius:15px;}
.qa02 .box .list a p span{ display:block; text-align:center; color:#fff; font-size:16px; line-height:18px; width:calc(100% - 10px); margin:auto; overflow:hidden;}
}
@media only screen and (max-width:1023px){
.qa02{ width:100%; padding-top:40px; padding-bottom:40px; position:relative; z-index:1; background-color:#f6f6f8;}
.qa02 .box{ width:94%; margin:auto;}
.qa02 .box .list{ width:100%; display:block; overflow:hidden;}
.qa02 .box .list a{ width:48.5%; display:block; float:left; margin-left:3%; margin-top:20px; overflow:hidden;}
.qa02 .box .list a:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.qa02 .box .list a b{ width:95%; height:31.44vw; display:block; overflow:hidden; border-top-left-radius:10px; border-top-right-radius:15px;}
.qa02 .box .list a b img{ width:100%; display:block;}
.qa02 .box .list a p{ display:flex; overflow:hidden; width:100%; height:40px; background-color:#27386e; align-items:center; border-bottom-left-radius:5px; border-bottom-right-radius:5px; border-top-right-radius:10px;}
.qa02 .box .list a p span{ display:block; text-align:center; color:#fff; font-size:14px; line-height:16px; width:calc(100% - 10px); margin:auto; overflow:hidden;}
}

@media screen and (min-width:1280px){
.qa03{ width:100%; padding-top:80px; padding-bottom:80px; position:relative; z-index:1; background-position:center; background-size:cover; background-repeat:no-repeat;}
.qa03 .bg{ width:100%; height:100%; background-color:rgba(0,0,0,.7); position:absolute; left:0; top:0; z-index:1;}
.qa03 .title .t02,.qa03 .title .t03{ color:#fff;}
.qa03 .title .t04 b{ background-color:#fff;}
.qa03 .title .t05{ color:#fff;}
.qa03 .box{ width:1200px; margin:auto; margin-top:40px; position:relative; z-index:3;}
.qa03 .box .gallery-thumbs{ width:432px; height:400px; position:absolute; left:330px; bottom:0; z-index:1;}
.qa03 .box .gallery-thumbs .swiper-slide{ width:144px; height:200px; display:block; position:relative; overflow:hidden;}
.qa03 .box .gallery-thumbs .swiper-slide img{ width:100%; display:block;}
.qa03 .box .gallery-thumbs .swiper-slide p{ display:flex; align-items:center; padding:20px; box-sizing:border-box; width:100%; height:100%; position:absolute; left:0; top:0; background-color:rgba(39,56,110,.7); opacity:0; cursor:pointer;}
.qa03 .box .gallery-thumbs .swiper-slide p span{ text-align:center; display:block; width:100%; font-size:18px; font-weight:bold; color:#fff;}
.qa03 .box .gallery-thumbs .swiper-slide.swiper-slide-thumb-active p{ opacity:1;}
.qa03 .box .gallery-top{ width:100%; height:460px; position:relative; z-index:1;}
.qa03 .box .gallery-top .swiper-slide{ display:block; opacity:0 !important;}
.qa03 .box .gallery-top .swiper-slide.swiper-slide-active{ opacity:1 !important;}
.qa03 .box .gallery-top .left{ width:330px; height:460px; float:left;}
.qa03 .box .gallery-top .left img{ width:100%; display:block;}
.qa03 .box .gallery-top .right{ width:390px; float:right; height:460px; background-color:#fff; padding:25px 30px; box-sizing:border-box;}
.qa03 .box .gallery-top .right .t01{ width:100%;}
.qa03 .box .gallery-top .right .t01 b{ font-size:18px; line-height:28px; display:block; float:left;}
.qa03 .box .gallery-top .right .t01 p{ font-size:14px; line-height:24px; display:block; float:left; text-transform:uppercase; margin-left:10px; margin-top:4px;}
.qa03 .box .gallery-top .right .t02{ width:100%; font-size:14px; line-height:24px; margin-top:5px;}
.qa03 .box .gallery-top .right .t03{ width:50px; height:2px; background-color:#27386e; margin-top:10px;}
.qa03 .box .gallery-top .right .t04{ width:100%; font-size:14px; line-height:24px; margin-top:15px; height:288px;}
.qa03 .box .swiper-button-white{ width:40px; height:40px; background-color:rgba(255,255,255,.7); background-position:center; background-repeat:no-repeat; position:absolute; top:0;}
.qa03 .box .swiper-button-white:hover{ background-color:#27386e;}
.qa03 .box .swiper-button-prev{ left:672px; background-image:url(../images/prev01.png);}
.qa03 .box .swiper-button-next{ left:722px; background-image:url(../images/next01.png);}
.qa03 .box .swiper-button-prev:hover{ background-image:url(../images/prev.png);}
.qa03 .box .swiper-button-next:hover{ background-image:url(../images/next.png);}
}
@media screen and (min-width:769px) and (max-width:1279px){
.qa03{ width:100%; padding-top:60px; padding-bottom:60px; position:relative; z-index:1; background-position:center; background-size:cover; background-repeat:no-repeat;}
.qa03 .bg{ width:100%; height:100%; background-color:rgba(0,0,0,.7); position:absolute; left:0; top:0; z-index:1;}
.qa03 .title .t02,.qa03 .title .t03{ color:#fff;}
.qa03 .title .t04 b{ background-color:#fff;}
.qa03 .title .t05{ color:#fff;}
.qa03 .box{ width:94%; margin:auto; margin-top:30px; position:relative; z-index:3;}
.qa03 .box .gallery-thumbs{ width:36%; height:31.3302vw; position:absolute; left:27.5%; bottom:0; z-index:1;}
.qa03 .box .gallery-thumbs .swiper-slide{ width:33.33%; height:15.6651vw; display:block; position:relative; overflow:hidden;}
.qa03 .box .gallery-thumbs .swiper-slide img{ width:100%; display:block;}
.qa03 .box .gallery-thumbs .swiper-slide p{ display:flex; align-items:center; padding:15px; box-sizing:border-box; width:100%; height:100%; position:absolute; left:0; top:0; background-color:rgba(39,56,110,.7); opacity:0; cursor:pointer;}
.qa03 .box .gallery-thumbs .swiper-slide p span{ text-align:center; display:block; width:100%; font-size:16px; font-weight:bold; color:#fff;}
.qa03 .box .gallery-thumbs .swiper-slide.swiper-slide-thumb-active p{ opacity:1;}
.qa03 .box .gallery-top{ width:100%; height:36.03vw; position:relative; z-index:1;}
.qa03 .box .gallery-top .swiper-slide{ display:block; opacity:0 !important;}
.qa03 .box .gallery-top .swiper-slide.swiper-slide-active{ opacity:1 !important;}
.qa03 .box .gallery-top .left{ width:27.5%; height:36.03vw; float:left;}
.qa03 .box .gallery-top .left img{ width:100%; display:block;}
.qa03 .box .gallery-top .right{ width:33.5%; float:right; height:36.03vw; background-color:#fff; padding:20px 25px; box-sizing:border-box; overflow:auto;}
.qa03 .box .gallery-top .right .t01{ width:100%;}
.qa03 .box .gallery-top .right .t01 b{ font-size:18px; line-height:28px; display:block; float:left;}
.qa03 .box .gallery-top .right .t01 p{ font-size:14px; line-height:24px; display:block; float:left; text-transform:uppercase; margin-left:10px; margin-top:4px;}
.qa03 .box .gallery-top .right .t02{ width:100%; font-size:14px; line-height:24px;}
.qa03 .box .gallery-top .right .t03{ width:40px; height:2px; background-color:#27386e; margin-top:5px;}
.qa03 .box .gallery-top .right .t04{ width:100%; font-size:14px; line-height:24px; margin-top:10px;}
.qa03 .box .swiper-button-white{ width:3.6vw; height:3.6vw; background-color:rgba(255,255,255,.7); background-position:center; background-repeat:no-repeat; position:absolute; top:0; left:63.5%;}
.qa03 .box .swiper-button-white:hover{ background-color:#27386e;}
.qa03 .box .swiper-button-prev{ margin-left:-8vw; background-image:url(../images/prev01.png);}
.qa03 .box .swiper-button-next{ margin-left:-3.6vw; background-image:url(../images/next01.png);}
.qa03 .box .swiper-button-prev:hover{ background-image:url(../images/prev.png);}
.qa03 .box .swiper-button-next:hover{ background-image:url(../images/next.png);}
}
@media only screen and (max-width:768px){
.qa03{ width:100%; padding-top:40px; padding-bottom:40px; position:relative; z-index:1; background-position:center; background-size:cover; background-repeat:no-repeat;}
.qa03 .bg{ width:100%; height:100%; background-color:rgba(0,0,0,.7); position:absolute; left:0; top:0; z-index:1;}
.qa03 .title .t02,.qa03 .title .t03{ color:#fff;}
.qa03 .title .t04 b{ background-color:#fff;}
.qa03 .title .t05{ color:#fff;}
.qa03 .box{ width:94%; margin:auto; margin-top:20px; position:relative; z-index:3;}
.qa03 .box .gallery-thumbs{ width:100%; height:87.02vw; margin-top:15px;}
.qa03 .box .gallery-thumbs .swiper-slide{ width:33.33%; height:43.51vw; display:block; position:relative; overflow:hidden;}
.qa03 .box .gallery-thumbs .swiper-slide img{ width:100%; display:block;}
.qa03 .box .gallery-thumbs .swiper-slide p{ display:flex; align-items:center; padding:15px; box-sizing:border-box; width:100%; height:100%; position:absolute; left:0; top:0; background-color:rgba(39,56,110,.7); opacity:0; cursor:pointer;}
.qa03 .box .gallery-thumbs .swiper-slide p span{ text-align:center; display:block; width:100%; font-size:16px; font-weight:bold; color:#fff;}
.qa03 .box .gallery-thumbs .swiper-slide.swiper-slide-thumb-active p{ opacity:1;}
.qa03 .box .gallery-top{ width:100%; position:relative; z-index:1;}
.qa03 .box .gallery-top .swiper-slide{ display:block; opacity:0 !important;}
.qa03 .box .gallery-top .swiper-slide.swiper-slide-active{ opacity:1 !important;}
.qa03 .box .gallery-top .left{ width:50%; height:65.51vw; float:left;}
.qa03 .box .gallery-top .left img{ width:100%; display:block;}
.qa03 .box .gallery-top .right{ width:47%; float:right; height:65.51vw; background-color:#fff; padding:10px 15px; box-sizing:border-box; overflow:auto;}
.qa03 .box .gallery-top .right .t01{ width:100%;}
.qa03 .box .gallery-top .right .t01 b{ font-size:16px; line-height:26px; display:block; float:left;}
.qa03 .box .gallery-top .right .t01 p{ font-size:12px; line-height:22px; display:block; float:left; text-transform:uppercase; margin-left:5px; margin-top:4px;}
.qa03 .box .gallery-top .right .t02{ width:100%; font-size:14px; line-height:20px;}
.qa03 .box .gallery-top .right .t03{ width:30px; height:2px; background-color:#27386e; margin-top:5px;}
.qa03 .box .gallery-top .right .t04{ width:100%; font-size:14px; line-height:20px; margin-top:10px;}
.qa03 .box .swiper-button-white{ width:40px; height:40px; background-color:rgba(0,0,0,.7); background-position:center; background-repeat:no-repeat; position:absolute; bottom:0; right:50%;}
.qa03 .box .swiper-button-white:hover{ background-color:#27386e;}
.qa03 .box .swiper-button-prev{ margin-right:40px; background-image:url(../images/prev.png);}
.qa03 .box .swiper-button-next{ background-image:url(../images/next.png);}
}

@media screen and (min-width:1280px){
.qa04{ width:100%; padding-top:80px; padding-bottom:80px; position:relative; z-index:1; background-color:#fff;}
.qa04 .box{ width:1200px; margin:auto; margin-top:10px;}
.qa04 .box ul{ width:1210px; display:block; margin-top:30px;}
.qa04 .box ul li{ display:block; float:left; margin-right:10px; width:220px; height:450px; position:relative; overflow:hidden; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.qa04 .box ul li.on{ width:510px;}
.qa04 .box ul li .tu{ width:510px; height:450px; overflow:hidden; position:relative; z-index:1;}
.qa04 .box ul li .tu img{ width:100%; display:block;}
.qa04 .box ul li .wen{ padding:20px; padding-top:45px; width:100%; box-sizing:border-box; position:absolute; left:0; bottom:0; z-index:9; background:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0.7));}
.qa04 .box ul li .wen span{ display:block; font-size:18px; line-height:28px; color:#fff;}
.qa04 .box ul li .wen b{ display:block; width:40px; height:3px; margin-top:10px; background-color:#27386e;}
.qa04 .box ul li .wen p{ display:none; font-size:14px; line-height:24px; color:#fff; margin-top:10px;}
.qa04 .box ul li.on .wen{ padding:15px 20px; background:linear-gradient(to bottom,rgba(39,56,110,.9),rgba(39,56,110,0.9));}
.qa04 .box ul li.on .wen b{ background-color:#fff;}
.qa04 .box ul li.on .wen p{ display:block;}
}
@media screen and (min-width:1024px) and (max-width:1279px){	
.qa04{ width:100%; padding-top:60px; padding-bottom:60px; position:relative; z-index:1; background-color:#fff;}
.qa04 .box{ width:94%; margin:auto; margin-top:10px;}
.qa04 .box ul{ width:100%; display:block; margin-top:20px;}
.qa04 .box ul li{ display:block; float:left; margin-right:1%; width:18.33%; height:35.24vw; position:relative; overflow:hidden; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.qa04 .box ul li:last-child{ margin-right:0;}
.qa04 .box ul li.on{ width:42.01%;}
.qa04 .box ul li .tu{ height:35.24vw; overflow:hidden; position:relative; z-index:1;}
.qa04 .box ul li .tu img{ height:35.24vw; display:block;}
.qa04 .box ul li .wen{ padding:15px; padding-top:30px; width:100%; box-sizing:border-box; position:absolute; left:0; bottom:0; z-index:9; background:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0.7));}
.qa04 .box ul li .wen span{ display:block; font-size:18px; line-height:28px; color:#fff;}
.qa04 .box ul li .wen b{ display:block; width:40px; height:3px; margin-top:10px; background-color:#27386e;}
.qa04 .box ul li .wen p{ display:none; font-size:14px; line-height:24px; color:#fff; margin-top:10px;}
.qa04 .box ul li.on .wen{ padding:10px 15px; background:linear-gradient(to bottom,rgba(39,56,110,.9),rgba(39,56,110,0.9));}
.qa04 .box ul li.on .wen b{ background-color:#fff;}
.qa04 .box ul li.on .wen p{ display:block;}
}
@media only screen and (max-width:1023px){
.qa04{ width:100%; padding-top:40px; padding-bottom:40px; position:relative; z-index:1; background-color:#fff;}
.qa04 .box{ width:94%; margin:auto;}
.qa04 .box ul li{ display:block; float:left; margin-left:3%; width:48.5%; height:80vw; position:relative; overflow:hidden; margin-top:20px;}
.qa04 .box ul li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.qa04 .box ul li .tu{ width:100%; height:100%; overflow:hidden; position:relative; z-index:1;}
.qa04 .box ul li .tu img{ height:80vw; display:block;}
.qa04 .box ul li .wen{ padding:15px 10px; padding-top:20px; width:100%; box-sizing:border-box; position:absolute; left:0; bottom:0; z-index:9; background:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0.7));}
.qa04 .box ul li .wen span{ display:block; font-size:16px; line-height:26px; color:#fff;}
.qa04 .box ul li .wen b{ display:block; width:30px; height:2px; margin-top:5px; background-color:#27386e;}
.qa04 .box ul li .wen p{ display:none; font-size:14px; line-height:18px; color:#fff; margin-top:7px;}
.qa04 .box ul li.on .wen{ padding:10px; padding-bottom:12px; background:linear-gradient(to bottom,rgba(39,56,110,.9),rgba(39,56,110,0.9));}
.qa04 .box ul li.on .wen b{ background-color:#fff;}
.qa04 .box ul li.on .wen p{ display:block;}
}

@media screen and (min-width:1280px){
.qbox{ width:100%; padding-top:80px; padding-bottom:80px; position:relative; z-index:1; background-color:#f6f6f8;}
.qbox .box{ width:1200px; margin:auto; margin-top:40px;}
.qbox .box .list{ width:100%; display:block;}
.qbox .box .list dt{ width:285px; height:480px; display:block; position:relative; float:left; overflow:hidden;}
.qbox .box .list dt img{ width:100%; display:block;}
.qbox .box .list dt a{ display:block; padding:45px 20px; overflow:hidden; width:100%; height:100%; box-sizing:border-box; position:absolute; left:0; top:0; background-color:rgba(0,0,0,.5);}
.qbox .box .list dt a p{ display:block; overflow:hidden;}
.qbox .box .list dt a b{ display:block; font-size:24px; line-height:34px; color:#fff;}
.qbox .box .list dt a span{ display:block; font-size:14px; line-height:24px; color:#fff; margin-top:8px; text-transform:uppercase;}
.qbox .box .list dd{ width:285px; height:480px; display:block; position:relative; float:left; overflow:hidden; margin-left:20px;}
.qbox .box .list dd img{ width:100%; display:block;}
.qbox .box .list dd a{ display:block; padding:45px 20px; overflow:hidden; width:100%; height:100%; box-sizing:border-box; position:absolute; left:0; top:0; background:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0));}
.qbox .box .list dd a p{ display:block; overflow:hidden; position:absolute; left:20px; bottom:45px;}
.qbox .box .list dd a b{ display:block; font-size:20px; line-height:30px; color:#fff; font-weight:normal;}
.qbox .box .list dd a span{ display:block; font-size:14px; line-height:24px; color:#fff; margin-top:10px; text-transform:uppercase;}
.qbox .more{ width:100%; margin-top:30px;}
.qbox .more a{ width:180px; height:40px; line-height:40px; display:block; border-radius:40px; text-align:center; background-color:#333; color:#fff; overflow:hidden; margin:auto;}
.qbox .more a:hover{ background-color:#27386e;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.qbox{ width:100%; padding-top:60px; padding-bottom:60px; position:relative; z-index:1; background-color:#f6f6f8;}
.qbox .box{ width:94%; margin:auto; margin-top:30px;}
.qbox .box .list{ width:100%; display:block;}
.qbox .box .list dt{ width:23.5%; height:37.2vw; display:block; position:relative; float:left; overflow:hidden;}
.qbox .box .list dt img{ width:100%; display:block;}
.qbox .box .list dt a{ display:block; padding:35px 15px; overflow:hidden; width:100%; height:100%; box-sizing:border-box; position:absolute; left:0; top:0; background-color:rgba(0,0,0,.5);}
.qbox .box .list dt a p{ display:block; overflow:hidden;}
.qbox .box .list dt a b{ display:block; font-size:22px; line-height:32px; color:#fff;}
.qbox .box .list dt a span{ display:block; font-size:14px; line-height:24px; color:#fff; margin-top:5px; text-transform:uppercase;}
.qbox .box .list dd{ width:23.5%; height:37.2vw; display:block; position:relative; float:left; overflow:hidden; margin-left:2%;}
.qbox .box .list dd img{ width:100%; display:block;}
.qbox .box .list dd a{ display:block; padding:35px 15px; overflow:hidden; width:100%; height:100%; box-sizing:border-box; position:absolute; left:0; top:0; background:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0));}
.qbox .box .list dd a p{ display:block; overflow:hidden; position:absolute; left:15px; bottom:35px;}
.qbox .box .list dd a b{ display:block; font-size:18px; line-height:28px; color:#fff; font-weight:normal;}
.qbox .box .list dd a span{ display:block; font-size:14px; line-height:24px; color:#fff; margin-top:6px; text-transform:uppercase;}
.qbox .more{ width:100%; margin-top:25px;}
.qbox .more a{ width:180px; height:40px; line-height:40px; display:block; border-radius:40px; text-align:center; background-color:#333; color:#fff; overflow:hidden; margin:auto;}
.qbox .more a:hover{ background-color:#27386e;}
}
@media only screen and (max-width:768px){
.qbox{ width:100%; padding-top:40px; padding-bottom:40px; position:relative; z-index:1; background-color:#f6f6f8;}
.qbox .box{ width:94%; margin:auto;}
.qbox .box .list{ width:100%; display:block;}
.qbox .box .list dt{ width:48.5%; height:76.78vw; display:block; position:relative; float:left; overflow:hidden; margin-top:20px;}
.qbox .box .list dt img{ width:100%; display:block;}
.qbox .box .list dt a{ display:block; padding:25px 10px; overflow:hidden; width:100%; height:100%; box-sizing:border-box; position:absolute; left:0; top:0; background-color:rgba(0,0,0,.5);}
.qbox .box .list dt a p{ display:block; overflow:hidden;}
.qbox .box .list dt a b{ display:block; font-size:18px; line-height:28px; color:#fff;}
.qbox .box .list dt a span{ display:block; font-size:14px; line-height:20px; color:#fff; margin-top:5px; text-transform:uppercase;}
.qbox .box .list dd{ width:48.5%; height:76.78vw; display:block; position:relative; float:left; overflow:hidden; margin-left:3%; margin-top:15px;}
.qbox .box .list dd:nth-child(3){ margin-left:0;}
.qbox .box .list dd img{ width:100%; display:block;}
.qbox .box .list dd a{ display:block; padding:25px 10px; overflow:hidden; width:100%; height:100%; box-sizing:border-box; position:absolute; left:0; top:0; background:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0));}
.qbox .box .list dd a p{ display:block; overflow:hidden; position:absolute; left:10px; bottom:25px;}
.qbox .box .list dd a b{ display:block; font-size:16px; line-height:26px; color:#fff; font-weight:normal;}
.qbox .box .list dd a span{ display:block; font-size:14px; line-height:20px; color:#fff; margin-top:2px; text-transform:uppercase;}
.qbox .more{ width:100%; margin-top:20px;}
.qbox .more a{ width:170px; height:34px; line-height:34px; display:block; border-radius:40px; text-align:center; background-color:#333; color:#fff; overflow:hidden; margin:auto;}
.qbox .more a:hover{ background-color:#27386e;}
}

@media screen and (min-width:1280px){
.qa06{ width:100%; padding-top:80px; padding-bottom:80px; position:relative; z-index:1; background-color:#fff;}
.qa06 .box{ width:1200px; margin:auto; padding-top:40px; position:relative;}
.qa06 .box .wen{ position:absolute; right:60px; top:20px; width:410px; text-align:right; z-index:3;}
.qa06 .box .wen span{ display:block; font-size:24px; line-height:34px;}
.qa06 .box .wen p{ display:block; font-size:14px; line-height:24px;}
.qa06 .box .swiper-container{ width:100%; padding-right:60px; padding-left:50px; box-sizing:border-box; height:470px; background-image:url(../images/qa06_20.png); background-position:bottom right; background-repeat:no-repeat; position:relative; z-index:3;}
.qa06 .box .swiper-container .swiper-wrapper{ position:relative; z-index:3;}
.qa06 .box .swiper-container .bg{ width:calc(100% - 60px); position:absolute; left:0; bottom:0; background-color:#f6f6f8; z-index:1; height:400px;}
.qa06 .box .swiper-container .swiper-slide{ width:100%; display:block; overflow:hidden; height:420px;}
.qa06 .box .swiper-container .swiper-slide .left{ width:640px; height:420px; float:left; background-color:#f6f6f8;}
.qa06 .box .swiper-container .swiper-slide .left img{ width:100%; display:block;}
.qa06 .box .swiper-container .swiper-slide .right{ width:350px; height:260px; float:left; padding:50px; margin-top:70px; padding-bottom:40px; text-align:right; background-color:#f6f6f8;}
.qa06 .box .swiper-container .swiper-slide .right .k01{ width:100%;}
.qa06 .box .swiper-container .swiper-slide .right .k01 b{ display:block; float:right; width:40px; height:4px; background:#27386e;}
.qa06 .box .swiper-container .swiper-slide .right .k02{ width:100%; padding-top:24px; text-transform:uppercase; font-weight:bold; font-size:30px; line-height:36px;}
.qa06 .box .swiper-container .swiper-slide .right .k03{ width:100%; padding-top:40px; color:#27386e; font-weight:bold; font-size:18px; line-height:28px;}
.qa06 .box .swiper-container .swiper-slide .right .k04{ width:100%; padding-top:5px; font-size:14px; line-height:24px;}
.qa06 .box .swiper-pagination{ position:absolute; right:110px; bottom:50px; z-index:9; overflow:hidden;}
.qa06 .box .swiper-pagination span{ display:block; width:10px; height:10px; border-radius:10px; background-color:#999; overflow:hidden; margin-left:10px; float:left;}
.qa06 .box .swiper-pagination span.swiper-pagination-bullet-active{ background-color:#27386e;}
}
@media screen and (min-width:1024px) and (max-width:1279px){	
.qa06{ width:100%; padding-top:60px; padding-bottom:60px; position:relative; z-index:1; background-color:#fff;}
.qa06 .box{ width:94%; margin:auto; padding-top:30px; position:relative;}
.qa06 .box .wen{ margin-left:53%; width:42%; text-align:right; z-index:3;}
.qa06 .box .wen span{ display:block; font-size:22px; line-height:32px;}
.qa06 .box .wen p{ display:block; font-size:14px; line-height:24px;}
.qa06 .box .swiper-container{ width:95%; padding-right:5%; background-image:url(../images/qa06_20.png); background-position:bottom right; background-repeat:no-repeat; position:relative; z-index:3; background-size:5% auto; margin-top:10px; overflow:visible; padding-bottom:30px;}
.qa06 .box .swiper-container .swiper-wrapper{ position:relative; z-index:3;}
.qa06 .box .swiper-container .bg{ width:95%; position:absolute; left:0; bottom:0; background-color:#f6f6f8; z-index:1; height:100%;}
.qa06 .box .swiper-container .swiper-slide{ width:100%; display:flex; position:relative; z-index:3;}
.qa06 .box .swiper-container .swiper-slide .left{ width:50%; height:29.3vw; margin:0 3%; margin-top:-61px; float:left; background-color:#f6f6f8;}
.qa06 .box .swiper-container .swiper-slide .left img{ width:100%; display:block;}
.qa06 .box .swiper-container .swiper-slide .right{ width:41%; padding-bottom:25px; float:left; margin-right:3%; margin-top:30px; text-align:right; background-color:#f6f6f8;}
.qa06 .box .swiper-container .swiper-slide .right .k01{ width:100%;}
.qa06 .box .swiper-container .swiper-slide .right .k01 b{ display:block; float:right; width:30px; height:3px; background:#27386e;}
.qa06 .box .swiper-container .swiper-slide .right .k02{ width:100%; padding-top:20px; text-transform:uppercase; font-weight:bold; font-size:24px; line-height:30px;}
.qa06 .box .swiper-container .swiper-slide .right .k03{ width:100%; padding-top:10px; color:#27386e; font-weight:bold; font-size:18px; line-height:28px;}
.qa06 .box .swiper-container .swiper-slide .right .k04{ width:100%; padding-top:5px; font-size:14px; line-height:24px;}
.qa06 .box .swiper-pagination{ position:absolute; right:8%; bottom:30px; z-index:9; overflow:hidden;}
.qa06 .box .swiper-pagination span{ display:block; width:10px; height:10px; border-radius:10px; background-color:#999; overflow:hidden; margin-left:10px; float:left;}
.qa06 .box .swiper-pagination span.swiper-pagination-bullet-active{ background-color:#27386e;}
}
@media only screen and (max-width:1023px){
.qa06{ width:100%; padding-top:40px; padding-bottom:40px; position:relative; z-index:1; background-color:#fff;}
.qa06 .box{ width:94%; margin:auto; margin-top:20px; position:relative;}
.qa06 .box .wen{ display:none;}
.qa06 .box .swiper-container{ width:95%; padding-right:5%; background-image:url(../images/qa06_20.png); background-position:bottom right; background-repeat:no-repeat; position:relative; z-index:3; background-size:30px auto; padding-bottom:15px;}
.qa06 .box .swiper-container .swiper-wrapper{ position:relative; z-index:3;}
.qa06 .box .swiper-container .bg{ width:95%; position:absolute; left:0; bottom:0; background-color:#f6f6f8; z-index:1; height:calc(100% - 15px);}
.qa06 .box .swiper-container .swiper-slide{ width:100%; overflow:hidden; position:relative; z-index:3;}
.qa06 .box .swiper-container .swiper-slide .left{ width:94%; height:55.08vw; margin:0 3%; background-color:#f6f6f8;}
.qa06 .box .swiper-container .swiper-slide .left img{ width:100%; display:block;}
.qa06 .box .swiper-container .swiper-slide .right{ width:94%; padding:15px 3%; padding-bottom:25px; background-color:#f6f6f8;}
.qa06 .box .swiper-container .swiper-slide .right .k01{ width:100%;}
.qa06 .box .swiper-container .swiper-slide .right .k01 b{ display:block; width:30px; height:3px; background:#27386e;}
.qa06 .box .swiper-container .swiper-slide .right .k02{ width:100%; padding-top:10px; text-transform:uppercase; font-weight:bold; font-size:18px; line-height:22px;}
.qa06 .box .swiper-container .swiper-slide .right .k03{ width:100%; padding-top:5px; color:#27386e; font-weight:bold; font-size:16px; line-height:26px;}
.qa06 .box .swiper-container .swiper-slide .right .k04{ width:100%; font-size:14px; line-height:24px;}
.qa06 .box .swiper-pagination{ position:absolute; left:3%; bottom:20px; z-index:9; overflow:hidden;}
.qa06 .box .swiper-pagination span{ display:block; width:10px; height:10px; border-radius:10px; background-color:#999; overflow:hidden; margin-right:10px; float:left;}
.qa06 .box .swiper-pagination span.swiper-pagination-bullet-active{ background-color:#27386e;}
}

@media screen and (min-width:1280px){
.lc.qa07{ padding-top:80px; padding-bottom:0; background-color:#f6f6f8;}
.lc.qa07 .box ul li{ background-color:#fff;}
}
@media screen and (min-width:1024px) and (max-width:1279px){	
.lc.qa07{ padding-top:60px; padding-bottom:0; background-color:#f6f6f8;}
.lc.qa07 .box ul li{ background-color:#fff;}
}
@media only screen and (max-width:1023px){
.lc.qa07{ padding-top:40px; padding-bottom:0; background-color:#f6f6f8;}
.lc.qa07 .box ul li{ background-color:#fff;}
}
.qa02{ padding-bottom:0;}
.qa03,.qa06,.qa07{ display:none;}

/*我的优势*/
@media screen and (min-width:1280px){
.ys{ width:100%; padding-bottom:80px; position:relative; z-index:1; background-color:#fff;}
.ys .box{ width:1200px; margin:auto; position:relative; z-index:3;}
.ys .box li{ display:flex; align-items:center; justify-content:space-between; padding:50px; margin-top:40px; overflow:hidden; background-color:#f6f6f8; border-top-left-radius:30px; border-bottom-right-radius:30px;}
.ys .box li:nth-child(2n){ flex-direction:row-reverse}
.ys .box .right{ width:300px; overflow:hidden; position:relative; border-top-left-radius:30px; border-bottom-right-radius:30px;}
.ys .box .right:before{ width:100%; display:block; content:''; padding-top:66.66%; overflow:hidden;}
.ys .box .right img{ width:100%; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.ys .box .left{ width:calc(100% - 350px);}
.ys .box .left .w01{ font-size:20px; line-height:30px; font-weight:bold; color:#27386e;}
.ys .box .left .w02{ font-size:16px; line-height:26px; margin-top:15px;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.ys{ width:100%; padding-bottom:60px; position:relative; z-index:1; background-color:#fff;}
.ys .box{ width:90%; margin:auto; position:relative; z-index:3;}
.ys .box li{ display:flex; align-items:center; justify-content:space-between; padding:30px; margin-top:30px; overflow:hidden; background-color:#f6f6f8; border-top-left-radius:20px; border-bottom-right-radius:20px;}
.ys .box li:nth-child(2n){ flex-direction:row-reverse}
.ys .box .right{ width:250px; overflow:hidden; position:relative; border-top-left-radius:20px; border-bottom-right-radius:20px;}
.ys .box .right:before{ width:100%; display:block; content:''; padding-top:66.66%; overflow:hidden;}
.ys .box .right img{ width:100%; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.ys .box .left{ width:calc(100% - 280px);}
.ys .box .left .w01{ font-size:18px; line-height:28px; font-weight:bold; color:#27386e;}
.ys .box .left .w02{ font-size:14px; line-height:24px; margin-top:10px;}
}
@media only screen and (max-width:1023px){
.ys{ width:100%; padding-bottom:40px; position:relative; z-index:1; background-color:#fff;}
.ys .box{ width:94%; margin:auto; position:relative; z-index:3;}
.ys .box li{ display:block; margin-top:20px; overflow:hidden; background-color:#f6f6f8; border-top-left-radius:10px; border-bottom-right-radius:10px;}
.ys .box .right{ width:100%; overflow:hidden; float:left; position:relative; border-top-left-radius:10px; border-bottom-right-radius:10px;}
.ys .box .right:before{ width:100%; display:block; content:''; padding-top:66.66%; overflow:hidden;}
.ys .box .right img{ width:100%; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.ys .box .left{ width:100%; float:right; padding:15px; box-sizing:border-box;}
.ys .box .left .w01{ font-size:16px; line-height:26px; font-weight:bold; color:#27386e;}
.ys .box .left .w02{ font-size:14px; line-height:24px; margin-top:5px;}
.ys .box li:nth-child(2n) .left{ float:left;}
.ys .box li:nth-child(2n) .right{ float:right;}
}

/*服务项目*/
@media screen and (min-width:1280px){
.xm{ width:100%; padding-bottom:80px; position:relative; z-index:1; background-color:#fff;}
.xm .box{ width:1200px; margin:auto; margin-top:10px;}
.xm .box .wenz{ font-size:16px; line-height:26px; margin-top:30px;}
.xm .box .wenz img{ max-width:100%; height:auto !important;}
.xm .box .list{ width:100%; display:block; overflow:hidden; display:flex; flex-wrap:wrap; padding-top:15px;}
.xm .box .list li{ width:285px; float:left; display:block; position:relative; background-color:#fff; margin-left:20px; margin-top:30px;}
.xm .box .list li:nth-child(4n+1){ margin-left:0;}
.xm .box .list li .tu{ width:100%; height:250px; position:relative; z-index:1;}
.xm .box .list li .tu>img{ height:100%; display:block;}
.xm .box .list li .tu p{ width:100%; height:100%; position:absolute; left:0; top:0; background-color:rgba(0,0,0,.5); display:flex; align-items:center; opacity:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.xm .box .list li .tu p img{ display:block; margin:auto;}
.xm .box .list li:hover .tu p{ opacity:1;}
.xm .box .list li .fg{ min-width:125px; padding:0 20px; box-sizing:border-box; position:absolute; left:50%; transform:translateX(-50%); top:232px; background-color:#27386e; text-align:center; color:#fff; font-size:16px; line-height:36px; height:36px; z-index:3;}
.xm .box .list li .wen{ padding:15px 19px; padding-top:32px; text-align:center; border:1px solid #ddd; border-top:none; box-sizing:border-box;}
.xm .box .list li .wen .bt{ display:flex; justify-content:center; align-items:center;}
.xm .box .list li .wen .bt span{ width:10px; height:10px; background-color:#333; margin-right:10px; display:block;}
.xm .box .list li .wen .bt b{ font-size:18px; line-height:28px; height:28px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block;}
.xm .box .list li .wen .wz{ font-size:14px; line-height:24px; height:48px; color:#666; text-align:center; margin-top:6px;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.xm{ width:100%; padding-bottom:60px; position:relative; z-index:1; background-color:#fff;}
.xm .box{ width:91%; margin:auto; margin-top:5px;}
.xm .box .wenz{ font-size:16px; line-height:26px; margin-top:25px;}
.xm .box .wenz img{ max-width:100%; height:auto !important;}
.xm .box .list{ width:100%; display:block; overflow:hidden; display:flex; flex-wrap:wrap; padding-top:10px;}
.xm .box .list li{ width:23.5%; float:left; display:block; position:relative; background-color:#fff; margin-left:2%; margin-top:25px;}
.xm .box .list li:nth-child(4n+1){ margin-left:0;}
.xm .box .list li .tu{ width:100%; height:19.37vw; position:relative; z-index:1;}
.xm .box .list li .tu>img{ height:100%; display:block;}
.xm .box .list li .tu p{ width:100%; height:100%; position:absolute; left:0; top:0; background-color:rgba(0,0,0,.5); display:flex; align-items:center; opacity:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.xm .box .list li .tu p img{ display:block; margin:auto;}
.xm .box .list li:hover .tu p{ opacity:1;}
.xm .box .list li .fg{ min-width:115px; padding:0 15px; box-sizing:border-box; position:absolute; left:50%; transform:translateX(-50%); top:19.37vw; margin-top:-16px; background-color:#27386e; text-align:center; color:#fff; font-size:16px; line-height:32px; height:32px; z-index:3;}
.xm .box .list li .wen{ padding:10px 14px; padding-top:25px; text-align:center; border:1px solid #ddd; border-top:none; box-sizing:border-box;}
.xm .box .list li .wen .bt{ display:flex; justify-content:center; align-items:center;}
.xm .box .list li .wen .bt span{ width:8px; height:8px; background-color:#333; margin-right:10px; display:block;}
.xm .box .list li .wen .bt b{ font-size:18px; line-height:28px; height:28px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block;}
.xm .box .list li .wen .wz{ font-size:14px; line-height:24px; height:48px; color:#666; text-align:center; margin-top:5px;}
}
@media only screen and (max-width:768px){
.xm{ width:100%; padding-bottom:40px; position:relative; z-index:1; background-color:#fff;}
.xm .box{ width:94%; margin:auto;}
.xm .box .wenz{ font-size:14px; line-height:24px; margin-top:15px;}
.xm .box .wenz img{ max-width:100%; height:auto !important;}
.xm .box .list{ width:100%; display:block; overflow:hidden; display:flex; flex-wrap:wrap; padding-top:5px;}
.xm .box .list li{ width:48.5%; float:left; display:block; position:relative; background-color:#fff; margin-left:3%; margin-top:15px;}
.xm .box .list li:nth-child(2n+1){ margin-left:0;}
.xm .box .list li .tu{ width:100%; height:39.99vw; position:relative; z-index:1;}
.xm .box .list li .tu>img{ height:100%; display:block;}
.xm .box .list li .tu p{ width:100%; height:100%; position:absolute; left:0; top:0; background-color:rgba(0,0,0,.5); display:flex; align-items:center; opacity:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.xm .box .list li .tu p img{ display:block; margin:auto;}
.xm .box .list li:hover .tu p{ opacity:1;}
.xm .box .list li .fg{ min-width:105px; padding:0 10px; box-sizing:border-box; position:absolute; left:50%; transform:translateX(-50%); top:39.99vw; margin-top:-14px; background-color:#27386e; text-align:center; color:#fff; font-size:14px; line-height:28px; height:28px; z-index:3;}
.xm .box .list li .wen{ padding:10px; padding-top:20px; text-align:center; border:1px solid #ddd; border-top:none; box-sizing:border-box;}
.xm .box .list li .wen .bt{ display:flex; justify-content:center; align-items:center;}
.xm .box .list li .wen .bt span{ width:6px; height:6px; background-color:#333; margin-right:5px; display:block;}
.xm .box .list li .wen .bt b{ font-size:16px; line-height:26px; height:26px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block;}
.xm .box .list li .wen .wz{ font-size:14px; line-height:20px; height:40px; color:#666; text-align:center; margin-top:2px;}
}

/*服务项目内页*/
@media screen and (min-width:1280px){
.ab01{ width:100%; padding-bottom:80px; position:relative; z-index:1; background-color:#fff;}
.ab01 .box{ width:1200px; margin:auto; margin-top:70px; position:relative; z-index:3;}
.ab01 .box .right{ width:46.875%; overflow:hidden; float:right; border-top-left-radius:30px; border-bottom-right-radius:30px; position:relative;}
.ab01 .box .right img{ width:100%; display:block;}
.ab01 .box .left{ width:46.875%; float:left;}
.ab01 .box .left .w01{ margin-top:25px; font-size:24px; line-height:34px; font-weight:bold;}
.ab01 .box .left .w02{ font-size:16px; line-height:36px; margin-top:20px;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.ab01{ width:100%; padding-bottom:60px; position:relative; z-index:1; background-color:#fff;}
.ab01 .box{ width:91%; margin:auto; margin-top:50px; position:relative; z-index:3;}
.ab01 .box .right{ width:46.875%; overflow:hidden; float:right; border-top-left-radius:20px; border-bottom-right-radius:20px; position:relative;}
.ab01 .box .right img{ width:100%; display:block;}
.ab01 .box .left{ width:46.875%; float:left;}
.ab01 .box .left .w01{ margin-top:15px; font-size:20px; line-height:30px; font-weight:bold;}
.ab01 .box .left .w02{ font-size:14px; line-height:30px; margin-top:7px;}
}
@media only screen and (max-width:1023px){
.ab01{ width:100%; padding-bottom:35px; position:relative; z-index:1; background-color:#fff;}
.ab01 .box{ width:94%; margin:auto; margin-top:30px; position:relative; z-index:3;}
.ab01 .box .right{ width:100%; overflow:hidden; float:right; border-top-left-radius:20px; border-bottom-right-radius:20px; position:relative;}
.ab01 .box .right img{ width:100%; display:block;}
.ab01 .box .left{ width:100%; float:left;}
.ab01 .box .left .w01{ margin-top:10px; font-size:18px; line-height:28px; font-weight:bold;}
.ab01 .box .left .w02{ font-size:14px; line-height:24px; margin-top:5px;}
}

@media screen and (min-width:1280px){
.ab01 .list{ width:1200px; display:flex; flex-wrap:wrap; margin:auto; position:relative; z-index:3;}
.ab01 .list li{ width:22.78%; margin-left:2.96%; margin-top:40px; display:block; overflow:hidden; background-color:#f6f6f8; border-radius:10px;}
.ab01 .list li:nth-child(4n+1){ margin-left:0;}
.ab01 .list li a{ width:100%; padding:40px 30px; padding-bottom:35px; position:relative; box-sizing:border-box; display:block; overflow:hidden;}
.ab01 .list li .w01{ width:100%; position:relative; z-index:3;}
.ab01 .list li .w01 img{ display:block; height:60px; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.ab01 .list li:hover .w01 img{ -webkit-transform:rotateY(-360deg);}
.ab01 .list li .w02{ padding-top:15px; padding-bottom:2px; position:relative; z-index:3; font-size:20px; line-height:30px; font-weight:bold;}
.ab01 .list li:hover .w02{ color:#27386e;}
.ab01 .list li .w03{ font-size:16px; line-height:26px; color:#666; position:relative; z-index:3; display:none;}
.ab01 .list li .w04{ height:130px; position:absolute; right:0; bottom:0; z-index:1;}
.ab01 .list li .w04 img{ display:block; height:130px;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.ab01 .list{ width:91%; display:flex; flex-wrap:wrap; margin:auto; position:relative; z-index:3;}
.ab01 .list li{ width:23.5%; margin-left:2%; margin-top:30px; display:block; overflow:hidden; background-color:#f6f6f8; border-radius:10px;}
.ab01 .list li:nth-child(4n+1){ margin-left:0;}
.ab01 .list li a{ width:100%; padding:30px 20px; padding-bottom:25px; position:relative; box-sizing:border-box; display:block; overflow:hidden;}
.ab01 .list li .w01{ width:100%; position:relative; z-index:3;}
.ab01 .list li .w01 img{ display:block; height:50px; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.ab01 .list li:hover .w01 img{ -webkit-transform:rotateY(-360deg);}
.ab01 .list li .w02{ padding-top:10px; padding-bottom:2px; position:relative; z-index:3; font-size:18px; line-height:28px; font-weight:bold;}
.ab01 .list li:hover .w02{ color:#27386e;}
.ab01 .list li .w03{ font-size:14px; line-height:24px; color:#666; position:relative; z-index:3; display:none;}
.ab01 .list li .w04{ height:100px; position:absolute; right:0; bottom:0; z-index:1;}
.ab01 .list li .w04 img{ display:block; height:100px;}
}
@media only screen and (max-width:1023px){
.ab01 .list{ width:94%; display:flex; flex-wrap:wrap; margin:auto; margin-top:5px; position:relative; z-index:3;}
.ab01 .list li{ width:48.5%; margin-left:3%; display:block; overflow:hidden; background-color:#f6f6f8; border-radius:10px; margin-top:15px;}
.ab01 .list li:nth-child(2n+1){ margin-left:0;}
.ab01 .list li a{ width:100%; padding:20px 15px; padding-bottom:15px; position:relative; box-sizing:border-box; display:block; overflow:hidden;}
.ab01 .list li .w01{ width:100%; position:relative; z-index:3;}
.ab01 .list li .w01 img{ display:block; height:30px; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.ab01 .list li:hover .w01 img{ -webkit-transform:rotateY(-360deg);}
.ab01 .list li .w02{ padding-top:8px; position:relative; z-index:3; font-size:16px; line-height:26px; font-weight:bold;}
.ab01 .list li:hover .w02{ color:#27386e;}
.ab01 .list li .w03{ font-size:14px; line-height:24px; color:#666; position:relative; z-index:3; display:none;}
.ab01 .list li .w04{ height:65px; position:absolute; right:0; bottom:0; z-index:1;}
.ab01 .list li .w04 img{ display:block; height:65px;}
}

/*@media screen and (min-width:1280px){
.ab02{ width:100%; padding-top:100px; padding-bottom:100px; position:relative; z-index:1; background-color:url(../images/dbg_49.jpg); background-position:center; background-repeat:no-repeat; background-size:cover;}
.ab02 .bg{ width:100%; height:100%; background-color:#000; opacity:.7; position:absolute; left:0; top:0; z-index:1;}
.ab02 .list{ width:1200px; display:flex; flex-wrap:wrap; margin:auto; position:relative; z-index:3;}
.ab02 .list li{ width:22.78%; margin-left:2.96%; display:block; overflow:hidden; background-color:#fff; border-radius:10px;}
.ab02 .list li:nth-child(4n+1){ margin-left:0;}
.ab02 .list li a{ width:100%; padding:40px 30px; padding-bottom:35px; position:relative; box-sizing:border-box; display:block; overflow:hidden;}
.ab02 .list li .w01{ width:100%; position:relative; z-index:3;}
.ab02 .list li .w01 img{ display:block; height:60px; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.ab02 .list li:hover .w01 img{ -webkit-transform:rotateY(-360deg);}
.ab02 .list li .w02{ padding-top:15px; padding-bottom:2px; position:relative; z-index:3; font-size:20px; line-height:30px; font-weight:bold;}
.ab02 .list li:hover .w02{ color:#27386e;}
.ab02 .list li .w03{ font-size:16px; line-height:26px; color:#666; position:relative; z-index:3;}
.ab02 .list li .w04{ height:130px; position:absolute; right:0; bottom:0; z-index:1;}
.ab02 .list li .w04 img{ display:block; height:130px;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.ab02{ width:100%; padding-top:70px; padding-bottom:70px; position:relative; z-index:1; background-color:url(../images/dbg_49.jpg); background-position:center; background-repeat:no-repeat; background-size:cover;}
.ab02 .bg{ width:100%; height:100%; background-color:#000; opacity:.7; position:absolute; left:0; top:0; z-index:1;}
.ab02 .list{ width:91%; display:flex; flex-wrap:wrap; margin:auto; position:relative; z-index:3;}
.ab02 .list li{ width:23.5%; margin-left:2%; display:block; overflow:hidden; background-color:#fff; border-radius:10px;}
.ab02 .list li:nth-child(4n+1){ margin-left:0;}
.ab02 .list li a{ width:100%; padding:30px 20px; padding-bottom:25px; position:relative; box-sizing:border-box; display:block; overflow:hidden;}
.ab02 .list li .w01{ width:100%; position:relative; z-index:3;}
.ab02 .list li .w01 img{ display:block; height:50px; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.ab02 .list li:hover .w01 img{ -webkit-transform:rotateY(-360deg);}
.ab02 .list li .w02{ padding-top:10px; padding-bottom:2px; position:relative; z-index:3; font-size:18px; line-height:28px; font-weight:bold;}
.ab02 .list li:hover .w02{ color:#27386e;}
.ab02 .list li .w03{ font-size:14px; line-height:24px; color:#666; position:relative; z-index:3;}
.ab02 .list li .w04{ height:100px; position:absolute; right:0; bottom:0; z-index:1;}
.ab02 .list li .w04 img{ display:block; height:100px;}
}
@media only screen and (max-width:1023px){
.ab02{ width:100%; padding-top:40px; padding-bottom:40px; position:relative; z-index:1; background-color:url(../images/dbg_49.jpg); background-position:center; background-repeat:no-repeat; background-size:cover;}
.ab02 .bg{ width:100%; height:100%; background-color:#000; opacity:.7; position:absolute; left:0; top:0; z-index:1;}
.ab02 .list{ width:94%; display:flex; flex-wrap:wrap; margin:auto; margin-top:-15px; position:relative; z-index:3;}
.ab02 .list li{ width:48.5%; margin-left:3%; display:block; overflow:hidden; background-color:#fff; border-radius:10px; margin-top:15px;}
.ab02 .list li:nth-child(2n+1){ margin-left:0;}
.ab02 .list li a{ width:100%; padding:20px 15px; padding-bottom:15px; position:relative; box-sizing:border-box; display:block; overflow:hidden;}
.ab02 .list li .w01{ width:100%; position:relative; z-index:3;}
.ab02 .list li .w01 img{ display:block; height:30px; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.ab02 .list li:hover .w01 img{ -webkit-transform:rotateY(-360deg);}
.ab02 .list li .w02{ padding-top:8px; position:relative; z-index:3; font-size:16px; line-height:26px; font-weight:bold;}
.ab02 .list li:hover .w02{ color:#27386e;}
.ab02 .list li .w03{ font-size:14px; line-height:24px; color:#666; position:relative; z-index:3;}
.ab02 .list li .w04{ height:65px; position:absolute; right:0; bottom:0; z-index:1;}
.ab02 .list li .w04 img{ display:block; height:65px;}
}*/

@media screen and (min-width:1280px){
.ab03{ width:100%; padding-top:70px; padding-bottom:70px; position:relative; z-index:1; background-color:#f6f6f8;}
.ab03 .box{ width:1200px; margin:auto; font-size:16px; line-height:36px; position:relative; z-index:3;}
.ab03 .box img{ max-width:100%; height:auto !important;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.ab03{ width:100%; padding-top:55px; padding-bottom:55px; position:relative; z-index:1; background-color:#f6f6f8;}
.ab03 .box{ width:91%; margin:auto; font-size:14px; line-height:30px; position:relative; z-index:3;}
.ab03 .box img{ max-width:100%; height:auto !important;}
}
@media only screen and (max-width:1023px){
.ab03{ width:100%; padding-top:35px; padding-bottom:35px; position:relative; z-index:1; background-color:#f6f6f8;}
.ab03 .box{ width:94%; margin:auto; font-size:14px; line-height:24px; position:relative; z-index:3;}
.ab03 .box img{ max-width:100%; height:auto !important;}
}

/*办公环境*/
@media screen and (min-width:1280px){
.hj{ width:100%; padding-bottom:80px; position:relative; z-index:1; background-color:#fff;}
.hj .box{ width:1200px; margin:auto; margin-top:10px; position:relative; z-index:5;}
.hj .box #auto-loop{ width:100%; overflow:hidden;}
.hj .box #auto-loop a{ width:380px; display:block; float:left; position:relative; margin-left:30px; margin-top:30px;}
.hj .box #auto-loop a:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.hj .box #auto-loop a:before{ content:''; display:block; width:100%; padding-top:260px; overflow:hidden; position:relative;}
.hj .box #auto-loop a img{ width:100%; display:block; position:absolute; left:0; top:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.hj .box #auto-loop a:hover img{ transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05);}

.fanye{ width:100%; margin:auto; margin-top:40px; text-align:center;}
.fanye li{ margin:0 3px; display:inline-block;}
.fanye li a{ min-width:20px; padding:0 5px; height:30px; line-height:30px; background-color:#f6f6f8; border-radius:3px; display:block;}
.fanye li span{ min-width:14px; padding:0 5px; height:24px; line-height:24px; border-radius:3px; display:block;}
.fanye li.active span{ color:#fff; background-color:#27386e;}
.fanye li.disabled span{ color:#aaa; background-color:#f6f6f8; cursor:no-drop;}
.fanye li a:hover{ color:#27386e;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.hj{ width:100%; padding-bottom:60px; position:relative; z-index:1; background-color:#fff;}
.hj .box{ width:91%; margin:auto; margin-top:5px; position:relative; z-index:5;}
.hj .box #auto-loop{ width:100%; overflow:hidden;}
.hj .box #auto-loop a{ width:32%; display:block; float:left; position:relative; margin-left:2%; margin-top:25px;}
.hj .box #auto-loop a:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.hj .box #auto-loop a:before{ content:''; display:block; width:100%; padding-top:68.42%; overflow:hidden; position:relative;}
.hj .box #auto-loop a img{ width:100%; display:block; position:absolute; left:0; top:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.hj .box #auto-loop a:hover img{ transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05);}

.fanye{ width:100%; margin:auto; margin-top:30px; text-align:center;}
.fanye li{ margin:0 3px; display:inline-block;}
.fanye li a{ min-width:20px; padding:0 5px; height:30px; line-height:30px; background-color:#f6f6f8; border-radius:3px; display:block;}
.fanye li span{ min-width:14px; padding:0 5px; height:24px; line-height:24px; border-radius:3px; display:block;}
.fanye li.active span{ color:#fff; background-color:#27386e;}
.fanye li.disabled span{ color:#aaa; background-color:#f6f6f8; cursor:no-drop;}
.fanye li a:hover{ color:#27386e;}
}
@media only screen and (max-width:1023px){
.hj{ width:100%; padding-bottom:40px; position:relative; z-index:1; background-color:#fff;}
.hj .box{ width:94%; margin:auto; position:relative; z-index:5;}
.hj .box #auto-loop{ width:100%; overflow:hidden;}
.hj .box #auto-loop a{ width:100%; display:block; float:left; position:relative; margin-top:20px;}
.hj .box #auto-loop a:before{ content:''; display:block; width:100%; padding-top:68.42%; overflow:hidden; position:relative;}
.hj .box #auto-loop a img{ width:100%; display:block; position:absolute; left:0; top:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.hj .box #auto-loop a:hover img{ transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05);}

.fanye{ width:100%; margin:auto; margin-top:20px; text-align:center;}
.fanye li{ margin:0 3px; display:inline-block;}
.fanye li a{ min-width:14px; padding:0 5px; height:24px; line-height:24px; background-color:#f6f6f8; border-radius:3px; display:block;}
.fanye li span{ min-width:14px; padding:0 5px; height:24px; line-height:24px; border-radius:3px; display:block;}
.fanye li.active span{ color:#fff; background-color:#27386e;}
.fanye li.disabled span{ color:#aaa; background-color:#f6f6f8; cursor:no-drop;}
.fanye li a:hover{ color:#27386e;}
}

/*代理流程*/
@media screen and (min-width:1280px){
.lc{ width:100%; padding-bottom:80px; position:relative; z-index:1; background-color:#fff;}
.lc .box{ width:1200px; margin:auto; position:relative; z-index:3; margin-top:40px;}
.lc .box ul{ width:100%; display:flex; flex-wrap:wrap; overflow:hidden; margin-top:-30px;}
.lc .box ul li{ display:block; width:380px; box-sizing:border-box; background-color:#f6f6f8; border-radius:10px; padding:30px; padding-bottom:25px; overflow:hidden; float:left; margin-left:30px; margin-top:30px;}
.lc .box ul li:nth-child(3n+1){ margin-left:0;}
.lc .box ul li:hover{ background-color:#27386e;}
.lc .box ul li strong{ display:block; overflow:hidden;}
.lc .box ul li strong img{ display:block; height:60px; margin:auto;}
.lc .box ul li strong img.img02{ display:none;}
.lc .box ul li:hover img.img01{ display:none;}
.lc .box ul li:hover img.img02{ display:block;}
.lc .box ul li a{ font-size:18px; height:36px; line-height:36px; display:block; overflow:hidden; display:none;}
.lc .box ul li span{ font-size:18px; padding-bottom:12px; line-height:28px; display:block; overflow:hidden; position:relative; text-align:center; margin-top:15px;}
.lc .box ul li span:before{ width:40px; height:2px; display:block; position:absolute; left:50%; margin-left:-20px; bottom:0; background-color:#27386e; overflow:hidden; content:'';}
.lc .box ul li p{ font-size:14px; line-height:24px; display:block; overflow:hidden; color:#666; margin-top:10px;}
.lc .box ul li:hover span,.lc .box ul li:hover p{ color:#fff;}
.lc .box ul li:hover span:before{ background-color:#fff;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.lc{ width:100%; padding-bottom:60px; position:relative; z-index:1; background-color:#fff;}
.lc .box{ width:91%; margin:auto; position:relative; z-index:3; margin-top:30px;}
.lc .box ul{ width:100%; display:flex; flex-wrap:wrap; overflow:hidden; margin-top:-25px;}
.lc .box ul li{ display:block; width:32%; box-sizing:border-box; background-color:#f6f6f8; border-radius:10px; padding:25px; padding-bottom:20px; overflow:hidden; float:left; margin-left:2%; margin-top:25px;}
.lc .box ul li:nth-child(3n+1){ margin-left:0;}
.lc .box ul li:hover{ background-color:#27386e;}
.lc .box ul li strong{ display:block; overflow:hidden;}
.lc .box ul li strong img{ display:block; height:60px; margin:auto;}
.lc .box ul li strong img.img02{ display:none;}
.lc .box ul li:hover img.img01{ display:none;}
.lc .box ul li:hover img.img02{ display:block;}
.lc .box ul li a{ font-size:18px; height:36px; line-height:36px; display:block; overflow:hidden; display:none;}
.lc .box ul li span{ font-size:18px; padding-bottom:12px; line-height:28px; display:block; overflow:hidden; position:relative; text-align:center; margin-top:15px;}
.lc .box ul li span:before{ width:40px; height:2px; display:block; position:absolute; left:50%; margin-left:-20px; bottom:0; background-color:#27386e; overflow:hidden; content:'';}
.lc .box ul li p{ font-size:14px; line-height:24px; display:block; overflow:hidden; color:#666; margin-top:10px;}
.lc .box ul li:hover span,.lc .box ul li:hover p{ color:#fff;}
.lc .box ul li:hover span:before{ background-color:#fff;}
}
@media only screen and (max-width:1023px){
.lc{ width:100%; padding-bottom:40px; position:relative; z-index:1; background-color:#fff;}
.lc .box{ width:94%; margin:auto; position:relative; z-index:3; margin-top:20px;}
.lc .box ul{ width:100%; display:block; overflow:hidden; margin-top:-20px;}
.lc .box ul li{ display:block; width:100%; box-sizing:border-box; background-color:#f6f6f8; border-radius:10px; padding:15px; padding-top:20px; overflow:hidden; float:left; margin-top:20px;}
.lc .box ul li:hover{ background-color:#27386e;}
.lc .box ul li strong{ display:block; overflow:hidden;}
.lc .box ul li strong img{ display:block; height:60px; margin:auto;}
.lc .box ul li strong img.img02{ display:none;}
.lc .box ul li:hover img.img01{ display:none;}
.lc .box ul li:hover img.img02{ display:block;}
.lc .box ul li a{ font-size:18px; height:36px; line-height:36px; display:block; overflow:hidden; display:none;}
.lc .box ul li span{ font-size:18px; padding-bottom:7px; line-height:28px; display:block; overflow:hidden; position:relative; text-align:center; margin-top:10px;}
.lc .box ul li span:before{ width:40px; height:2px; display:block; position:absolute; left:50%; margin-left:-20px; bottom:0; background-color:#27386e; overflow:hidden; content:'';}
.lc .box ul li p{ font-size:14px; line-height:24px; display:block; overflow:hidden; color:#666; margin-top:5px;}
.lc .box ul li:hover span,.lc .box ul li:hover p{ color:#fff;}
.lc .box ul li:hover span:before{ background-color:#fff;}
}

/*案例展示*/
@media screen and (min-width:1280px){
.case{ width:100%; padding-bottom:80px; position:relative; z-index:1; background-color:#fff;}
.case .box{ width:1200px; margin:auto; position:relative; z-index:3;}
.case .box .list{ width:100%; display:block;}
.case .box .list li{ display:block; margin-top:40px; overflow:hidden;}
.case .box .list li .tu{ width:35%; height:270px; background-position:center; background-repeat:no-repeat; background-size:cover; float:left; border:15px solid #f6f6f8; border-right:none; box-sizing:border-box;}
.case .box .list li .tu .more{ width:100%; height:100%; position:relative; background-color:rgba(0,0,0,.7); opacity:0;}
.case .box .list li .tu .more a{ width:140px; height:40px; line-height:40px; text-align:center; font-size:14px; background-color:#fff; color:#333; display:block; position:absolute; left:50%; margin-left:-70px; top:50%; margin-top:-20px;}
.case .box .list li .tu .more:hover{ opacity:1;}
.case .box .list li .tu .more a:hover{ color:#27386e;}
.case .box .list li .wen{ width:65%; height:270px; box-sizing:border-box; background-color:#f6f6f8; padding:65px 40px; float:left;}
.case .box .list li .wen .left{ width:120px; float:left;}
.case .box .list li .wen .left .w01{ font-weight:bold; font-size:24px; line-height:30px;}
.case .box .list li .wen .left .w02{ font-weight:bold; font-size:16px; line-height:24px; margin-top:10px; color:#666;}
.case .box .list li .wen .left .w03{ width:80px; height:1px; background-color:#ddd; margin-top:45px;}
.case .box .list li .wen .right{ width:calc(100% - 120px); float:left;}
.case .box .list li .wen .right .w01 a{ width:100%; display:block; font-size:18px; line-height:28px; height:28px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.case .box .list li .wen .right .w01 a:hover{ color:#27386e;}
.case .box .list li .wen .right .w02{ width:100%; font-size:14px; line-height:30px; height:90px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; color:#666; margin-top:17px;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.case{ width:100%; padding-bottom:60px; position:relative; z-index:1; background-color:#fff;}
.case .box{ width:91%; margin:auto; position:relative; z-index:3;}
.case .box .list{ width:100%; display:block;}
.case .box .list li{ display:block; margin-top:30px; overflow:hidden;}
.case .box .list li .tu{ width:35%; height:220px; background-position:center; background-repeat:no-repeat; background-size:cover; float:left; border:10px solid #f6f6f8; border-right:none; box-sizing:border-box;}
.case .box .list li .tu .more{ width:100%; height:100%; position:relative; background-color:rgba(0,0,0,.7); opacity:0;}
.case .box .list li .tu .more a{ width:140px; height:40px; line-height:40px; text-align:center; font-size:14px; background-color:#fff; color:#333; display:block; position:absolute; left:50%; margin-left:-70px; top:50%; margin-top:-20px;}
.case .box .list li .tu .more:hover{ opacity:1;}
.case .box .list li .tu .more a:hover{ color:#27386e;}
.case .box .list li .wen{ width:65%; height:220px; box-sizing:border-box; background-color:#f6f6f8; padding:45px 40px; float:left;}
.case .box .list li .wen .left{ width:100px; float:left;}
.case .box .list li .wen .left .w01{ font-weight:bold; font-size:20px; line-height:30px;}
.case .box .list li .wen .left .w02{ font-weight:bold; font-size:14px; line-height:22px; margin-top:5px; color:#666;}
.case .box .list li .wen .left .w03{ width:60px; height:1px; background-color:#ddd; margin-top:35px;}
.case .box .list li .wen .right{ width:calc(100% - 100px); float:left;}
.case .box .list li .wen .right .w01 a{ width:100%; display:block; font-size:18px; line-height:28px; height:28px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.case .box .list li .wen .right .w01 a:hover{ color:#27386e;}
.case .box .list li .wen .right .w02{ width:100%; font-size:14px; line-height:30px; height:90px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; color:#666; margin-top:12px;}
}
@media only screen and (max-width:1023px){
.case{ width:100%; padding-bottom:40px; position:relative; z-index:1; background-color:#fff;}
.case .box{ width:94%; margin:auto; position:relative; z-index:3;}
.case .box .list{ width:100%; display:block;}
.case .box .list li{ display:block; margin-top:20px; overflow:hidden;}
.case .box .list li .tu{ width:100%; height:200px; background-position:center; background-repeat:no-repeat; background-size:cover; border:5px solid #f6f6f8; border-bottom:none; box-sizing:border-box;}
.case .box .list li .tu .more{ width:100%; height:100%; position:relative; background-color:rgba(0,0,0,.7); opacity:0;}
.case .box .list li .tu .more a{ width:140px; height:40px; line-height:40px; text-align:center; font-size:14px; background-color:#fff; color:#333; display:block; position:absolute; left:50%; margin-left:-70px; top:50%; margin-top:-20px;}
.case .box .list li .tu .more:hover{ opacity:1;}
.case .box .list li .tu .more a:hover{ color:#27386e;}
.case .box .list li .wen{ width:100%; box-sizing:border-box; background-color:#f6f6f8; padding:15px;}
.case .box .list li .wen .left{ width:100%; float:left;}
.case .box .list li .wen .left .w01{ float:left; font-weight:bold; font-size:18px; line-height:28px;}
.case .box .list li .wen .left .w02{ float:left; margin-left:5px; font-weight:bold; font-size:14px; line-height:24px; padding-top:4px; color:#666;}
.case .box .list li .wen .left .w03{ clear:left; float:left; width:40px; height:1px; background-color:#ddd; margin-top:6px;}
.case .box .list li .wen .right{ width:100%; float:left; margin-top:10px;}
.case .box .list li .wen .right .w01 a{ width:100%; display:block; font-size:16px; line-height:26px; height:52px; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.case .box .list li .wen .right .w01 a:hover{ color:#27386e;}
.case .box .list li .wen .right .w02{ width:100%; font-size:14px; line-height:24px; height:72px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; color:#666; margin-top:5px;}
}

/*案例展示内页*/
@media screen and (min-width:1280px){
.ny{ width:100%; padding-bottom:75px; position:relative; z-index:1; background-color:#fff;}
.ny .box{ width:1200px; margin:auto; position:relative; z-index:3; padding-top:35px;}
.ny .lbar{ width:830px; float:left;}
.ny .lbar .bt{ font-size:24px; line-height:34px; text-align:center;}
.ny .lbar .sj{ color:#999; font-size:14px; line-height:24px; height:24px; padding-top:5px; padding-bottom:15px; border-bottom:1px solid #ddd; text-align:center;}
.ny .lbar .wen{ font-size:14px; line-height:30px; margin-top:25px;}
.ny .lbar .wen img{ max-width:100%; height:auto;}
.ny .lbar .wen video{ width:100%; display:block; overflow:hidden;}
.ny .lbar .wen iframe{ width:100%; height:501px; display:block; overflow:hidden;}
.ny .lbar .back{ margin-top:25px; padding-top:23px; border-top:1px solid #ddd; position:relative;}
.ny .lbar .back p{ width:calc(100% - 100px); display:block; font-size:14px; height:30px; line-height:30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.ny .lbar .back p a:hover{ color:#27386e;}
.ny .lbar .back span{ position:absolute; right:0; top:23px; font-size:14px; height:30px; line-height:30px;}
.ny .lbar .back span a:hover{ color:#27386e;}

.ny .rbar{ width:310px; border:1px solid #ddd; border-top:2px solid #27386e; float:right; margin:5px 0;}
.ny .rbar .bt{ padding-left:29px; font-size:18px; height:50px; line-height:50px; border-bottom:1px solid #ddd;}
.ny .rbar ul{ display:block; padding:5px 29px; padding-bottom:25px;}
.ny .rbar ul li{ display:block; width:100%; margin-top:25px; overflow:hidden;}
.ny .rbar ul li strong{ width:100%; display:block; overflow:hidden;}
.ny .rbar ul li strong img{ width:100%; display:block;}
.ny .rbar ul li p{ display:block; overflow:hidden; font-size:18px; height:28px; line-height:28px; padding-top:5px;}
.ny .rbar ul li span{ display:block; overflow:hidden; font-size:16px; height:24px; line-height:24px; color:#999;}
.ny .rbar ul li p:hover{ color:#27386e;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.ny{ width:100%; padding-bottom:55px; position:relative; z-index:1; background-color:#fff;}
.ny .box{ width:91%; margin:auto; position:relative; z-index:3; padding-top:25px;}
.ny .lbar{ width:74.17%; float:left;}
.ny .lbar .bt{ font-size:20px; line-height:30px; text-align:center;}
.ny .lbar .sj{ color:#999; font-size:14px; line-height:24px; height:24px; padding-top:5px; padding-bottom:10px; border-bottom:1px solid #ddd; text-align:center;}
.ny .lbar .wen{ font-size:14px; line-height:30px; margin-top:20px;}
.ny .lbar .wen img{ max-width:100%; height:auto;}
.ny .lbar .wen video{ width:100%; display:block; overflow:hidden;}
.ny .lbar .wen iframe{ width:100%; height:501px; display:block; overflow:hidden;}
.ny .lbar .back{ margin-top:20px; padding-top:20px; border-top:1px solid #ddd; position:relative;}
.ny .lbar .back p{ width:calc(100% - 80px); display:block; font-size:14px; height:24px; line-height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.ny .lbar .back p a:hover{ color:#27386e;}
.ny .lbar .back span{ position:absolute; right:0; top:20px; font-size:14px; height:24px; line-height:24px;}
.ny .lbar .back span a:hover{ color:#27386e;}

.ny .rbar{ width:21.83%; border:1px solid #ddd; border-top:2px solid #27386e; float:right; margin:5px 0;}
.ny .rbar .bt{ padding-left:8%; font-size:16px; height:46px; line-height:46px; border-bottom:1px solid #ddd;}
.ny .rbar ul{ display:block; padding:5px 8%; padding-bottom:15px;}
.ny .rbar ul li{ display:block; width:100%; margin-top:15px; overflow:hidden;}
.ny .rbar ul li strong{ width:100%; display:block; overflow:hidden;}
.ny .rbar ul li strong img{ width:100%; display:block;}
.ny .rbar ul li p{ display:block; overflow:hidden; font-size:16px; height:26px; line-height:26px; padding-top:5px;}
.ny .rbar ul li span{ display:block; overflow:hidden; font-size:14px; height:22px; line-height:22px; color:#999;}
.ny .rbar ul li p:hover{ color:#27386e;}
}
@media only screen and (max-width:1023px){
.ny{ width:100%; padding-bottom:35px; position:relative; z-index:1; background-color:#fff;}
.ny .box{ width:94%; margin:auto; position:relative; z-index:3; padding-top:15px;}
.ny .lbar{ width:100%; float:left;}
.ny .lbar .bt{ font-size:18px; line-height:28px; text-align:center;}
.ny .lbar .sj{ color:#999; font-size:14px; line-height:24px; height:24px; padding-bottom:5px; border-bottom:1px solid #ddd; text-align:center;}
.ny .lbar .wen{ font-size:14px; line-height:24px; margin-top:15px;}
.ny .lbar .wen img{ max-width:100%; height:auto;}
.ny .lbar .wen video{ width:100%; display:block; overflow:hidden;}
.ny .lbar .wen iframe{ width:100%; height:70.5vw; display:block; overflow:hidden;}
.ny .lbar .back{ margin-top:15px; padding-top:15px; border-top:1px solid #ddd; position:relative;}
.ny .lbar .back p{ width:calc(100% - 70px); display:block; font-size:14px; height:24px; line-height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.ny .lbar .back p a:hover{ color:#27386e;}
.ny .lbar .back span{ position:absolute; right:0; top:15px; font-size:14px; height:24px; line-height:24px;}
.ny .lbar .back span a:hover{ color:#27386e;}

.ny .rbar{ display:none;}
}

/*联系我们*/
@media screen and (min-width:1280px){
.lx01{ width:100%; padding-bottom:80px; position:relative; z-index:1; background-color:#fff;}
.lx01 .box{ width:1200px; margin:auto; position:relative; z-index:3; padding-top:40px; display:flex;}
.lx01 .box .left{ width:50%;}
.lx01 .box .left #map{ width:100%; height:100%;}
.lx01 .box .right{ width:45%; margin-left:5%;}
.lx01 .box .right dl{ display:block; overflow:hidden; margin-top:-20px;}
.lx01 .box .right dl dt{ margin-top:20px; overflow:hidden; display:flex; align-items:center;}
.lx01 .box .right dl dt strong{ width:50px;}
.lx01 .box .right dl dt strong img{ width:50px; display:block;}
.lx01 .box .right dl dt p{ width:calc(100% - 60px); display:block; margin-left:10px;}
.lx01 .box .right dl dt p span{ display:block; font-size:14px; line-height:24px; color:#999;}
.lx01 .box .right dl dt p a{ display:block; font-size:16px; line-height:26px; color:#333;}
.lx01 .box .right dl dd{ margin-top:20px; overflow:hidden; display:block;}
.lx01 .box .right dl dd span{ width:100%; font-size:16px; line-height:26px;}
.lx01 .box .right dl dd p{ display:flex; align-items:center; margin:.5vw 0;}
.lx01 .box .right dl dd strong{ width:100px; display:block; overflow:hidden; border:1px solid #ddd;}
.lx01 .box .right dl dd strong img{ width:100%; display:block;}
.lx01 .box .right dl dd a{ display:block; font-size:14px; line-height:24px; margin-left:20px;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.lx01{ width:100%; padding-bottom:60px; position:relative; z-index:1; background-color:#fff;}
.lx01 .box{ width:91%; margin:auto; position:relative; z-index:3; padding-top:30px; display:flex;}
.lx01 .box .left{ width:50%;}
.lx01 .box .left #map{ width:100%; height:100%;}
.lx01 .box .right{ width:45%; margin-left:5%;}
.lx01 .box .right dl{ display:block; overflow:hidden; margin-top:-20px;}
.lx01 .box .right dl dt{ margin-top:20px; overflow:hidden; display:flex; align-items:center;}
.lx01 .box .right dl dt strong{ width:50px;}
.lx01 .box .right dl dt strong img{ width:50px; display:block;}
.lx01 .box .right dl dt p{ width:calc(100% - 60px); display:block; margin-left:10px;}
.lx01 .box .right dl dt p span{ display:block; font-size:14px; line-height:24px; color:#999;}
.lx01 .box .right dl dt p a{ display:block; font-size:16px; line-height:26px; color:#333;}
.lx01 .box .right dl dd{ margin-top:20px; overflow:hidden; display:block;}
.lx01 .box .right dl dd span{ width:100%; font-size:16px; line-height:26px;}
.lx01 .box .right dl dd p{ display:flex; align-items:center; margin:.5vw 0;}
.lx01 .box .right dl dd strong{ width:100px; display:block; overflow:hidden; border:1px solid #ddd;}
.lx01 .box .right dl dd strong img{ width:100%; display:block;}
.lx01 .box .right dl dd a{ display:block; font-size:14px; line-height:24px; margin-left:20px;}
}
@media only screen and (max-width:1023px){
.lx01{ width:100%; padding-bottom:40px; position:relative; z-index:1; background-color:#fff;}
.lx01 .box{ width:94%; margin:auto; position:relative; z-index:3; padding-top:20px;}
.lx01 .box .left{ width:100%;}
.lx01 .box .left #map{ width:100%; height:260px;}
.lx01 .box .right{ width:100%;}
.lx01 .box .right dl{ display:block; overflow:hidden;}
.lx01 .box .right dl dt{ margin-top:15px; overflow:hidden; display:flex; align-items:center;}
.lx01 .box .right dl dt strong{ width:50px;}
.lx01 .box .right dl dt strong img{ width:50px; display:block;}
.lx01 .box .right dl dt p{ width:calc(100% - 60px); display:block; margin-left:10px;}
.lx01 .box .right dl dt p span{ display:block; font-size:14px; line-height:24px; color:#999;}
.lx01 .box .right dl dt p a{ display:block; font-size:16px; line-height:24px; color:#333;}
.lx01 .box .right dl dd{ margin-top:15px; overflow:hidden; display:block;}
.lx01 .box .right dl dd span{ width:100%; font-size:16px; line-height:26px;}
.lx01 .box .right dl dd p{ display:flex; align-items:center; margin-top:5px;}
.lx01 .box .right dl dd strong{ width:80px; display:block; overflow:hidden; border:1px solid #ddd;}
.lx01 .box .right dl dd strong img{ width:100%; display:block;}
.lx01 .box .right dl dd a{ display:block; font-size:14px; line-height:24px; margin-left:10px;}
}

@media screen and (min-width:1280px){
.lx02{ width:100%; padding-top:80px; position:relative; z-index:1; background-color:#f6f6f8;}
.lx02 .box{ width:1200px; margin:auto; position:relative; z-index:3; padding-top:20px;}
.lx02 .box .left{ width:47.5%; float:left;}
.lx02 .box .right{ width:47.5%; float:right;}
.lx02 .box p{ width:100%; height:46px; line-height:46px; border-radius:30px; background-color:#fff; margin-top:20px; overflow:hidden; display:block; padding:0 20px; box-sizing:border-box;}
.lx02 .box p input{ width:100%; font-size:16px; line-height:46px; height:46px; display:block; background-color:transparent;}
.lx02 .box span{ width:100%; background-color:#fff; border-radius:20px; overflow:hidden; display:block; margin-top:20px;}
.lx02 .box span textarea{ width:100%; height:244px; display:block; padding:10px 30px; box-sizing:border-box; font-size:16px; line-height:26px; overflow:auto; background-color:transparent;}
.lx02 .box .sub{ width:100%; float:left; margin-top:30px;}
.lx02 .box .sub input{ display:block; width:20%; margin:auto; text-align:center; line-height:46px; color:#fff; font-size:16px; height:46px; border-radius:46px; background:#27386e; cursor:pointer;}
.lx02 .box .sub input:hover{ background:#333;}
.lx02 .box .city-picker-selector{ width:100%; margin-top:20px; height:46px;}
.lx02 .box .selector-item{ float:left; margin-left:2.63%; width:31.58%; height:46px; position:relative;}
.lx02 .box .selector-item:nth-child(1){ margin-left:0;}
.lx02 .box .selector-name{ width:100%; text-indent:20px; display:block; font-size:16px; line-height:46px; height:46px; overflow:hidden; background-image:url(../images/sel.png); background-position:right 15px center; background-repeat:no-repeat; background-color:#fff;border-radius:30px;}
.lx02 .box .city-picker-selector .selector-list{ background:#f6f6f8; width:100%; position:absolute; top:50px; z-index:1;}
.lx02 .box .city-picker-selector .hide{ display:none;}
.lx02 .box .city-picker-selector ul{ max-height:160px; overflow-x:hidden; overflow-y:auto; background-color:#f6f6f8;}
.lx02 .box .city-picker-selector li { border-top:1px solid #ddd; color:#333; cursor:pointer; width:90%; padding:0 5%; height:34px; line-height:34px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.lx02 .box .city-picker-selector li:first-child{ border-top:none;}
.lx02 .box .city-picker-selector li.caller.active,.lx02 .box .city-picker-selector li.caller.active:hover { background:#27386e; color:#fff;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.lx02{ width:100%; padding-top:60px; position:relative; z-index:1; background-color:#f6f6f8;}
.lx02 .box{ width:91%; margin:auto; position:relative; z-index:3; padding-top:10px;}
.lx02 .box .left{ width:48.5%; float:left;}
.lx02 .box .right{ width:48.5%; float:right;}
.lx02 .box p{ width:100%; height:46px; line-height:46px; border-radius:30px; background-color:#fff; margin-top:20px; overflow:hidden; display:block; padding:0 20px; box-sizing:border-box;}
.lx02 .box p input{ width:100%; font-size:16px; line-height:46px; height:46px; display:block; background-color:transparent;}
.lx02 .box span{ width:100%; background-color:#fff; border-radius:20px; overflow:hidden; display:block; margin-top:20px;}
.lx02 .box span textarea{ width:100%; height:244px; display:block; padding:10px 30px; box-sizing:border-box; font-size:16px; line-height:26px; overflow:auto; background-color:transparent;}
.lx02 .box .sub{ width:100%; float:left; margin-top:30px;}
.lx02 .box .sub input{ display:block; width:20%; margin:auto; text-align:center; line-height:46px; color:#fff; font-size:16px; height:46px; border-radius:46px; background:#27386e; cursor:pointer;}
.lx02 .box .sub input:hover{ background:#333;}
.lx02 .box .city-picker-selector{ width:100%; margin-top:20px; height:46px;}
.lx02 .box .selector-item{ float:left; margin-left:2.63%; width:31.58%; height:46px; position:relative;}
.lx02 .box .selector-item:nth-child(1){ margin-left:0;}
.lx02 .box .selector-name{ width:100%; text-indent:20px; display:block; font-size:16px; line-height:46px; height:46px; overflow:hidden; background-image:url(../images/sel.png); background-position:right 15px center; background-repeat:no-repeat; background-color:#fff;border-radius:30px;}
.lx02 .box .city-picker-selector .selector-list{ background:#f6f6f8; width:100%; position:absolute; top:50px; z-index:1;}
.lx02 .box .city-picker-selector .hide{ display:none;}
.lx02 .box .city-picker-selector ul{ max-height:160px; overflow-x:hidden; overflow-y:auto; background-color:#f6f6f8;}
.lx02 .box .city-picker-selector li { border-top:1px solid #ddd; color:#333; cursor:pointer; width:90%; padding:0 5%; height:34px; line-height:34px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.lx02 .box .city-picker-selector li:first-child{ border-top:none;}
.lx02 .box .city-picker-selector li.caller.active,.lx02 .box .city-picker-selector li.caller.active:hover { background:#27386e; color:#fff;}
}
@media only screen and (max-width:1023px){
.lx02{ width:100%; padding-top:40px; position:relative; z-index:1; background-color:#f6f6f8;}
.lx02 .box{ width:94%; margin:auto; position:relative; z-index:3; padding-top:5px;}
.lx02 .box .left{ width:100%; float:left;}
.lx02 .box .right{ width:100%; float:right;}
.lx02 .box p{ width:100%; height:40px; line-height:40px; border-radius:30px; background-color:#fff; margin-top:15px; overflow:hidden; display:block; padding:0 15px; box-sizing:border-box;}
.lx02 .box p input{ width:100%; font-size:14px; line-height:40px; height:40px; display:block; background-color:transparent;}
.lx02 .box span{ width:100%; background-color:#fff; border-radius:10px; overflow:hidden; display:block; margin-top:15px;}
.lx02 .box span textarea{ width:100%; height:136px; display:block; padding:8px 15px; box-sizing:border-box; font-size:14px; line-height:24px; overflow:auto; background-color:transparent;}
.lx02 .box .sub{ width:100%; float:left; margin-top:15px;}
.lx02 .box .sub input{ display:block; width:130px; margin:auto; text-align:center; line-height:40px; color:#fff; font-size:14px; height:40px; border-radius:40px; background:#27386e; cursor:pointer;}
.lx02 .box .sub input:hover{ background:#333;}
.lx02 .box .city-picker-selector{ width:100%; margin-top:15px; height:40px;}
.lx02 .box .selector-item{ float:left; margin-left:2.63%; width:31.58%; height:40px; position:relative;}
.lx02 .box .selector-item:nth-child(1){ margin-left:0;}
.lx02 .box .selector-name{ width:100%; text-indent:15px; display:block; font-size:14px; line-height:40px; height:40px; overflow:hidden; background-image:url(../images/sel.png); background-position:right 10px center; background-repeat:no-repeat; background-color:#fff;border-radius:30px;}
.lx02 .box .city-picker-selector .selector-list{ background:#f6f6f8; width:100%; position:absolute; top:50px; z-index:1;}
.lx02 .box .city-picker-selector .hide{ display:none;}
.lx02 .box .city-picker-selector ul{ max-height:160px; overflow-x:hidden; overflow-y:auto; background-color:#f6f6f8;}
.lx02 .box .city-picker-selector li { border-top:1px solid #ddd; color:#333; cursor:pointer; width:90%; padding:0 5%; height:34px; line-height:34px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.lx02 .box .city-picker-selector li:first-child{ border-top:none;}
.lx02 .box .city-picker-selector li.caller.active,.lx02 .box .city-picker-selector li.caller.active:hover { background:#27386e; color:#fff;}
}

/*有问有答*/
@media screen and (min-width:1280px){
.wd{ width:100%; padding-bottom:80px; position:relative; z-index:1; background-color:#fff;}
.wd .box{ width:100%; margin:auto; position:relative; z-index:3;}
.wd .list{ width:100%; display:block;}
.wd .list li{ display:block; width:100%; position:relative; overflow:hidden;}
.wd .list li .bg{ width:100%; height:100%; background-color:#27386e; position:absolute; left:0; top:-1px; z-index:1; display:none;}
.wd .list li:hover .bg{ display:block;}
.wd .list li .wen{ width:1200px; margin:auto; position:relative; z-index:3; box-sizing:border-box; padding:35px 0; padding-right:110px; border-bottom:1px solid #ddd;}
.wd .list li .w01 a{ width:100%; display:block; font-size:18px; line-height:28px; height:28px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.wd .list li .w02{ width:100%; font-size:14px; line-height:24px; height:72px; color:#666; margin-top:10px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
.wd .list li .w03{ position:absolute; right:0; bottom:50px; width:68px; border-left:2px solid #ddd; height:42px;}
.wd .list li .w03 a{ width:100%; height:42px; display:block; background-image:url(../images/ymore_26.png); background-position:right center; background-repeat:no-repeat;}
.wd .list li:hover .w01 a{ color:#fff;}
.wd .list li:hover .w02{ color:#fff;}
.wd .list li:hover .w03 a{ background-image:url(../images/ymore_23.png);}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.wd{ width:100%; padding-bottom:60px; position:relative; z-index:1; background-color:#fff;}
.wd .box{ width:100%; margin:auto; position:relative; z-index:3;}
.wd .list{ width:100%; display:block;}
.wd .list li{ display:block; width:100%; position:relative; overflow:hidden;}
.wd .list li .bg{ width:100%; height:100%; background-color:#27386e; position:absolute; left:0; top:-1px; z-index:1; display:none;}
.wd .list li:hover .bg{ display:block;}
.wd .list li .wen{ width:91%; margin:auto; position:relative; z-index:3; box-sizing:border-box; padding:25px 0; padding-right:90px; border-bottom:1px solid #ddd;}
.wd .list li .w01 a{ width:100%; display:block; font-size:18px; line-height:28px; height:28px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.wd .list li .w02{ width:100%; font-size:14px; line-height:24px; height:72px; color:#666; margin-top:10px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
.wd .list li .w03{ position:absolute; right:0; bottom:40px; width:58px; border-left:2px solid #ddd; height:42px;}
.wd .list li .w03 a{ width:100%; height:42px; display:block; background-image:url(../images/ymore_26.png); background-position:right center; background-repeat:no-repeat;}
.wd .list li:hover .w01 a{ color:#fff;}
.wd .list li:hover .w02{ color:#fff;}
.wd .list li:hover .w03 a{ background-image:url(../images/ymore_23.png);}
}
@media only screen and (max-width:1023px){
.wd{ width:100%; padding-bottom:40px; position:relative; z-index:1; background-color:#fff;}
.wd .box{ width:100%; margin:auto; position:relative; z-index:3;}
.wd .list{ width:100%; display:block;}
.wd .list li{ display:block; width:100%; position:relative; overflow:hidden;}
.wd .list li .bg{ width:100%; height:100%; background-color:#27386e; position:absolute; left:0; top:-1px; z-index:1; display:none;}
.wd .list li:hover .bg{ display:block;}
.wd .list li .wen{ width:91%; margin:auto; position:relative; z-index:3; box-sizing:border-box; padding:15px 0; padding-right:70px; border-bottom:1px solid #ddd;}
.wd .list li .w01 a{ width:100%; display:block; font-size:16px; line-height:26px; max-height:52px; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.wd .list li .w02{ width:100%; font-size:14px; line-height:24px; height:72px; color:#666; margin-top:2px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
.wd .list li .w03{ position:absolute; right:0; bottom:35px; width:48px; border-left:2px solid #ddd; height:32px;}
.wd .list li .w03 a{ width:100%; height:32px; display:block; background-image:url(../images/ymore_26.png); background-position:right center; background-repeat:no-repeat;}
.wd .list li:hover .w01 a{ color:#fff;}
.wd .list li:hover .w02{ color:#fff;}
.wd .list li:hover .w03 a{ background-image:url(../images/ymore_23.png);}
.wd .list li:hover .w01 a{ color:#fff;}
.wd .list li:hover .w02{ color:#fff;}
.wd .list li:hover .w03 a{ background-image:url(../images/ymore_23.png);}
}

/*法律常识*/
@media screen and (min-width:1280px){
.news{ width:100%; padding-bottom:80px; position:relative; z-index:1; background-color:#fff;}
.news .box{ width:1200px; margin:auto; position:relative; z-index:3;}
.news .list{ width:100%; display:block;}
.news .list li{ display:flex; align-items:center; overflow:hidden; margin-top:40px;}
.news .list li .left{ width:350px; height:250px;}
.news .list li .left img{ width:100%; display:block;}
.news .list li .right{ width:calc(97% - 350px); margin-left:3%;}
.news .list li .right .w01{ font-size:18px; line-height:28px; font-weight:bold;}
.news .list li .right .w01 a{ display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.news .list li .right .w01 a:hover{ color:#27386e;}
.news .list li .right .w02{ font-size:14px; line-height:24px; color:#666; margin-top:5px;}
.news .list li .right .w03{ font-size:14px; line-height:30px; height:90px; margin-top:10px; padding-top:12px; border-top:1px solid #ddd; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:3;}
.news .list li .right .w04{ padding-top:12px; padding-bottom:5px;}
.news .list li .right .w04 a{ width:130px; display:block; text-align:center; border-radius:36px; background-color:#333; font-size:14px; line-height:36px; height:36px; overflow:hidden; color:#fff;}
.news .list li .right .w04 a:hover{ background-color:#27386e;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
.news{ width:100%; padding-bottom:60px; position:relative; z-index:1; background-color:#fff;}
.news .box{ width:91%; margin:auto; position:relative; z-index:3;}
.news .list{ width:100%; display:block;}
.news .list li{ display:flex; align-items:center; overflow:hidden; margin-top:30px;}
.news .list li .left{ width:350px; height:250px;}
.news .list li .left img{ width:100%; display:block;}
.news .list li .right{ width:calc(97% - 350px); margin-left:3%;}
.news .list li .right .w01{ font-size:18px; line-height:28px; font-weight:bold;}
.news .list li .right .w01 a{ display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.news .list li .right .w01 a:hover{ color:#27386e;}
.news .list li .right .w02{ font-size:14px; line-height:24px; color:#666; margin-top:5px;}
.news .list li .right .w03{ font-size:14px; line-height:30px; height:90px; margin-top:10px; padding-top:12px; border-top:1px solid #ddd; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:3;}
.news .list li .right .w04{ padding-top:12px; padding-bottom:5px;}
.news .list li .right .w04 a{ width:130px; display:block; text-align:center; border-radius:36px; background-color:#333; font-size:14px; line-height:36px; height:36px; overflow:hidden; color:#fff;}
.news .list li .right .w04 a:hover{ background-color:#27386e;}
}
@media only screen and (max-width:1023px){
.news{ width:100%; padding-bottom:40px; position:relative; z-index:1; background-color:#fff;}
.news .box{ width:94%; margin:auto; position:relative; z-index:3;}
.news .list{ width:100%; display:block;}
.news .list li{ overflow:hidden; margin-top:20px;}
.news .list li .left{ width:100%; height:67.14vw;}
.news .list li .left img{ width:100%; display:block;}
.news .list li .right{ width:100%; margin-top:10px;}
.news .list li .right .w01{ font-size:16px; line-height:26px; font-weight:bold;}
.news .list li .right .w01 a{ display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.news .list li .right .w01 a:hover{ color:#27386e;}
.news .list li .right .w02{ font-size:14px; line-height:24px; color:#666;}
.news .list li .right .w03{ font-size:14px; line-height:24px; height:72px; margin-top:5px; padding-top:5px; border-top:1px solid #ddd; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:3;}
.news .list li .right .w04{ padding-top:5px;}
.news .list li .right .w04 a{ width:120px; display:block; text-align:center; border-radius:32px; background-color:#333; font-size:14px; line-height:32px; height:32px; overflow:hidden; color:#fff;}
.news .list li .right .w04 a:hover{ background-color:#27386e;}
}