@charset "UTF-8";
/*----------------------------------------*/
/* HEADER CSS START
/*----------------------------------------*/
.web_logo {}
.web_logo img { width:auto; height:40px;}
.header__area{position: relative; z-index: 11;}
.avatar-rounded{border-radius:50%; width:50px; height:50px;}
.dropdown-menu-right{right:0; left:auto}
@media only screen and (min-width: 768px) and (max-width: 991px){.header__area{padding: 20px 0;}}
@media only screen and (min-width: 576px) and (max-width: 767px){.header__area{padding: 20px 0;}}
@media (max-width: 575px){.header__area{padding: 0;}}
.sidebar__area{background:#FFFFFF}
.header__area.sticky{position: fixed; top: 0; left: 0; width: 100%; background: #ffffff; z-index: 99; animation: 300ms ease-in-out 0s normal none 1 running fadeInDown; -webkit-animation: 300ms ease-in-out 0s normal none 1 running fadeInDown; display: block; -webkit-box-shadow: 0px 10px 20px 0px rgba(8, 0, 42, 0.08); -moz-box-shadow: 0px 10px 20px 0px rgba(8, 0, 42, 0.08); box-shadow: 0px 10px 20px 0px rgba(8, 0, 42, 0.08);}
/* ------------导航---------- */
.navbar {font-size:18px;}
.nav-item .nav-link{color:#333333;}
.nav-item .nav-link.active{color:#0D6EFD;}
.nav-item .nav-link:hover{color:#408fff;}

/* sidebar css start */
.sidebar-toggle-btn .line{width: 30px; height: 3px; background-color: #4788FF; display: block; margin: 6px auto; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.sidebar-toggle-btn:hover{cursor: pointer;}
.sidebar-toggle-btn:hover .line{-webkit-transform: rotate(-30deg); -ms-transform: rotate(-30deg); -o-transform: rotate(-30deg); -moz-transform: rotate(-30deg); transform: rotate(-30deg);}
.sidebar-toggle-btn:hover .line:nth-child(1){width: 10px;}
.sidebar-toggle-btn:hover .line:nth-child(2){width: 20px;}
.sidebar__area{position: fixed; right: -340px; top: 0; width: 320px; height: 100%; background: #f1f1f1 none repeat scroll 0 0; overflow-y: scroll; -webkit-box-shadow: -5px 0 20px -5px rgba(0, 0, 0, 0.5); -moz-box-shadow: -5px 0 20px -5px rgba(0, 0, 0, 0.5); box-shadow: -5px 0 20px -5px rgba(0, 0, 0, 0.5); -webkit-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86); -moz-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86); transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86); z-index: 9999; opacity:0.9}
.sidebar__area.sidebar-opened{right: 0px;}
.sidebar__wrapper{position: relative; padding: 30px;}
.sidebar__close{position: absolute; top: 25px; right: 80px;}
.sidebar__close-btn{transition: all 450ms cubic-bezier(0.4, 0.25, 0.3, 1.3); width: 40px; height: 40px; position: absolute; text-align: center; top: 0; left: 50%; transform: translateX(-50%); display: flex; justify-content: center; align-items: center; color: #ffffff; border-radius: 50%; cursor: pointer; overflow: hidden; background: #5590FD; z-index: 99;}
.sidebar__close-btn:focus{border: 1px solid #2a3a57;}
.sidebar__close-btn span{transition: all 400ms cubic-bezier(0.4, 0.25, 0.3, 1.3) 100ms; position: absolute; top: 50%; left: 50%; font-size: 14px; font-weight: 900; line-height: 40px; vertical-align: middle;}
.sidebar__close-btn span:first-of-type{transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%);}
.sidebar__close-btn span:last-of-type{text-transform: uppercase; transform: translate(-50%, 50%); -webkit-transform: translate(-50%, 50%); -moz-transform: translate(-50%, 50%); -ms-transform: translate(-50%, 50%); -o-transform: translate(-50%, 50%);}
.sidebar__close-btn:hover{width: 100px; border-radius: 0;}
.sidebar__close-btn:hover span:first-of-type{transform: translate(-50%, -150%); -webkit-transform: translate(-50%, -150%); -moz-transform: translate(-50%, -150%); -ms-transform: translate(-50%, -150%); -o-transform: translate(-50%, -150%);}
.sidebar__close-btn:hover span:last-of-type{transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%);}
/* mean menu customize */
.mean-container a.meanmenu-reveal{display: none;}
.mean-container .mean-nav{background: none; margin-top: 0;}
.mean-container .mean-bar{padding: 0; min-height: auto; background: none;}
.mean-container .mean-nav > ul{padding: 0; margin: 0; width: 100%; list-style-type: none; display: block !important;}
.mean-container a.meanmenu-reveal{display: none !important;}
.mean-container .mean-nav ul li a{width: 100%; padding: 10px 0; color: #fff; font-size: 13px;}
.mean-container .mean-nav ul li a.mean-expand{margin-top: 0px; height: 15px; line-height: 14px; border-bottom: none; padding: 0; display: inline-block; width: 40px; height: 44px; line-height: 44px;}
.mean-container .mean-nav ul li a.mean-expand:hover{background: #ffffff; color: #1a152e;}
.mean-container .mean-nav > ul > li:first-child > a{border-top: 0;}
.mean-container .mean-nav ul li a.mean-expand.mean-clicked{background: #ffffff; color: #1a152e;}
.mean-container .mean-nav ul li a.mean-expand.mean-clicked i{transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); color: #1a152e;}
/*手机导航目录*/
.mobile-menu{padding-left:8px;}
.mobile-menu li{line-height:42px; font-size:18px;}
.footer_area{ background:#EEEEEE; font-size:14px;}
.footer__bottom-inner{padding: 18px 0;}
.footer__bottom-inner-2{border-top: 1px solid #d5d5dd; text-align:right}
/*二维码*/
#qr_code { width: 100%; overflow: hidden}
#qr_code img { width: 120px; height: 120px;}
/*==========================================*/

/*=======================列表内容页===================*/
/*列表区域*/
.news-wrap{}
.news-wrap h2{font-size:26px; color:#333333; margin:40px 0 10px 0;}
.news-wrap i{ color:#3F68A3}
/*news_list新闻列表*/
.position-line-height{line-height: 50px}
.news_list ul{overflow:hidden;padding:10px 0;}
.news_list li{width:100%;clear:both;overflow:hidden;font-size:18px;border-bottom:1px solid #CCCCCC;padding:10px 0 20px 0;}
.news_list li a,.news_list li a:visited{color:#333333}
.news_list li a:hover,.news_list li a:active{color:#e14d47}
.news_list li h3{width:100%;overflow:hidden;font-size:18px;line-height:42px;}
.news_list li p{width:100%;overflow:hidden;font-size:15px;line-height:32px;color:#666666}
.news_list_time{width:100%;overflow:hidden;font-size:14px;line-height:32px;color:#999999}
.blog-sidebar.left{margin-right:70px;}
.blog-sidebar.right{margin-left:70px}
.blog-search form input{border:1px solid #E1E1E1;padding:11px 43px 11px 12px;width:100%;font-size:14px;color:#606060;font-weight:400;font-family:'Open Sans', sans-serif;}
.content_title{font-size: 26px; font-weight: 800; margin-bottom: 3px;}
@media only screen and (min-width: 992px) and (max-width: 1199px){.content_title{font-size: 40px;}}
@media only screen and (min-width: 576px) and (max-width: 767px){.content_title{font-size: 35px;}}
/*侧边栏搜索*/
.sidebar__search-wrapper{position: relative;}
.sidebar__search-wrapper input{width: 100%;height: 60px;line-height: 60px;padding: 0 22px;padding-right: 50px;border: 2px solid #f0f0f2;background: #f0f0f2;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;outline: none;}
.sidebar__search-wrapper input::placeholder{color: #59586b;}
.sidebar__search-wrapper input:focus{border-color: #4788FF;}
.sidebar__search-wrapper button{font-size: 14px;color: #1a152e;position: absolute;top: 50%;right: 25px;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
/*内容页简介*/
.content_quote{background: #f5f5f9;padding: 30px 40px 10px 40px; line-height:32px;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;position: relative;overflow: hidden;}
.content_quote::before{font-weight: 800;color: #3a81fc;font-family: "微软雅黑", sans-serif;-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);}
.content_quote::after{position: absolute;content: "";left: 0;top: 0;width: 4px;height: 100%;background: #4788FF;}
.content_quote h4{font-size: 20px;font-weight: 600;line-height: 28px;margin-bottom: 15px;}
.content_quote span{font-size: 16px;font-weight: 800;color: #0d0b33;}
/*内容页来源、作者、时间信息*/
.content_info{word-spacing: 20px; font-size:14px; color:#999999}
.content_info ul li{margin-right: 20px;}
.content_info ul li:not(:first-child){margin-right: 30px;}
@media (max-width: 575px){.content_info ul li:not(:first-child){margin-right: 15px;}}
.content_info ul li h6{font-size: 16px;margin-bottom: 1px;}
.content_info ul li span{font-size: 14px;}
/*内容列表右侧*/
.blog__sidebar{padding: 40px 30px;padding-bottom: 35px;-webkit-box-shadow: 0px 30px 50px 0px rgba(8, 0, 42, 0.08);-moz-box-shadow: 0px 30px 50px 0px rgba(8, 0, 42, 0.08);box-shadow: 0px 30px 50px 0px rgba(8, 0, 42, 0.08);-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;}
.content_side-head{padding-bottom:10px; margin-bottom:15px;}
.content_side-title{}
.content_side-title h3{ font-size:18px !important; color:#0d0b33; padding-bottom:15px; margin-bottom:25px; border-bottom:1px solid #e4e4ea; }
.rc__post:not(:last-child){ margin-bottom:12px; }
.rc__thumb img{ -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; }
.rc__title{ font-size:14px; color:#0d0b33; margin-bottom:6px; }
.rc__title a:hover{ color:#4788FF; }
.rc__meta span{ color:#59586b; font-size:14px;}
/*右侧导航*/
.sidebar__catagory ul li:not(:last-child){margin-bottom: 10px;}
.sidebar__catagory ul li a{font-size: 15px;color: #55545b;padding-left: 15px;position: relative;font-weight: 500;background: url("../../images/leftLiBg.png") no-repeat left;}
.sidebar__catagory ul li a:hover{color: #5f3afc;padding-left: 10px;}
.sidebar__catagory ul li a:hover::after{color: #5f3afc;}
.sidebar__catagory ul li a::after{position: absolute;left: 0;top: 58%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);font-size: 15px;color: #55545b;}
/**/
.list_meta span{ font-size:14px;}
.list_title{ font-size:22px; font-weight:400; color:#0d0b33; }
.list_text p{ font-size:14px; }
.list_date span {	color: #59586b;	}
.list_date span i {	padding-right: 3px;	}


.caselogo-grid{ margin-top:-30px; }
.service-icon{ display:inline-block; vertical-align:middle; height:64px; width:64px; position:relative; overflow:hidden; }
.caselogo.caselogo-style-2.text-center{ position:relative; }
.caselogo-style-2 .service-thumb{ overflow:hidden; }
.caselogo-style-2 .service-content{ height:100%; left:0; top:0; transform:scale(1); width:100%; }
.caselogo-style-2 .caselogo-content-inner{ backface-visibility:hidden; padding:0 30px; transform:translateY(0px) translateZ(0px); width:100%; margin-top:5px; }
.caselogo-style-2 .caselogo-content{ -moz-box-align:center; align-items:center; background:rgba(71, 187, 143, 0) none repeat scroll 0 0; color:#ffffff; display:flex; height:100%; left:0; margin:0; position:absolute; top:0; transition:all 0.4s ease-in-out 0s; width:100%; padding:0; }
.caselogo.caselogo-style-2:hover .caselogo-content{ background:#559BE8 none repeat scroll 0 0; transform:scale(1); opacity:0.9; }
.caselogo.caselogo-style-2:hover .caselogo-content h6{ opacity:1; transform:translateY(0px); visibility:visible; }
.caselogo.caselogo-style-2 .caselogo-content h6{ color:#fff; font-family:khula; font-size:22px; font-weight:700; margin-bottom:5px; opacity:0; transform:translateY(-50px); transition:all 0.6s cubic-bezier(0, 0, 0.2, 1) 0s; visibility:hidden; }
.caselogo.caselogo-style-2 .caselogo-content p{ color:#ffffff; font-size:14px; line-height:26px; margin-bottom:0; opacity:0; transform:translateY(50px); transition:all 0.6s cubic-bezier(0.4, 0, 0.2, 1) 0.05s; visibility:hidden; }
.flat-row, .flat-row.flat-video, .page-title, .flat-row.portfolio-slides, .main-content{ padding:50px 0; }
.flat-row.pad-top95px.pad-bottom40px{ padding-bottom:0; }
/*阴影Shadow*/
.grid-shadow, .agileits_w3layouts_nav_right ul li a, .w3layouts_banner_info_right ul li a, .wthree_copy_right p a, .agile_map_grid ul li a, .agileits_w3layouts_footer_grid ul li a{ -webkit-transition:all 0.2s ease-in-out 0s; -moz-transition:all 0.2s ease-in-out 0s; -ms-transition:all 0.2s ease-in-out 0s; -o-transition:all 0.2s ease-in-out 0s; transition:all 0.2s ease-in-out 0s; }
.grid-shadow{ position:relative; z-index:2; }
.grid-shadow:hover{ box-shadow:0 70px 70px rgba(0, 0, 0, 0.2); -moz-transform:scale(1.1); -o-transform:scale(1.1); -ms-transform:scale(1.1); -webkit-transform:scale(1.1); transform:scale(1.1); -moz-transform:translate(0, -10px); -o-transform:translate(0, -10px); -ms-transform:translate(0, -10px); -webkit-transform:translate(0, -10px); transform:translate(0, -10px); z-index:100; }


/*===========================补充=============================*/
.mark, mark {background: #4fc1f0 none repeat scroll 0 0;color: #ffffff;}
/*大屏幕*/
@media screen and (min-width:1200px){

	}
/*中屏幕*/
@media (min-width:768px) and (max-width:1200px){

	}
/*小屏幕*/
@media screen and (max-width:767px){

	}