html{background: #f9f9f9;}
body::-webkit-scrollbar { display: none;}

.header{width: 100%;position: fixed;top: 0;left: 0;background-color: rgba(225,225,225,0);z-index: 99;height: 60px;transition:0.3s;-moz-transition:0.3s; -webkit-transition:0.3s; -o-transition:0.3s;}	
.header .nav-box .logo{width: 120px;height: 60px;display:block;background: url(../img/logo1.png) no-repeat left center;background-size: 85px 21px;float: left;transition:0.3s;-moz-transition:0.3s; -webkit-transition:0.3s; -o-transition:0.3s;}
.header .nav-box .nav{float: right;}
.header .nav-box .nav a{display: inline-block;padding-left: 40px;color: #fff;line-height: 60px;box-sizing: border-box;color: #FFFFFF;font-size: 15px;position: relative;}
.header .nav-box .nav .active:after{display: block;content: "";width: 10px;height: 2px;background: #2585e5;position: absolute;left: 20px;top: 25px;} 
.header .nav-box .nav a:hover:after{display: block;content: "";width: 10px;height: 2px;background: #2585e5;position: absolute;left: 20px;top: 25px;} 
.header .nav-box .nav a:hover{color:#2585e5;}

.header.stop{width: 100%;position: fixed;top: 0;left: 0;background: #ffffff;z-index: 99;height: 60px;box-shadow: 0px 9px 11px 1px rgba(0, 0, 0, 0.1);}	
.header.stop .nav-box .logo{width: 120px;height: 60px;display:block;background: url(../img/logo.png) no-repeat left center;background-size: 85px 21px;float: left;}
.header.stop .nav-box .nav{float: right;}
.header.stop .nav-box .nav a{display: inline-block;padding-left: 40px;color: #fff;line-height: 60px;box-sizing: border-box;color: #000000;font-size: 15px;position: relative;}
.header.stop .nav-box .nav .active:after{display: block;content: "";width: 10px;height: 2px;background: #2585e5;position: absolute;left: 20px;top: 25px;} 
.header.stop .nav-box .nav a:hover:after{display: block;content: "";width: 10px;height: 2px;background: #2585e5;position: absolute;left: 20px;top: 25px;} 
.header.stop .nav-box .nav a:hover{color:#2585e5;}

.anli-box .anli-one{float: left;width: 23.5%;margin-right: 2%;}
.anli-box .anli-one:nth-child(4n){margin-right:0;}
.anli-box .anli-one .anli-box-img{width:100%;height: 200px;background: #007AFF;cursor: pointer;}
.anli-box .anli-one .anli-title{font-size: 16px;text-align: center;color: #333333;line-height: 30px;padding: 10px 0;}
.anli-box .anli-one .show-box{width: 100%;height: 100%;background-color:rgba(0,0,0,0.5);text-align: center;line-height: 200px;opacity: 0;transition:0.5s;-moz-transition:0.5s; -webkit-transition:0.5s; -o-transition:0.5s;}
.anli-box .anli-one .anli-box-img:hover .show-box{opacity: 1;}

.fuwu-box{padding-bottom: 60px;}
.fuwu-box .fuwu-one{width: 400px;background: #FFFFFF;float: left;padding: 40px 30px;box-sizing: border-box;height: 250px;cursor: pointer;transition:0.5s;-moz-transition:0.5s; -webkit-transition:0.5s; -o-transition:0.5s;}
.fuwu-box .fuwu-one.t-b{border-top: 1px solid #f5f5f5;}
.fuwu-box .fuwu-one.r-b{border-left: 1px solid #f5f5f5;}
.fuwu-box .fuwu-one .icon{width: 36px;height: 36px;background: #007AFF;transition:0.5s;-moz-transition:0.5s; -webkit-transition:0.5s; -o-transition:0.5s;}
.fuwu-box .fuwu-one .fuwu-title{font-size: 20px;color: #515769;padding: 25px 0 20px 0;box-sizing: border-box;font-weight: bold;transition:0.5s;-moz-transition:0.5s; -webkit-transition:0.5s; -o-transition:0.5s;}
.fuwu-box .fuwu-one .fuwu-text{font-size: 14px;color: #a6a7aa;transition:0.5s;-moz-transition:0.5s; -webkit-transition:0.5s; -o-transition:0.5s;}
.fuwu-box .fuwu-one:hover .icon{opacity: 0;}
.fuwu-box .fuwu-one:hover .fuwu-title{margin-top: -40px;}
.fuwu-box .fuwu-one:hover {background: #2585e5;}
.fuwu-box .fuwu-one:hover .fuwu-title{color: #FFFFFF;}
.fuwu-box .fuwu-one:hover .fuwu-text{color: #FFFFFF;}

.liucheng-box{display: flex;justify-content: space-between;align-items: center;padding: 0 100px;}
.liucheng-box .liucheng-one{width: 88px;cursor: pointer;}
.liucheng-box .liucheng-one .icon-box{width: 88px;height: 88px;border-radius: 50%;overflow: hidden;}
.liucheng-box .liucheng-one .icon-box .i-box1{width: 88px;height: 88px;display: flex;align-items:center;justify-content: center;transition:0.5s;-moz-transition:0.5s; -webkit-transition:0.5s; -o-transition:0.5s;overflow: hidden;background: #2585e5;}
.liucheng-box .liucheng-one .icon-box .i-box2{width: 88px;height: 0px;display: flex;align-items:center;justify-content: center;transition:0.5s;-moz-transition:0.5s; -webkit-transition:0.5s; -o-transition:0.5s;overflow: hidden;background: #f7b21e;}
.liucheng-box .liucheng-one .t1{font-size: 16px;color: #666666;text-align: center;padding-top: 20px;}
.liucheng-box .liucheng-one .t2{font-size: 16px;color: #666666;text-align: center;padding-top: 3px;}
.liucheng-box .lc-jiantou{width: 25px;height: 19px;position: relative;top: -30px;}
.liucheng-box .liucheng-one:hover .t1{color: #000;}
.liucheng-box .liucheng-one:hover .t2{color: #000;}
.liucheng-box .liucheng-one:hover .i-box1{height: 0px;opacity: 0;}
.liucheng-box .liucheng-one:hover .i-box2{height: 88px;}

.about-box{padding-bottom: 60px;position: relative;}
.about-box .about-img{width: 660px;height: 440px;}
.about-box .about-text{background: #FFFFFF;width: 620px;height: 200px;font-size: 15px;line-height: 24px;padding: 40px;box-sizing: border-box;color: #000;position: absolute;right: 0;top: 40px;box-shadow: 0px 0px 36px 4px rgba(170, 170, 170, 0.2);}
.about-box .about-text1{width: 540px;height: 200px;font-size: 15px;line-height: 24px;padding: 50px 40px 40px 40px;color: #5d90cb;position: absolute;right: 0;bottom: 60px;text-align: justify;}

.zixun-box .zixun-one{float: left;width: 23.5%;margin-right: 2%;}
.zixun-box .zixun-one:nth-child(4n){margin-right:0;}
.zixun-box .zixun-one .zixun-box-img{width:100%;height: 200px;background: #007AFF;cursor: pointer;}
.zixun-box .zixun-one .zixun-title{font-size: 16px;text-align: center;color: #333333;line-height: 30px;padding-top: 10px;}
.zixun-box .zixun-one .show-box{width: 100%;height: 100%;padding: 20px;box-sizing: border-box;overflow: hidden;background-color:rgba(0,0,0,.5);opacity: 0;transition:0.5s;-moz-transition:0.5s; -webkit-transition:0.5s; -o-transition:0.5s;}
.zixun-box .zixun-one .zixun-box-img:hover .show-box{opacity: 1;}

.zixun-show-one{width: 100%;padding: 20px;border:1px solid #F5F5F5 ;box-sizing: border-box;display: flex;margin-bottom: 20px;cursor: pointer;background: #FFFFFF;transition:0.5s;-moz-transition:0.5s; -webkit-transition:0.5s; -o-transition:0.5s;}
.zixun-show-one:hover{background:#FFFFFF;}
.zixun-show-one-img{width: 240px;height: 180px;}
.zixun-show-right-box{flex: 1;color: #333333;padding-left: 20px;box-sizing: border-box;}
.zixun-show-title{font-size: 24px;font-weight: bold;}
.zixun-show-jianjie{font-size: 16px;height: 64px;margin: 20px 0 50px 0;color: #999999;}
.zixun-show-time{font-size: 14px;}
.zx-content{color: #666666;text-align: center;padding-bottom: 20px;}
.zx-content span{padding: 0 10px;box-sizing: border-box;font-size: 15px;}
.zx-title{font-size: 26px;color: #000000;padding: 40px 20px 20px 20px;text-align: center;font-weight: bold;}
.zx-show{width: 100%;min-height: 600px;padding:20px 0 70px 0;color: #333333;border-top: 1px solid #EEEEEE;}

.hezuo-box{padding-bottom: 60px;}
.hezuo-box .hezuo-one{float: left;width: 19%;margin-right: 1.25%;height: 90px;cursor: pointer;border: 1px solid #f2f2f2;margin-bottom: 20px;display: flex;align-items: center;justify-content: center;background: #FFFFFF;}
.hezuo-box .hezuo-one img{-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;opacity:0.7;transition:0.5s;-moz-transition:0.5s; -webkit-transition:0.5s; -o-transition:0.5s; max-width: 80%;}
.hezuo-box .hezuo-one:nth-child(5n){margin-right:0;}
.hezuo-box .hezuo-one:hover img{opacity:1;-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);filter: grayscale(0%);}

.fangan-box .fangan-one{float: left;width: 240px;height: 340px;background: #007AFF;}
.fangan-box .fangan-one .img-box{width: 100%;height: 100%;background-color: rgba(0,0,0,.5);padding-top: 70px;box-sizing: border-box;cursor: pointer;transition:0.5s;-moz-transition:0.5s; -webkit-transition:0.5s; -o-transition:0.5s;}
.fangan-box .fangan-one .img-box .icon-box{width: 120px;height: 120px;border: 1px solid #FFFFFF;display: flex;align-items: center;justify-content: center;margin: 0 auto ;transition:0.5s;-moz-transition:0.5s; -webkit-transition:0.5s; -o-transition:0.5s;}
.fangan-box .fangan-one .img-box .icon-box img{display: inline-block;}
.fangan-box .fangan-one .img-box .icon-box .lx-us{display: none;font-size: 14px;color: #FFFFFF;}
.fangan-box .fangan-one .img-box .title{text-align: center;font-size: 20px;color: #FFFFFF;padding-top: 48px;box-sizing: border-box;}
.fangan-text{color: #a6a7aa;text-align: center;padding-bottom: 40px;font-size: 16px;}
.fangan-box .fangan-one:nth-child(1){background: url(../img/hy1.png?id=1) no-repeat center;background-size:cover;}
.fangan-box .fangan-one:nth-child(2){background: url(../img/hy2.png?id=1) no-repeat center;background-size:cover;}
.fangan-box .fangan-one:nth-child(3){background: url(../img/hy3.png?id=1) no-repeat center;background-size:cover;}
.fangan-box .fangan-one:nth-child(4){background: url(../img/hy4.png?id=1) no-repeat center;background-size:cover;}
.fangan-box .fangan-one:nth-child(5){background: url(../img/hy5.png?id=1) no-repeat center;background-size:cover;}

.fangan-box .fangan-one .img-box:hover .icon-box{height: 50px;}
.fangan-box .fangan-one .img-box:hover .icon-box img{display: none;}
.fangan-box .fangan-one .img-box:hover .icon-box .lx-us{display: block;}
.fangan-box .fangan-one .img-box:hover .title{display: none;}
.fangan-box .fangan-one .img-box:hover{padding-top: 140px;background-color: rgba(0,0,0,.2);}

.bottom-cont{height: 790px;background: url(../img/bbg.png) no-repeat center;background-size:cover;}
.bottom-cont .auto{height: 610px;}
.lianxi-left{height: 610px;width: 50%;float: left;}
.lianxi-left .nav-box{padding-top: 100px;box-sizing: border-box;float: left;}
.lianxi-left .nav-box.l{width: 80px;}
.lianxi-left .nav-box.r{width: 300px;margin-left: 50px;}
.lianxi-left .nav-box a{display: block;width: 100%;height: 60px;font-size: 16px;color: #FFFFFF;opacity: 0.8;}
.lianxi-left .nav-box a:hover{opacity: 1;}
.lianxi-right{height: 610px;width: 50%;float: right;padding-top: 80px;box-sizing: border-box;}
.lianxi-right .lianxi-title{font-size: 26px;font-weight: bold;padding-bottom: 20px;width: 400px;text-align: center;}
.lianxi-right input{display: block;font-size: 15px;width: 400px;height: 50px;background-color: rgba(0,0,0,0.5);margin-bottom: 20px;color: #FFFFFF;padding: 0 10px;box-sizing: border-box;}
.lianxi-right textarea{display: block;font-size: 15px;width: 400px;height: 200px;background-color: rgba(0,0,0,0.5);margin-bottom: 20px;color: #FFFFFF;padding: 10px;box-sizing: border-box;}
.lianxi-right .lianxi-btn{width: 400px;height: 50px;background: #2585e5;text-align: center;line-height: 50px;color: #FFFFFF;cursor: pointer;}
.bot-cont{height: 180px;box-sizing: border-box;width: 100%;background: #FFFFFF;}
.bot-cont .link-box{text-align: center;padding-top: 40px;}
.bot-cont .mod_copyright_auth_ico {display: inline-block;margin: 0 3px;width: 103px;height: 32px;}
.bot-cont .link-text{text-align: center;font-size: 14px;padding: 20px 0 20px 0;color: #333333;}
.bot-cont .link-text a{color: #FFFFFF;font-size: 14px;}

.anli-show-box{position: fixed;width:100%;height:100%;background-color: rgba(0,0,0,0.5);z-index: 99;top: 0;left: 0;bottom: 0;right: 0;display: none;justify-content: center;align-items:center;animation: backcolor 0.3s;}
.anli-show-box.showBox{display: flex;}
.anli-show-box .show-warp{width: 750px;height: 90%;background: #FFFFFF;display: flex;flex-direction: column;border-radius:16px;box-shadow:0px 0px 22px 2px rgba(0, 0, 0, 0.34);animation: mymove 0.3s;}
.anli-show-box .show-warp .show-img{width: 100%;flex: 1;overflow-y: auto;padding-left:10px;box-sizing: border-box;}
.anli-show-box .show-warp .show-img img{width: 100%;}
.anli-show-box .show-warp .show-title{font-size:25px;color: #333333;text-align: center;width: 100%;height: 80px;line-height: 80px;position: relative;}
.anli-show-box .show-warp .show-title .close{width: 30px;height: 30px;cursor: pointer;background: #007AFF;position: absolute;top: 20px;right: 15px;background: url(../img/close.png) no-repeat center;background-size:18px;}
.show-img::-webkit-scrollbar{width: 10px;background-color: #f5f5f5;}
.show-img::-webkit-scrollbar-track{background-color: #F5F5F5;}
.show-img::-webkit-scrollbar-thumb{height: 20px;background-color: #dddddd;}

.lianxi-show-box{position: fixed;width:100%;height:100%;background-color: rgba(0,0,0,0.5);z-index: 99;top: 0;left: 0;bottom: 0;right: 0;display: none;justify-content: center;align-items:center;animation: backcolor 0.3s;}
.lianxi-show-box.showBox{display: flex;}
.lianxi-show-box .lianxi-show-warp{width: 450px;height: 600px;background: #FFFFFF;border-radius:16px;box-shadow:0px 0px 22px 2px rgba(0, 0, 0, 0.34);padding: 10px 20px;position: relative;animation: mymove 0.3s;}
.lianxi-show-box .lianxi-show-warp .logo{margin: 30px auto 40px;display: block;}
.lianxi-show-box .lianxi-show-warp input{display: block;font-size: 15px;width:100%;height: 50px;background-color: #f5f5f5;margin-bottom: 20px;color: #333;padding: 0 10px;box-sizing: border-box;}
.lianxi-show-box .lianxi-show-warp textarea{display: block;font-size: 15px;width:100%;height: 200px;background-color:#f5f5f5;margin-bottom: 40px;color: #333;padding: 10px;box-sizing: border-box;}
.lianxi-show-box .lianxi-show-warp .lianxi-btn{width: 100%;height: 50px;background: #2585e5;text-align: center;line-height: 50px;color: #FFFFFF;cursor: pointer;}
.lianxi-show-box .lianxi-show-warp .close{width: 30px;height: 30px;cursor: pointer;background: #007AFF;position: absolute;top: 20px;right: 15px;background: url(../img/close.png) no-repeat center;background-size:18px;}

.page-section .particles-bg .particles-js-canvas-el {position: relative;}
.content-detail{margin: auto;width: 100%px;height: 790px;position: absolute;top: 0;left: 0;right: 0;display: flex;justify-content: center;align-items: center;flex-direction: column;z-index: 10;}

@keyframes mymove {
	0% {
		transform:scale(0.5);
		-webkit-transform:scale(0.5);
		-ms-transform:scale(0.5);
	}
	100% {
		transform:scale(1);
		-webkit-transform:scale(1);
		-ms-transform:scale(1);
	}
}
@keyframes backcolor {
	0% {
		background-color: rgba(0,0,0,0);
	}
	100% {
		background-color: rgba(0,0,0,0.5);
	}
}