/* CSS Document */
@charset "utf-8";
html,body{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;color:#333;background:#E9E9E9;width:100%;height:100%;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif;font-weight: 400;line-height: 1.5;margin:0;padding:0;}
ul,li{list-style:none;margin:0;padding:0;outline:none;}
p,h1,h2,h3,h4,h5,h6,img,div{font-weight:400;font-size:inherit;color:inherit;border:0;margin:0;padding:0;outline:none;}
input,textarea{border:0;outline:none;outline:none;}
img{display:inline-block;vertical-align:top;max-width:100%;max-height:100%;outline:none;border:0;}
a{color:inherit;text-decoration:none;transition:0.5s all ease;-webkit-transition:0.5s all ease;-moz-transition:0.5s all ease;-o-transition:0.5s all ease;-ms-transition:0.5s all ease;margin:0;padding:0;border:0;outline:none;}
a:hover{color:red;}
.clear{clear:both;line-height:0;height:0;}

img.zoom-img:hover{-webkit-transform:scale(1.1);-webkit-transition-timing-function:ease-out;-webkit-transition-duration:750ms;-moz-transform:scale(1.1);-moz-transition-timing-function:ease-out;-moz-transition-duration:750ms;overflow:hidden;}
img.zoom-img{-webkit-transform: scale(1,1);-webkit-transition-timing-function:ease-out;-webkit-transition-duration:250ms;-moz-transform:scale(1,1);-moz-transition-timing-function:ease-out;-moz-transition-duration: 250ms;}

/*********Header********/
header{position:fixed;z-index:9999;width:100%;background:#000;filter:alpha(opacity=90);opacity:0.90;box-sizing:border-box;padding:0 10px;}
header .nav{width:100%;max-width:1440px;height:60px;display:flex;justify-content:space-between;margin:0 auto;}
header .nav .l{display:flex;justify-content:start;}
header .nav .l .logo{padding:5px 0;}
header .nav .l .logo img{display:block;height:50px;width:auto;transition: 0.3s;filter:alpha(opacity=100);opacity:1;}
header .nav .l .logo:hover img{filter:alpha(opacity=80);opacity: 0.8;}
header .nav .l .nava{padding:15px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
header .nav .l .nava a{display:inline-block;line-height:25px;color:#f0f0f0;font-size:14px;font-weight:400;padding:5px 15px 0;}
header .nav .l .nava a:hover{color:#FC3B61;font-weight:bold;}
#natie{color:#FC3B61;font-weight:bold;}
header .nav .r{height:60px;display:flex;justify-content:end;}
header .nav .r .ssou{width:150px;height:23px;border:1px solid #333;margin-top:18px;border-radius:4px;overflow:hidden;}
header .nav .r .ssou:hover{border:1px solid #FC3B61;border-radius:4px;transition: 0.8s all ease;-webkit-transition: 0.8s all ease;-moz-transition: 0.8s all ease;-o-transition: 0.8s all ease;-ms-transition: 0.8s all ease;}
header .nav .r .ssou .ssc{width:110px;height:16px;line-height:16px;margin:3px 5px;color:#666;background:none;font-size:10px;outline:0 none;}
header .nav .r .ssou form{display:flex;}
header .nav .r .ssou form input[type="submit"]{border:none;color:#666;cursor:pointer;width:25px;height:22px;background:none;}

/*********Mobile Header********/
.phone_menu_trigger {display:none;position:absolute;right:10px;top:50%;z-index:10;transform:translateY(-50%);transition:all 0.4s ease-in-out;z-index:11;}
.phone_menu_trigger > div {width:24px;height:3px;cursor:pointer;background:#000;transition:all 0.4s ease-in-out;}
.phone_menu_trigger > div:not(:last-child) { margin-bottom:5px;}
.phone_menu_trigger.on div:nth-child(1) { transform:rotateZ(45deg) translateY(5px);}
.phone_menu_trigger.on div:nth-child(2) { transform:rotateZ(-45deg) translateY(-5px);}
.phone_menu_trigger.on div:nth-child(3) { height:0px;}
header.blue .phone_menu_trigger > div{ background:#fff;}
header.hov .phone_menu_trigger > div{ background:#fff;}
.phone_menu {display:none;position:fixed;top:0;left:0; z-index:999;background:#fff;padding:0 0 41px;width:100%;height:calc(100% - 80px);margin-top:51px;}
.phone_menu > li {font-size:16px;line-height:50px;color:#000;border-bottom:dashed 1px #ccc;}
.phone_menu > li > a {display:block;color:#000;padding-left:15px;font-size:16px;position:relative;}
.phone_menu .mss{width:100%;padding:15px;box-sizing:border-box;margin-top:15px;}
.phone_menu .mss .mssc{width:80%;height:20px;padding:5px 10px;border:1px solid #1687BE;border-radius:4px;}
.phone_menu .mss .mssc form{display:flex;justify-content:space-between;font-size:10px;}
.phone_menu .mss .mssc form input[type="submit"]{border:none;color:#1687BE;cursor:pointer;width:25px;height:22px;background:none;}
.phone_menu .mss .mssc .mssca{width:80%;height:20px;line-height:20px;color:#999;background:none;font-size:12px;outline:0 none;}

/*********Index********/
.inb{width:100%;padding-top:60px;}
.inb img{display:block;width:100%;height:auto;}
.indpics{display:block;}
.mindpics{display:none;}

.inc{width:100%;padding-top:60px;}
.inca{width:100%;max-width:1440px;margin:0 auto;padding:0 5px;box-sizing:border-box;}
.inca ul{width:100%;display:grid;grid-template-columns:repeat(3,32.5%);grid-gap:30px 0;justify-content:space-between;}
.inca ul li{background:#fff;border-radius:10px;padding:40px 20px;transition:box-shadow 1s all ease;box-shadow:0 5px 15px rgba(0, 0, 0, 0.3);}
.inca ul li:hover{box-shadow:0 10px 20px rgba(0, 0, 0, 0.5);}
.inca ul li .inlpa{width:100%;display:flex;justify-content:space-between;height:26px;}
.inca ul li .inlpa a{display:inline-block;background:#003371;padding:5px 10px;border-radius:10px;color:#FFF;font-size:14px;line-height:16px;font-weight:600;}
.inca ul li .inlpa a:hover{background:#000;font-size:12px;font-weight:400;}
.inca ul li .inlpa .inlpaa{line-height:26px;font-size:20px;color:#999;font-style:italic;}
.inca ul li .inlpb{width:98%;margin:20px auto;overflow:hidden;}
.inca ul li .inlpb img{display:block;width:100%;height:auto;object-fit:cover;}
.inca ul li .inlpt{font-size:24px;font-weight:600;line-height:36px;padding:10px 0 15px;color:#000;}
.inca ul li .inlpp{font-size:18px;line-height:30px;color:#333;}

.ine{width:100%;max-width:1440px;margin:0 auto;padding:60px 5px 0;box-sizing:border-box;}
.ine ul{width:100%;display:grid;grid-template-columns:repeat(4,24%);grid-gap:20px 0;justify-content:space-between;}
.ine ul li{background:#fff;border-radius:10px;padding:20px 15px;transition:box-shadow 1s all ease;box-shadow:0 5px 10px rgba(0, 0, 0, 0.3);}
.ine ul li:hover{box-shadow:0 10px 20px rgba(0, 0, 0, 0.5);}
.ine ul li .inea{width:100%;display:flex;justify-content:space-between;height:24px;}
.ine ul li .inea .ineaa a{padding:3px 10px;font-size:10px;line-height:16px;background:red;color:#fff;border-radius:10px;}
.ine ul li .inea .ineaa a:hover{background:#333;font-weight:bold;}
.ine ul li .inea .ineab {}
.ine ul li .ineb{width:100%;text-align:center;font-size:36px;font-weight:600;color:#000;line-height:50px;padding:10px 0;} 
.ine ul li .inec{width:100%;font-size:12px;color:#666;line-height:24px;}

footer{width:100%;padding:20px 0;background:#000;filter:alpha(opacity=85);opacity:0.85;color:#eee;margin-top:80px;}
footer .ftr{width:100%;max-width:1440px;margin:0 auto;display:flex;justify-content:space-between;padding:0 10px;box-sizing:border-box;}
footer .ftr p{font-size:12px;line-height:30px;}

/********************/

.s{width:100%;max-width:1440px;margin:0 auto;padding:80px 0 0;box-sizing:border-box;}

.sa{width:70%;float:left;min-height:500px;border-radius:10px;background:#fff;box-sizing:border-box;padding:50px;box-shadow:0 2px 3px rgba(0,0,0,0.2);}
.sa h1{line-height:40px;font-size:26px;font-weight:bold;color:#000;}
.sa .saa{width:100%;padding:15px 0;border-bottom:1px dotted #ddd;line-height:26px;font-size:16px;color:#333;}
.sa .sasm{width:100%;background:#f5f5f5;padding:10px 20px;font-size:14px;color:red;box-sizing:border-box;margin-top:30px;line-height:22px;border-radius:5px;}
.sa .savio{width:40%;height:auto;margin:30px auto;}
.sa .sab{line-height:30px;color:#333;margin:40px 0 20px;word-wrap:break-word;}
.sa .sab img{display:block;max-width:100%;height:auto;margin:5px auto;}
.sa .sab strong{color:#057748;font-weight:600;}
.sa .sab a{color:red;}
.sa .sab a:hover{color:#000;font-style:italic;}

.sb{width:28%;float:right;min-height:300px;border-radius:10px;background:#fff;box-sizing:border-box;padding:50px 30px;box-shadow:0 2px 3px rgba(0,0,0,0.2);}
.sb h2{line-height:40px;font-size:22px;font-weight:600;color:#000;margin-bottom:10px;}
.sb p{line-height:26px;font-size:18px;font-weight:400;color:#333;padding-left:20px;margin-top:15px;}
.sb p strong{color:red;}
.sb p:hover{font-size:16px;font-style:italic;}

/******************/

.m{width:100%;max-width:1440px;margin:0 auto;padding:90px 0 80px;box-sizing:border-box;}
.m .ma{min-height:500px;border-radius:10px;background:#fff;box-sizing:border-box;padding:50px;box-shadow:0 2px 3px rgba(0,0,0,0.2);line-height:30px;font-size:18px;letter-spacing:1px;}

/*******************/

.serch{width:100%;max-width:1440px;margin:0 auto;padding:90px 8px 80px;box-sizing:border-box;display:flex;justify-content:space-between;}
.serch .sercha{width:75%;background:#fff;border-radius:10px;padding:40px 40px 60px;box-sizing:border-box;min-height:600px;}
.serch .sercha h2{font-size:18px;color:#000;}
.serch .sercha h2 strong{font-size:20px;font-weight:600;color:red;}
.serch .sercha .slist{width:100%;}
.serch .sercha .slist ul li{width:100%;border-bottom:1px dotted #666;padding:20px;margin-top:20px;display:flex;justify-content:space-between;box-sizing:border-box;}
.serch .sercha .slist ul li .slista{width:30%;height:160px;border-radius:8px;overflow:hidden;}
.serch .sercha .slist ul li .slista img{width:100%;height:100%;object-fit:cover;object-position:center;}
.serch .sercha .slist ul li .slistb{width:68%;}
.serch .sercha .slist ul li .slistb h2{font-size:18px;font-weight:600;}
.serch .sercha .slist ul li .slistb p{font-size:14px;line-height:2em;padding:10px 0 20px;overflow-wrap:break-word}
.serch .sercha .slist ul li .slistb .slistba{font-size:16px;line-height:1.6em;}
.serch .serchb{width:24%;background:#fff;border-radius:10px;padding:20px;box-sizing:border-box;min-height:300px;}
.serch .serchb h2{line-height:40px;font-size:22px;font-weight:600;color:#000;margin-bottom:10px;}
.serch .serchb p{line-height:26px;font-size:18px;font-weight:400;color:#333;padding-left:20px;margin-top:15px;}
.serch .serchb p strong{color:red;}
.serch .serchb p:hover{font-size:16px;font-style:italic;}

/*******************/

@media (max-width: 1200px) {
    .ine ul{width:100%;display:grid;grid-template-columns:repeat(3,32.5%);grid-gap:20px 0;justify-content:space-between;}
}

@media (max-width: 960px) {
    header{position:fixed;z-index:9999;width:100%;background:#000;box-sizing:border-box;filter:alpha(opacity=95);opacity:0.95;}
	header .nav{width:100%;max-width:1440px;height:50px;display:flex;justify-content:space-between;margin:0 auto;}
	header .nav .l .logo{padding:0;filter:alpha(opacity=100);opacity:1;}
	header .nav .l .logo img{display:block;height:50px;width:auto;transition: 0.3s;}
	header .nav .l .nava{display:none;}
	header .nav .r{ display:none;}
	header .phone_menu_trigger{ display:block;}
    header .phone_menu_trigger > div{background: #fff!important;}
	
    .inb{width:100%;padding-top:50px;}
    .indpics{display:none;}
    .mindpics{display:block;}
	
	.ine{width:100%;max-width:1440px;margin:0 auto;padding:50px 5px 0;box-sizing:border-box;}
    .ine ul{width:100%;display:grid;grid-template-columns:repeat(2,49.5%);grid-gap:15px 0;justify-content:space-between;}
	
	.inc{width:100%;padding-top:50px;}
    .inca{width:100%;max-width:1440px;margin:0 auto;padding:0 5px;box-sizing:border-box;}
    .inca ul{width:100%;display:grid;grid-template-columns:repeat(2,49.5%);grid-gap:20px 0;justify-content:space-between;}
    .inca ul li .inlpt{font-size:22px;font-weight:600;line-height:30px;padding:5px 0 10px;color:#000;}
    .inca ul li .inlpp{font-size:14px;line-height:26px;color:#333;}
    
    .s{width:100%;max-width:1440px;margin:0 auto;padding:52px 0 0 0;box-sizing:border-box;}
    .sa{width:100%;float:left;min-height:500px;border-radius:0;background:#fff;box-sizing:border-box;padding:30px 10px 0;box-shadow:0 2px 3px rgba(0,0,0,0.2);}
    .sa h1{line-height:30px;font-size:22px;font-weight:bold;color:#000;}
    .sa .saa{width:100%;padding:10px 0 15px;border-bottom:1px dotted #ddd;line-height:20px;font-size:12px;color:#333;}
    .sa .sasm{width:100%;background:#f5f5f5;padding:10px 20px;font-size:14px;color:red;box-sizing:border-box;margin-top:30px;line-height:22px;border-radius:5px;}
    .sa .savio{width:75%;height:auto;margin:30px auto;}
    .sa .sab{line-height:30px;color:#333;margin:40px 0 20px;word-wrap:break-word;}
    .sa .sab img{display:block;max-width:100%;height:auto;margin:5px auto;}
    .sa .sab strong{color:#057748;font-weight:600;}
    .sa .sab a{color:red;}
    .sa .sab a:hover{color:#000;font-style:italic;}

    .sb{width:100%;float:right;min-height:300px;border-radius:0;background:#fff;box-sizing:border-box;padding:0 20px 50px;box-shadow:0 2px 3px rgba(0,0,0,0.2);}
    .sb h2{line-height:40px;font-size:20px;font-weight:600;color:#000;margin-bottom:10px;}
    .sb p{line-height:26px;font-size:16px;font-weight:400;color:#333;padding-left:20px;margin-top:15px;}
    .sb p strong{color:red;}
    .sb p:hover{font-size:16px;font-style:italic;}
    
	.serch{width:100%;max-width:1440px;margin:0 auto;padding:70px 5px 50px;box-sizing:border-box;display:block;}
    .serch .sercha{width:100%;background:#fff;border-radius:5px;padding:40px 5px 60px;box-sizing:border-box;min-height:600px;}
    .serch .sercha h2{font-size:16px;color:#000;}
    .serch .sercha h2 strong{font-size:16px;font-weight:600;color:red;}
    .serch .sercha .slist{width:100%;}
    .serch .sercha .slist ul li{width:100%;border-bottom:1px dotted #666;padding:10px 0;margin-top:20px;display:flex;justify-content:space-between;box-sizing:border-box;}
    .serch .sercha .slist ul li .slista{width:25%;height:120px;border-radius:8px;overflow:hidden;}
    .serch .sercha .slist ul li .slista img{width:100%;height:100%;object-fit:cover;object-position:center;}
    .serch .sercha .slist ul li .slistb{width:73%;}
    .serch .sercha .slist ul li .slistb h2{font-size:16px;font-weight:600;}
    .serch .sercha .slist ul li .slistb p{font-size:12px;line-height:2em;padding:10px 0 20px;overflow-wrap:break-word;}
    .serch .sercha .slist ul li .slistb .slistba{font-size:16px;line-height:1.6em;}
    .serch .serchb{width:100%;background:#fff;border-radius:10px;padding:50px 20px;box-sizing:border-box;min-height:300px;}
    .serch .serchb h2{line-height:40px;font-size:22px;font-weight:600;color:#000;margin-bottom:10px;}
    .serch .serchb p{line-height:26px;font-size:18px;font-weight:400;color:#333;padding-left:20px;margin-top:15px;}
    .serch .serchb p strong{color:red;}
    .serch .serchb p:hover{font-size:16px;font-style:italic;}
}

@media (max-width: 720px) {
    .ine{width:100%;max-width:1440px;margin:0 auto;padding:20px 5px 0;box-sizing:border-box;}
    .ine ul{width:100%;display:grid;grid-template-columns:repeat(1,100%);grid-gap:10px 0;justify-content:space-between;}
    
    .inca ul{width:100%;display:grid;grid-template-columns:repeat(1,100%);grid-gap:20px 0;justify-content:space-between;}
    
	footer{width:100%;padding:20px 0;background:#000;filter:alpha(opacity=85);opacity:0.85;color:#eee;margin-top:60px;}
    footer .ftr{width:100%;max-width:1440px;margin:0 auto;display:inline-block;padding:0 10px;box-sizing:border-box;}
    footer .ftr p{font-size:12px;line-height:20px;}
}