html{overflow:auto;overflow-y:scroll; scroll-behavior:smooth;font-size: 62.5%;}
body{color:#333;background:#fbfbfb;font-family:microsoft yahei;overflow-x:hidden;height:100%;font-size: 1.4rem;}
*{-webkit-margin-before:0px;-webkit-margin-after:0px;-webkit-padding-start:0px;}
a{text-decoration:none;}
a:hover{text-decoration:none;color: #3182eb;}
ul,li{list-style:none;margin:0;}
h1,h2,h3,h4,h5,h6,p{margin:0;}
img{max-width: 100%;}
.fl{float: left;}
.fr{float: right}
.clear{clear: both;}
.ellipsis{text-overflow: ellipsis;overflow: hidden;white-space:nowrap;}
.clamp{text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow: hidden;}
.wrap{width:140rem;margin:0 auto;overflow: hidden;}
.wrapp{width:140rem;margin:0 auto;position: relative;}
/*主色调 蓝色 #3182eb*/

@media(min-width:1200px ){
	body{letter-spacing:.2rem}
}

/*划出菜单*/
.fancynav-mainnav{position: fixed;}
/*header*/
.h-top{height: 4rem;background: #f5f5f5;line-height: 4rem;color: #656565;}
.h-top .right{text-align: right;}
.h-top a{color: #656565;}
.h-top a:hover{color: #3182eb;}

.h-nav{padding:1.6rem 0;}
.h-mid{font-size: 1.6rem;width:100%;padding:1.5rem 0;}
.h-mid a{color: #191919;padding:0 0 1rem;display: flex;flex-direction: column;align-items: center;}
.h-mid a p{color: #191919;padding:1rem 0;}
.h-mid a span{width:0;transition: all .5s;border-bottom: solid .3rem #fff;display: block;}
/*.h-mid a:hover p{background: url(../images/nav-hover.png) center bottom no-repeat;}*/
.h-mid a:hover span{border-bottom: solid .3rem #3182eb;width:100%;}
.h-right{padding-top: .5rem;text-align: right}
.h-right span{display: block;background: #3182eb;width:3.5rem;height: 3.5rem;text-align: center;}
.h-right i{font-size: 2.4rem;color: #fff}
.h-right p{font-size: 2.4rem;text-indent: 1rem}
.demolist{display: none;}
.h-menu{text-align: right;margin-top:-1rem;}
.h-menu i{font-size: 4.5rem;}
@media(min-width: 1200px){
	.inner{width:140rem; margin:0 auto; }
}
@media(max-width: 1200px){
	.inner{width:100%;}
}
@media(max-width: 576px){
	.h-nav{padding:1rem 0;}
	.h-menu i{font-size: 3.2rem;}
}

/*flash*/
.flash{
    --swiper-theme-color: #3182eb;
    /*--swiper-pagination-color: #00ff33;/* 两种都可以 */
  }
@media(max-width: 768px){
	.flash img{height: 35rem;object-fit: cover;}
}
@media(max-width: 576px){
	.flash img{height: 24rem;}
}

/*i-lan*/
.i-lan{margin:0 auto;overflow:hidden;position: relative;top:-15rem;}
.i-lan .t1{color: #323232;font-size: 2rem;font-weight: bold;}
.i-lan .t2{color: #2e2e2e;font-size: 1.4rem;margin-top: .5rem;}
.i-lan i{font-size: 4rem;color: #999999;}
.i-lan a{overflow: hidden;display: block;position: relative;}
.i-lan .left,.i-lan .right,.i-lan .mid,.i-lan .bg1,.i-lan .bg2{display: flex;flex-direction: row;justify-content: space-between;padding:2.5rem;transition: all .5s;position: relative;z-index: 1}
/*.i-lan a:hover .t1{color: #fff}
.i-lan a:hover .t2{color: #fff}*/
.i-lan .bg1,.i-lan .bg2{justify-content: flex-end;position: absolute;bottom:0;width:100%;height: 100%;}
.i-lan .bg1{background: #fff;top:0;transition: all .5s}
.i-lan .bg2{background: #3182eb;bottom:-100%;transition: all .5s}
.i-lan .bg1 i{color: #999999;line-height: 1}
.i-lan .bg2 i{color: #fff;line-height: 1}
.i-lan a:hover .bg1{top:-100%;}
.i-lan a:hover .bg2{bottom:0;}
.i-lan a:hover .t1{color: #fff;}
.i-lan a:hover .t2{color: #fff;}

@media(min-width: 1200px){
	.i-lan{width:120rem;}
}
@media(max-width: 1200px){
	.i-lan{width:100%;}
}
@media(max-width: 992px){
	.i-lan{top:3rem;}
	.i-lan .left,.i-lan .right,.i-lan .mid{border:solid .1rem #eee;box-sizing:border-box;padding:1.5rem;}
}
@media(max-width:768px){
	.i-lan a{margin-bottom: 1.5rem;}
	.i-lan .left,.i-lan .right,.i-lan .mid{padding:1rem;}
}

/*i-pro*/
.i-pro{margin:-10rem auto 3rem;overflow:hidden;}
.i-pro-hd{padding:2rem 1.5rem;}
.i-pro-hd .t1{color: #3182eb;font-weight: bold;font-size: 4rem;}
.i-pro-hd .left a{color: #fff;border-radius: 1.5rem;background: #3182eb;display: block;height: 3rem;line-height: 3rem;width:10rem;text-align: center;transition: all .5s}
.i-pro-hd .left a:hover{width:11rem;}
.i-pro-hd .txt{margin-top: 1rem;display: flex;flex-direction: row;justify-content: flex-start;}
.i-pro-hd .t2{text-transform: uppercase;font-size: 2.4rem;color: #333;text-indent: .5rem}
.i-pro-hd .right{padding:1.5rem 0;display: flex;flex-direction: row;justify-content: space-around;flex-wrap:wrap;}
.i-pro-hd .right a{color: #181818;margin:.5rem 0;}
.i-pro-hd .right a:hover{color: #3182eb;}

.i-pro-bd{padding:0 1.5rem;overflow:hidden;}
.i-pro-bd .item{background: #fff;padding:1rem 1rem 1.5rem;overflow: hidden;transition: all .5s}
.i-pro-bd .item .pic{width:100%;padding-bottom: 75%;overflow: hidden;position: relative;}
.i-pro-bd .item .pic img{width:100%;object-fit: cover;transition: all .5s;height: 100%;position: absolute;}
.i-pro-bd .item .t1{color: #1e1e1e;font-size: 1.8rem;padding:2rem 0 1rem;border-bottom: solid .1rem #ddd;width:100%;text-align: left;transition: all .5s}
.i-pro-bd .item .t2{color: #5b5b5b;line-height: 2.4rem;margin:1.5rem 0;-webkit-line-clamp:2;transition: all .5s}
.i-pro-bd .item span{border:solid .1rem #ddd;color: #5b5b5b;display: block;width:20rem;height: 4rem;line-height: 4rem;text-align: center;transition: all .5s}
.i-pro-bd .item:hover{background: #3182eb;}
.i-pro-bd .item:hover .t1{color: #fff;font-weight: bold;padding-left: 1rem}
.i-pro-bd .item:hover .pic img{transform: scale(1.1,1.1);}
.i-pro-bd .item:hover .t2{color: #fff;}
.i-pro-bd .item:hover span{color: #3182eb;background: #fff;border-color: #fff;}
@media(min-width: 1200px){
	.i-pro{width:120rem;}
}
@media(max-width: 1200px){
	.i-pro{width:100%;}
}
@media(max-width: 992px){
	.i-pro{padding:3rem 0;margin-top: 0}
	.i-pro-hd .left{text-align: center;}
	.i-pro-hd .txt{display: flex;flex-direction: row;justify-content: center;}
}
@media(max-width: 768px){
	/*.i-pro-hd .right{display: none;}*/
	.i-pro-bd li{padding:0 .5rem;}
	.i-pro-hd .right a{width:30%;display: inline-block;border:solid .1rem #eee;padding:.5rem;text-align: center;}
	.i-pro-bd .item span{display: none;}
}

/*i-com*/
.i-com{overflow: hidden;background: #f8f8f8;padding-bottom: 8rem;position: relative;}
.i-com #bg{position: absolute;bottom:0;height: 90%}
.i-com-box{margin:0 auto;}
.i-com-hd{padding:10rem 0;}
.i-com-hd .t1{color: #3182eb;font-weight: bold;font-size: 5rem;background: url(../images/i-com-icon.png) 19rem 5rem no-repeat;text-transform: uppercase;}
.i-com-hd .t2{color: #333333;font-weight: bold;font-size: 2.4rem;}
.i-com-hd .lt{margin:4rem 0 0;border-bottom: solid .1rem #cecece;padding-bottom: 1.7rem;line-height: 3rem;}
.i-com-hd .lt p{-webkit-line-clamp:4;}
.i-com-hd .rt{width:5.5rem;height: 5.5rem;text-align: center;line-height: 5.5rem;border:solid .1rem #333;transition:all .5s;margin:4rem auto 0;}
.i-com-hd .rt i{color: #333;font-size: 4rem;margin-left:-10px;}
.i-com-hd .rt:hover i{color: #fff;}
.i-com-hd .rt:hover{border-color: #3182eb;background: #3182eb;}
.i-com-bd .left{text-align: center;}
.i-com-bd .left .pic{width: 100%;border:solid 1rem #e2e1e6;overflow: hidden;}
.i-com-bd .left img{width:100%;object-fit: cover;transition: all .5s}
.i-com-bd .left .pic:hover img{transform:scale(1.1,1.1);}
.i-com-bd .right li{width:16rem;margin:2rem 8% 5rem;color: #333;float: left;position: relative;height: 6rem;}
.i-com-bd .right i{font-size: 5rem;position: absolute;left:0;transition: all.5s}
.i-com-bd .right .txt{padding:1.2rem 0;position: absolute;left:7rem;transition: all .5s}
.i-com-bd .right .txt .t1{font-size: 1.8rem;}
.i-com-bd .right .txt .t2{text-transform: uppercase;}
.i-com-bd .right li:hover i{color: #3182eb;right:0;left:9rem;}
.i-com-bd .right li:hover{color: #3182eb;}
.i-com-bd .right li:hover .txt{left:0;}
@media(min-width: 1200px){
	.i-com-box{width:120rem;}	
}
@media(max-width: 1200px){
	.i-com-box{width:100%;}	
}
@media(max-width: 992px){
	.i-com-hd{padding:6rem 0;}
	.i-com-bd .right li{margin:2rem 0}	
}
@media(max-width: 768px){
	.i-com{padding-bottom: 3rem;}
	.i-com-hd{padding:3rem 0;}
	.i-com-hd .rt{width:4rem;height:4rem;line-height: 4rem;}
	.i-com-hd .rt i{font-size: 3rem;}
	.i-com-bd .right li{margin:2rem 0}	

}

/*i-fangan*/
.i-fangan{overflow:hidden;background: url(../images/i-fangan-bg.jpg) center bottom no-repeat;padding:7rem 0;background-size: 100% 100%}
.i-fangan-box{margin:0rem auto;}
.i-fangan-hd{padding:2rem 1.5rem;}
.i-fangan-hd .t1{color: #fff;font-weight: bold;font-size: 4rem;}
.i-fangan-hd .left a{color: #333;border-radius: 1.5rem;background: #fff;display: block;height: 3rem;line-height: 3rem;width:10rem;text-align: center;transition: all .5s}
.i-fangan-hd .left a:hover{width:11rem;background: #3182eb;color: #fff;}
.i-fangan-hd .txt{margin-top: 1rem;display: flex;flex-direction: row;justify-content: flex-start;}
.i-fangan-hd .t2{text-transform: uppercase;font-size: 2.4rem;color: #fff;text-indent: .5rem}
.i-fangan-hd .right{padding:1.5rem 0;display: flex;flex-direction: row;justify-content: space-around;flex-wrap:wrap;color: #fff;font-size: 1.8rem}
.i-fangan-bd{padding:0 1.5rem;}
.i-fangan-bd .item{background-color: rgba(16,17,21,.8);padding:3rem 0;color: #fff;transition: all .5s;margin-top:1.5rem; }
.i-fangan-bd .item .t1 span{height: .1rem;width:4rem;background: #fff;margin-right: 1rem;transition: all .5s}
.i-fangan-bd .item .t1 b{font-size: 2.6rem;}
.i-fangan-bd .item .t2{font-size: 1.8rem;padding:.5rem 5rem;}
.i-fangan-bd .item .t3{line-height: 2.4rem;padding:1.5rem 5rem 0;margin-bottom:15px;}
.i-fangan-bd .item .txt{padding:0 5rem;}
.i-fangan-bd .item .txt .lt i{font-size: 2rem;}
.i-fangan-bd .item .txt .rt{font-size: 3rem;}
.i-fangan-bd .item:hover{background: #3182eb;}
.i-fangan-bd .item:hover .t1 span{width:5rem;}

@media(min-width: 1200px){
	.i-fangan-box{width:120rem;}
}
@media(max-width: 1200px){
	.i-fangan-box{width:100%;}
}
@media(max-width: 992px){
	.i-fangan-hd .left{text-align: center;}
	.i-fangan-hd .txt{display: flex;flex-direction: row;justify-content: center;}
}
@media(max-width: 768px){
	.i-fangan-hd .right{text-align: center;}
}

/*i-news*/
.i-news{overflow: hidden;background:#fff;padding-bottom: 5rem;}
.i-news-box{margin:0 auto;overflow:hidden;position: relative;}
.i-news-hd{border-bottom: solid .1rem #eee;}
.i-news-hd .left{padding-top: 8rem;}
.i-news-hd .left .t1{color: #3182eb;font-weight: bold;font-size: 5rem;background: url(../images/i-com-icon.png) 17rem 5rem no-repeat;text-transform: uppercase;}
.i-news-hd .left .t2{color: #333333;font-weight: bold;font-size: 2.4rem;}
.i-news-hd .left .t3{color: #333333;padding:1rem 0;}
.i-news-hd .btns{color: #cdcdcd;margin:3.5rem 0;width:9rem;}
.i-news-hd .btns a{border-right:solid .1rem #cdcdcd;overflow:hidden;height: 3rem;display: inline-block;line-height: 3rem;width:4rem;text-align: center;color:#cdcdcd ;}
.i-news-hd .btns a:nth-child(2){border:none;}
.i-news-hd .btns a:hover i{color: #3182eb}

.i-news-hd .btns i{font-size:3rem;color: #cdcdcd;}
.i-news-hd .more{padding:1.2rem 5rem;color: #fff;background: #898989;display: block;float: left;transition: all .5s}
.i-news-hd .more:hover{background: #3182eb;}
.i-news-hd .right{overflow:hidden;}
.i-news-hd .right .swiper-slide{border-left:solid .1rem #eee;padding:8rem 1.5rem;transition: all .5s}
.i-news-hd .right .t1{color: #cdcdcd;font-size: 3.6rem;transition: all .5s}
.i-news-hd .right .t2{color: #494949;font-size: 1.4rem;margin:.5rem 0;transition: all .5s}
.i-news-hd .right .t3{font-size: 1.8rem;color: #1f1f1f;-webkit-line-clamp:2;line-height: 2.8rem;transition: all .5s;height: 5.6rem;}
.i-news-hd .right .pic{width:100%;overflow:hidden;padding-bottom: 62%;height: 0;margin:1rem 0;}
.i-news-hd .right .pic img{width:100%;object-fit: cover;transition: all .5s}
.i-news-hd .right .t4{line-height: 2.6rem;color: #1f1f1f;-webkit-line-clamp:3;}
.i-news-hd .right .swiper-slide:hover{background: #3182eb}
.i-news-hd .right .swiper-slide:hover .t1{color: #fff}
.i-news-hd .right .swiper-slide:hover .t2{color: #fff}
.i-news-hd .right .swiper-slide:hover .t3{color: #fff}
.i-news-hd .right .swiper-slide:hover .t4{color: #fff}
.i-news-hd .right .swiper-slide:hover .pic img{transform: scale(1.1,1.1);}
.i-news-bd{padding:3rem 0;overflow: hidden;}
.i-news-bd .item{padding:2rem;color: #4e4e4e;background: #f8f8f8;display: flex;flex-direction: row;justify-content: space-between;transition: all .5s;margin:1rem 0;}
.i-news-bd .item:hover{background: #828da1;color: #fff;}
.i-news-bd .item .t1{width:70%;}
@media(min-width: 1200px){
	.i-news-box{width:120rem;}	
}
@media(max-width: 1200px){
	.i-news-box{width:100%;}	
}
@media(max-width: 992px){
	.i-news-hd{padding:6rem 0;}
}
@media(max-width: 768px){
	.i-news{padding-bottom: 3rem;}
	.i-news-hd{padding:3rem 0 0;}
	.i-news-hd .left{padding-top: 0rem;}
	.i-news-hd .btns{display: none!important;}
	.i-news-hd .right{margin-top: 3rem;}
	.i-news-hd .right .swiper-slide{padding:1.5rem;}
	.i-news-hd .right .t3{font-size: 1.4rem}
	.i-news-hd .right .t4{font-size: 1.2rem}
	.i-news-bd .item{padding:1rem;margin:.5rem 0;}
}

/*links*/
.links{overflow: hidden;background:#f7f7f7;}
.links-box{margin:0 auto;overflow:hidden;position: relative;padding:1rem 0;}
.links-box .left{}
.links-box .left .t1{color: #3182eb;font-weight: bold;font-size: 5rem;background: url(../images/i-com-icon.png) 17rem 5rem no-repeat;text-transform: uppercase;}
.links-box .left .t2{color: #333333;font-weight: bold;font-size: 2.4rem;}
.links-box .right{padding:3rem 0;}
.links-box .right a{padding:1rem 1.5rem;color: #333333;font-size: 1.6rem;display: inline-block;}
.links-box .right a:hover{color: #3182eb;}
@media(min-width: 1200px){
	.links-box{width:120rem;}	
}
/*@media(min-width: 1200px){
	.links-box{width:120rem;}	
}*/
/*footer*/
.footer{background:#1e1f23;}
.footer-box{margin:0 auto;}
.footer-box .left{background: #ffffff;padding:8rem 0;}
.footer-box .f-ewm{border:solid .1rem #828da1;width:15.5rem;margin-top: 1.5rem;}
.footer-box .right{padding:6.5rem 0;}
.footer-box .right .t1{color: #fff;border:solid .1rem #fff;padding:1rem;text-align: center;}
.footer-box .right .t1 span{display: inline-block;}
.footer-box .right .t2{color: #fff;font-size: 1.8rem;margin: 3rem 0 1rem;}
.footer-box .right .t3{color: #8d8c8c;}
.footer-box .right .f-nav{background: #333333;font-size: 1.6rem;padding:1rem 0;display: flex;flex-direction: row;justify-content: space-around;}
.footer-box .right .f-nav a{color: #fff;display: inline-block;}
.footer-box .right .f-nav a:hover{color: #3182eb;}
@media(min-width: 1200px){
	.footer-box{width:120rem;}	
}
/*down*/
.down{width:100%;flex-direction: row;justify-content: space-between;background: #211f1f;display: none;}
.down li{width:25%;border-right:solid .1rem #fff;padding:.5rem 0;box-sizing: border-box;}
.down li:nth-child(4){border:none;}
.down li a{width:100%;display: flex;flex-direction: column;align-items: center;justify-content: center;color: #fff;font-size: 1.4rem;}
.down li a i{font-size: 2rem;}
.modal{padding-right: 0!important;}
.modal-open{padding-right: 0!important;}
@media(max-width: 768px){
	.down{display:flex;}
}