@charset "UTF-8";


body{margin:0;padding:0;font:14px/200% "Microsoft YaHei",\5FAE\8F6F\96C5\9ED1,Helvetica,Arial;color:#333;}
a,a:link{color:#333;text-decoration:none}/*未访问*/
/*a:visited {color:#999}*//*已访问*/
a:focus,a:hover{color:#2f82ff;text-decoration: none;outline:0;-moz-outline:none}/*鼠标悬停*/
a:active{color:red}/*被选择*/
ul,li{list-style:none;margin:0;padding:0;}
input,textarea{outline:0;-moz-outline:none}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{color:#333;font-weight:500;line-height:150%}
.h1,.h2,.h3,.h4,.h5,.h6{margin:0;padding:0}
img{padding:0;margin:0;border:0;height:auto!important;max-width:100%!important;max-height:auto!important}

@media (min-width:992px){
	.transition,:active,:focus,:hover,:link,:visited{-webkit-transition:all .15s linear;-moz-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear}
}

/*文本选择*/
::-moz-selection {background:#09F;color:#fff}
::selection {background:#09F;color:#fff}

hr{margin:30px 0;border:0;border-top:1px solid #ddd}
hr.small{margin:15px 0}
hr.big{margin:45px 0}
hr.white{border-color:rgba(255,255,255,.3)}
.nowrap{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:block}

/*placeholder*/
:-moz-placeholder,:-ms-input-placeholder,::-moz-placeholder,::-webkit-input-placeholder{color:#999;font-size:12px}

/*全局标签*/

.h-h2 {font-size:24px;color:#a12980;padding:0;margin:0 0 10px 0;line-height:150%; float:left;}
@media (min-width:768px){
}

.h-h3{font-size:18px;color:#333;padding:0;margin:0 0 10px 0;line-height:150%}

@media (max-width:767px){
	.h-h2{font-size:20px}
}


/*btn*/
a.btn-center,a.btn-center-white{text-align:center;font-size:12px;padding:4px 30px 2px 30px;margin:10px 5px 0 5px;color:#999;border:1px solid #ddd;display:inline-block;border-radius:18px}
a.btn-center-white{color:#fff;border:1px solid hsla(0,0%,100%,0.50)}
a.btn-center.x{font-size:10px;padding:2px 30px 0 30px}
a.btn-center.d{padding:2px 60px 0 60px}
a.btn-center:hover,a.btn-center-white:hover,a.btn-center.hover{background-color:#e3565a;border:1px solid #e3565a;color:#fff;text-decoration:none}

@media (max-width:767px){
	a.btn-center{margin:15px 10px 0 10px;padding:4px 20px 2px 20px}
}


.top_bar {background: #f3f9ff; padding:10px 0;}
.top_bar dl { margin:0; }
.top_bar dl dt {font-weight:normal; float:left;}
.top_bar dl dd { float:right; text-align:right;}
.top_bar dl dd span.p1 { color:#F00; font-weight:bold; padding-left:10px;}
.top_bar dl dd span.p2 { padding:0 10px;}
.top_bar dl dd span.p3 { padding-left:10px;}


/*header*/

.header_bg {background: linear-gradient(180deg,#1784ff 0%,#36cbff 100%);}

.navbar-fixed-top {position: relative}
.navbar-default{padding:0;-webkit-transition:all .25s linear;-moz-transition:all .25s linear;-o-transition:all .25s linear;transition:all .25s linear;}
.navbar-default .container { }
.navbar-default .navbar-toggle:hover{background-color:none; }
.navbar-default .navbar-toggle .icon-bar{background-color:#2f82ff;}
.navbar{margin-bottom:0; min-height:100px;}


/*logo*/

.logo{margin-top:20px;padding:0;}
.logo a { font-weight:bold; color:#333; font-size:36px;}
.navbar-brand{width:270px;height:30px;background:url(../images/logo.png) no-repeat left top;background-size:auto 30px;text-indent:-9999px;overflow:hidden;display:block;font-size:14px;padding:0 15px;margin:15px 0}
.navbar-brand {margin-left:0 !important}

@media (max-width:767px){
	.navbar-default{background-color:#fff;box-shadow: 0 1px 10px rgba(0, 0, 0, 0.15);}
	.navbar-toggle{padding:8px 9px;margin-top:22px;}
	.navbar-default .navbar-toggle{background:none;border:none;}
	.navbar-fixed-top{position:fixed;right:0;left:0;z-index:1030; top:0px;}
	.navbar-default .container {padding-top: 0px; padding-bottom: 0px; }
	.navbar-default .navbar-toggle .icon-bar{background-color:#2f82ff;width: 25px;height: 3px;}
	.navbar-toggle .icon-bar+.icon-bar { margin-top: 6px;}
}

/*nav*/

.navbar-default .navbar-nav li a{font-size:18px;line-height:96px;display:block;padding:0;margin:0 30px;color:#333; border-bottom:4px solid #fff;}
.navbar-default .navbar-nav li a:hover {color:#2f82ff; text-decoration: none;}
.navbar-default .navbar-nav li a.hover{color:#2f82ff; text-decoration: none;  border-bottom:4px solid #2f82ff;}

.navbar-default .navbar-nav li:last-child a { margin-right: 0;}

@media (min-width:768px){
	.navbar-default .navbar-nav > li {position:relative}
	.navbar-default .navbar-nav > li > ul {width:100%;background:#fff;display:none;position:absolute;z-index:999;left:0;top:100px;-webkit-box-shadow:0 1px 5px hsla(0,0%,0%,0.30);box-shadow:0 1px 5px hsla(0,0%,0%,0.20)}
	.navbar-default .navbar-nav > li:hover > ul {display:block}
	.navbar-default .navbar-nav > li > ul > li a {font-size:12px;color:#333;padding:5px 20px; margin:0; line-height:30px;background-color:rgba(255,255,255,0);border-top:1px solid hsla(0,0%,100%,0.10); text-decoration:none; text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;border-bottom:none;}
	.navbar-default .navbar-nav > li > ul > li:nth-child(1) a {border-top:0}
	.navbar-default .navbar-nav > li > ul > li a:hover {background:#eee;}
}
@media (max-width:767px){
	.navbar-default .navbar-nav {float:inherit !important}
	.navbar-default.sticky .navbar-nav li a {color:#fff !important;line-height:50px;text-decoration:none; border-bottom:1px solid hsla(0,0%,100%,0.20)}
	.navbar-default .navbar-nav > li > ul { padding-left:15px}
	.navbar-default .navbar-collapse {background-color:#fff; padding-bottom:30px;}
	.logo { width:40%; padding-left:15px;margin-top: 10px;}
	.navbar-default .navbar-nav li a { color:#333;font-size:16px;line-height:50px;border-radius:0px; border-bottom:1px solid rgba(0,0,0,0.20);}
	.navbar-default .navbar-nav li a:hover {color:#f60;}
	.navbar-default .navbar-nav li.hover a{color:#f60;background:none;}
	
	.navbar-default .navbar-nav li a.hover {border-bottom: 1px solid #2f82ff;}
	.navbar-default .navbar-nav li:last-child a { margin-right: 30px;}
	
	.navbar {min-height: 70px;}
}




/*sticky*/

.navbar-default.sticky {background-color:#fff;border-bottom:1px solid #ddd}
.navbar-default.sticky .navbar-brand {background-image:url(../images/logo-red.png)}
.navbar-default.sticky .navbar-nav li a{color:#333}
.navbar-default.sticky .navbar-nav li.hover a,.navbar-default.sticky .nav-ico li a:hover {color:#e3565a}
.navbar-default.sticky .nav-ico li a {color:#ccc}
.navbar-default.sticky .nav-ico li:nth-child(1) {border-right:1px solid #ddd}



.try-app { padding: 70px 0px 80px 0px; position: relative;overflow: hidden;/*background: #1668ec;background: linear-gradient(to right, #1668ec 0%,#685ac5 100%);*/z-index:1;background: url(../images/bg-slider-bebuilder.jpg) center bottom;}
/*
.try-app::after {
    content: '';
    background-image: url(../images/header-shape.svg);
    background-size: 101%;
    background-repeat: no-repeat;
    background-position: bottom;
    display: block;
    height: 100%;
    position: absolute;
    bottom: -1px;
    left: -1px;
    right: 0px;
    z-index:-1;
}
*/
.try-app .primary-heading { color:#fff; font-size:45px; margin:0; font-weight:bold; letter-spacing:10px;}

.try-app .description { color:#fff; font-size:20px; padding:20px 0;}

.slider-demos { padding:0 8%; margin-top:30px;}



/*search*/

.search { position: relative; width:60%; margin:0 auto;margin-bottom:20px;}

.key{width:100%;padding:0 10px;border:none;/*background: rgba(0,0,0,0.85);*/height:50px;line-height:50px;border-radius: 4px; border:1px solid #ddd;}
.s-btn{width: 108px; height: 42px; line-height:42px;border-radius: 4px;text-align: center; color: #fff;font-size: 16px; background:#2f82ff; position: absolute; right: 4px; top: 4px;border:none;}

@media (max-width:767px) {
	.try-app {padding: 50px 0px 50px 0px;}
	.try-app .primary-heading {font-size:24px;}
	.try-app .description {font-size:16px; padding:20px 0;}
	.search { position: relative; width:100%; margin:0 auto;margin-bottom:20px;}
}


/*** index main ***/

.i_jz_model {padding:50px 0 20px 0;}

.bt-tit { text-align:center;  padding-bottom:30px;}
.bt-tit h2 { font-weight: bold;font-size:40px; margin:0;letter-spacing: 3px;}
.bt-tit p { font-size:18px; margin:0;padding-top:5px; color:#999;}

.i-c-tit { font-size: 22px; color: #333; border-bottom: 1px solid #ddd; padding: 15px 15px; margin-bottom:40px; text-align:center;}

.nav-tabs>li>a, .nav-tabs {border: none; line-height: 2; font-size:20px; color:#333;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {border:none; color: #2f82ff;}
.nav-tabs>li { float:none; display:inline-block; padding:0 20px;}

.i_jz_model .t-img { text-align:center;}
.i_jz_model .t-wz1 { font-size:30px;color:#333; font-weight:bold; padding-top:40px; line-height:50px;}
.i_jz_model .t-wz2 { font-size:24px;color:#333; padding:25px 0;}
.i_jz_model .t-wz3 ul {}
.i_jz_model .t-wz3 ul li { float:left; border:1px solid #ddd; margin:5px; padding:0 10px;}
.i_jz_model .t-wz4 { margin-top:30px;}
.i_jz_model .t-wz4 a { display:block; width:150px; text-align:center; background:#2f82ff; height:42px; line-height:42px; border-radius:30px; font-size:16px; color:#fff;}
.i_jz_model .t-wz4 a:hover { background:#333; text-decoration:none;}


@media (min-width:1200px) {
}

@media (max-width:767px) {
	.i_jz_model {padding:20px 0 40px 0; margin-top:10px;}
	
	.bt-tit { text-align:center;  padding-bottom:20px;}
	.bt-tit h2 { font-size:24px;letter-spacing:1px;}
	.bt-tit p { font-size:14px; padding-top:10px; }
	
	.i-c-tit { font-size: 22px; padding:0; margin-bottom:10px; }
	
	.nav-tabs>li>a, .nav-tabs {border: none; line-height: 2; font-size:16px; color:#333;}
	.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {border:none; color: #2f82ff;}
	.nav-tabs>li { float:none; display:inline-block; padding:0 10px;}
	
	.i_jz_model .t-wz1 { font-size:20px; padding-top:0px; line-height:30px;}
	.i_jz_model .t-wz2 { font-size:16px; padding:10px 0;}
	
	
}

/***---  index case  ---*****/

.i_jz_case { background:#f6f7f9; padding:50px 0 20px 0;}

.i_jz_case .block { margin-bottom:30px;}

.block { background: #f0f2f7; background: -o-linear-gradient(top,#f0f2f7,#fff); background: -webkit-gradient(linear,left top,left bottom,from(#f0f2f7),to(#fff)); background: linear-gradient(180deg,#f0f2f7,#fff); border: 2px solid #fff; -webkit-box-shadow: 6px 6px 15px 0 rgb(136 167 225/10%), -6px -6px 15px 0 #fff; box-shadow: 6px 6px 15px 0 rgb(136 167 225/10%), -6px -6px 15px 0 #fff; border-radius: var(--radius-lg); -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s;}

.block:hover{-webkit-box-shadow:10px 10px 20px 0 rgb(136 167 225/15%),-6px -6px 15px 0 #fff;box-shadow:10px 10px 20px 0 rgb(136 167 225/15%),-6px -6px 15px 0 #fff}

.browser-window {border-radius: 4px;display: block;transition: 0.3s;}

.browser-content { padding: 0px;overflow: hidden; position: relative;}

.browser-window.sliding .bar-img { max-height: 250px; overflow:hidden; margin:20px 20px 0 20px;border: 1px solid #f0f2f7; border-radius:5px;}
.browser-window.sliding .bar-img img {transform: translate3d(0,0,0);width: 100%;transition: 1s ease-in-out; border-radius:5px;}
.browser-window.sliding:hover img {transform: translateY(calc(-100% + 235px));transition: 2.5s linear;}


.browser-window .dot { height: 8px; width: 8px; background-color: #bbb; border-radius: 50%; display: inline-block;}
.bar-dots { width: 40px; margin-left: 2px; margin-top: -1px;}
.browser-bar {background: #f2f2f2;padding: 8px 10px;border-radius: 4px 4px 0 0;display: flex;}

.browser-bar .bar-url {width: calc(100% - 43px); border-radius: 4px; border: none; background-color: white; height: 25px; line-height: 25px; color: #aaa; padding: 0 10px;margin: 0;font-size: 12px;pointer-events: none;box-shadow: none;}

.listing-badge {background-color: #333;float: left;position: absolute;transform: rotate(45deg);right: -37px;top: 10px;text-align: center;width: 122px;font-size: 12.5px;margin: 0;z-index: 999;color: #fff;font-weight: 600;line-height: 28px; background-color: #54ba1d;z-index: 10;}
.bar-txt { padding:20px; text-align:center; font-size:16px; }

.bar-cc dl{ padding:0 10px 10px 10px; margin:0;}
.bar-cc dl dt {width:70%;float:left; font-size: 12px;}
.bar-cc dl dt div.t1 { padding:0 6px; float:left; height:30px; line-height:30px;font-weight: normal;}
.bar-cc dl dt div.t1 i { color: #2f82ff; margin-right: 10px;}
.bar-cc dl dt div.t2 {  float:left; height:30px; line-height:30px;font-weight: normal;}
.bar-cc dl dt div.t3 {  padding:0 6px; float:left; height:30px; line-height:30px;font-weight: normal;}
.bar-cc dl dd {width:30%;float:right; text-align:right;line-height:30px;}

.bar-bh { color:#C00; padding:10px 0; background:#fff; border-top:1px solid #eee;}

.red {background-color:#F00;color:#fff;}
.blue{background-color:#06F;color:#fff;}
.green{background-color:#333;color:#fff;}

.wu { display:none;}

@media screen and (max-width: 767px) {
	.i_jz_case { }
	.bar-cc dl dt {width:100%;float: none;}
	.bar-cc dl dd {width:100%;float:none; text-align:right;line-height:30px;}
}

/***  index kouhao  ***/
.i_jz_kou {background:#f6f7f9; padding-bottom:50px;}
.jz_kou_con {border-radius: 20px;position: relative; height:270px; overflow:hidden;}


.bg-cover { -ms-background-size: cover; background-size: cover; background-repeat: no-repeat; background-position: center;background-attachment: fixed;position: absolute; top: 0; left: 0; right: 0; bottom: 0;border-radius: 20px; z-index:1;}

.card-body { z-index:99;position: absolute; width:100%; padding-top:60px; }
.card-body h2 { width:60%; margin:0 auto;color:#fff; font-size:36px; font-weight:bold; padding-bottom:20px;}
.card-body h3 { width:60%; margin:0 auto;color:#fff;}


/***  index news  ***/

.i_jz_news {background:#f6f7f9;}

.jz_news_con {padding:20px;border-radius: 20px;}

.title-header {position: relative; height:60px;}
.title-header h3 { z-index:22;position: absolute; left:20px; top:0; margin:0; font-weight:bold; font-size:30px;}
.title-header .point-1 { position: absolute;width: 30px; height: 30px; left: 0; top: 1px; position: absolute; background:#06F; z-index:0; border-radius:50px;opacity: .2;}
.title-header .point-2 { position: absolute;width: 18px; height: 18px; left: 15px; top: 15px; position: absolute; background:#06F; z-index:0; border-radius:50px;opacity: .2;}

.jz_news_con ul { padding-left:20px;}
.jz_news_con ul li { line-height:42px; font-size:16px;height:42px; overflow:hidden;text-overflow: ellipsis; white-space: nowrap;}
.jz_news_con ul li i { padding-right:10px; }


.jz_news_con .t-wz4 { margin-top:20px;}
.jz_news_con .t-wz4 a { display:block; width:90%; text-align:center; background:#e5edfd; line-height:50px; border-radius:5px; font-size:16px; color:#2f82ff; margin:0 auto;}
.jz_news_con .t-wz4 a:hover { background:#2f82ff; color:#fff; text-decoration:none;}



/* ---  index youshi  ---*/

.i_jz_yous {background:#f6f7f9; padding:50px 0;}

.w-lyitemcot { text-align:center; padding: 30px; border-radius: 20px; }
.w-lyitemcot i { font-size: 36px; text-align: center; display: block; margin: 10px 0 20px 0; color: #2f82ff;}
.w-lyitemcot h2 { margin: 10px 0; text-align: center; font-size: 26px; color: #192646; font-weight:bold;}
.w-lyitemcot p { line-height: 24px; color: #8C919C; font-size: 16px; text-align: center;}
.w-lyhasbg {background: #2f82ff; box-shadow: 0px 0px 15px rgba(1,9,28,0.25); color: #fff;}
.w-lyhasbg i, .w-lyhasbg h2, .w-lyhasbg p { color: #fff;}

@media screen and (max-width: 767px) {
	.i_jz_yous { padding:20px 0;}
	
	.w-lyitemcot { padding:15px; border-radius:10px; }
	.w-lyitemcot i { font-size: 20px; margin: 10px 0 0px 0;}
	.w-lyitemcot h2 { margin: 10px 0; font-size:22px; line-height:30px;}
	
	.i_jz_yous .col-xs-6 { margin-bottom:20px;}
}



/*页脚*/
.foot {font-size:14px; background:#fff;padding-top:30px;}
/*
.foot .copy {}
.foot .copy a {color:#fff; padding:0 10px;}
.foot .copy dl dt { font-size:16px; color:#fff; padding-bottom:10px;}
.foot .copy dl dd { line-height:28px;}
*/

.footer-body { line-height:36px;}

.fcontent { padding-bottom:10px;line-height:26px;}

.fmenu i {color: #2f82ff;}
.fmenu a.links-item { padding:0 15px;position: relative; }
.fmenu a.links-item:after { content: ''; position: absolute; right: 0; top: 50%; width: 2px; height: 10px; background-color: #ddd; -webkit-transform: translate(0%,-50%); -ms-transform: translate(0%,-50%); transform: translate(0%,-50%);}

.flinks {color: #999;}
.flinks i {padding-right:10px;color: #2f82ff;}
.flinks a.links-item { padding:0 15px;position: relative; color: #999;}
.flinks a.links-item:after { content: ''; position: absolute; right: 0; top: 50%; width: 2px; height: 10px; background-color: #ddd; -webkit-transform: translate(0%,-50%); -ms-transform: translate(0%,-50%); transform: translate(0%,-50%);}


.foot p {color:#999; margin-bottom:0; font-size:14px;}

.fcopy { background:#f0f2f7; padding:20px 0; text-align:center; margin-top:20px;}

@media (max-width:767px){
	.foot .copy {display: none}
	
	.foot p img { width:40%;}
}



.go-top {display: none;  z-index: 999999; position: fixed; bottom: 100px; right: 30px; width: 45px; height: 45px; line-height:45px; text-align:center; background: #2f82ff; border-radius: 45px; cursor: pointer;box-shadow: 0 0 25px rgba(23, 23, 23, .25);}

.go-top:hover {background:#333; text-decoration:none;}

.go-top .arrow i { color:#fff; font-size:20px;}





/***  ------  list body  ------  ****/

.ny-try-app { padding: 80px 0px 160px 0px; position: relative;overflow: hidden;background: #1668ec;background: linear-gradient(to right, #1668ec 0%,#685ac5 100%);z-index:1;}

.ny-try-app::after { content: ''; background-image: url(../images/header-shapes.svg); background-size: 101%; background-repeat: no-repeat; background-position: bottom; display: block; height: 100%; position: absolute; bottom: -1px; left: -1px; right: 0px; z-index:-1;}

.ny-try-app .primary-heading { color:#fff; font-size:45px; margin:0; font-weight:bold; letter-spacing:10px;}
.ny-try-app h3 { color:#fff; }
.ny-try-app .description { color:rgba(255,255,255,0.5); font-size:16px; padding:20px 0;}
.ny-try-app .description a { color:#fff; }


@media (max-width:767px){
	.ny-try-app {padding: 50px 0px 60px 0px;}
	.ny-try-app .primary-heading { font-size:20px; letter-spacing:2px;}
	.ny-try-app h3 { font-size:16px; }
	.ny-try-app .description { font-size:14px; padding:10px 0;}
}


/*=== list news css =======*/


.l_jz_news { padding:40px 0; background:#f6f7f9;}

.l-left { width:72%;float:left;}



.blog-item {-webkit-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;background: #f5f6fb; margin-bottom:30px;}

.blog-item:hover{-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.15);box-shadow:0 5px 10px rgba(0,0,0,0.15)}
.blog-item:hover .blog-content .title a{color:#2f82ff}
.blog-item:hover .blog-content .btn-dark{background-color:#2f82ff;border-color:#2f82ff}
.blog-content{padding:35px 30px 40px 30px; border-radius:20px;}



.blog-content .short-desc{font-size:14px;line-height:26px;color:#626262;margin-bottom:20px;}
.blog-column-2 .blog-content .title{font-size:28px}

.blog-meta ul{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}
.blog-meta ul li{display:inline-block;font-size:14px}
.blog-meta ul li.date { line-height:40px;}
.blog-meta ul li.date i{color:#2f82ff;font-size:14px;margin-right:10px;vertical-align:middle}

.blog-content h5.title{font-size:24px; padding-top:15px;}

.blog-meta ul li a.t1 { background:#2f82ff; padding:0px 20px;line-height:40px; color:#fff; margin-right:15px; border-radius:30px; display:inline-block;}

.button-wrap { border-top:1px solid #f1f1f1; padding-top:20px;}

.button-wrap ul{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}
.button-wrap ul li{display:inline-block;font-size:14px}

.button-wrap a{background:#eee;color:#2f82ff;padding:2px 20px;font-size:14px;display: inline-block;border-radius:30px; margin:0 5px;}
.button-wrap a:hover{background:#333;color:#fff;}



.newlist li {
	padding: 20px;
	border-bottom: 1px solid #f6f6f6;
}
.newlist li:hover .new_img img {
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
}
.newlist .l-img {
	position: relative;float:left;width: 30%;
}
.newlist .new_img {
	display: block;
	width: 100%;
	height: 180px;
	overflow: hidden;
}
.newlist .new_img img {
	width: 100%;
}
.newlist .new_img img {
	transition: 0.4s ease-in-out;
	-webkit-transition: 0.4s ease-in-out;
	-moz-transition: 0.4s ease-in-out;
	-ms-transition: 0.4s ease-in-out;
	-o-transition: 0.4s ease-in-out;
}
.newlist .main_news {
	width: 66%;float:right;
}
.main_news h3 {
	display: inline-block;
	font-size: 22px;
	font-weight: bold;
	color: #333;
	vertical-align: middle;
	width: 100%;
}
.main_news h3 a {
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%;
}
.newlist ol li:hover .main_news header h3 a {
	color: #ff4b4b;
}

.newlist .l-img .tag {
	position: absolute;
	top: 10px;
	left: 10px;
	background-color: rgba(0,0,0,0.7);
	padding: 5px 8px;
	border-radius: 3px;
	font-size: 12px;
	color: #fff;
	margin-left: 2px;
	margin-top: 3px;
	vertical-align: middle;
	display: inline-block;
}
.main_news .main_article {
	color: #777;
	font-size: 15px;
	overflow: hidden;
	margin-bottom:15px;
}
.newlist .meta {
	font-size: 12px;
	color: #bbb;
}
.newlist .meta span {
	font-size: 14px;
	padding-right: 16px;
}
.newlist .meta span i {
	padding-right: 8px;
}
.newlist .meta a {
	display: inline-block;
	font-size: 14px;
}


@media (max-width: 479px){
	.blog-meta ul li{font-size:12px}
	.blog-content .title{font-size:20px}
}

.blog-item-wrap.list-item-wrap .blog-content{height:100%}




.l-right { width:25%;float:right;}
.sidebar-area { padding:15px; border-radius:20px;}
.widgets-searchbox{position:relative; margin:20px 0 0px 0;}
.widgets-searchbox .input-field{border:1px solid #dee2e6;width:100%;height:50px;padding-left:15px;padding-right:75px}
.widgets-searchbox-btn{background:#2f82ff;border:0;position:absolute;top:50%;right:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);font-size:18px;padding:0 20px;height:50px; color:#fff;}
.widgets-title{font-weight:500;font-size:18px}

.widgets-area { margin-top:20px;padding:15px;border-radius:20px;}
.widgets-title {font-size: 24px; color: #333; font-weight:bold;border-bottom:1px solid #ddd; padding-bottom:15px; margin-bottom:15px; margin-top:0px;}

.widgets-category li a { font-size: 14px;display: block;border-bottom:1px dashed #ddd; padding-bottom:15px; }


.widgets-category li a i { padding-right:10px;}

.widgets-category li:not(:last-child) { padding-bottom: 20px;}


.widgets-category li.hover a {color: #2f82ff;}



.product-list-item { text-align:center;}
.pro-list-item .title { font-weight: normal; font-size: 16px;}
.r-blog-meta {text-transform: uppercase;display: inline-block;font-size: 12px; color:#999;}
.product-list-item .pro-img{}
.product-list-item .pro-content {}

.nycaseSwiper { overflow:hidden; width:100%; }
.nycaseSwiper .swiper-slide {overflow:hidden;}
.nycaseSwiper .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; }


.widgets-tags{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.widgets-tags li:not(:last-child) a{margin-right:10px;margin-bottom:10px;}
.widgets-tags li a {border:1px solid #F99; color:#F99;padding:5px 10px;font-size:14px;display:block; border-radius:5px;}


.widgets-tags li.color01 a {border:1px solid #c00; color:#c00;}
.widgets-tags li.color02 a {border:1px solid #f9c; color:#f9c;}
.widgets-tags li.color03 a {border:1px solid #9cf; color:#9cf;}
.widgets-tags li.color04 a {border:1px solid #c9f; color:#c9f;}
.widgets-tags li.color05 a {border:1px solid #cc6; color:#cc6;}
.widgets-tags li.color06 a {border:1px solid #9fc; color:#9fc;}
.widgets-tags li.color07 a {border:1px solid #fc9; color:#fc9;}

.widgets-tags li a:hover{border:1px solid #2f82ff; background:#2f82ff; color:#fff; }


.top-bg { position: relative; padding: 100px 0px 200px 0px; overflow: hidden; background: #1668ec; background: linear-gradient(to right, #1668ec 0%,#685ac5 100%);z-index:1;}
.top-bg::after { content: ''; background-image: url(../images/header-shape.svg); background-size: 101%; background-repeat: no-repeat; background-position: bottom; display: block; height: 100%; position: absolute; bottom: -1px; left: -1px; right: 0px; z-index:-1;}


.filter-bar li { padding: 5px 0;}
.filter-s a { padding: 5px 10px;}
.filter-s a.is-checked { background: #ffb806; color: #fff;}
.filter-s label { color: #ffb701; font-size: 15px; font-weight: 600;  margin-right: 15px;}


.content-poster { padding-bottom:30px;}
.content-poster h1 { font-weight:bold; margin-top:0;}
.nyaboutCons { padding:50px; border-radius:20px; font-size:18px;}

.nyaboutCons h3 { font-weight:bold;}
.nyaboutCons blockquote {border-left: 5px solid #2f82ff;background: #fff;font-size:18px;}
.nyaboutCons pre {background: #333; color: #fff; padding:15px;border-radius: 5px;text-shadow: rgba(0, 0, 0, 0.3) 0px 1px;font-size:14px;line-height:36px;}

.detailTag { padding-right:15px;}

.nymubanCons { padding:20px 0; font-size:18px;}
.nymubanCons h3 {border-left: 5px solid #2f82ff; background: #fff; color:#2f82ff; font-size:18px; padding-left:15px; font-weight:bold; margin:20px 0;}

.lyMoban-xgmb { padding:40px 0;}

.xgMb-wrapper ul li a { display: block; width: 100%; height: 36px; overflow: hidden; line-height: 36px; color: #333; font-size: 16px; text-overflow: ellipsis; white-space: nowrap; margin: 0 auto 4px; padding: 0;}
.xgMb-wrapper ul li a:hover {color:#C00; text-decoration:underline;}

@media screen and (max-width: 767px) {
	
	.l-left { width:100%;float:none;}
	
	.main_news .main_article { font-size:14px; line-height:24px; height:48px; overflow:hidden;}
	.newlist .l-img { display:none;}
	.newlist .main_news { width:100%;float:none;}
	.main_news h3 {    font-size: 16px; font-weight: bold;}
	
	.l-right { width:100%;float:none;}
	
	.nyaboutCons { padding:30px 20px; border-radius:10px; font-size:14px;}
	
	.content-poster h1 { font-size:24px;}

}


/* -- case detail -- */


.d_jz_main { /*background:#fff; margin:0px 0;*/}
.d_jz_main .l-d-left { width:30%;float:left;}

.d_jz_main .l-d-right { width:64%;float:right; margin-right:3%;}

.d_jz_main .l-d-right .case-title{ font-size: 28px; padding:20px 0 10px 0; text-align: left; margin:0;}

.d_jz_main .l-d-right .case-sh { background:#2f82ff; color:#fff; border-radius:5px;padding:5px 20px; font-size:14px; margin:15px 0;}
.d_jz_main .l-d-right .case-sh span { padding-right:10px;}

.d_jz_main .l-d-right .case-pr { font-size:12px;}
.d_jz_main .l-d-right .case-pr span {padding-right:10px;}
.d_jz_main .l-d-right .case-pr i { color:#000; padding-right:10px;}

.case-fea{ display: block;width: 100%; margin-top: 15px;}
.case-fea a{ margin: 5px; background:#ddd; display: inline-block; padding:1px 12px; border-radius:20px; color:#060;}

.case-zy { font-size:18px; padding-top:10px;}
.case-zy span.g1 { color:#F00;}
.case-zy span.g2 { color:#03C;}

.case-btn { padding:20px 0 30px 0;}
.case-btn a.b1 { display:inline-block; background:#096; padding:8px 30px; font-size:18px; color:#fff;border-radius:5px; margin-right:10px;}
.case-btn a.b2 { display:inline-block; background:#F60; padding:8px 30px; font-size:18px; color:#fff;border-radius:5px; margin-right:10px;}
.case-btn a.b3 { display:inline-block; background:#03C; padding:8px 30px; font-size:18px; color:#fff;border-radius:5px;}
.case-btn a.b1:hover, .case-btn a.b2:hover, .case-btn a.b3:hover { background:#C00;}

.d-case-a { padding:20px 0;}

.d-case-sm { border:1px dashed #ddd; padding:10px; color:#F00; text-align:center; background:#f4f4f4;}
.blog-p-con-a .blog-time {text-align:center; margin:10px 0; background:#eee;padding:10px 0;}
.blog-p-con-a .blog-time i {padding-right:10px;}
.blog-p-con-a .blog-time .split-line {display: inline-block; margin-left: 15px; margin-right: 15px; width: 1px; height: 14px; vertical-align: -2px; background-color:#333;}

.blog-p-con-a .lable {padding:20px 0;}
.blog-p-con-a .lable a{color:#337ab7; padding:5px 8px; border: 1px solid #337ab7; border-radius:5px; margin-right:10px;transition:.5s}
.blog-p-con-a .lable a:hover{background-color:#2f82ff;color:#fff}

.blog-p-con-a .kongkai {color: #31708f; background: #d9edf7; padding:10px 8px; margin:10px 0 30px 0; border: 1px solid #bce8f1; border-radius: 4px;}

.text-sec {color: #337ab7; font-size:16px;}

.blog-p-con-c {border:1px solid #ddd; margin:20px 0;}
.blog-p-con-c .widgets-title {font-size: 20px; padding:10px 20px; color: #337ab7;}
.blog-p-con-c ul li { padding-left: 18px; width: 45%; margin-right: 5%; display: inline-block; vertical-align: top; margin-bottom: 12px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; position: relative; font-weight:normal;}
.blog-p-con-c ul li:before { content: ''; position: absolute; top: 10px; left: 0; width: 6px; height: 6px; border-radius: 10px; background-color: #999999;}
.blog-p-con-c ul li i{ padding-right:10px;}

.blog-p-con-c .nyNews_con { padding:20px; border-bottom: 1px dashed #ddd;}
.blog-p-con-c .nyNews_con .title a { display: block; font-weight: 700; color: #2b2b2b; font-size: 18px;}
.blog-p-con-c .nyNews_con .desc { margin: 10px 0 0 0; color: #8a8a8a;}

.tagTit { margin:0 0 20px 0; font-size:24px; font-weight:normal;}
.tagTit span { color: #C00;}

.lyMoban-bt {border-left: 5px solid #2f82ff; background: #fff; color:#2f82ff; font-size:18px; padding-left:15px; font-weight:bold; margin:20px 0;}
.lyMoban-jj { padding-bottom:30px; font-size: 18px;}

#gallery{overflow:hidden; padding:20px; border-radius:5px; background:#000;}
#gallery ul{list-style:none;width:100%;}
#gallery ul li{display:inline;float:left;margin-top:7px;margin-bottom:7px;margin-right:12px;}
#gallery ul li a{display:block;overflow:hidden;position:relative;border-radius:3px;box-shadow:rgba(0,0,0,.15) 0 0 8px;background:#fff;border:1px solid #ddd;padding:5px}
#gallery ul li a:hover{border:1px solid #FF4146;background:#ffc;box-shadow:#FF4146 0 0 8px}
#gallery ul li a span{background:#000;display:block;text-align:center;height:22px;color:#fff;line-height:22px;bottom:5px;position:absolute;filter:alpha(opacity=60);opacity:.6}
#gallery ul li a em{text-align:center;padding:0 5px;height:22px;line-height:22px;font-style:normal;color:#fff;bottom:5px;font-family:宋体;font-size:12px}
#gallery ul li a u{display:block;height:160px;overflow:hidden}
#gallery ul img{margin:0;padding:0;border:none;border-radius:0}
#gallery ul a:hover{text-decoration:none;color:#ccc}
#gallery ul li a span{cursor:pointer}
#gallery ul img,#gallery ul li a span,#gallery ul li a u{width:160px}
#gallery ul li a em{width:118px;text-align:center;height:22px;line-height:22px}


/***--  about-area-v1  --***/

.about-area-v1 {padding:50px 0;}

.section-title span.span { text-transform: uppercase; font-weight: 500; letter-spacing: 2px; margin-bottom: 10px; color: #2f82ff;}
.section-title h2 { margin-top:0; margin-bottom:20px; font-size: 46px; font-weight:bold;}
.section-title-white h2{ color: #fff;}

.about-area-v1 .about-content-box { padding-left: 25px;}
.about-area-v1 .about-content-box p{ margin-bottom: 30px;}
.about-area-v1 .about-content-box h5{ font-size: 20px; margin-top: 0; margin-bottom: 10px; font-weight:bold;}

.d-flex { display: -ms-flexbox!important; display: flex!important;}
.about-list-item .list-item .check-box { min-width: 60px; max-width: 60px; height: 60px; background-color: #2f82ff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; place-content: center; border-radius: 5px; margin-right: 24px;font-size: 24px;}
.about-list-item .list-item .check-box i {font-size:42px; color: #fff;}


/*======  Start service css =========*/

.service-area-v1{ padding: 60px 0 40px 0;background-color: #fff;}
.service-area-v1 .section-title { padding-bottom: 20px;}
.service-area .single-service-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;  background-color: #fff; padding: 35px 35px;  border-radius: 5px; cursor: pointer; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; margin-bottom: 30px;}
.service-area .single-service-item h5{ margin-top: 0px; margin-bottom: 10px; font-weight:bold; font-size: 22px;}
.service-area .single-service-item p { opacity: .8; font-size: 16px;}
.service-area .single-service-item .icon { min-width: 60px; max-width: 60px; margin-right: 30px;}
.service-area .single-service-item .icon i{ font-size:42px; color:#2f82ff;}

.service-area .single-service-item:hover { background-color: #222429;}
.service-area .single-service-item:hover h5 { color: #fff;}
.service-area .single-service-item:hover p { color: #fff;}

.service-area .single-service-item h5,.single-service-item p { -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}

.faq-list {padding:60px 0;}
#accordion .panel {background-color: #ffffff; margin-bottom: 20px; -webkit-box-shadow: 3px 5px 25px 0 rgba(0, 0, 0, 0.1); box-shadow: 3px 5px 25px 0 rgba(0, 0, 0, 0.1); border-radius: 0px;}
#accordion .panel:last-child { border-bottom: 1px solid #ddd;}
#accordion .panel-heading {padding: 0;}
#accordion .panel-title a{ display: block; font-size: 16px; font-weight: bold; line-height: 24px; color: #635858; background: #fff; padding: 20px 20px 20px 15px; position: relative; transition: all 0.5s ease 0s; color: #2f82ff;}

#accordion .panel-title a.collapsed { color: #333;}
#accordion .panel-title a:before {content: "\f282"; font-family: "bootstrap-icons"; display: block; width: 30px; height: 30px; line-height: 32px; border-radius: 50%; background: #2f82ff; font-size: 14px; color: #fff; text-align: center; position: absolute; top: 25%; right: 15px; transition: all 0.3s ease 0s; }
#accordion .panel-title a.collapsed:before { content: "\f285"; background: #fff; color: #2f82ff;}

#accordion .panel-body { padding:30px; }

#accordion .panel-body .panel-txt { font-size:16px; line-height: 30px;}
#accordion .panel-body .panel-btn { margin-top:30px;}
#accordion .panel-body .panel-btn a { color:#fff; font-size:14px; padding: 5px 22px;}