@font-face {
    font-family: bananaslip;
    src:url(''); }

@media screen and (max-width:979px){
	.webWidth{width:100%;padding:0px 20px;}
	
	.service-item{padding: 20px 20px 20px 20px;}
	.service-item>ul>li{font-weight: 400;font-size:16px;font-weight: bold;}
	.service-item>ul>li+li{margin-top:18px;}
	.service-item>ul>li>ul{width: 100%;display: inline-block;padding-left:20px;}
	.service-item>ul>li>ul>li{float:left;margin-right:15px;}
	.service-item>ul>li>ul>li>a{color:#242424; font-size:16px;font-weight: 400;}

	.service-img{display:none;}
	.attributeBox{position:;}
	.attributeMain{position: ;width:100%;bottom:60px;left:0px;}
	.attributeList{background-color: rgba(255, 255, 255,0.6);z-index: 9999999;width:100%;-webkit-backdrop-filter: blur(5px);-ms-backdrop-filter: blur(5px);-moz-backdrop-filter: blur(5px);backdrop-filter: blur(5px);border-radius: 10px;}



}
@media screen and (min-width:980px){
    .webWidth{width:100%;padding:0px 85px;}
	.boxWidth{width:100%;padding:0px 0px;}
	.service-item{padding: 80px 30px 20px 20px;}
	.service-item>ul>li{font-weight: 400;font-size:20px;font-weight: bold;}
	.service-item>ul>li+li{margin-top:30px;}
	.service-item>ul>li>ul{width: 100%;display: inline-block;padding-left:20px;}
	.service-item>ul>li>ul>li{float:left;margin-right:15px;}
	.service-item>ul>li>ul>li>a{color:#242424; font-size:18px;font-weight: 400;}
	
	.service-img{display:none;}
	.attributeBox{position: relative;}
.attributeMain{position: absolute;width:100%;bottom:60px;left:0px;}
.attributeList{background-color: rgba(255, 255, 255,0.6);z-index: 9999999;width:100%;-webkit-backdrop-filter: blur(5px);-ms-backdrop-filter: blur(5px);-moz-backdrop-filter: blur(5px);backdrop-filter: blur(5px);border-radius: 10px;}



}
@media screen and (min-width:1800px){
	.service-img{display:inline-block;}
	.service-item{padding: 80px 30px 20px 0px;}
}


.ArticleTitle{text-align: center;}
.ArticleInfo{font-size:12px;line-height:35px;text-align: center;color: #5E5E5E;padding:25px 0px;}
.article-previous{font-size:14px;line-height: 36px; margin-top:45px;color:#5E5E5E;border-top:1px dotted #b1b1b1;} .article-previous a{color:#343434;}
.article-next{font-size:14px;line-height: 36px; margin-bottom:45px;color:#5E5E5E;border-bottom:1px dotted #b1b1b1} .article-next a{color:#343434;}

.topBg{width: 100%;top:0px;left:0px;z-index: 8888;position: fixed;background-color:rgba(255,255,255,0.8);display: none;backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px);box-shadow: 0px 5px 10px #888888;}

.top-logo-drop span{font-size:45px;color: #1584eb;}
.drop-tel-num{font-family: "bananaslip";font-weight: bold;font-size:20px;line-height: 60px;}
.index-banner-box{background-color: #eef2f8; background-image: url(../image/banner-bg.jpg); background-size: cover; padding:0px 0px 65px 0px;background-repeat: no-repeat;background-position: center bottom;}
.index-banner-main-box{ border-radius: 20px;overflow: hidden;background-color: rgba(255, 255, 255,0.6); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px);}

.top-logo span{font-size:45px;color: #0d7ee7;}
.top-logo-index span{font-size:45px;color: #ffffff;}
.top-tel{font-family: "bananaslip";font-weight: bold;padding:0px 0px 0px 0px;color:#0d7ee7;}
.top-tel span{color:#7d7d7d;}

.TelNum{font-family: "bananaslip";font-weight: bold;font-size:20px;padding-left:20px;}
.menu-tel-num{font-family: "bananaslip";font-weight: bold;font-size:20px;}
.menu-btn{font-size:30px;line-height: 70px;color:#1c1b22;}

.online{text-align: left; padding:20px 0px 30px 20px;}
.online a{color: #525252;text-decoration: none;}
.online a+a{margin-left:15px;}
.online a span{font-size:30px;line-height: 40px;border: 1px solid #A6A6A6;
    border-radius: 25px; padding-left: 1px;padding-right: 1px;color:#00A0FF;}
.online a:hover span{font-size:30px;line-height: 40px;color:#F06D06;}


.top-btn ul{padding:4px 0px 0px 0px;}
.top-btn ul li{float:left; position: relative;height: 20px; overflow: hidden;width:80px;}
.top-btn ul li .cn{font-size:18px;font-weight: bold;}
.top-btn ul li .en{font-size:10px;font-weight: bold;}
.top-btn ul li+li{margin-left:2px;}
.top-btn ul li a{font-size:16px;line-height: 20px;color:#000000;text-decoration: none;display: block;width: 100%;position: absolute;top:0px;text-align: center;white-space: nowrap;text-align: center;}
.top-btn ul li a:hover{font-size:16px;line-height: 20px;color:#ff0000;text-decoration: none;position: absolute;top:-20px;display: block;text-align: center;}
.top-btn ul li .btn-l{position: absolute;top:0px;left:-11px;color:#ff0000;-ms-transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;}
.top-btn ul li .btn-r{position: absolute;top:0px;right:-11px;color:#ff0000;-ms-transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;}
.top-btn ul li:hover .btn-l{position: absolute;top:0px;left:0px;font-size:14px;} 
.top-btn ul li:hover .btn-r{position: absolute;top:0px;right:0px;font-size:14px;}
.top-btn ul li.OnBtn a{position: absolute;top:-20px;color:#ff0000;}
.top-btn ul li.OnBtn .btn-l{position: absolute;top:0px;left:0px;font-size:14px;} 
.top-btn ul li.OnBtn .btn-r{position: absolute;top:0px;right:0px;font-size:14px;}


.menu-list-mobile{position:fixed;width:100%;height: 100%;top:0px;left:0px;background-color: rgba(46,89,167,1);z-index: 9999999;}
.menu-list{padding-top:50px;}
.menu-list>ul>li{text-align: center;}
.menu-list>ul>li>a{font-size:50px;line-height: 80px;font-weight: 100;color:#ffffff;text-decoration: none;}
.menu-tel-num{text-align: center;font-family: HeavyCond;text-decoration: none;color:#ffffff;font-weight: 100;font-size:30px;line-height: 45px;margin-top:40px;}
.close-this-menu{ text-align: right;}
.close-this-menu span{color:#ffffff;font-size:40px;line-height: 50px;}


.index-about-line{width:80px;height: 5px;background-color: red;margin:60px 0px 30px 0px;}
.index-about-title{font-size:38px;line-height: 45px;color: #1c1b22;font-weight: 500;font-weight: bold;}
.index-about-content{font-size:14px;line-height: 35px;color: #474747;margin-top: 15px;}

.index-number{margin-top: 40px;display: inline-block; width: 100%;}
.index-number ul li{float: left; margin-right: 50px;}
.index-number ul li .y-number span.number1{width:50px;display: inline-block;}
.index-number ul li .y-number span.number2{width:80px;display: inline-block;}
.index-number ul li .y-number span.number3{width:105px;display: inline-block;}
.index-number ul li .y-number span.number4{width:50px;display: inline-block;}
.index-number ul li .y-number span.number5{width:50px;display: inline-block;}
.index-number ul li .y-number span.numbox{font-size:40px;line-height: 55px;font-weight: bold;color:red;font-family: "bananaslip";}
.index-number ul li .y-number sup{font-weight:100;color: #000;font-size:30px;}
.index-number ul li .y-number span{font-weight:100;color: #000;line-height: 20px;font-size:20px;}
.index-number ul li .y-title{font-size:20px;font-weight: 100;}



.case-list>ul>li{position: relative;overflow: hidden;border-radius: 10px;}
.case-list>ul>li img{width:100%; height: auto;}

.case-list>ul>li .case-line-box{width:100%;height: 3px;background-color: #f2f5f7;}
.case-list>ul>li .case-line{height: 3px;background-color:#1584eb;width:0px;-ms-transition: 1.5s;-moz-transition: 1.5s;-webkit-transition: 1.5s;-o-transition: 1.5s;transition: 1.5s;}
.case-list>ul>li:hover .case-line{height: 3px;background-color: #1584eb;width:100%;}

.case-list ul li a .case-txt{background-color: rgb(242, 245, 247);width:100%;height: 100%; padding:30px 0px 30px 20px;}
.case-list>ul>li a .caseTitle{font-size:20px;line-height: 36px;color:rgb(33, 33, 33);font-weight: bold;}
.case-list>ul>li a .caseItem{font-size:14px;line-height: 26px;color:#545454;}
.case-list>ul>li a .caseYear{font-size:14px;line-height: 26px;color:#8f8f8f;}

.caseShowTitle{border-bottom:1px solid #dcecff;margin:30px 0px;}
.caseShowTitle h1{font-size:30px;line-height: 46px;}
.caseShowTitle a{float: right; border-radius: 4px;background-color: #2e59a7;color:#ffffff;padding:3px 10px;margin-left: 20px;}
 
.index-about-box{padding:80px 0px;}


.index-news-box{padding:0px 0px 80px 0px;}
.NewsTitle{    font-size: 20px;    line-height: 40px;    border-bottom: 1px solid #BBBBBB;color: #00A0FF;}
.NewsTitle label{float:right;}
.NewsTitle label a{font-size:12px;line-height: 40px;color:#989898;}
.IndexNewsList ul li{    border-bottom: 1px dashed #DDDDDD;padding:5px 0px;}
.IndexNewsList ul li .news-title{text-overflow:ellipsis; white-space:nowrap;overflow:hidden;font-weight: 100;font-size:18px;}
.IndexNewsList ul li a{    text-decoration: none;	color:#1E1E1E;font-size:14px;line-height: 30px;}
.IndexNewsList ul li .NewsTxt{font-size:14px; line-height: 20px;color:#9A9A9A;}



.service-item-list{padding:40px 0px 60px 0px;}
.service-item-list ul li{border-radius: 10px; background-color: #ffffff;}
.service-item-list ul li .service-item-box{padding:25px 45px 85px 45px;}
.service-item-list ul li .service-item-title{font-size:26px;line-height: 30px;font-weight: bold;padding:35px 0px 0px 0px;}
.service-item-list ul li .service-item-title .service-item-title-en{float:right;font-size:14px;line-height: 20px;font-weight: bold;}
.service-item-list ul li .service-item-content{padding:120px 0px 2px 0px;}

.service-item-list ul li .service-item-content ul li{text-align: center;border-radius: 8px;border:2px solid #dddddd;overflow: hidden;height: 62px;position: relative;}
.service-item-list ul li .service-item-content ul li:hover{text-align: center;border-radius: 8px;border:2px solid #0d7ee7;overflow: hidden;}

.service-item-list ul li .service-item-content ul li a{font-size:16px;line-height: 58px;color:#525252 !important; font-weight: bolder;display: block;position: absolute;top:0px;left:0px;width: 100%;text-align: center;}

.service-item-list ul li .service-item-content ul li a .btn-0{background-color:#ffffff;color:#525252;font-size:16px;line-height: 58px;width:100%;text-align: center;}
.service-item-list ul li .service-item-content ul li a .btn-1{background-color: #0d7ee7;color:#ffffff;font-size:16px;line-height: 58px;width:100%;text-align: center;}
.service-item-list ul li .service-item-content ul li a .btn-0 font{color:#525252 !important;}
.service-item-list ul li .service-item-content ul li a .btn-1 font{color:#ffffff !important;}
.service-item-list ul li .service-item-content ul li:hover a{position: absolute;top:-58px;left:0px;}



.vr-ad-box{width:100%;padding:60px 0px;background-color: #ececec;margin-bottom:80px;}
.vr-txt{font-size:18px;line-height: 35px;font-weight: 100;padding:0px;}

.item-title-1{font-size:56px;line-height: 75px;font-weight: 100;margin-top:80px;}
.item-title-2{font-size:76px;line-height: 85px;font-weight: 700;margin-bottom:80px;}

.service-txt-list ul li{background-color: #ffffff;padding:25px 0px;border-radius: 15px;overflow: hidden;border:1px solid #e5e5e5}
.service-txt-list ul li .span{text-align: center;}
.service-txt-list ul li .span span{font-size:100px;line-height:120px;color:#d0d0d0;}
.service-txt-list ul li .title{text-align: center;font-size:24px;line-height: 45px;color:#343434;}
.service-txt-list ul li .content{text-align: center;font-size:16px;line-height: 25px;color:#a6a6a6;padding:15px 25px 0px 25px;}


.about-txt-title{text-align: center;font-size:26px !important;line-height: 30px; font-weight: lighter;font-family: "bananaslip"}
.about-txt-content{text-align: left;font-size:16px!important;line-height: 36px;}
.about-bg{margin:80px 0px ;background-image: url(../image/about-bg.jpg);background-repeat: no-repeat; background-attachment: fixed; background-position: center center; background-size: cover;  height: 600px;}




.BottomContact{background-color:#2e59a7;padding:60px 0px; width:100%;}
.webfloor-log span{font-size:80px;line-height: 120px;color:#ffffff;}
.webfloor-btn ul li{float:left;width:35%;color:#a6a6a6; line-height: 45px;}
.webfloor-btn ul li a{color:#a6a6a6; line-height: 45px;}
.webfloor-tel{font-size:60px;line-height: 80px;color:#ffffff;font-family: "bananaslip";line-height: 105px}
.webfloor-tel-1{color:#cfcfcf;}
.webfloor-tel-2,.webfloor-tel-2 a,.webfloor-tel-2 a:hover{color:#a6a6a6; line-height: 45px;}
.webBottom{font-size:12px; line-height:30px;color:#a6a6a6; border-top:1px solid #a6a6a6;margin-top:20px;}
.webBottom a{font-size:12px; line-height:30px;color:#a6a6a6;}
.webBottom label{float:right;}

.menu-right{ position: fixed;right:5px;bottom:30px;z-index: 99999;}

.menu-right>ul>li{width:50px;height: 50px;background-color:#0d7ee7;text-align: center;position:relative;border:1px #ffffff;border-radius: 3px;color:#cfcfcf;}
.menu-right>ul>li:hover{width:50px;height: 50px;background-color:#0d7ee7;text-align: center;border-radius: 3px;}
.menu-right>ul>li+li{margin-top:5px;}
.menu-right>ul>li>a,.menu-right>ul>li>a>span,.menu-right>ul>li>span{font-size:30px;line-height: 50px;color:#f2c867;text-decoration: none;}
.menu-right>ul>li>.vxCode{position:absolute;right:55px;top:-50px;width:150px;text-align: center;background-color:#0d7ee7;font-size:12px;}
.menu-right>ul>li>.call400{position:absolute;right:47px;top:0px;height: 50px;background-color:#0d7ee7;color:#f2c867;line-height: 50px;font-size:20px;width:200px;text-align: center;}
.menu-right>ul>li>.menj-info{display:none;}
.menu-right>ul>li:hover>.menj-info{display:inline;}

.feedback-box{
    display:none;
}
.feedback-main{
    position: fixed;width:100%;height: 100%;background-color:rgba(255,255,255,0.8);bottom:0px;z-index: 9999999;
	display:flexbox;display: -webkit-flexbox;display: -mx-flexbox;display: -moz-flexbox;display: flex;display: -webkit-flex;display: -mx-flex;display: -moz-flex;flex:auto; justify-content:center;flex-direction:column;
}
.feedback-sub{width:100%;max-width: 600px; background-color: rgb(255,255,255); margin-left: auto;   margin-right: auto;    border-radius: 10px;overflow: hidden;	-moz-box-shadow:0px 0px 9px #636363; -webkit-box-shadow:0px 0px 9px #636363; box-shadow:0px 0px 9px #636363;}
.feedback-title{background-color:#00A0FF; height:60px;color:#ffffff;font-size:20px;line-height: 60px;padding-left: 15px;padding-right: 15px;}
.feedback-close{float:right;}
.feedback-close>span{font-size:30px;color:#ffffff;cursor: pointer;}
.contact-sub-box{
    padding-top: 20px;
    padding-right: 35px;
    padding-left: 35px;
    padding-bottom: 35px;
}