@charset "utf-8";
html,body 
{ line-height:180%; font-size:1.0em; font-family: "Microsoft Yahei"; background:white;}
li {list-style:none;}

a {transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; color:#333;text-decoration:none;}
a:hover {text-decoration:none;}
.clearfixa:after{content:"";display:block;height:0;line-height:0;visibility:hidden;clear:both;}
.clearfixa{*zoom:1;}
.clearmoren h2,.clearmoren div,.clearmoren ul,.clearmoren p{padding:0;margin:0;}
.clearbox{box-sizing:border-box;}

.text-center {
	text-align: center !important;
}

.text-center img {
    display: block;
    margin: 0 auto;
}

/* 划过图片放大 */
.img-blow { display:block; overflow:hidden; }
.img-blow img { width:auto; height:auto; margin:0px auto; transition: 600ms; }
.img-blow img:hover { -webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1); }
/* 导航 */
.navbar {
opacity: 0.9;
-moz-box-shadow:0px 0px 10px rgba(0,0,0,.3);
-webkit-box-shadow:0px 0px 10px rgba(0,0,0,.3);
box-shadow:0px 0px 10px rgba(0,0,0,.3);
transition: 600ms; 
}

.navbar-brand {margin-left:0!important;float: left;}
.navbar-brand img {max-width:123px;}
input[type="button"], input[type="submit"], input[type="reset"] {
-webkit-appearance: none;
}
.dropdown:hover .dropdown-menu {
    display: block;
}
@media (min-width: 1024px) and (max-width: 1200px){
	.container{padding:0;}
	.bookmark {display: none;}
	.navbar-brand {}
    .navbar-brand img {height: 60px;}
}
@media only screen and (max-width: 1439px) and (min-width: 1201px){
.bookmark {float:right;padding:0;line-height:30px;height:30px;font-size:14px;position: absolute;float: left;margin-top:-30px;margin-left: 964px;}
.bookmark a{font-size:14px;}
.bookmark span{margin:0 10px;font-size:13px;}
.navbar {
	padding:0;
	height:110px;
	border:none;
	position:relative;
	margin:0;
	opacity: 1;
	-moz-box-shadow:0px 0px 0 rgba(0,0,0,.0);
	-webkit-box-shadow:0px 0px 0 rgba(0,0,0,0);
	box-shadow:0px 0px 0px rgba(0,0,0,0);
	background:url(../images/navbg.jpg) no-repeat center center;
	background-size:cover;
	}
	.navbar img{
		display:block;
	}
.navbar-brand img{
    width:92px;
	height:90px;
	max-height:90px!important;
}
.navbar-brand {
    max-height:90px!important;
	height:100px;
    margin-top:10px;
    margin-left: 0px;
    padding: 0px;
    overflow: hidden;
}
.navbar-collapse{margin-top:48px;}
}
@media (min-width: 1440px) {
.bookmark {line-height:60px;height:60px;font-size:14px;position: absolute;float: left;margin-top:-30px;margin-left: 964px;}
.bookmark a{color:#000;font-size:14px;}
.bookmark span{color:#000;margin:0 10px;font-size:14px;}
.navbar {
	padding:0;
	height:132px;
	border:none;
	position:relative;
	margin:0;
	opacity: 1;
	-moz-box-shadow:0px 0px 0 rgba(0,0,0,.0);
	-webkit-box-shadow:0px 0px 0 rgba(0,0,0,0);
	box-shadow:0px 0px 0px rgba(0,0,0,0);
	background:url(../images/navbg.jpg) no-repeat center center;
	}
	.navbar img{
		display:block;
		padding-top:5px;
	}
	.navbar-brand {
    height:115px;
    padding:0;
    width:123px;
}
.navbar-brand img{
    width:123px;
	height:115px;
}
.navbar-collapse{margin-top:52px;}
}

@media (max-width: 768px) {
.navbar {padding:10px 20px;}
.bookmark {display: none;}
.navbar-collapse{border-top:0;}
.navbar-brand {}
.navbar-brand img {height: 50px;}

}

.navbar .navbar-nav>li> a {color:#000;}


/*footer*/
.footer {background: #2d2d69!important;color: #fff!important;border: 0!important;}
.footer a {color: #ffffff!important;}
.copyright {border-top: 1px rgba(255,255,255,.2) solid;}
.wap-foot {background: #f5f5f5!important;}
.wap-foot .text-light {color: #6f706f!important;}

/*首页关于我们开始*/
.index-about-wrap{height:686px;width:100%;background:url(../images/index-aboutbg.jpg) no-repeat center top;}
.index-about-contain{width:1080px;margin:auto;padding-top:80px;}
.index-about-left{float:left;width:380px;padding-right:20px;}
.index-about-leftw{float:left;}
.index-about-left > h2{line-height:70px;color:#010101;font-size:38px;font-weight:normal;margin:0;}
.index-about-left > s{display:block;width:146px;height:4px;background:#2f2e70;}
.index-about-left > h3{padding-top:30px;line-height:32px;color:#000;font-size:25px;font-weight:normal;text-align:left;margin:0;}
.index-about-left > h4{padding-bottom:20px;line-height:20px;color:#999999;font-size:13px;font-weight:normal;text-align:left;margin:0;}
.index-about-left > p{text-indent:2em;line-height:30px;color:#333;font-size:17px;}
.index-about-left > span{display:none;}
.index-about-left > a{display:block;margin-top:40px;line-height:50px;color:#2f2e70;font-size:20px;width:170px;border:1px solid #2f2e70;text-align:center;}
.index-about-center{float:left;width:360px;}
.index-about-centerw{float:left;}
.index-about-center img{width:100%;}
.index-about-right{float:right;width:340px;padding-top:15px;}
.index-about-rtct{width:300px;text-align:center;color:#333;font-size:33px;line-height:86px;}
.index-about-rtct > i{display:block;width:220px;height:2px;background:#ddd;margin:auto;}
.index-about-rtct > s{display:block;width:70px;height:1px;background:#ddd;margin:auto;}
.index-about-rtct > span{display:block;color:#666;font-size:24px;line-height:66px;}
@media (max-width: 1080px){
.index-about-wrap{height:686px;width:100%;background:url(../images/index-aboutbg.jpg) no-repeat center top;}
.index-about-contain{width:100%;margin:auto;padding-top:80px;}
.index-about-left{margin:auto;width:380px;float:none;}
.index-about-leftw{float:left;width:50%;}
.index-about-left > h2{line-height:70px;color:#010101;font-size:38px;font-weight:normal;margin:0;}
.index-about-left > s{display:block;width:146px;height:4px;background:#2f2e70;}
.index-about-left > h3{padding-top:30px;line-height:32px;color:#000;font-size:25px;font-weight:normal;text-align:left;margin:0;}
.index-about-left > h4{padding-bottom:20px;line-height:20px;color:#999999;font-size:13px;font-weight:normal;text-align:left;margin:0;}
.index-about-left > p{text-indent:2em;line-height:30px;color:#333;font-size:17px;}
.index-about-left > a{display:block;margin-top:40px;line-height:50px;color:#2f2e70;font-size:20px;width:170px;border:1px solid #2f2e70;text-align:center;}
.index-about-center{margin:auto;width:360px;float:none;}
.index-about-centerw{float:left;width:50%;}
.index-about-center img{width:100%;}
.index-about-right{display:none;}
}
@media (max-width: 768px){
.index-about-wrap{height:auto;width:100%;background:url(../images/index-aboutbg.jpg) repeat-y;}
.index-about-contain{width:100%;margin:auto;padding:40px 0;}
.index-about-left{margin:auto;width:100%;float:none;padding-right:0;}
.index-about-leftw{float:none;width:95%;margin:auto;}
.index-about-left > h2{line-height:60px;color:#010101;font-size:30px;font-weight:normal;margin:0;text-align:center;}
.index-about-left > s{display:block;width:120px;height:4px;background:#2f2e70;margin:auto;}
.index-about-left > h3{display:none;}
.index-about-left > h4{display:none;}
.index-about-left > span{display:block;margin:20px auto;width:95%;}
.index-about-left > span img{display:block;width:100%;}
.index-about-left > p{text-indent:0;line-height:40px;color:#333;font-size:24px;padding-top:30px;margin:auto;width:98%;}
.index-about-left > a{display:block;margin:20px auto;line-height:46px;color:#fff;font-size:20px;width:170px;border:1px solid #2f2e70;text-align:center;background:#2f2e70;border-radius:5px;}
.index-about-centerw{display:none;}
}
@media (max-width: 480px){
.index-about-left > p{line-height:36px;font-size:20px;}
}
@media (max-width: 320px){
.index-about-left > p{line-height:30px;font-size:16px;}
}
/*首页关于我们结束*/
/*优势开始*/
.index-advantage-wrap{background:url(../images/shouye_05.jpg) repeat-y center top;font-size:16px;}
.index-advantage-contain{width:1080px;margin:auto;text-align:center;padding:20px 0 80px 0;}
.index-advantage-contain > h2{margin:0;text-align:center;font-size:2.75em;line-height:3.2;color:#fff;font-weight:normal;}
.index-advantage-contain > p{text-align:center;font-size:1.3em;line-height:1.8;color:#fff;padding-bottom:60px;margin:0 auto;}
.index-advantage-contain > ul{padding:0;}
.index-advantage-contain > ul > li{float:left;text-align:center;width:25%;font-size:1.3em;line-height:4;color:#fff;}
.index-advantage-contain > ul > li img{width:36%;display:block;margin:auto;}
@media (max-width: 1080px){
.index-advantage-wrap{font-size:14px;}
.index-advantage-contain{width:98%;margin:auto;text-align:center;padding:20px 0 80px 0;}
.index-advantage-contain > p{text-align:center;font-size:1.3em;line-height:1.8;color:#fff;padding-bottom:60px;margin:0 auto;width:94%;}
}
@media (max-width: 768px){
.index-advantage-wrap{font-size:14px;}
}
@media (max-width: 480px){
.index-advantage-wrap{font-size:12px;}
}
@media (max-width: 320px){
.index-advantage-wrap{font-size:11px;}
}
/*优势结束*/
/*案例开始*/
.index-anli-wrap{font-size:16px;padding:70px 0;}
.index-anli-top{text-align:center;}
.index-anli-top > h2{font-weight:normal;font-size:2.3em;line-height:1.5;color:#333;text-align:center;}
.index-anli-top >span{display:block;font-size:1em;line-height:1.5;color:#858585;}
.index-anli-top > s{display:inline-block;*zoom:1;width:80px;height:3px;background:#2d2d69;margin-top:24px;}
.index-anli-top > ul{width:100%;text-align:center;margin:60px auto;}
.index-anli-top > ul > li{width:190px;display:inline-block;*zoom:1;margin:0 20px;}
.index-anli-top > ul > li a{font-size:1.37rem;line-height:2.9;display:block;color:#000;}
.index-anli-top > ul > .index-anli-toplicrt a{background:#2d2d69;color:#fff;}
.index-anli-wrap .index-anli-bottom{width:1440px;margin:auto;position:relative;}
.index-anli-bottomin{width:100%;display:none;}
.index-anli-bottomincrt{display:block;}
.index-anli-bcnleft,.index-anli-bcnright{width:50%;float:left;position:relative;background:#fff;}
.index-anli-bcnleft > img{width:100%;display:block;}
.index-anli-bcnleft > s{width:60px;height:60px;background:#fff;border-radius:50%;position:absolute;top:10%;right:0;margin-right:-30px;}
.index-anli-bcnleft > span{width:60px;height:60px;background:#fff;border-radius:50%;position:absolute;top:10%;left:0;margin-left:-30px;}
.index-anli-bcnright .index-anli-btcontain{margin-left:6%;margin-top:8%;width:76%;}
.index-anli-bcnright .index-anli-btcontain02{margin-left:20%;margin-top:10%;width:73%;}
.index-anli-bcnright .index-anli-btcontain03{display:none;}
.index-anli-btcontain > h2{font-weight:normal;font-size:1.3em;line-height:1.9;color:#1b1b1b;}
.index-anli-btcontain > div{font-size:1.5em;line-height:2.1;color:#2d2d69;}
.index-anli-btcontain > div span{vertical-align:middle;font-size:0.8em;}
.index-anli-btcontain > p{margin:15px 0;font-size:1em;line-height:1.6;color:#000;}
.index-anli-btcontain > a{display:block;width:110px;background:#2d2d69;text-align:center;font-size:0.9em;line-height:2.4;color:#fff;}
@media (max-width: 1440px){
.index-anli-wrap{font-size:16px;}
.index-anli-wrap .index-anli-bottom{width:100%;margin:auto;position:relative;}
}
@media (max-width: 1360px){
.index-anli-wrap{font-size:15px;padding:60px 0;}
.index-anli-bcnright .index-anli-btcontain{margin-left:6%;margin-top:6%;width:76%;}
.index-anli-bcnright .index-anli-btcontain02{margin-left:15%;margin-top:10%;width:80%;}
.index-anli-btcontain > h2{font-weight:normal;font-size:1.2em;line-height:1.8;color:#1b1b1b;}
.index-anli-btcontain > div{font-size:1.4em;line-height:2;color:#2d2d69;}
.index-anli-btcontain > div span{vertical-align:middle;font-size:0.8em;}
.index-anli-btcontain > p{margin:12px 0;font-size:1em;line-height:1.6;color:#000;}
.index-anli-btcontain > a{display:block;width:100px;background:#2d2d69;text-align:center;font-size:0.9em;line-height:2.4;color:#fff;}
}
@media (max-width: 1160px){
.index-anli-wrap{font-size:14px;}
.index-anli-bcnright .index-anli-btcontain{margin-left:6%;margin-top:5%;width:76%;}
.index-anli-bcnright .index-anli-btcontain02{margin-left:15%;margin-top:5%;width:80%;}
}
@media (max-width: 1080px){
.index-anli-wrap{font-size:13px;}
}
@media (max-width: 960px){
.index-anli-bcnright .index-anli-btcontain{margin-left:6%;margin-top:4%;width:76%;}
.index-anli-bcnright .index-anli-btcontain02{margin-left:15%;margin-top:4%;width:80%;}
.index-anli-btcontain > h2{font-weight:normal;font-size:1.2em;line-height:1.7;color:#1b1b1b;}
.index-anli-btcontain > div{font-size:1.4em;line-height:1.8;color:#2d2d69;}
.index-anli-btcontain > div span{vertical-align:middle;font-size:0.8em;}
.index-anli-btcontain > p{margin:8px 0;font-size:1em;line-height:1.5;color:#000;}
.index-anli-btcontain > a{display:block;width:90px;background:#2d2d69;text-align:center;font-size:0.9em;line-height:2.2;color:#fff;}
}
@media (max-width: 768px){
.index-anli-wrap{font-size:14px;padding:50px 0;}
.index-anli-top{text-align:center;}
.index-anli-top > h2{font-weight:normal;font-size:2.3em;line-height:1.5;color:#333;text-align:center;}
.index-anli-top >span{display:block;font-size:1em;line-height:1.5;color:#858585;}
.index-anli-top > s{display:inline-block;*zoom:1;width:60px;height:2px;background:#2d2d69;margin-top:20px;}
.index-anli-top > ul{width:100%;text-align:center;margin:50px auto;}
.index-anli-top > ul > li{width:28%;display:inline-block;*zoom:1;margin:0 5px;}
.index-anli-top > ul > li a{font-size:1.37rem;line-height:2.9;display:block;color:#000;}
.index-anli-top > ul > .index-anli-toplicrt a{background:#2d2d69;color:#fff;}
.index-anli-wrap .index-anli-bottom{width:100%;margin:auto;position:relative;}
.index-anli-bottomin{width:100%;display:none;}
.index-anli-bottomincrt{display:block;}
.index-anli-bottomin .index-anli-bcnleft,.index-anli-bottomin .index-anli-bcnright{width:94%;float:none;margin:0 3%;position:relative;background:#fff;}
.index-anli-bcnleft > img{width:100%;display:block;}
.index-anli-bcnleft > s{display:none;}
.index-anli-bcnleft > span{display:none;}
.index-anli-bcnright .index-anli-btcontain{margin:5% 3%;width:94%;}
.index-anli-bcnright .index-anli-btcontain02{margin:5% 3%;width:94%;display:none;}
.index-anli-bcnright .index-anli-btcontain03{display:block;}
.index-anli-btcontain > h2{font-weight:normal;font-size:1.3em;line-height:1.9;color:#1b1b1b;}
.index-anli-btcontain > div{font-size:1.5em;line-height:2.1;color:#2d2d69;}
.index-anli-btcontain > div span{vertical-align:middle;font-size:0.8em;}
.index-anli-btcontain > p{margin:10px 0;font-size:1.3em;line-height:1.6;color:#000;}
.index-anli-btcontain > a{display:block;width:100px;background:#2d2d69;text-align:center;font-size:1em;line-height:2.5;color:#fff;}
}
@media (max-width: 480px){
.index-anli-wrap{font-size:12px;padding:44px 0;}
.index-anli-top > ul > li a{font-size:1.1rem;line-height:2.9;display:block;color:#000;}
}
@media (max-width: 320px){
.index-anli-wrap{font-size:11px;padding:40px 0;}
}
/*案例结束*/

/*position*/
.position {
	margin-top: 30px;
	padding: 8px 15px;
    margin-bottom: 20px;
    list-style: none;
    background-color: #f5f5f5;
}
.position a {margin:0 6px;}
.position i {margin-right: 10px;}

/**/
.inside-title h3{
	color: #165aa5;
    line-height: 45px;
    height: 45px;
    font-size: 2.4em;
    font-weight: normal;
    text-decoration: none;}
.inside-title p {
	display: block;
    clear: both;
    color: #a1a1a1;
    font-size: 10px;}
/**/
.paragraph {
background:#eee;
font-size:.8em;
}
/**/
/*inside-related*/
.inside-related-more {
	padding:8px 15px; background:#eee; color:#888;height: 42px;
}
.inside-related-more a {
	display: block;
	color: #888;
	text-transform: uppercase;
}
.inside-related-list h4 {font-size: 1.2em;}

/*sonsort*/
.sonsort a {width:90%;margin: 5%;}

.btn-info {
    color: #fff;
    background-color: #165aa5;
    border-color: #03448c;
}
.btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active, .show>.btn-info.dropdown-toggle {
    color: #fff;
    background-color: #165aa5;
    border-color: #03448c;
}
.btn-info:hover {
    color: #fff;
    background-color: #165aa5;
    border-color: #03448c;
}

/**/
/*列表页 -文字列表*/
/**/
.news-list{margin-bottom:0;}
.news-list h4 {font-size: 1.2rem;}
.news-list p {color: #888;}
.list-border{ min-height:108px; padding:15px; clear:both; border:1px dotted transparent; border-bottom-color:#BBBBBB;}
.list-border-w{border:1px dotted #BBBBBB; margin:15px 0px;}
.list-border:hover{background:#F5F5F5; border-color: #ccc; border-radius: 5px 5px 5px 5px;}


.list-date {width: 4em; float: left; margin-right: 20px;text-align: center;}
.list-date span{display:block;width:1em;line-height:1em;padding-top: .1em;white-space:nowrap;font-size: 3.5em;color:#555;ont-family: 'Times New Roman', Times, serif;}
@media (max-width:768px) {
	.list-date span{font-size: 3.2em;}
}
.list-date p {clear:both; display:block; width:5em;overflow:hidden;margin-bottom:0;}

.news-list p,.news-list-text-pic pp{line-height:1.6;font-size:0.8em;}
.news-list-text-pic .img-blow {height:170px;overflow:hidden;}

.content img {
    max-width: 100%;
    display: block;
    margin: 0 auto;
}

/*时间轴开始*/
.inside-history{margin:auto;width:100%;box-sizing:border-box;padding:25px 10px;border-top:1px dashed #9b9ba5;font-size:16px;}
.inside-history-year{float:left;font-size:1.2em;line-height:1.5;width:15%;color:#165aa5;}
.inside-history-infor{float:left;font-size:1em;line-height:2;color:#9b9ba5;width:85%;}
.inside-history-info{display:block;}
.inside-triangle{float:left;width:0.8em;height:0.8em;vertical-align:middle;background:url(../images/triangle.png) no-repeat center;background-size:0.8em 0.8em;margin:0.6em 0.6em 0 0;}
@media (max-width: 768px){
.inside-history{font-size:18px;}
.inside-history-year{width:18%;font-size:1em;}
.inside-history-infor{width:80%;}
}
@media (max-width: 480px){
.inside-history{font-size:16px;}
.inside-history-year{width:24%;}
.inside-history-infor{width:76%;}
}
@media (max-width: 320px){
.inside-history{font-size:14px;}
}
/*时间轴结束*/

/*资质*/
.pricing-tab a.active {
    background: linear-gradient(-137deg, #165aa5 0%, #0462ca 100%);
    color: #ffffff;
}

.portfolio-item {
    width: 100%;
    overflow: hidden;
    position: relative;
    z-index: 0;
}

.portfolio-thumb {
    position: relative;
    z-index: 0;
    overflow: hidden;
}

.portfolio-thumb-img img {
    object-fit: cover;
    height: 100%;
    width: 100%;
    max-height: 230px;
}

.portfolio-caption {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    padding: 20px 30px;
    background: linear-gradient(137deg, #165aa5 0%, #0462ca 100%);
    color: #ffffff;
}

.portfolio-caption h6 {
    font-weight: 500;
    font-size: 17px;
    line-height: 1.1;
}

.portfolio-caption .more a {
    display: inline-flex;
    text-decoration: none;
}

.portfolio-caption .more i {
    width: 40px;
    height: 17px;
    line-height: 17px;
    font-size: 12px;
    text-align: right;
    color: #ffffff;
    overflow: hidden;
    border: 1px solid #ffffff;
    border-radius: 100px;
    padding: 0 5px;
    -webkit-transition: all .3s cubic-bezier(.645,.045,.355,1);
    transition: all .3s cubic-bezier(.645,.045,.355,1);
}

@-webkit-keyframes gradiant-wobbleslow {
  16.65% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  33.3% {
    -webkit-transform: translateX(-4px);
    transform: translateX(-4px);
  }
  49.95% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }
  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes gradiant-wobbleslow {
  16.65% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  33.3% {
    -webkit-transform: translateX(-4px);
    transform: translateX(-4px);
  }
  49.95% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }
  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.portfolio-caption .more i:before {
    display: inline-block;
    -webkit-animation: gradiant-wobbleslow 3s ease-in-out infinite;
    animation: gradiant-wobbleslow 3s ease-in-out infinite;
}

.portfolio-caption .more a:hover i {
    background: #ffffff;
    color: #0462ca;
}

.portfolio-thumber {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    padding: 18px 23px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    text-align: center;
}

.portfolio-thumb:before, .portfolio-thumb:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 210%;
    background: linear-gradient(-137deg, #165aa5 0%, #0462ca 100%);
    opacity: 0.5;
    -webkit-transition: all 0.45s ease;
    transition: all 0.45s ease;
}

.portfolio-thumb:before {
    -webkit-transform: skew(30deg) rotate(-60deg) translate(-55% ,0%);
    transform: skew(30deg) rotate(-60deg) translate(-55% ,0%);
}

.portfolio-thumb:after {
    -webkit-transform: skew(-30deg) rotate(60deg) translate(55% ,0%);
    transform: skew(-30deg) rotate(60deg) translate(55% ,0%);
}

.portfolio-item:hover .portfolio-thumb:before,
.portfolio-item:focus-within .portfolio-thumb:before {
    -webkit-transform: skew(30deg) rotate(-60deg) translate(-70% ,0%);
    transform: skew(30deg) rotate(-60deg) translate(-70% ,0%);
    -webkit-transition-delay: 0.05s;
    transition-delay: 0.05s;
}

.portfolio-item:hover .portfolio-thumb:after,
.portfolio-item:focus-within .portfolio-thumb:after {
    -webkit-transform: skew(-30deg) rotate(60deg) translate(70% ,0%);
    transform: skew(-30deg) rotate(60deg) translate(70% ,0%);
}

.portfolio-thumb .portfolio-thumber:before,
.portfolio-thumb .portfolio-thumber:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 210%;
    background: linear-gradient(-137deg, #165aa5 0%, #0462ca 100%);
    opacity: 0.5;
    z-index: -1;
    -webkit-transition: all 0.45s ease;
    transition: all 0.45s ease;
}

.portfolio-thumb .portfolio-thumber:before {
    -webkit-transform: skew(30deg) rotate(-60deg) translate(-70% ,0%);
    transform: skew(30deg) rotate(-60deg) translate(-70% ,0%);
}

.portfolio-thumb .portfolio-thumber:after {
    -webkit-transform: skew(-30deg) rotate(60deg) translate(70% ,0%);
    transform: skew(-30deg) rotate(60deg) translate(70% ,0%);
}

.portfolio-item:hover .portfolio-thumber:before,
.portfolio-item:focus-within .portfolio-thumber:before {
    -webkit-transform: skew(30deg) rotate(-60deg) translate(-25% ,0%);
    transform: skew(30deg) rotate(-60deg) translate(-25% ,0%);
    -webkit-transition-delay: 0.15s;
    transition-delay: 0.15s;
}

.portfolio-item:hover .portfolio-thumber:after,
.portfolio-item:focus-within .portfolio-thumber:after {
    -webkit-transform: skew(-30deg) rotate(60deg) translate(25% ,0%);
    transform: skew(-30deg) rotate(60deg) translate(25% ,0%);
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}

.portfolio-thumb-content {
    color: #ffffff;
    font-size: 15px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .3s cubic-bezier(.645,.045,.355,1);
    transition: all .3s cubic-bezier(.645,.045,.355,1);
}

.portfolio-item:hover .portfolio-thumb-content,
.portfolio-item:focus-within .portfolio-thumb-content {
    opacity: 1;
    visibility: visible;
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}

.portfolio-thumb-content a {
    width: 50px;
    height: 50px;
    line-height: 50px;
    color: #ffffff;
    background: linear-gradient(137deg, #165aa5 0%, #0462ca 100%);
    border-radius: 100px;
    display: inline-block;
    font-size: 18px;
}

.portfolio-thumb-content p {
    margin-top: 15px;
    margin-bottom: 0;
}

/*资质*/


/*联系我们*/

.contactinfo-section {
}

.contactinfo-item:before, .contactinfo-item:after {
    top: -100%;
    left: -100%;
    -webkit-transition: all .4s cubic-bezier(.645,.045,.355,1);
    transition: all .4s cubic-bezier(.645,.045,.355,1);
}

.contactinfo-item.active:before {
    top: -47px;
    left: -40px;
}

.contactinfo-item.active:after {
    top: -33px;
    left: -26px;
    transition-delay: 0.15s;
}

.contactinfo-item i, .contactinfo-item img {
    font-size: 50px;
    max-height: 52px;
    display: inline-block;
    margin-bottom: 15px;
}

.contactinfo-item p {
    margin-top: 12px;
    line-height: 1.6;
    margin-bottom: 0;
}

.contactinfo-item a {
    margin-top: 15px;
    font-weight: 500;
    background: var(--sp-gradient1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}

.contactinfo-item h5 {
    font-size: 23px;
}

.contactmap-section {
    background: #f9f9f9;
    position: relative;
    z-index: 0;
}

.map {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 550px;
    z-index: -1;
}

 .map iframe {
    width: 100%;
    height: 100%;
    /*-webkit-filter: grayscale(90%);
    filter: grayscale(100%);*/
}

.contactmap-section .contactmapinfo {
    padding: 50px;
    background: linear-gradient(-137deg, #165aa5 0%, #0462ca 100%);
    color: #ffffff;
    clip-path: polygon(0 0, 95% 0, 95% 45%, 100% 50%, 95% 55%, 95% 100%, 0 100%);
}

.contactmap-section .contactmapinfo {
    padding: 50px;
    background: linear-gradient(-137deg, #165aa5 0%, #0462ca 100%);
    color: #ffffff;
}

.contactmapinfo .contact-area {
    align-items: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: start;
    -ms-flex-align: start;
}

.contactmap-section .contactmapinfo .contactmapinfo-item,.contactmap-section .contactmapinfo .contactmapinfo-item h4 {
	height: 50px;
	line-height: 50px;
	font-size: 24px;
}

.contactmapinfo .contact-area .contact-icon {
    width: 50px;
    height: 50px;
    font-size: 24px;
    background: #ffffff;
    border-radius: 100px;
    justify-content: center;
    margin-right: 20px;
}

.contactoffice-item {
    text-align: center;
}

.contactoffice-item i, .contactoffice-item img {
    display: inline-block;
    width: 110px;
    height: 110px;
    line-height: 90px;
    font-size: 60px;
    border: 10px solid #ffffff;
    box-shadow: 0 5px 20px rgb(0 0 0 / 20%);
    background: #ffffff;
    border-radius: 100px;
    margin: 16px auto 30px;
}

.contactoffice-carousel.owl-carousel .owl-item img {
    width: 110px;
    height: 110px;
}

.contactoffice-item i:before {
    background: linear-gradient(-137deg, #165aa5 0%, #0462ca 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.contactoffice-item p {
    margin-top: 10px;
}

.contactoffice-item a {
    background: linear-gradient(-137deg, #165aa5 0%, #0462ca 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
    text-decoration: none;
    font-weight: 600;
    margin-top: 16px;
}

.contactform-section {
    background: #f5f6fa;
}

.contact-icon {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-size: 22px;
    line-height: 50px;
    display: flex;
    align-items: center;
    height: 22px;
    margin-right: 12px;
    position: relative;
    z-index: 1;
}

.contact-icon i {
    background: linear-gradient(-137deg, #165aa5 0%, #0462ca 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

@-webkit-keyframes gradiant {
    0% {
        -webkit-transform: translateY(-4px);
        transform: translateY(-4px);
    }

    50% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }

    100% {
        -webkit-transform: translateY(-4px);
        transform: translateY(-4px);
    }
}

@keyframes gradiant {
    0% {
        -webkit-transform: translateY(-4px);
        transform: translateY(-4px);
    }

    50% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }

    100% {
        -webkit-transform: translateY(-4px);
        transform: translateY(-4px);
    }
}

@-webkit-keyframes gradiant-float {
    100% {
        -webkit-transform: translateY(-4px);
        transform: translateY(-4px);
    }
}

@keyframes gradiant-float {
    100% {
        -webkit-transform: translateY(-4px);
        transform: translateY(-4px);
    }
}

@-webkit-keyframes gradiant-wobblehorizontal {
    16.65% {
        -webkit-transform: translateX(8px);
        transform: translateX(8px);
    }

    33.3% {
        -webkit-transform: translateX(-6px);
        transform: translateX(-6px);
    }

    49.95% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px);
    }

    66.6% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px);
    }

    83.25% {
        -webkit-transform: translateX(1px);
        transform: translateX(1px);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes gradiant-wobblehorizontal {
    16.65% {
        -webkit-transform: translateX(8px);
        transform: translateX(8px);
    }

    33.3% {
        -webkit-transform: translateX(-6px);
        transform: translateX(-6px);
    }

    49.95% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px);
    }

    66.6% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px);
    }

    83.25% {
        -webkit-transform: translateX(1px);
        transform: translateX(1px);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

.contact-area .contact-icon i,
.contact-area .contact-icon img {
    display: inline-block;
    vertical-align: super;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
}

.contact-area:hover .contact-icon *,
.contact-area:focus-within .contact-icon * {
    -webkit-animation-name: gradiant-wobblehorizontal;
    animation-name: gradiant-wobblehorizontal;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

/*.contact-info {
    text-decoration: none;
    display: inline-block;
    text-align: left;
    color: inherit;
}

.contact-info span.title {
    line-height: 1.2;
    margin-bottom: 0px;
}

.contact-info span.text {
    font-size: 16px;
    margin: 0;
    word-break: break-word;
    margin-bottom: 1px;
}*/

/* ===== owl Nav ===== */

.owl-theme:not(.main-slider) .owl-nav {
    width: max-content;
    margin: 40px auto 0;
    background: linear-gradient(-137deg, #165aa5 0%, #0462ca 100%);
    border-radius: 8px;
    padding: 6px;
}

.owl-carousel.owl-theme:not(.main-slider) .owl-nav [class*=owl-] {
    width: 30px;
    height: 30px;
    font-size: 92%;
    border-radius: 5px;
    color: #ffffff;
    background: rgb(255 255 255 / 20%);
}

.owl-carousel.owl-theme:not(.main-slider) .owl-nav [class*=owl-] i {
    font-size: 92%;
}

.main-slider.owl-theme .owl-nav {
    margin: 0;
}

.main-slider .owl-nav [class*=owl-] {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    z-index: 0;
    width: 65px;
    height: 65px;
    display: inline-flex;
    cursor: pointer;
    text-align: center;
    color: var(--sp-white);
    border: none;
    outline: none;
    border-radius: 65px;
    overflow: hidden;
    align-items: center;
    justify-content: center;
    background-position: center center;
    background-size: cover;
    background-blend-mode: normal;
    -webkit-transition-duration: 500ms;
    -o-transition-duration: 500ms;
    transition-duration: 500ms;
}

.main-slider .owl-nav [class*=owl-]:not(:hover) {
    background:  linear-gradient(-137deg, #165aa5 0%, #0462ca 100%) !important;    
}

.main-slider .owl-nav [class*=owl-]:hover{
    width: 110px;
    color: #ffffff;
    background-color: rgb(0 0 0 / 60%);
    background-blend-mode: multiply;
    box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.25);
}

.main-slider .owl-nav .owl-prev {
    left: 3.6%;
}

.main-slider .owl-nav .owl-next {
    right: 3.6%;
}

.main-slider .owl-nav .owl-prev:focus-within,
.main-slider .owl-nav .owl-prev:hover {
    left: 1%;
}

.main-slider .owl-nav .owl-next:focus-within,
.main-slider .owl-nav .owl-next:hover {
    right: 1%;
}

.owl-theme .owl-nav .owl-prev i {
    margin-left: 0px;
    transition: all .3s cubic-bezier(.645,.045,.355,1);
}

.owl-theme .owl-nav .owl-next i {
    margin-right: -2px;
    transition: all .3s cubic-bezier(.645,.045,.355,1);
}

.main-slider .owl-nav [class*=owl-] span {
    font-size: 15px;
    letter-spacing: .6px;
    transition: all .3s cubic-bezier(.645,.045,.355,1);
}

.main-slider .owl-nav .owl-next span {
    position: absolute;
    left: -100%;
}

.main-slider .owl-nav .owl-prev span {
    position: absolute;
    right: -100%;
}

.main-slider .owl-nav .owl-next:hover span {
    margin-right: 8px;
    position: relative;
    left: 0;
}

.main-slider .owl-nav .owl-prev:hover span {
    margin-left: 8px;
    position: relative;
    right: 0;
}

/*===== // =====*/

/*联系我们*/