*,::before,::after{box-sizing:border-box;outline:none}
html,body{min-height:100%;height:100%}
body{font-family:'Poppins',sans-serif}
.container{position:relative;max-width:100%}
header{position:relative;width:100%;background:#0057a8}
header::before{content:'';position:absolute;right:0;left:50%;bottom:65px;background:#3379b9;height:1px;z-index:1}
header nav{width:100%;height:100%;background:none;line-height:unset;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;z-index:2}
header nav .container{max-width:100%;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;height:100%}
header nav .container::before{content:'';position:absolute;right:0;left:325px;bottom:65px;background:#3379b9;height:1px}
header nav .menu{position:relative;width:100%;display:flex;flex:1;justify-content:space-between;flex-direction:column}
header nav .menu #mainMenu i{display:inline;font-size:18px;margin:5px 0 0 5px}
header nav a.brand-logo{position:relative;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;flex:1;justify-content:center;align-items:center;max-width:270px;margin-right:55px}
header nav a.brand-logo img{max-width:100%}
header nav li{height:100%}
header nav li a{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;justify-content:center;align-items:center;height:100%;width:100%;line-height:45px;padding:0 15px}
header nav #mainMenu{height:65px}
header nav #mainMenu>li a:hover{background:#f36f21!important}
header nav li.subMenu i{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;align-items:center;height:auto;font-size:20px!important}
header nav .icons{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;justify-content:flex-end;align-items:center;flex:1;width:100%;height:90px;padding:26px 50px 26px 0}
header nav .icons>a{position:relative;padding:12px 14px;margin:0 5px;line-height:normal;color:#6b8daa;border-radius:30px;background:#ddd}
header nav .icons>a:last-child{background:#f36f21;color:#fff}
header nav .icons>a:last-child:hover{color:#f36f21;background:#fff}
header nav .icons>a:hover{background:#fff}
header nav .icons>a:not(:nth-last-of-type(-n+3))::after{content:'';position:absolute;right:0;bottom:-8px;height:30px;width:1px;background:#6b8daa}
header nav .sidenav-trigger{position:absolute;right:0;top:26px;width:42px;height:39px;display:flex;align-items:center;justify-content:center;background:#ddd;margin:0}
header nav .sidenav-trigger i{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;align-items:center;height:auto;font-size:20px!important;color:#00385e}

#mFull{height:100%;width:0;position:fixed;z-index:9;top:0;right:0;background-color:#fff;overflow-x:hidden;transition:.5s}
#mFull .container{width:80%;height:100%;padding:0;display:grid;grid-template-rows:80px 1fr 100px}
#mFull .container .header{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #4e4e4e}
#mFull .container .header img{max-height:65px}
#mFull .container .content{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;align-items:center;flex-direction:column}
#mFull .container .content .info{position:relative;flex:1;display:flex;flex-direction:row;text-align:center;align-items:center}
#mFull .container .content .info>div{margin-bottom:20px;padding:0 15px}
#mFull .container .content .info::after{content:'';position:absolute;right:0;left:0;top:0;height:1px;background:#d2d2d2}
#mFull .container .content .info i{font-size:32px;color:#0057a8;display:block;margin-bottom:15px}
#mFull .container .content .info a{font-size:17px;display:block;line-height:.5;padding:15px 0 0;color:#0057a8}
#mFull .container .content .info .phone{position:relative}
#mFull .container .content .info>div::before{content:'';position:absolute;top:45px;left:50%;width:25px;height:2px;background:#0e76bc;margin-left:-10px}
#mFull .container .content .info .mail{position:relative}
#mFull .closebtn{font-size:38px;color:#0057a8;text-align:right;width:100%;max-width:100px}
#mFull .container .content ul{flex:1;list-style-type:none;margin:0;padding-left:20px;display:flex;align-items:center;justify-content:center;flex-direction:column}
#mFull .container .content ul li{position:relative;padding:12px 0;text-align:center}
#mFull .container .content ul li::before{position:absolute;content:'';width:25px;height:2px;bottom:0;left:50%;background-color:#0e76bc;transition:.4s all;transform:translateX(-50%)}
#mFull .container .content ul li:last-child::before{display:none}
#mFull .container .content ul li a{color:#0057a8;text-decoration:none;font-size:18px;font-weight:600;text-transform:uppercase}
#mFull .container .content ul li a:hover{color:#002242}
#mFull .container .content ul li:hover::before{width:50px}
#mFull .footerNav{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:20px 0;border-top:1px solid #4e4e4e}
#mFull .footerNav-social{display:flex}
#mFull .footerNav-social span{color:#0057a8;font-weight:500;font-size:13px}
#mFull .flags img{width:42px;height:22px;object-fit:cover;margin:0 5px;opacity:.7}
#mFull .flags img:hover{opacity:1;filter:brightness(150%)}
#mFull .flags img.aktif{opacity:1;filter:brightness(150%)}
#mFull .footerNav-social a{margin-left:5px}
#mFull .footerNav-social a:first-child{margin-left:0}
#mFull .footerNav-social img{width:62px;height:16px}
#mFull .footerNav-inviva{display:flex}
#mFull .footerNav-inviva img{width:62px;height:16px}

#mShare{width:200px!important;padding:20px;background:#0057a8}
#mShare .socials{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;justify-content:space-around;align-items:center}
#mShare .socials a{width:36px;height:36px;background-color:#8399a9;position:relative;display:flex;justify-content:center;align-items:center}
#mShare .socials a:hover{filter:brightness(150%)}
#mShare .socials i{color:#0057a8;font-size:20px;line-height:55px}
#mSearch{width:250px!important;padding:20px 15px;background:#0057a8}
#mSearch input::-webkit-input-placeholder{color:#3b5998!important;font-family:'Poppins',sans-serif;font-size:14px}
#mSearch input:focus::-webkit-input-placeholder{font-weight:500}
#mSearch .input-field{width:100%;background:#fafafa}
#mSearch .input-field i{line-height:50px}
#mSearch .input-field input{margin:0;width:160px;padding:0 0 0 40px}
#mSearch .input-field input:focus{font-weight:700;font-size:15px;color:#3b5998}
#mSearch .input-field input:focus+label i{color:#0057a8}
#mSearch .input-field label i{color:#0057a8}
#mSearch .input-field input[type=search]+.label-icon{left:10px}

.dr{min-width:230px;height:unset!important;line-height:unset!important;overflow-y:unset!important;box-shadow:unset!important;background:#0057a8}
.dr a{position:relative;display:block;width:100%;height:100%;padding:15px 30px;color:#fff;font-size:13px;font-weight:600;line-height:1;box-shadow:unset!important}
.dr a:hover{background:#034788!important}
.k #slider{height:260px}
.k #slider .container{position:relative;height:100%}
.k #slider .container .swiper-pagination{display:none}
.k #slider .container .arrows{display:none}
.k #slider .mainSliderText{text-align:left;max-width:unset}
.k #slider .mainSliderText p{font-weight:700}
.k #slider .title{position:absolute;bottom:0;left:0;right:0;min-height:50px;z-index:9;line-height:50px}
.k #slider .swiper-container::before{content:'';position:absolute;bottom:0;right:0;left:0;height:160px;background:linear-gradient(transparent,rgba(0,0,0,0.8));z-index:2}

#slider{position:relative;width:100%;height:650px}
#slider .swiper-container{position:relative;width:100%;height:100%}
#slider .swiper-container .swiper-slide{position:relative;width:100%;height:100%}
#slider .swiper-container .swiper-slide::before{content:'';position:absolute;bottom:0;right:0;left:0;height:80px;background:linear-gradient(transparent,rgba(0,0,0,0.8));z-index:2}
#slider .swiper-container span{position:absolute;left:0;right:0;bottom:0;top:0;background-repeat:no-repeat;background-position:center;-webkit-background-size:cover;background-size:cover}
#slider .mainSliderText{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);max-width:650px;width:100%;text-align:center;z-index:999;height:auto;max-height:200px}
#slider .mainSliderText p{font-size:30px;color:#fff;text-shadow:1px 1px #000;margin:0}
#slider .mainSliderText span{color:#3fd5e7}
#slider .container{position:relative}
#slider .container .swiper-pagination{text-align:right;right:0;top:unset;bottom:25px;background:none;z-index:1}
#slider .container .swiper-pagination-bullet{width:8px;height:8px;background:#918b83;opacity:1;margin:0 3px}
#slider .container .swiper-pagination-bullet:last-child{margin:0 0 0 5px}
#slider .container .swiper-pagination-bullet-active{background:#fff!important}
#slider .container .arrows{position:absolute;left:0;bottom:25px}
#slider .container .arrows i{font-size:19px;color:#fff}
#slider .container .arrows .swiper-button-prev{left:0;background-image:unset;position:relative;top:0;width:25px;height:20px;margin:0;float:left;text-align:left;z-index:1}
#slider .container .arrows .swiper-button-next{right:0;background-image:unset;position:relative;top:0;width:25px;height:20px;margin:0;right:0;text-align:right;left:0;float:left;z-index:1}
#slider .container .arrows .swiper-button-next::before{content:'';width:1px;height:18px;background:#a6a7a6;position:absolute;left:0;bottom:0}
#slider .container .arrows{position:absolute;left:0;bottom:25px}
#slider .container .arrows i{font-size:19px;color:#fff}
#slider .container .arrows .swiper-button-prev{left:0;background-image:unset;position:relative;top:0;width:25px;height:20px;margin:0;float:left;text-align:left;z-index:1}
#slider .container .arrows .swiper-button-next{right:0;background-image:unset;position:relative;top:0;width:25px;height:20px;margin:0;right:0;text-align:right;left:0;float:left;z-index:1}
#slider .container .arrows .swiper-button-next::before{content:'';width:1px;height:18px;background:#a6a7a6;position:absolute;left:0;bottom:0}

#product-groups{padding:40px 0;background:#f2f5f7}
#product-groups .container .title{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;justify-content:space-between;align-items:center;padding:0 0 20px}
#product-groups .container .title h4{font-size:20px;text-transform:uppercase;color:#003b62;margin:0;font-weight:500}
#product-groups .container .title .arrows i{font-size:15px;color:#65a6d2}
#product-groups .container .title .arrows div{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;justify-content:center;align-items:center}
#product-groups .container .title .arrows .swiper-button-prev{left:0;background-image:unset;position:relative;top:0;width:25px;height:25px;margin:0;float:left;text-align:left;z-index:1;border:1px solid #d9e2e8;margin-right:5px}
#product-groups .container .title .arrows .swiper-button-next{right:0;background-image:unset;position:relative;top:0;width:25px;height:25px;margin:0;right:0;text-align:right;left:0;float:left;z-index:1;border:1px solid #d9e2e8}
#product-groups .container .content{height:220px}
#p#product-groups .container .swiper-container{width:100%;height:100%}
#product-groups .container .swiper-container .swiper-slide{position:relative;height:auto;max-height:270px;background:#fff}
#product-groups .container .swiper-container .swiper-slide a{display:flex;flex-direction:column;justify-content:center;width:100%;height:100%;text-decoration:none;text-align:center}
#product-groups .container .swiper-container .swiper-slide img{flex:1;width:100%;max-height:185px;display:block;margin:0 auto;object-fit:cover;padding: 5px;}
#product-groups .container .swiper-container .swiper-slide span.pTitle{flex:1;display:block;font-weight:700;text-align:center;background:#f2f5f7;font-size:15px;color: #003b62;padding:10px 0 0;}
#product-groups .container .swiper-container .swiper-slide a:hover span{color:#0167ab}
#product-groups .container .swiper-button-prev{left:0;background-image:unset;text-align:left}
#product-groups .container .swiper-button-next{right:0;background-image:unset;text-align:right}
#product-groups .container .swiper-button-next i,#products .container .swiper-button-prev i{color:#545454;font-size:23px}


#boxes{padding:40px 0}
.k #boxes{margin-top:50px;border-top:1px solid #00000024}
#boxes .container{display:flex;flex-wrap:wrap;flex-flow:row wrap}
#boxes .container>div{position:relative;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;width:33%;flex-grow:1;flex-direction:column;justify-content:center;padding:0 25px}
#boxes .container .news{position:relative}
#boxes .container div .content{max-width:100%;height:300px}
#boxes .container div .title{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;justify-content:space-between;align-items:center;padding:0 0 20px}
#boxes .container div .title h4{font-size:20px;text-transform:uppercase;color:#003b62;margin:0;font-weight:500}
#boxes .container div .title .arrows i{font-size:15px;color:#65a6d2}
#boxes .container div .title .arrows div{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;justify-content:center;align-items:center}
#boxes .container div .title .arrows .swiper-button-prev{left:0;background-image:unset;position:relative;top:0;width:25px;height:25px;margin:0;float:left;text-align:left;z-index:1;border:1px solid #d9e2e8;margin-right:5px}
#boxes .container div .title .arrows .swiper-button-next{right:0;background-image:unset;position:relative;top:0;width:25px;height:25px;margin:0;right:0;text-align:right;left:0;float:left;z-index:1;border:1px solid #d9e2e8}
#boxes .container .news .content{position:relative}
#boxes .container .news .content::before{content:'';position:absolute;bottom:55px;left:30px;width:40px;height:4px;background:#e2ad24;z-index:3}
#boxes .container .news .swiper-container{width:100%;height:100%}
#boxes .container .news .swiper-container .swiper-slide{position:relative;height:auto;max-height:300px;margin:0}
#boxes .container .news .swiper-container .swiper-slide::after{content:'';position:absolute;bottom:0;left:0;right:0;height:200px;background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,.8) 100%);z-index:2}
#boxes .container .news .swiper-container .swiper-slide a{display:block;width:100%;height:100%;text-decoration:none;text-align:center}
#boxes .container .news .swiper-container .swiper-slide img{width:100%;height:100%;margin-bottom:10px;object-fit:cover}
#boxes .container .news .content span.pTitle{position:absolute;left:30px;right:30px;bottom:0;display:block;min-height:60px;font-weight:700;text-align:left;font-size:14px;color:#fff;padding:12px 90px 15px 0;border-top:1px solid #ffffff8a;z-index:3}
#boxes .container .news .content a:hover span{color:#65a6d2}
#boxes .container .brands .content{background:linear-gradient(180deg,rgba(255,255,255,1) 70%,rgba(237,241,244,1) 100%)}
#boxes .container .brands .swiper-container{width:100%;height:100%;border:1px solid #e5ebef}
#boxes .container .brands .swiper-container .swiper-slide{position:relative;height:auto;max-height:270px;padding-top:13px;margin:0}
#boxes .container .brands .swiper-container .swiper-slide a{justify-content:center;display:flex;width:100%;height:100%;align-items:center;text-decoration:none;text-align:center}
#boxes .container .brands .swiper-container .swiper-slide img{width:100px;height:100px;margin-bottom:10px;object-fit:contain}
#boxes .container .brands .swiper-container .line{position:absolute;top:50%;left:50%;transform:translateY(-50%);display:block;width:1px;height:100px;background:#ccc}
#boxes .container .brands .swiper-container .swiper-slide span.pTitle{position:absolute;left:0;right:0;bottom:0;display:block;text-transform:uppercase;font-weight:700;text-align:center;font-size:15px;color:#fff;padding:15px 0 0}
#boxes .container .brands .swiper-container .swiper-slide a:hover span{color:#65a6d2}
#boxes .container .gallery{position:relative}
#boxes .container .gallery .content{position:relative}
#boxes .container .gallery .content::after{content:'';position:absolute;bottom:0;left:0;right:0;height:200px;background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,.8) 100%);z-index:2}
#boxes .container .gallery .swiper-container{width:100%;height:100%}
#boxes .container .gallery .swiper-container .swiper-slide{height:auto;max-height:300px;margin:0}
#boxes .container .gallery .swiper-container .swiper-slide a{display:block;width:100%;height:100%;text-decoration:none;text-align:center}
#boxes .container .gallery .swiper-container .swiper-slide .image{height:100%}
#boxes .container .gallery .swiper-container .swiper-slide img{width:100%;height:100%;margin-bottom:10px;object-fit:cover}
#boxes .container .gallery .content span.pTitle{position:absolute;left:30px;right:30px;bottom:0;display:block;font-weight:700;text-align:left;font-size:14px;color:#fff;padding:10px 90px 15px 0;border-top:1px solid #ffffff8a;text-transform:uppercase;z-index:3}
#boxes .container .gallery .content span.pTitle i{display:block;float:left;font-size:28px;margin-right:10px}
#boxes .container .gallery .content::before{content:'';position:absolute;bottom:54px;left:65px;width:40px;height:4px;background:#e2ad24;z-index:3}
#boxes .container .gallery .content a:hover span{color:#65a6d2}

footer{padding:50px 0 20px;background:#f2f5f7}
footer .container{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;justify-content:space-between;align-items:center}
footer .container .logo{max-width:270px;height:74px}
footer .container .copyright{text-align:right;line-height:1.4}
footer .container .copyright .copy{display:block;color:#003b62;font-weight:700}
footer .container .copyright .text{display:block;color:#003b62;font-weight:400;font-size:14px}
footer .container .copyright .inviva{display:block;width:auto;height:16px;color:#003b62;font-size:14px;font-weight:400;text-decoration:none}
footer .container .copyright .inviva:hover{text-decoration:underline}
footer .container .copyright .phone{display:block;color:#003b62;margin-top:20px}
footer .container .copyright .phone i{margin-right:10px;color:#0e76bc}

#content{min-height:300px;padding:20px 0}
#content p{font-size:18px;line-height:1.3}
#content .p_list{display:flex;flex-wrap:wrap}
#content .p_list .item{flex: 1 0 22%;margin:10px;padding:10px;border:1px solid #00000030;box-shadow:5px 6px 12px -10px #000;}
#content .p_list .item a{display:block;width:100%;height:100%}
#content .p_list .item a:hover p{color:#f36f21!important}
#content .p_list .item span.katImage img{width:100%;max-height:210px;object-fit: contain;}
#content .p_list .item span.katTitle p{font-size:18px;text-transform:uppercase;font-weight:600;padding:15px 0 0;color:#0057a8;text-align:left;border-top:2px solid #f36f21}

.product-detail .container{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;justify-content:center}
.product-detail table{border:unset!important;width:100%;max-width:unset!important;margin:20px 0!important}
.product-detail img.fotorama__img{box-shadow:0 2px 5px 1px rgba(0,0,0,0.44)}
.product-detail img.table{margin-top:20px}
.product-detail img{max-width:100%}
.product-detail b.features{font-size:18px;text-decoration:underline}
.product-detail .text{padding-left:50px}

/*iletisim*/
.page-contact {width: 100%;padding: 20px 0; }
.page-contact .container {}
.page-contact .boxes{display:flex;flex-direction:column;justify-content:flex-start;flex-basis: 50%;padding:0 50px 0 0;}
.page-contact .box{display:flex;align-items: center;justify-content: flex-start;border-bottom: 1px solid #d1287917;padding: 20px 0;}
.page-contact .box .icon{text-align:center;height:100%;min-width:70px;display: flex;align-items: center;}
.page-contact .box .icon i{font-size:29px;color: #ac632d;}
.page-contact .box .tel{font-size:22px!important}
.page-contact .box .title{display:flex;flex-direction:column;justify-content:center;padding:0;height:100%;}
.page-contact .box:first-child .title{justify-content:center;}
.page-contact .box .title a{font-weight:400;letter-spacing:1px;color:#8c8c8c}
.page-contact .box .title p{color:#8c8c8c;margin:0;font-size:14px;line-height:1}
.page-contact .contact-top{display:flex;flex:1;}
.page-contact .form{flex: 1 0 45%}
/*form*/
.contact-form{display:flex;flex-wrap:wrap;/* padding:0 0 50px; */}
.contact-form .column{flex: 1;}
.contact-form .pr20{padding-right:20px;}
.contact-form .column.is-message{flex:none;width:100%;}
.contact-form .row{width:100%;display:flex;margin:15px 0 0;justify-content:flex-end;}
.contact-form .row button{display:block;padding:15px 25px;color:#fff;font-size:16px;font-weight:700;text-transform:uppercase;line-height:1;background: #ac632d;border:none;outline:none;border-radius:2px;}
.contact-form .row button:hover{background: #da8547;}
.contact-form .form-group{margin-bottom:20px;position:relative;display:block}
.contact-form .form-group:last-child{margin-bottom:0}
.contact-form .form-group label{width:100%;height:30px;display:block;font-size:14px;font-weight:700;line-height:30px;color:#575757}
.contact-form .form-group input{width:100%;height:40px;padding:0 10px;color:#6b8daa;font-size:14px;font-weight:500;border:1px solid #cdd9db;border-radius:2px;-webkit-box-sizing:border-box;box-sizing:border-box}
.contact-form .form-group input:focus{outline:none;border-color:#13becf}
.contact-form .form-group textarea{min-height:unset!important;width:100%;height:138px;padding:10px;color:#475e62;font-size:14px;font-weight:600;border:1px solid #cdd9db;border-radius:2px;resize:none;padding:10px!important}
.contact-form .form-group textarea:focus{outline:none;border-color:#13becf}
.contact-form .form-groups{display:-webkit-box;display:-ms-flexbox;display:flex;margin:0 -10px}
.contact-form .form-groups .form-group{-webkit-box-flex:1;-ms-flex:1;flex:1;margin-left:10px;margin-right:10px}
.contact-form .form-group{margin-bottom:20px}
.contact-form .form-group button{display:block;padding:15px 25px;cursor:pointer;color:#fff;font-size:16px;font-weight:700;text-transform:uppercase;line-height:1;background:#475e62;border:none;outline:none;border-radius:2px}
.contact-form .form-group button:hover{background:#00b5cb}
.contact-form .form-group ul{margin:0;padding:0;list-style:none}
.contact-form .form-group ul li{font-size:13px;text-align:left}
.contact-form .form-group ul li:before{content:"- "}
.contact-form .form-label{width:100%;height:30px;display:block;font-size:14px;font-weight:700;line-height:30px}
.contact-form .form-control{width:100%;height:40px;padding:0 10px;color:#475e62;font-size:14px;font-weight:600;border:1px solid #cdd9db}
.contact-form .form-control:focus{outline:none;border-color:#13becf}
.contact-form textarea.form-control{height:auto;padding:10px}
.contact-form .content{margin-bottom:20px;padding:20px;color:#fff;font-size:16px;line-height:1.6;background:#8cc63f}

.page-news-list .container{display:-ms-grid;display:grid;-ms-grid-columns:2fr 1fr;grid-template-columns:2fr 1fr;grid-gap:0 12px;padding:0 10px}
.page-news-list .container .newsLeft{overflow:hidden}
.page-news-list .container .newsLeft .news-box{display:flex;height:auto;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid rgba(0,0,0,0.17)}
.page-news-list .container .newsLeft .news-box .image{flex:1}
.page-news-list .container .newsLeft .news-box .image img{width:100%;height:100%;object-fit:cover;transition:all .5s;border:0 dashed #f36f21}
.page-news-list .container .newsLeft .news-box .image:hover img{width:100%;height:100%;border:5px solid #00002e}
.page-news-list .container .newsLeft .news-box .text{display:flex;flex-direction:column;align-items:center;padding:20px;text-align:left;z-index:1;flex:1;flex-grow:2}
.page-news-list .container .newsLeft .news-box .text .title{display:block;width:100%;margin:0;font-size:18px;font-weight:600;padding:3px 0;color:#000}
.page-news-list .container .newsLeft .news-box .text .time{display:block;width:100%;font-size:17px;color:#000;padding:3px 0}
.page-news-list .container .newsLeft .news-box .text .desc{font-size:17px;color:#000}
.page-news-list .container .newsLeft .news-box .text .bar-anchor{padding:20px 0;margin:15px auto 0 0;color:#fff;text-transform:uppercase;text-align:center;position:relative;text-decoration:none;overflow:hidden}
.page-news-list .container .newsLeft .news-box .text .bar-anchor span{background:#0072bc;width:100%;position:relative;padding:10px 70px;-moz-transition:all .65s cubic-bezier(0.77,0,0.175,1);-o-transition:all .65s cubic-bezier(0.77,0,0.175,1);-webkit-transition:all .65s cubic-bezier(0.77,0,0.175,1);transition:all .65s cubic-bezier(0.77,0,0.175,1)}
.page-news-list .container .newsLeft .news-box .text .transition-bar{position:absolute;top:0;left:0;width:0;height:100%;background:#f36f21;z-index:-1}
.page-news-list .container .newsLeft .news-box .text .bar-anchor:hover span{color:#f36f21!important}
.page-news-list .container .newsLeft .news-box .text .bar-anchor:hover .transition-bar{width:120%;left:110%;-moz-transition:all .65s cubic-bezier(0.77,0,0.175,1);-o-transition:all .65s cubic-bezier(0.77,0,0.175,1);-webkit-transition:all .65s cubic-bezier(0.77,0,0.175,1);transition:all .65s cubic-bezier(0.77,0,0.175,1)}
.page-news-list .container .newsRight{display:-ms-grid;display:grid;-ms-grid-columns:1fr;grid-template-columns:1fr;grid-gap:0 0;padding:0;overflow:scroll;height:100%}
.page-news-list .container .newsRight .news-box{display:flex;flex-direction:row;border-bottom:1px solid #ddd;transition:all .5s}
.page-news-list .container .newsRight .news-box:hover{padding-left:20px}
.page-news-list .container .newsRight .news-box:last-child{border-bottom:unset}
.page-news-list .container .newsRight .news-box .image{width:150px;height:100px}
.page-news-list .container .newsRight .news-box .image img{width:100%;height:100%}
.page-news-list .container .newsRight .news-box .text{width:100%;padding:5px 15px;height:100px}
.page-news-list .container .newsRight .news-box .text .title{font-size:15px;font-weight:700;color:#000}
.page-news-list .container .newsRight .news-box .text .desc{font-size:15px!important;color:#000;text-align:left}
.page-news-list .newsRight-scroll::-webkit-scrollbar-track{background-color:#fff}
.page-news-list .newsRight-scroll::-webkit-scrollbar{width:4px;background-color:#ffffff00}
.page-news-list .newsRight-scroll::-webkit-scrollbar-thumb{background-color:#00002e}
.new-detail .container{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;justify-content:center}
.new-detail .container .image{width:100%;max-width:450px;padding-right:30px}
.new-detail .container .image img{width:100%;height:100%;object-fit:cover}