/*
Theme Name: qituo web desgin
Theme URI: http://www.yxwlgs.net/
Author: YixingSEO qq66866111
Author URI: https://www.yxwlgs.net/
Description: 企业网站定制 for qituo web desgin
*/




body{font-family: Microsoft YaHei,Heiti SC,tahoma,arial,Hiragino Sans GB,"\5B8B\4F53",sans-serif;}

a:link,a:visited{color:#333;}
a:hover{color: #0099ff;text-decoration: none;}

img{max-width: 100%;width:auto;height: auto !important;}

.page-content-about p{text-indent: 2em;}

#nprogress{pointer-events:none}#nprogress .bar{background:#29d;position:fixed;z-index:1031;top:0;left:0;width:100%;height:2px}#nprogress .peg{display:block;position:absolute;right:0;width:100px;height:100%;box-shadow:0 0 10px #29d,0 0 5px #29d;opacity:1;-webkit-transform:rotate(3deg) translate(0,-4px);-ms-transform:rotate(3deg) translate(0,-4px);transform:rotate(3deg) translate(0,-4px)}#nprogress .spinner{display:block;position:fixed;z-index:1031;top:15px;right:15px}#nprogress .spinner-icon{width:18px;height:18px;box-sizing:border-box;border:2px solid transparent;border-top-color:#29d;border-left-color:#29d;border-radius:50%;-webkit-animation:nprogress-spinner 400ms linear infinite;animation:nprogress-spinner 400ms linear infinite}.nprogress-custom-parent{overflow:hidden;position:relative}.nprogress-custom-parent #nprogress .bar,.nprogress-custom-parent #nprogress .spinner{position:absolute}@-webkit-keyframes nprogress-spinner{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}@keyframes nprogress-spinner{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}

/*滚动条样式*/
::-webkit-scrollbar{width: 5px;height: 5px;background-color: #F5F5F5;}
/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track {box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.3);-webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.3);
    border-radius: 5px;background-color: #F5F5F5;}
/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb{border-radius: 5px;box-shadow: inset 0 0 4px rgba(0, 0, 0, .1);-webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, .1);
    background-color: #000;}
    
.banner .swiper-pagination-bullet{width:40px !important; border-radius: 2px;}
.banner .ani-wrap .ani-text{color:#fff;text-shadow: 1px 1px 5px #333;}
.banner .ani-wrap{position: absolute;width: 100%;height: 100%; z-index: 1999;left: 0;top: 0;
    display: flex;flex-direction: column;align-items: center;justify-content: center;}
.banner .ani-wrap .line{border-bottom: 1px solid #fff;height: 1px;max-width: 500px;}
.banner .ani-wrap .ani-text .t1{letter-spacing: 5px;}
.banner .ani-wrap .ani-text .t3{line-height: 2rem;}
/* .aniimg .img-inner{animation: bgani 5s infinite;min-height: 500px;animation-direction:alternate;animation-fill-mode:forwards;}
@keyframes bgani{
    0%{background-size: 100% 100%;}
    100%{background-size: 105% 105%;}
} */

.search-box{position: absolute;width:240px;height: 38px;left: -150px;background-color: #fff;}

.title,.title1{text-align: center;}
.title .tit1,.title1 .tit1{font-size:36px;color:#333;font-family: '微软雅黑';font-weight: bold;position: relative;display: flex;justify-content: center;align-items: center;}
.title .tit1::before, 
.title .tit1::after,
.title1 .tit1::before,
.title1 .tit1::after
{content: '';width:150px;height: 5px;display: block;background-image: url(static/images/tit-line.png);margin:0 15px}
@media screen and (max-width:600px) {
    .title .tit1::before, .title .tit1::after{width:50px;}
}
.title .tit2,.title1 .tit2{text-transform:uppercase;font-weight: 200;}
.title1 .tit1::before,
.title1 .tit1::after{background-image: url(static/images/tit-line1.png);}

.title2{background:url(static/images/ab_line02.gif) left bottom no-repeat;}

.top-search{position: relative;}

.company-video video{max-width:100%;}

.top-right .item{position: relative;}
.top-right .item .ewm{position: absolute;width:120px;height: 120px;border:2px solid #333;top: 50px;left: -50%;
    transition: all ease .3s;transform: scale(0);border-radius: 2px;}
.top-right .item .ewm::before{content: '';width: 0;height: 0;position: absolute;top: -8px;left: 50%;transform: translateX(-8px);
    border-bottom: 8px solid #000;border-left: 8px solid transparent;border-right: 8px solid transparent;}
.top-right .item .ewm img{max-width: 100%;}
.top-right .icon{width:36px;height: 36px;padding:5px;border:2px solid #000;border-radius: 50%;cursor: pointer;}
.top-right .item:hover .ewm{transform: scale(1);}
.text-sm{font-size:14px;}


.numCount .numCX{font-family:'Times New Roman', Times, serif;}



.page-nav ul{display: flex;list-style-type: none;margin: 0;padding: 0;}
.page-nav ul li{padding-right: 10px;}
.page-nav ul li a{display: block;padding:10px 40px;color:#333;border:1px solid #ddd;
    /* background-color: #0055a8; */
}
.page-nav ul .current-menu-item a,
.page-nav ul li a:hover{background-color: #0055a8;color:#fff;}

@media screen and (max-width:768px) {
    .page-nav ul{flex-wrap: wrap;}    
    .page-nav ul li{width: 50%;margin-bottom: 1rem;}
    .page-nav ul li a{text-align: center;}
}


.left-tab-nav li{position: relative;}
.left-tab-nav a.active::after{content: '';position: absolute;right: 5px;top: 50%;transform: translateY(-5px);
    border-bottom: 5px solid transparent;border-top: 5px solid transparent;border-left: 5px solid #fff;border-right: 5px solid transparent;
}
.tab-content .text a:link,.tab-content .text a:visited{text-decoration: underline;color: #007BFF;}

.nb .item{border: 1px solid #ddd;border-radius: 5px;cursor: pointer;}
.nb .icon-wrap{width:100px;height: 100px;border-radius: 50%;display: flex;justify-content: center;align-items: center;transition: all ease .3s;}
.nb .item:hover .icon-wrap{transform: rotate(360deg);}
.nb .item:hover{background-color: #fafafa;}
.nb .item:hover .tit{color:#0055a8}

@media screen and (max-width:768px) {
    .left-tab-nav{flex-wrap: wrap;flex-direction: row !important;}
    .left-tab-nav li{width: 50%;padding:5px 5px 0 0;}
    .left-tab-nav li a{padding:10px !important;border:1px solid #ddd;}
}

.more-link{min-height: 50px;}
.more-link a{background-color: #0e75c8;color:#fff;padding:10px 30px;position: relative;border-radius: 2px;}
.more-link a:hover{background-color: #333;}
.top-line a:link,.top-line a:visited{color:#ddd;padding-left: 15px;}
.bgf{background-color: #fff;}


.top-line{background-image: linear-gradient(25deg, #0a3b5c, #25645b, #299057, #15bf4d);height: 3px;width:100%;position: relative;z-index: 99;}

.home-ys .fix-bg{background: #01538a url(static/images/nb-bg.jpg) bottom center no-repeat; min-height:400px;padding:100px 0}
.home-ys .item{border:5px solid #fff;background-color: #006699;height: 170px;width: 170px;margin:auto;border-radius: 100%;cursor: pointer;
    display: flex;flex-direction: column;justify-content: center;align-items: center;box-shadow: 2px 2px 5px #666;transition: all ease .3s;
}
.home-ys .item .num{font-size:28px;color:#fff;margin-bottom: 5px;font-family:Times, 'Times New Roman', serif;font-style: italic;}
.home-ys .item .tit-wrap{font-size:22px;color:#f1f1f1;border-top: 1px solid #fff;border-bottom: 1px solid #fff;margin-bottom: 15px;padding:5px 0;}
.home-ys .item:hover{transform: rotate(360deg);}

.text-xl{font-size:1.2rem}
.text-2xl{font-size:1.5rem;}
.text-3xl{font-size: 2rem;}
.text-4xl{font-size: 2.5rem;}
.home-pro .item{position: relative;height: 100%;transition: all ease .3s;background: #FFF;padding:5px;}
.home-pro .item figure{margin: 0;padding: 0;}
.home-pro .item figcaption{font-size:16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.home-pro .item:hover{transform: translateY(-5px);box-shadow: 1px 1px 3px #ccc;}

.page-title .tit2{font-family: Arial, Helvetica, sans-serif;}

.hxys{background:#0b3857 url(static/images/advi_bg3.jpg) left center no-repeat;}
.hxys .fixbg{background-color: #0b3857;}
.hxys .ys-left{background-color: rgba(255, 255, 255, .8);}
.hxys .ys-left p{margin-bottom: 0;}
.hxys .ys-left .icon .fa{color:#0099ff}

.homecat{display: flex;margin:0;padding:0;list-style-type: none;justify-content: space-between;}
.homecat a{background-color: #299057;color:#fff;padding:10px 30px;border-radius: 5px;display: block;}
.homecat a:hover{background-color: #333;}


@media screen and (max-width:768px) {
    .homecat{flex-wrap: wrap;}
    .homecat li{width:50%;margin-bottom: 15px;padding:5px;}
    .homecat li a{display: block; text-align: center;}
}

.about-gallery{border:5px solid #fff;}
.home-about{background: url(static/images/ditu.jpg);}
.home-about .home-about-text>p{text-indent: 2em;}
.home-about .cname{background: url(static/images/ab_line02.gif) bottom left no-repeat;padding-bottom: 5px;}

.ad1{background:#0969bf url(static/images/advbg.jpg) top center no-repeat;}
.ad1 .item .icon{width:140px;height: 140px;border-radius: 50%;margin: auto;border:1px solid rgba(255, 255, 255, .5);}
.ad1 .item .icon .fa{line-height: 140px;}


.wp-block-quote{border-left: 5px solid #f1f1f1;padding-left: 1rem;position: relative;}
.wp-block-quote>p:nth-child(1){color:#05680c;font-size: 18px;}


.hotline a:link,.hotline a:visited{padding:15px;display: block;width:250px;margin:auto;color:#fff;font-size:18px;}
.hotline a:hover{color:#42D1FD}

.home-case{position: relative;background: url(static/images/bg7.jpg);background-attachment: fixed;}
.home-case .container{position: relative;z-index: 99;}
.home-case .item:hover .tit{background-color: #0055a8 !important;}
.home-case .item:hover .tit a{color:#fff !important;}
@media screen and (max-width:600px) {
    .fix-bg{display: none;}
}


.marquee-warp{padding:0 3rem;margin:auto}
.gd{width:100%;overflow: hidden;padding-bottom: 30px;}
.gd ul{display: flex;margin:0;padding:0;list-style-type: none;}
.gd ul li{margin-right: 15px;background-color: #fff;position: relative;padding:5px;}
.gd ul li p{position: relative;padding:10px 5px;text-align: center;margin: 0;
    max-width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.gd ul li img{width:auto;max-height: 250px;border:1px solid #ccc;margin: 0;}
.gd ul li:hover p{color:#0092d6}
.gd ul li .cat-tit{color:#666;}

.prev-next{border-top: 1px solid #ddd;padding-top: 15px;}
.prev-next ul{margin: 0;padding:0;list-style-type: none;line-height: 2em;}

/* .home-pro{background: url(static/images/newbg.jpg) center center no-repeat;background-size: cover;} */

.loop-images,
.loop-news{position: relative;}
.loop-images p{background-color: #f1f1f1;}
.loop-images .img-wrap,
.loop-news .img-wrap
{position: relative;overflow: hidden;}

.loop-images .img-wrap .mask,
.loop-news .img-wrap .mask
{width: 100%;height: 100%;left: 0;top: 0;z-index: 10;position: absolute;display: flex;justify-content: center;align-items: center;
    background-color:rgba(0, 78, 162, 0.7);pointer-events: none;transition: all ease .5s;opacity: 0;}
.loop-images:hover .img-wrap .mask,
.loop-news:hover .img-wrap .mask
{opacity: 1;;}
.loop-images .img-wrap img,
.loop-news .img-wrap img
{transition: all ease-in .3s;}
.loop-images:hover .img-wrap img{transform: scale(1.2);}
.loop-news:hover .img-wrap img{transform:translateX(5px)}


.loop-images1{position: relative;}
.loop-images1 .text-wrap{position: absolute;left: 0;bottom: 0;height: 100%;width: 100%;display: flex;justify-content: center;align-items:flex-end;
    background-image: linear-gradient(360deg, rgba(0,0,0,0.9) , transparent 50% );padding-bottom: 15px;color:#fff;
}
.loop-images1 .img-wrap{overflow: hidden;}
.loop-images1 .img-wrap img{transition: all ease .3s;}
.loop-images1 .text-wrap a{color:#fff;}
.loop-images1:hover .img-wrap img{transform: scale(1.2);}
.wp-block-image::after{display: block;clear: both;content: '';}


ul.nav-footer{display: flex;justify-content: space-between;margin:0;padding:0;list-style-type: none;}
ul.nav-footer>li>a{border-bottom: 1px solid #ccc;;display: block;padding-bottom: 10px;}
ul.nav-footer .sub-menu{list-style-type: none;margin: 0;padding: 10px 0 0 0;font-size:14px;line-height: 2em;}
ul.nav-footer a:link, ul.nav-footer a:visited{color:#fff;display: block;transition: all ease .3s;}
ul.nav-footer a:hover{transform: translateX(5px);}
ul.nav-footer .sub-menu a::before{content: '-';padding-right: 5px;}

ul.flinks{margin: 0;padding: 0;list-style-type: none;display: flex;}
ul.flinks::before{content: '友情链接：';color:#fff;padding-right: 15px;}
ul.flinks a:link,ul.flinks a:visited{color:#fff;padding-right:2em;}
ul.flinks a:hover{color:#78C0F5}

@media screen and (max-width:768px) {
    .copyright{text-align: center;}
    .zhichi{text-align: center;}
}

.home-pro-cats ul{justify-content: center;}
.home-pro-cats li{margin-right: 10px;}
.home-pro-cats a{background-color: #0055a8;display: block;padding:10px 15px;text-align: center;color:#fff;border-radius: 2px;}
.home-pro-cats a:hover{background-color: #333;}


.footer{background-color: #0055a8; color:#fff;font-size: 14px;}
.footer a:link,.footer a:visited{color:#fff;}
.footer .copyright{border-top:1px solid #ccc ;padding-top: 15px;}

.footer .fnav{display: flex;list-style-type: none;justify-content:space-between;}
.footer .fnav>li{}
.footer .fnav>li>a{font-size: 1.2rem;padding:10px 0;display: block;}
.footer .fnav ul{list-style-type: none;margin: 0;padding: 0;}
.footer .fnav .sub-menu{margin-top: 1rem;}
.footer .fnav .sub-menu li{padding-bottom: 5px;}
.footer .fnav .sub-menu li a::before{content: '-';padding-right: 5px;}
.footer h3{font-size: 1.2rem;padding: 10px 0;}
.footer .footer-contact p{margin-bottom: 0;}

.catlist-wrap .sub-title{background-color: #024499;padding:15px;text-align: center;color:#fff;}
.catlist-wrap .sub-title .tit1{font-size: 22px;}
.catlist-wrap .catlist>ul,ul.catlist{margin:0;padding:0;list-style-type: none;font-size:14px;}
.catlist-wrap .catlist>ul>li>a,ul.catlist>li>a{display: block;background-color: #f1f1f1;padding:15px;margin-bottom: 1px;transition: all ease .3s;color:#333;}
ul.catlist>li>a::before{content: '\f13a';font: normal normal normal 14px/1 FontAwesome;padding-right: 10px;}
ul.catlist>li>a:hover{background: #333;color:#fff;text-indent: 5px;}


ul.catlist .sub-menu{margin: 0;padding: 0;list-style-type: none;display: flex; flex-wrap: wrap;padding-top: 5px;}
ul.catlist .sub-menu li{width: 50%;padding-bottom:5px;}
ul.catlist .sub-menu li a{background-color: #f1f1f1;display: block;padding:5px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;border-radius: 3px;}
ul.catlist .sub-menu li a:hover{background-color: #007BFF;color:#fff;}
ul.catlist .sub-menu li:nth-child(odd) a{margin-right: 5px;}

.pagelist {padding:1rem 0;font-size: 14px;list-style-type: none;display: flex;justify-content: center; }
.pagelist span, .pagelist a{padding: 8px 15px;background-color: #ddd;color: #333;margin-right: 1px;display: block; }
.pagelist a:hover,.pagelist .current {background-color: #333; color:#fff;}

.archive-product .item .img-wrap{border:1px solid #ddd;}
.single-title{font-size:30px;color:#333}
.text{line-height: 2em;}
.page-content{min-height: 350px;}
.page-content .text{color:#666;}
.page-content .text h2{font-size:1.5em;font-weight: bold;}
.page-content .text h3{font-size:1.2rem;}
.page-content .text h3,
.page-content .text h2{
    color:#0055a8;
}

.archive-case .item .tit{font-size:14px;}

.archive-news .item{display: flex;border-bottom: 1px solid #ddd;align-items: center;position: relative;}
.archive-news .item h3{font-size:18px;}
.archive-news .item .img-wrap{flex: 150px 0 0;}
.archive-news .item .text{color:#666;font-size:14px;line-height: 2em;}
.archive-news .item::after{content: '';position: absolute;display: block; width:100%;bottom: 0;height: 1px;background-color: #007BFF;
    transition: all ease 1s;transform: scale(0);}
.archive-news .item:hover::after{transform: scale(1);}
.archive-news .item:hover{border-bottom: 1px solid transparent;}
.archive-news .item .dt{color:#009999;font-size:14px;font-family:Verdana, Geneva, Tahoma, sans-serif}

.breadcrumb{padding: 0;margin: 0;background-color: transparent;}
.breadcrumb ol{padding: 0;margin: 0;}
.breadcrumb-item+.breadcrumb-item::before,.breadcrumb-item.active{color:#ddd}


/*侧边栏小工具*/
.silder1{background: #fafafa;height: 100%;}
.silder1 .xgj{margin:0;padding:0;list-style-type: none;}
/* .silder1 .xgj>li{padding:0 0 15px 0;} */
.silder1 .widgettitle{background-color: #333;padding:20px 0;color:#fff;font-size:22px;font-weight: bold;text-align: center;margin-bottom: 1px;}
.silder1 .widgettitle::before{padding-right: 5px;}
.silder1 .search-form{display: flex;padding-top:15px;justify-content: space-around;}
.silder1 .search-form .search-field{height: 35px;line-height: 35px;text-indent: 5px;border:1px solid #ddd;}
.silder1 .search-form .search-submit{height: 35px;line-height: 35px;border:none;background-color:darkcyan; color:#fff;padding:0 20px;}
.silder1 .search-form .screen-reader-text{display: none;}

.silder1 .widget_nav_menu a{font-size:14px;}
.silder1 .widget_nav_menu .menu{margin:0;padding:0;list-style-type: none;}
.silder1 .widget_nav_menu .menu>li{margin-bottom: 1px;font-size:16px;}
.silder1 .widget_nav_menu .menu>li>a{background-color: #f1f1f1;color:#333;display: block;height: 45px;line-height: 45px;padding:0 15px;}
.silder1 .widget_nav_menu .menu>li>a::before{content: '\f0da';font:normal normal normal 16px/1 FontAwesome;padding-right: 10px;}
.silder1 .widget_nav_menu .menu>li>a:hover{background-color: #333;color:#fff;}
.silder1 .widget_nav_menu .sub-menu{display: flex;flex-wrap: wrap;margin:0;padding:0;list-style-type: none;}
.silder1 .widget_nav_menu .sub-menu li{width:50%;padding:5px;font-size:16px;}
.silder1 .widget_nav_menu .sub-menu li a{display: block;padding:10px;text-align: center;border:1px dotted #ddd;}
.silder1 .widget_nav_menu .sub-menu li a:hover{background-color: #f1f1f1;}

.silder1 .textwidget{margin-bottom: 0;}
.silder1 .textwidget p{margin-bottom: 0;}
.silder1 .textwidget{padding:15px;line-height: 2em;color:#666;font-size:14px;}
.silder1 .wp-block-latest-posts{padding:5px;font-size: 14px;}
.silder1 .wp-block-latest-posts li{border-bottom: 1px dotted #ddd;padding:10px}
.silder1 .wp-block-latest-posts li ::before{content: "\f105";font: normal normal normal 14px/1 FontAwesome;padding-right: 5px;}
.silder1 .wp-block-latest-posts li a:hover{color:#007BFF}


/* 针对5.8以上 */
.silder1 .widget_block h2{background-color: #0678be;font-size:22px !important;color: #fff;font-weight: bold;text-align: center;padding: 20px 0;margin: 0;}
.silder1 .xgj li.widget_text{padding:0 10px;}

.sidebar-left .contact1{background-color: #f1f1f1;}
.sidebar-left .left-phone{display: flex;}
.sidebar-left .left-phone figcaption{padding-left: 10px;}
.sidebar-left .left-phone .phone-text{font-size:14px;color:#666;}
.sidebar-left .left-phone .phone-number{font-size:18px;font-weight: bold;color:#006699;}

/*相册老编辑器*/
.gallery{display: flex;flex-wrap: wrap;background: #fafafa;}
.gallery .gallery-item{margin:0;text-align: center;}
.gallery .gallery-caption{text-align: center;font-size: 14px;color:#666;line-height: 1.5em;padding-top: 5px;}
.gallery .gallery-icon{overflow: hidden;position: relative;}
.gallery .gallery-icon::after,.wp-block-gallery .blocks-gallery-item::after{content: '\f00e';font: normal normal normal 30px/1 FontAwesome;color:#fff;display: flex;position: absolute;
    width:100%;height: 100%;left: 0;top: 0;justify-content: center;align-items: center;background: rgba(0,0,0,0.3);
    transition: all ease .3s; transform: scale(0);pointer-events: none;
}
.gallery .gallery-item img{transition: all ease .3s;max-width: 100%;height: auto;}
.gallery .gallery-item:hover img{transform: scale(1.2);}
.gallery .gallery-item:hover .gallery-icon::after,.wp-block-gallery .blocks-gallery-item:hover:after{transform: scale(1);}
.gallery-columns-5 .gallery-item{width:20%}
.gallery-columns-4 .gallery-item{width:25%}
.gallery-columns-3 .gallery-item{width:33.33%}
.gallery-columns-2 .gallery-item{width:50%}
.gallery-columns-1 .gallery-item{width:100%}

@media screen and (max-width:768px) {
    .gallery .gallery-item{width:50% !important}
}

/* .page-gallery figure{display: flex;flex-direction: column;height: 100%;overflow: hidden;}
.page-gallery .gallery-icon{padding:10px;display: flex;justify-content: center;align-items: center;overflow: hidden;} */
.page-gallery .gallery-icon img{max-width: 100%;border:1px solid #fff;}
/* .page-gallery .wp-caption-text{font-size:1rem;} */

.hz-gallery .gallery-item{overflow: hidden;position: relative;padding:5px;}
.hz-gallery .gallery-item figcaption{position: absolute;bottom: -30px;left: 0;right: 0;transition: all ease .3s;}
.hz-gallery .gallery-item .gallery-icon{border:1px solid #ddd;}
.hz-gallery .gallery-item:hover figcaption{transform: translateY(-40px);color:#fff;}
.hz-gallery .gallery-item:hover img{transform: scale(1);}

.post-content .gallery-item{padding:15px;}
.post-content .gallery-item .gallery-icon{max-height: 260px;}
.post-content .text h2{font-size:1.4rem;font-weight: bold;margin:1rem 0;color:#0092d6;display: inline-block;
    border-bottom: 2px solid #0092d6;padding-bottom: 10px;}
.post-content .text h2::before{content: "\f013";font-family: FontAwesome;padding-right: 5px;}

.text table{margin-bottom: 1rem;}
.text table th{background-color: #ddd;}
.text table td,.text table th{border:1px solid #ddd;padding:5px;}

.wp-block-image figcaption{text-align: center;font-size:14px;color:#666;}
.wp-caption .wp-caption-text{text-align: center;line-height: 1.5em;}
.blocks-gallery-item__caption{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.wp-block-video video{max-height: 600px;}

.page-content-certificate .gallery-icon{height: 100%;background-color: #fff;padding:30px 15px;display: flex;justify-content: center;align-items: center;
box-shadow: 1px 1px 3px #ddd;
}

@media screen and (min-width:768px) {      
    .header{background-color: #fff;}
    .top-menu-bg{background-color: #0969bf;}
    .top-menu{padding: 0;}   
    .top-menu .navbar-nav{width: 100%;justify-content:space-between;} 
    .navbar-nav>li.menu-item{height: 100%;position: relative;margin-right: 1px;}
    .navbar-nav>li>a:link,.navbar-nav>li>a:visited{display: block;text-align: center;height: 60px;line-height: 60px;padding: 0 20px !important;
        transform: perspective(1px) translateZ(0);white-space: nowrap;color:#fff;font-size:1.2rem;font-weight: 100;}
    .navbar-nav>li>a:hover,
    .navbar-nav>li:hover>a,
    .navbar-nav li.current-menu-item>a,
    .navbar-nav li.current-menu-parent>a,
    .navbar-nav li.current-post-ancestor>a
    {color:#fff !important;} 

    .navbar-nav>li::before{content: ''; height: 3px;width: 50%;background-color:#fff;display: block;position: absolute;bottom: 0;
        margin:auto;left: 0;right: 0;transition: all ease .3s;transform: scaleX(0);transform-origin:50% 0%;border-radius: 3px;
    }
    .navbar-nav>li.active::before,
    .navbar-nav>li:hover::before,
    .navbar-nav li.current-menu-item::before,
    .navbar-nav li.current-menu-parent::before,
    .navbar-nav li.current-post-ancestor::before
    {transform: scaleX(1);}
    
    /* .navbar-nav>li:not(:last-child)::after{content: '';position: absolute;right: 0;top: 0;display: block;width: 1px;height: 100%;background-color: #ccc;     
    } */

    .navbar-nav>li>.dropdown-menu{display: block;margin: 0;padding:0;border-radius: 0;border: none;min-width: 170px;
        transition: all ease .3s;transform: scaleY(0);transform-origin: 50% 0%;}
    .navbar-nav>li:hover>.dropdown-menu{transform: scaleY(1);}
    .navbar-nav>li>.dropdown-menu a:link,.navbar-nav>li>.dropdown-menu a:visited{color:#333;padding:10px;letter-spacing: 0;}    
    .navbar-nav>li>.dropdown-menu>a:not(:last-child){border-bottom: 1px solid #ddd;}
    .navbar-nav>li>.dropdown-menu>a:hover,
    .navbar-nav>li>.dropdown-menu>a.active,
    .navbar-nav>li>.dropdown-menu>a:active
    {background-color: #007BFF !important;color:#fff;}
}


@media screen and (max-width:768px) {        
    .home-pro-list>div:last-child{display: none;}
    .top-menu .navbar-brand{max-width: 260px}       
    .banner .ani-wrap .t3,
    .banner .ani-wrap .line{display: none;}
    .banner .ani-text{padding:0 20%;}
    .banner .ani-wrap .text-3xl{font-size:1.5rem;}
    .header{background-color: #fff;}
    .navbar-collapse{background: #fff;}
    .navbar-nav{margin-top: 30px;}
    .navbar-nav>li{background: #f1f1f1;margin-bottom: 1px;}
    .navbar-nav>li>a{display: block;padding:10px 15px !important;}
    .home-pro{padding-bottom: 70px;}
    .bg-fix{display: none;}
        
    .top{background: #fff;box-shadow: 1px 1px 3px #ccc;}
    .navbar-nav>li>a:link, .navbar-nav>li>a:visited{padding:15px !important;font-size:1.1rem !important;}

    .hcat>ul>li>a{width:100%;text-align: center;font-size:1.2rem;}

    .about-fix{position: relative;height: 300px;min-height: 300px;}
    .about-fix .fix1{display: none;}
    .about-fix .fix2{width:100%;height: 300px;background-size: cover;}
    .home-about-text{font-size:1rem;}

    .pagelist{flex-wrap: wrap;}
    .pagelist span,.pagelist a{margin-bottom: 10px;}
    .my-player-dimensions{height: auto !important;}
}


/*客服代码*/
@media (min-width: 768px){
    .kf{display: flex;position: fixed;right: 0;bottom:10%;flex-direction: column;z-index: 999;}
    .kf dl{margin:0;padding:0;list-style-type: none;margin-bottom: 1px;position: relative;}
    .kf dt{text-align: center;width:50px;height: 50px;line-height: 50px;font-size:20px;position: relative;z-index: 999;cursor: pointer;border-radius: 5px  0 0 5px;      
    }
    .kf dd{background: #fff;padding:0 10px;position: absolute;
        color:#333;font-size:16px;transition: all ease .3s;right: -150px;top: 0;white-space: nowrap;min-height: 50px;line-height: 50px;
        transition: all ease .3s;opacity: 0;box-shadow: 1px 1px 3px 0 #ccc;
    }
    .kf dd::after{content: '';position: absolute;width:0;height: 0;top:50%;right:-5px;transform: translateY(-50%);
        border-left: 5px solid #fff;
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent;
    }
    .kf dt{background: #0055a8;}
    .kf dt .fa{color:#fff;}
    .kf dd a:link,.kf dd a:visited{color:#78C0F5;}
    .kf dl:hover dt{background: #0055a8;}
    .kf dl:hover dd{opacity: 1;right: 58px;}        
}


@media (max-width: 767px) {       
    body{padding-bottom: 60px;} 
    .kf{position: fixed; bottom: 0;left: 0; background: #0055a8;color:#fff;width:100vw;display: flex;justify-content: space-around;z-index: 999;}
    .kf dl{margin:0;padding:0;width:100%;}        
    .kf dl:not(:last-child){border-right: 1px solid #ddd;}
    .kf dt{text-align: center;padding:5px;color:#333;font-size:18px;}    
    .kf .fa{color:#fff;}
    .kf dd{text-align: center;margin:0;padding:0;font-size:14px;color:#fff;padding-bottom: 5px;}
    .phone-menu{position: fixed;background: #0055a8;color:#fff;height: 100vh;width:60vw; z-index: 998;left: 0;top:0;
        display: flex; flex-direction: column;box-shadow: 1px 1px 3px #ccc;transition: all ease .3s;transform: translateX(-110%);}
    .phone-menu .navbar-nav{margin:0;padding:0;list-style-type: none;width:100%;padding:10px;box-sizing: border-box;}
    .phone-menu .navbar-nav>li{margin-bottom: 5px;}
    .phone-menu .navbar-nav>li>a{display: block;font-size:18px;text-decoration: none;background-color:#78C0F5;color:#fff;padding:15px;text-align: center;border-radius: 5px;}
    .phone-search{padding:5px;}
    .phone-search label{font-size:14px;color:#666;}
    .phone-menu.show{transform: translateX(0);}    
}



.flip-box {
    background-color: transparent;
    width: 265px;
    height: 270px;
    border: 0;
    perspective: 1000px;
    margin-bottom: 30px;
}
.flip-box-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}
.flip-box:hover .flip-box-inner {
  transform: rotateX(180deg);
}
.flip-box-front, .flip-box-back {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 22;
}
.flip-box-front {
    background: linear-gradient(rgba(252, 74, 26, 0.80), rgba(252, 74, 26, 0.80)), transparent url(http://wp.dreamitsolution.net/dreamit/wp-admin/admin-ajax.php?action=kc_get_thumbn&type=filter_url&id=%2Fwp-content%2Fuploads%2F2020%2F07%2Fcover1.jpg) center center/cover no-repeat scroll;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 59px 15px;
    border-radius: 7px;
}
.style-two .flip-box-front {
    background: linear-gradient(rgba(247, 183, 51, 0.90), rgba(247, 183, 51, 0.90)), transparent url(http://wp.dreamitsolution.net/dreamit/wp-admin/admin-ajax.php?action=kc_get_thumbn&type=filter_url&id=%2Fwp-content%2Fuploads%2F2020%2F07%2Fcover3.jpg) center center/cover no-repeat scroll;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 59px 15px;
    border-radius: 7px;
}
.flip-box-icon i {
    font-size: 60px;
    color: #fff;
    display: inline-block;
    margin: 26px 0 25px;
}
.flip-box-content h3 {
    font-size: 22px;
    font-weight: 700;
    color: #fff;
}
.flip-box-back {
    background: linear-gradient(rgba(247, 183, 51, 0.90), rgba(247, 183, 51, 0.90)), transparent url(http://wp.dreamitsolution.net/dreamit/wp-admin/admin-ajax.php?action=kc_get_thumbn&type=filter_url&id=%2Fwp-content%2Fuploads%2F2020%2F07%2Fcover2.jpg) center center/cover no-repeat scroll;
    color: white;
    transform: rotateX(180deg);
    padding: 43px 20px;
    border-radius: 7px;
}
.flip-box-content p {
    padding: 20px;
    font-size: 15px;
}