* { margin: 0; padding: 0; font-size: 14px; font-family: "Microsoft Yahei"; color: #333333 }
a { text-decoration: none; font-size: 14px; cursor: pointer }
li { list-style-type: none }
.waponly{display: none;}
@media (min-width:1921px) {
    body { max-width: 1950px; margin: 0 auto; padding: 0 15px; background: #fff }
    html { background: url(../images/bg_1920.png) repeat-y center top }
}
@media screen and (min-width:1200px) {
    .head { width: 100%; height: auto; text-align: center }
    .head_one { width: 100%; height: 40px; background: url("../img/bksy_01.jpg") no-repeat center }
    .topbar{
    background: #ebebeb;
    /* width: 100% !important; */
    height: 32px;
}

.topbar .fl {
    display: none;
}
    .topbar .p1{
    float: left;
}
    .topbar .p2{
    float: right;
}

.topbar p {
    line-height: 32px;
    color: #333;
}
    .gy_1200 { width: 1200px; margin: auto }
    .head_one .gy_1200 p:first-child { float: left; line-height: 40px; color: #fff }
    .head_one .gy_1200 p:last-child { float: right; line-height: 40px }
    .sydt:after { content: ""; position: absolute; width: 1px; height: 15px; margin-left: 11px; margin-top: 13px; background: #fff }
    .head_one .gy_1200 p:last-child a { float: left; color: #fff; margin-left: 24px }
    .head_one .gy_1200 p:last-child img { float: left; margin-top: 8px; margin-left: 24px }
    .head_one .gy_1200 p:last-child span { float: right; color: #fff; font-size: 20px; margin-left: 10px }
    .head_tow { width: 1200px; margin: auto; height: 88px; position: relative }
    .logo { width: 173px; height: 163px; position: absolute; left: 0; top: 0; z-index: 999; background: #fff }
    .logo img { width: 100%; height: 100% }
    .ihf img { width: 100%; height: auto }
    .head_tow ul { display: inline-block; margin-left: 160px }
    .head_tow ul li { float: left; margin-left: 49px; line-height: 85px }
    .head_tow ul li a { font-size: 18px }
    .ihf {/* height: 450px */}
    .selected a { color: #30318b }
    .selected { border-bottom: 2px solid #30318b }
    .selected1 { background: #30318b }
    .selected1 a { color: #fff }
    .fw { width: 100%; text-align: center; background: url("https://ce365-1251571187.cos.ap-shenzhen-fsi.myqcloud.com/tance/images/beijing1.jpg") no-repeat center 350px }
    .fw1 { width: 1200px; display: inline-block }
    .fw1>h3 { font-size: 40px; font-weight: normal; text-align: center; padding: 50px 0 5px; color: #30318b }
    .fw1>h3:after { position: absolute; content: ""; width: 78px; height: 1px; margin-left: -290px; margin-top: 29px; background: #999999 }
    .fw1>p { font-size: 18px; text-align: center; padding: 0 0 20px }
    .fw1>p:after { position: absolute; content: ""; width: 78px; height: 1px; margin-left: -30px; margin-top: -29px; background: #999999 }
    .fw1 ul li { width: 375px; float: left; margin-right: 37px }
    .fw1 ul li:nth-child(3n) { margin-right: 0 }
    .fw1 ul li p a { display: block }
    .fw1 ul li p a img { width: 365px; height: 218px }
    .fw1 ul li p:nth-child(2) a { color: #2e348a; font-size: 20px; padding: 15px 0 15px }
    .fw1 ul li p:nth-child(3) a { color: #666666; font-size: 14px; line-height: 1.8; margin-bottom: 25px }
    .fw2 { width: 1200px; display: inline-block; margin-top: 319px }
    .fw2>p { font-size: 40px; text-align: center; padding: 130px 0 25px; color: #fff }
    .fw2>p:after { position: absolute; content: ""; width: 160px; height: 1px; margin-left: 30px; margin-top: 29px; background: #999999 }
    .fw2>p:before { position: absolute; content: ""; width: 160px; height: 1px; margin-left: -190px; margin-top: 29px; background: #999999 }
    .fw2 ul li { width: 282px; height: 310px; float: left; margin-right: 21px; border-radius: 20px; border: 1px solid #ddd; background: #fff }
    .fw2 ul li:last-child { margin-right: 0 }
    .fw2 ul li img { padding: 40px 0 20px }
    .fw2 ul li h3 { color: #ff6e1e; font-size: 24px; padding-bottom: 5px }
    .fw2 ul li p { font-size: 16px }
    .fw3 { width: 1200px; display: inline-block }
    .fw3>p { font-size: 40px; text-align: center; padding: 150px 0 30px }
    .fw3>p:after { position: absolute; content: ""; width: 160px; height: 1px; margin-left: 30px; margin-top: 29px; background: #999999 }
    .fw3>p:before { position: absolute; content: ""; width: 160px; height: 1px; margin-left: -190px; margin-top: 29px; background: #999999 }
    .ys01 { width: 1200px; height: 365px; border-bottom: 1px solid #ddd; box-shadow: 0px 1px 0px -1px #ddd; margin-bottom: 25px }
    .ys01 ul { float: left; width: 553px }
    .ys01 ul li:first-child { float: left; width: 65px }
    .ys01 ul li:first-child img { float: left; width: 65px; height: 87px; padding: 38px 0 0 }
    .ys01 ul li:last-child { float: right; width: 465px; text-align: left }
    .ys01 ul li:last-child p { font-size: 30px; padding: 30px 0 5px }
    .ys01 ul li:last-child h3 { color: #30318b; font-size: 36px; padding-bottom: 25px }
    .ys01 ul li:last-child span { color: #666666; font-size: 16px; line-height: 26px }
    .ys01>img { width: 634px; height: 340px; float: right }

.fw3 img {
    height: auto !important;
}
    .ys02 {width: 1200px;height: 365px;border-bottom: 1px solid #ddd;box-shadow: 0px 1px 0px -1px #ddd;margin-bottom: 25px;}

.ys02:last-of-type {
    border: navajowhite;
}
    .ys02 ul { float: right; width: 553px }
    .ys02 ul li:first-child { float: left; width: 65px }
    .ys02 ul li:first-child img { float: left; width: 65px; height: 87px; padding: 30px 0 0 }
    .ys02 ul li:last-child { float: right; width: 465px; text-align: left }
    .ys02 ul li:last-child p { font-size: 30px; padding: 20px 0 5px }
    .ys02 ul li:last-child h3 { color: #30318b; font-size: 36px; padding-bottom: 25px }
    .ys02 ul li:last-child span { color: #666666; font-size: 16px; line-height: 26px }
    .ys02>img { width: 634px; height: 340px; float: left }
    .ex {width: 100%;text-align: center;background: url("https://ce365-1251571187.cos.ap-shenzhen-fsi.myqcloud.com/tance/images/beijing2.jpg") no-repeat center;padding-top: 30px;padding-bottom: 30px;}
    .ex1 { width: 1200px; display: inline-block }
    .ex1>p:after { position: absolute; content: ""; width: 160px; height: 1px; margin-left: 30px; margin-top: 29px; background: #999999 }
    .ex1>p:before { position: absolute; content: ""; width: 160px; height: 1px; margin-left: -190px; margin-top: 29px; background: #999999 }
    .ex1 > p { font-size: 40px; color: #30318b; padding: 50px 0 30px }
    .ex1 ul li { width: 288px; height: 250px; float: left; margin-right: 16px; background: #fff }
    .ex1 ul li:last-child { margin-right: 0 }
    .ex1 ul li>p { width: 288px; height: 173px }
    .ex1 ul li>p a img { padding-top: 60px }
    .ex1 ul li>a { font-size: 18px; line-height: 75px }
    .ex2 { width: 1200px; display: inline-block }
    .ex2>p:after { position: absolute; content: ""; width: 160px; height: 1px; margin-left: 30px; margin-top: 29px; background: #999999 }
    .ex2>p:before { position: absolute; content: ""; width: 160px; height: 1px; margin-left: -190px; margin-top: 29px; background: #999999 }
    .ex2 > p { font-size: 40px; color: #fff; padding: 153px 0 30px }
    .ex2>ul { display: inline-block; padding-bottom: 50px }
    .ex2>ul>li { float: left; margin-right: 8px }
    .ex2>ul>li:last-child { margin-right: 0 }
    .ex2>ul>li:nth-child(2)>p>a { color: #fff; font-size: 18px }
    .ex2>ul>li:nth-child(1) p { width: 341px; height: 230px; position: relative }
    .ex2>ul>li:nth-child(1) p img { width: 100%; height: 100% }
    .ex2>ul>li:nth-child(1) p a:last-child { position: absolute; width: 341px; height: 40px; text-align: center; line-height: 40px; background: #333; font-size: 18px; color: #fff; left: 0; bottom: 0 }
    .ex2>ul>li:nth-child(2) { width: 502px; height: 476px; position: relative }
    .ex2>ul>li:nth-child(2) a img { width: 100%; height: 100% }
    .ex2>ul>li:nth-child(2) >p { position: absolute; width: 502px; text-align: center; line-height: 40px; background: #333; font-size: 18px; color: #fff; left: 0; bottom: 0 }
    .ex2>ul>li:nth-child(3) p { width: 341px; height: 230px; position: relative }
    .ex2>ul>li:nth-child(3) p img { width: 100%; height: 100% }
    .ex2>ul>li:nth-child(3) p a:last-child { position: absolute; width: 341px; height: 40px; text-align: center; line-height: 40px; background: #333; font-size: 18px; color: #fff; left: 0; bottom: 0 }
    .ex2>ul>li:nth-child(1) p:nth-child(2) { margin-top: 16px }
    .ex2>ul>li:nth-child(3) p:nth-child(2) { margin-top: 16px }
    .sj { width: 1200px; margin: auto; height: 614px }
    .sj>h3:after { position: absolute; content: ""; width: 160px; height: 1px; margin-left: 30px; margin-top: 29px; background: #999999 }
    .sj>h3:before { position: absolute; content: ""; width: 160px; height: 1px; margin-left: -190px; margin-top: 29px; background: #999999 }
    .sj > h3 { font-size: 40px; color: #30318b; padding: 47px 0 8px; text-align: center }
    .sj > p { font-size: 18px; padding: 0px 0 28px; text-align: center }
    .sj ul li { width: 285px; height: 380px; float: left; margin-right: 20px }
    .sj ul li:last-child { margin-right: 0 }
    .sj ul li img { width: 100%; height: 100% }
    .lc {width: 100%;text-align: center;padding-bottom: 30px;background: #f0f0f0;}
    .lc_cen { width: 1200px; display: inline-block }
    .lc_cen>p:after { position: absolute; content: ""; width: 160px; height: 1px; margin-left: 30px; margin-top: 29px; background: #999999 }
    .lc_cen>p:before { position: absolute; content: ""; width: 160px; height: 1px; margin-left: -190px; margin-top: 29px; background: #999999 }
    .lc_cen > p { font-size: 40px; color: #30318b; padding: 55px 0 10px }
    .lc_cen ul li { width: 207px; height: 231px; float: left; margin-right: 10px }
    .lc_cen ul li:last-child { margin-right: 0 }
    .lc_cen ul li img { padding: 8px 0 15px }
    .lc_cen ul li h3 { font-size: 18px; color: #ff6e1e; padding-bottom: 8px }
    .lc_cen ul li p { color: #666666 }
    .lc_cen ul>p { float: left; margin-right: 10px; margin-top: 100px }
    .al {width: 100%;text-align: center;background: url("https://ce365-1251571187.cos.ap-shenzhen-fsi.myqcloud.com/tance/images/beijing3.jpg") no-repeat center;padding-bottom: 60px;background-size: 100% 100%;}
    .al>p:after { position: absolute; content: ""; width: 160px; height: 1px; margin-left: 30px; margin-top: 29px; background: #999999 }
    .al>p:before { position: absolute; content: ""; width: 160px; height: 1px; margin-left: -190px; margin-top: 29px; background: #999999 }
    .al > p { font-size: 40px; color: #fff; padding: 86px 0 30px }
    .al ul { width: 1200px; display: inline-block }
    .al ul li { width: 382px; height: 298px; float: left; margin-right: 27px; position: relative }
    .al ul li:nth-child(3n) { margin-right: 0 }

.al .more {
    color: #fff;
    display: block;
    width: 80px;
    margin: 40px auto 0;
    border-radius: 100px;
    border: 1px solid #fff;
    padding: 8px 30px;
    font-size: 16px;
}
    .al ul li p:last-child { background: url("../images/images/jia.png") no-repeat center; display: none; position: absolute; height: 238px; width: 382px; border: 2px solid #fff; text-align: center; line-height: 238px; color: #fff; left: 0; top: 0 }
    .al ul li p:first-child a img { height: 238px; width: 382px }
    .al ul li:hover p:first-child a img { opacity: 0.6 }
    .al ul li p:last-child a { color: #fff; font-size: 18px; line-height: 351px }
    .al ul li:hover p:nth-child(3n) { display: block }
    .al ul li p:first-child a { display: block; height: 238px }
    .al ul li p:nth-child(2) { height: 60px; line-height: 60px }
    .al ul li p:nth-child(2) a { font-size: 18px; color: #fff }
    .xw { width: 1200px; margin: auto; padding-bottom: 50px }
    .xw1 { width: 1200px; height: 138px; line-height: 138px }
    .xw1>h3 { font-size: 40px; color: #2e348a; line-height: 138px; float: left }
    .xw1>h3:after { width: 40px; height: 5px; position: absolute; content: ""; margin-left: -160px; margin-top: 107px; background: #2e348a }
    .xw1 ul li { width: 150px; height: 45px; border-radius: 20px; text-align: center; line-height: 45px; font-size: 20px; background: #e6e6e6; float: left; margin-right: 20px }
    .xw1 ul { float: left; margin-top: 48px; margin-left: 40px }
    .xw1>p { float: right; width: 84px; height: 40px; border-radius: 20px; border: 1px solid #999999; text-align: center; line-height: 40px; margin-top: 48px }
    .xw1>p a { color: #999999; font-size: 16px }
    .xw2 { width: 1200px; height: 505px; display: none }
    .m416 { background: #2e348a !important; color: #fff }
    .xwleft { float: left; width: 618px; position: relative; height: 502px }
    .xwleft>p:nth-child(1) { position: absolute; left: 0; top: 0; width: 570px; height: 348px }
    .xwleft>p:nth-child(1) a img { width: 100%; height: 100% }
    .xwleft>p:nth-child(2) { position: absolute; left: 0; bottom: 0; width: 89px; height: 147px; text-align: center }
    .xwleft>p:nth-child(2) span { display: block }
    .xwleft>p:nth-child(2) span:first-child { color: #a0a0a0; font-size: 65px }
    .xwleft>p:nth-child(2) span:last-child { font-size: 18px; color: #a0a0a0 }
    .xwleft>p:nth-child(3) { position: absolute; right: 0; bottom: 0; width: 515px; height: 205px; text-align: left; background: #f5f5f5 }
    .xwleft>p:nth-child(3) a { display: block }
    .xwleft>p:nth-child(3) a:first-child { font-size: 24px; padding: 25px 25px 25px }
    .xwleft>p:nth-child(3) a:nth-child(2n) { color: #666666; padding: 0 25px 30px }
    .xwleft>p:nth-child(3) a:nth-child(3n) { float: right; width: 90px; height: 35px; line-height: 35px; border: 1px solid #666666; border-radius: 20px; text-align: center; margin-right: 20px }
    .xwright { width: 548px; float: right }
    .xwright ul li { width: 548px; height: 166px; border-bottom: 1px solid #ddd }
    .xwright ul li:first-child { background: url("https://ce365-1251571187.cos.ap-shenzhen-fsi.myqcloud.com/tance/images/beijing3.png") no-repeat center }
    .xwright ul li:first-child h3 a { color: #fff }
    .xwright ul li:first-child p a { color: #cde2fb }
    .xwright ul li:first-child span a:first-child { color: #cde2fb }
    .xwright ul li:first-child span a:last-child { color: #2165b6; background: #fff }
    .xwright ul li:hover { background: url("https://ce365-1251571187.cos.ap-shenzhen-fsi.myqcloud.com/tance/images/beijing3.png") no-repeat center }
    .xwright ul li h3 { padding: 23px 23px 13px; text-align: left }
    .xwright ul li h3 a { font-size: 20px }
    .xwright ul li p { padding: 0 23px 24px }
    .xwright ul li p a { color: #666666 }
    .xwright ul li span a:first-child { float: left; color: #999999; padding-left: 25px }
    .xwright ul li span a:last-child { float: right; display: block; width: 80px; height: 28px; border-radius: 20px; border: 1px solid #999999; text-align: center; line-height: 28px; font-size: 16px; margin-right: 20px; position: relative; top: -9px; font-size: 14px }
    .xwright ul li:hover h3 a { color: #fff }
    .xwright ul li:hover p a { color: #cde2fb }
    .xwright ul li:hover span a:first-child { color: #cde2fb }
    .xwright ul li:hover span a:last-child { color: #2165b6; background: #fff }
    .foot { width: 100%; height: 210px; background: #242425 }
    .contant { width: 1200px; margin: auto }
    .foot_left { float: left; width: 920px }
    .foot_left ul { display: inline-block; margin-top: 48px; padding-bottom: 20px }
    .foot_bottom p:first-child { border-top: 1px solid #313135; padding-top: 20px }
    .foot_bottom p a { color: #7d7d7d }
    .foot_left ul li { float: left; margin-right: 60px }
    .foot_left ul li:after { content: ""; position: absolute; width: 2px; height: 16px; background: #fff; margin-left: 30px; margin-top: 3px }
    .foot_left ul li:last-child { margin-right: 0 }
    .foot_left ul li a { font-size: 16px; color: #fff }
    .foot_bottom p { color: #555557; line-height: 30px }
    .foot_right { float: right; width: 235px; margin-top: 48px }
    .bottom3 { float: left; text-align: center }
    .bottom3:first-child { margin-right: 18px }
    .bottom3 span { color: #aeaeae; font-size: 14px; display: block; padding: 10px 0 0; text-align: center; }
    .about_nr { width: 100%; text-align: center }
    .bannera { width: 100% }
    .bannera img { width: 100%; height: 100%; float: left }
    .dh_nav { display: inline-block; width: 100%; height: 60px; border-bottom: 1px solid #ddd }
    .dh_nav ul { display: inline-block; width: 1200px }
    .dh_nav ul li { width: 200px; height: 60px; line-height: 60px; text-align: center; border-right: 1px solid #ddd; float: left }
    .dh_nav ul li a { font-size: 18px }
    .dh_nav ul li:first-child { border-left: 1px solid #ddd }
    .gy_1200 { display: inline-block; width: 1200px }
    .jj>h4 { font-size: 40px; padding: 40px 0 10px }
    .jj >span { display: block; font-size: 18px; color: #999999; padding: 0 0 40px }
    .jj >span:after { content: ""; position: absolute; width: 40px; height: 2px; margin-top: 41px; margin-left: -91px; background: #30318b }
    .jj>p { color: #666666; line-height: 26px; padding-bottom: 30px; width: 800px; margin: auto; text-align: left }
    .jj { padding-bottom: 40px }
    .wh ul li { width: 227px; float: left; margin-right: 97px; text-align: center }
    .wh ul li h3 { padding: 25px 0 10px; font-size: 20px; color: #30318b }
    .wh ul li p { color: #666666; font-size: 16px }
    .wh ul li:last-child { margin-right: 0 }
    .jj.zz span:after { margin-left: -43px }
    .zz ul li { width: 290px; float: left; margin-right: 13px; text-align: center }
    .zz ul li:last-child { margin-right: 0 }
    .zz ul li p { padding: 12px 0 30px; font-size: 18px; color: #666666 }
    .ys >ul >li { width: 390px; height: 405px; float: left; margin-right: 15px; background: #ececec; position: relative }
    .ys ul li:last-child { margin-right: 0 }
    .ys ul li p { width: 358px; height: 154px; background: #fff; position: absolute; left: 0; bottom: 0; margin-left: 16px; margin-bottom: 16px }
    .ys ul li p img { float: left; width: 40px; margin-top: 15px; margin-left: 20px }
    .ys ul li >img { width: 100% }
    .ys ul li p span { float: left; margin-left: 20px; padding: 24px 0 15px; width: 266px; text-align: left }
    .ys ul li p span a { display: block }
    .ys ul li p span a:first-child { color: #ff6e1e; font-size: 18px; font-weight: bold }
    .ys ul li p span a:last-child { font-size: 16px; color: #666666; line-height: 30px; margin-top: 10px }
    .ys1 p { color: #ff6e1e; font-size: 30px; padding: 50px 0 16px }
    .ys1 ul { width: 898px; display: inline-block }
    .ys1 ul li { font-size: 16px; color: #666666; border-right: 2px solid #ddd; float: left; margin-right: 30px; padding-right: 25px }
    .ys1 ul li:last-child { border-right: none }
    .jj.ys>span:after { margin-left: -144px }
    .ys1 { display: inline-block }
    .xm ul li { width: 385px; height: 440px; float: left; margin-right: 22px }
    .xm ul li:nth-child(3n) { margin-right: 0 }
    .xm ul li h3 { width: 385px; height: 250px }
    .xm ul li h3 img { width: 100%; height: 100% }
    .xm ul li p { padding: 20px 0 20px }
    .xm ul li p.sinfo { padding: 10px; padding-top: 0; height: auto; min-height: 90px; line-height: 1.6 }
    .xm ul li p a { color: #2e348a; font-size: 24px }
    .xm ul li span { display: block }
    .xm ul li span a { color: #666666; font-size: 16px; line-height: 26px }
    .jj.xm >span:after { margin-left: -76px }
    .shiyan ul li { width: 385px; height: 321px; float: left; margin-right: 22px }
    .shiyan ul li:nth-child(3n) { margin-right: 0 }
    .shiyan ul li img { width: 385px; height: 250px }
    .shiyan ul li p a { padding: 15px 0 30px; font-size: 18px; display: block }
    .jj.shiyan>span:after { margin-left: -64px }
    .fg ul li { width: 1200px; height: 60px; line-height: 60px; border-bottom: 1px dashed #ddd }
    .fg ul li:first-child { border-top: 1px dashed #ddd }
    .fg ul li p { float: left; line-height: 60px }
    .fg ul li p a { font-size: 16px }
    .fg ul li span { float: right; color: #afafaf }
    #location { display: none }
    .jj.fg >span:after { margin-left: -148px }
    .news ul li { width: 1200px; height: 246px; border-bottom: 1px solid #ddd }
    .news ul li:first-child { border-top: 1px solid #ddd }
    .news ul li>p { float: left; width: 260px; height: 246px; text-align: center; display: table-cell; vertical-align: middle }
    .news_lis { float: right; width: 890px; height: 246px; text-align: left }
    .news_lis h3 { padding: 40px 0 20px }
    .news_lis h3 a { font-size: 22px; font-weight: normal }
    .news_lis h4 { padding-bottom: 18px }
    .news_lis h4 a { color: #666666; font-weight: normal }
    .news_lis p { color: #999999; padding-bottom: 28px }
    .news_lis span { display: block }
    .news_lis span a:first-child { float: left }
    .news_lis span a:last-child { float: left; margin-left: 10px }
    .news ul li>p img { padding-top: 30px }
    .jj.fg1 >span:after { margin-left: -80px }
    .case ul { width: 1200px; display: inline-block }
    .case ul li { width: 382px; height: 298px; float: left; margin-right: 27px; position: relative }
    .case ul li:nth-child(3n) { margin-right: 0 }
    .case ul li p:last-child { display: none; position: absolute; height: 238px; width: 382px; border: 2px solid #fff; text-align: center; line-height: 238px; color: #fff; left: 0; top: 0 }
    .case ul li p:first-child a img { height: 238px; width: 382px }
    .case ul li p:last-child a { color: #fff; font-size: 18px }
    .case ul li:hover p:nth-child(3n) { display: block }
    .case ul li p:first-child a { display: block; height: 238px }
    .case ul li p:nth-child(2) { height: 60px; line-height: 60px }
    .case ul li p:nth-child(2) a { font-size: 18px }
    .jj.case >span:after { margin-left: -66px }
    .contact ul li:first-child { width: 577px; height: 390px; float: left; padding-bottom: 40px }
    .contact ul li:nth-child(n+2):not(:nth-child(n+4)) { float: right; width: 556px; text-align: left }
    .contact ul li:nth-child(n+2):not(:nth-child(n+4)) h3 { font-size: 24px; color: #ff6e1e; padding: 20px 0 10px }
    .contact ul li:nth-child(n+2):not(:nth-child(n+4)) p { font-size: 16px; line-height: 50px }
    .contact ul li:nth-child(n+2):not(:nth-child(n+4)) p a { color: #666666 }
    .jj.contact >span:after { margin-left: -104px }
    .fw1 { position: relative; height: 462px }
    .fw1 .swiper-button-next, .fw1 .swiper-button-prev { position: absolute; border: none }
    .fw1 .swiper-button-prev { left: 30px }
    .fw1 .swiper-button-next { right: 30px }
    .ex1 { position: relative; height: 350px }
    .ex1 .swiper-button-next, .ex1 .swiper-button-prev {position: absolute;border: none;top: 240px;}
    .ex1 .swiper-button-prev {left: -50px;}
    .ex1 .swiper-button-next {right: -50px;}
    .ex1 * { outline: none }
    #frmGuestBook ul li { width: 600px; height: 60px; margin: 20px auto }
    #frmGuestBook ul li .msg_ttl { float: left; width: 35px; margin-top: 23px }
    #frmGuestBook ul li .msg_input { float: right; width: 500px; margin-right: 50px }
    #frmGuestBook ul li .msg_input input { width: 500px; height: 60px }
    #frmGuestBook ul li .msg_input textarea { width: 500px; height: 60px }
    .li_verify { display: none }
    .li_submit input { width: 100px; height: 40px }
    .cp_cpxq { width: 100%; text-align: center }
    .cp_cpxq>h3 { font-size: 20px; line-height: 60px }
    .info_content { width: 1200px; display: inline-block; text-align: left }
}
.nail { display: block }
.nailr { display: block }
.a_img { display: block }
.p_img { display: block; overflow: hidden }
.p_img img { display: none }
.nail img { display: none }
* .nail img { display: none }
.slick-slide  .nail img { display: none }
.nailthumb-title { display: none !important }
.nailthumb-container img { max-width: none }