@charset "utf-8";
/* CSS Document */
body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption { margin: 0px; padding: 0px; }
img{border: none;}
.clearfix:after{content:"."; display:block; height:0; clear: both; visibility:hidden;}
.clearfix{*zoom:1;}
a:hover,a:link,a:visited{text-decoration:none;}
a:link.link01,a:visited.link01{ text-decoration:none;color:#4285f4;}
a:hover.link01{ text-decoration:none; color:#4285f4;}
a:link.link02,a:visited.link02{ text-decoration:none;color:#4285f4;}
a:hover.link02{ text-decoration:none; color:#ff0000;}
a:link.link03,a:visited.link03{ text-decoration:none;color:#fff;}
a:hover.link03{ text-decoration:none; color:#fff;}
a:link.link04,a:visited.link04{ text-decoration:none;color:#363f4e;}
a:hover.link04{ text-decoration:none; color:#4285f4;}
a:link.link05,a:visited.link05{ text-decoration:none;color:#363f4e;}
a:hover.link05{ text-decoration:underline; color:#4285f4;}
.fl{ float:left;}
.fr{ float:right;}
.juzhong{margin: auto; text-align: center;}
hr {margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eeeeee;height: 0; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}
.texiaoga:hover{background-color: rgba(255,255,255,1); opacity: 1;filter:alpha(opacity=100); box-shadow: 0 0 10px #d9dce5; cursor:pointer; }
.baise{background: #fff; }
.lanse{background: #fff0cc; }
.huise{background:#f7f8fb;}
.tiyan-color{background: #4285f4;}
.zixun-color{background: #37507b;}

/* 电脑端CSS */
@media(min-width:1081px){
body{font-sze:16px;line-height: 22px; font-family: "Microsoft YaHei","PingFang SC","Lantinghei SC","HanHei SC","Helvetica Neue","Open Sans",Arial,Hiragino, "Sans GB","微软雅黑",STHeiti,"WenQuanYi Micro Hei",SimSun,"sans-serif"; color: #737c8b; font-weight: 400; }
.pc-none{display: none;}
.mr0{margin-right: 0px!important;}
.t01{color:#20242b; font-size: 20px; line-height: 44px; }
.t02{color:#363f4e; font-size: 16px; line-height: 22px; }	
.t03{color:#737c8b; font-size: 16px; line-height: 22px; }
	
	
.banner-kj{width: 100%; height: 460px; text-align: center;background:#dbe1f5 url(../images/banner.jpg) center top no-repeat; background-size:1920px 460px;}
.banner{width: 1200px; height: 460px; margin: 0 auto; padding:80px 0 0 0; text-align: left;}
.b-title1{ font-size:28px;line-height: 30px; color: #0b0b0b; font-weight: bold; margin-bottom: 10px; }
.b-title2{ font-size:40px;line-height: 55px; color: #2562ff; font-weight: bold; margin-bottom: 20px; }
.b-title2 span{display: none;}
.b-title3{ font-size:16px;line-height: 28px; color: #0b0b0b; }
.anniu{width: 150px; height: 48px; text-align: center; font-size: 18px; line-height: 48px; color: #fff; font-weight: bold; margin-top: 55px; border-radius: 5px;-moz-border-radius: 5px; float: left; margin-right: 20px;}
.anniu a{display: inline-block;width: 150px; height: 48px;}
.anniu:hover{background: #dbecff;}
.baise{background: #fff; }
.lanse{background: #fff0cc; }
.huise{background:#f7f8fb;}
	
.tiyan-anniu{width: 120px; height: 42px; text-align: center; font-size: 16px; line-height: 42px; color: #fff; margin: 30px 0 0; cursor: pointer; display: inline-block;}
.tiyan-anniu a{display: inline-block; width: 120px; height: 42px;}
.tiyan-anniu:hover{background: #498dfd;}
	
.tiyan-anniu2{width: 110px; height: 38px; border-radius: 20px; text-align: center; font-size: 15px; line-height: 36px; color: #363f4e; margin: 20px 10px 0; cursor: pointer; display: inline-block;  background: #f6f6f6; border: 1px solid #cdcdcd;}
.tiyan-anniu2 a{display: inline-block; width: 110px; height: 38px;}
.tiyan-anniu2:hover{background: #fff;}

	
.part01-kj{ background: #edf0f3; padding: 60px 0;}
.part01{width: 1200px;margin: 0 auto; }
.tongdian{width: 1200px; margin-bottom: 40px; font-size: 15px; line-height: 22px; color: #737c8b; }
.part01 h5{ color:#777; font-size:14px; line-height: 18px; margin-bottom: 10px;}
.part01 h3{ color:#20242b; font-size:26px; line-height: 30px; font-weight: bold;}
.neirong{width: 1200px; margin: 40px auto; font-size: 16px; line-height: 24px; text-align: center; color: #737c8b;}
.nanti{width: 1200px; margin: 30px auto 0;}
.nanti ul li{list-style: none; float: left; width: 376px; height: 160px; margin-right: 36px; margin-bottom:25px; background: #fff; border:1px solid #dadde6; padding: 0 48px; box-sizing: border-box; display: flex; align-items: center;}
.nanti ul li:nth-child(3n){margin-right: 0;}
.nanti ul li:nth-child(4),.nanti ul li:nth-child(5),.nanti ul li:nth-child(6){margin-bottom: 0;}
.nanti ul li p.t01{color:#363f4e; font-size: 18px; line-height: 24px; margin-bottom: 10px; font-weight: bold;}
.nanti ul li p.t01 span{color: #4285f4;}
.nanti ul li p.t02{color:#666; font-size: 15px; line-height: 22px; }

.partnew-kj{background-color: #fff; padding: 60px 0; }
.partnew{width: 1200px;margin: 0 auto;}
.partnew h5{ color:#777; font-size:14px; line-height: 18px; margin-bottom: 10px;}
.partnew h3{ color:#20242b; font-size:26px; line-height: 30px; font-weight: bold;}	
.tab4 {width:1199px;height:auto;}
.tab4 li {float:left; width:142px; height:55px; line-height: 55px; margin-right: 9px; cursor:pointer; background:#f6f6f6 url(../images/tubiao01.png) 15px center no-repeat; background-size: 15px; border:1px solid #e4e6ee; box-sizing: border-box; text-align: center; position: relative;  position: relative; padding-left: 24px; }
.tab4 li:hover{ background-color:#f9f9f9; cursor: pointer; }
.tab4 li.active:after{ width: 0px; height: 0px; border-width: 8px 8px; border-color: #333333 transparent transparent transparent; border-style: solid; display: inline-block; position: absolute; top:54px; left: 50%; margin-left: -8px;  content: "";}
.tab4 li:last-child{margin-right: 0;}
.tab4 li p{color:#363f4e; font-size: 16px; }
.tab4 li.active{background: #333 url(../images/tubiao02.png) 15px center no-repeat; background-size: 15px; border: none;}
.tab4 li.active p{color: #fff;}	
.products4 {width:1200px; height:auto; background:linear-gradient(to bottom,#fff,#edf0f3); display: block; box-sizing: border-box; border:1px solid #e4e6ee; padding: 70px 70px; margin-top: 15px; }
.products4 .main {float:left;display:none;} 
.products4 .main.selected {display:block;}	
	
.part02-kj{background-color: #fff; padding: 60px 0; }
.part02{width: 1200px;margin: 0 auto;}
.part02 h5{ color:#777; font-size:14px; line-height: 18px; margin-bottom: 10px;}
.part02 h3{ color:#20242b; font-size:26px; line-height: 30px; font-weight: bold;}
.wrapper { width:1200px; height:auto; margin-top: 40px; }
.tab {width:1199px;height:auto;}
.tab li {float:left; width:142px; height:55px; line-height: 55px; margin-right: 9px; cursor:pointer; background:#f6f6f6 url(../images/tubiao01.png) 15px center no-repeat; background-size: 15px; border:1px solid #e4e6ee; box-sizing: border-box; text-align: center; position: relative;  position: relative; padding-left: 24px; }
.tab li:hover{ background-color:#f9f9f9; cursor: pointer; }
.tab li.active:after{ width: 0px; height: 0px; border-width: 8px 8px; border-color: #333333 transparent transparent transparent; border-style: solid; display: inline-block; position: absolute; top:54px; left: 50%; margin-left: -8px;  content: "";}
.tab li:last-child{margin-right: 0;}
.tab li p{color:#363f4e; font-size: 16px; }
.tab li.active{background: #333 url(../images/tubiao02.png) 15px center no-repeat; background-size: 15px; border: none;}
.tab li.active p{color: #fff;}	
.products {width:1200px; height:auto; background:linear-gradient(to bottom,#fff,#edf0f3); display: block; box-sizing: border-box; border:1px solid #e4e6ee; padding: 70px 70px; margin-top: 15px; }
.products .main {float:left;display:none;} 
.products .main.selected {display:block;}
.jieshi{width: 1060px; display: flex; align-items: center; }
.jieshi .wenzi{width: 340px; margin-right: 78px;}
.jieshi .wenzi p.t01{color:#363f4e; font-size: 20px; line-height: 34px; margin-bottom: 15px; }
.jieshi .wenzi p.t02,.jieshi .wenzi p.t03{color:#666; font-size: 16px; line-height: 24px; margin-bottom: 10px; }
.jieshi .wenzi p.t03:before{width: 6px; height: 6px; border-radius: 3px; -moz-border-radius: 3px; display: inline-block; background: #4285f4; content: "";margin-right: 10px; position: relative; top:-3px;}
.img-div{width: 642px; overflow: hidden; text-align: right; }
.img-div img{height: 372px;}


	
.part03-kj{padding: 60px 0;}
.part03{width: 1200px;margin: 0 auto; }
.part03 h5{ color:#777; font-size:14px; line-height: 18px; margin-bottom: 10px;}
.part03 h3{ color:#20242b; font-size:26px; line-height: 30px; font-weight: bold;}
.tab2 {width:1200px;height:auto;}
.tab2 li {float:left; width:175px; height:65px; line-height: 65px; margin-right: 10px; cursor:pointer; background:#fff url(../images/tubiao01.png) 32px center no-repeat; background-size: 18px; border:0px solid #e4e6ee; box-sizing: border-box; text-align: center; position: relative;  position: relative; padding-left: 0px; }
.tab2 li.p01{ background:#fff url(../images/hy01.jpg) center center no-repeat; background-size: cover;}
.tab2 li.p02{ background:#fff url(../images/hy02.jpg) center center no-repeat; background-size: cover;}
.tab2 li.p03{ background:#fff url(../images/hy03.jpg) center center no-repeat; background-size: cover;}
.tab2 li.p04{ background:#fff url(../images/hy04.jpg) center center no-repeat; background-size: cover;}
.tab2 li.p05{ background:#fff url(../images/hy05.jpg) center center no-repeat; background-size: cover;}
.tab2 li.p06{ background:#fff url(../images/hy06.jpg) center center no-repeat; background-size: cover;}
.tab2 li:hover{ background-color:#f9f9f9; cursor: pointer; }
.tab2 li.active:after{ width: 0px; height: 0px; border-width: 8px 8px; border-color: #333333 transparent transparent transparent; border-style: solid; display: inline-block; position: absolute; top:65px; left: 50%; margin-left: -8px;  content: "";}
.tab2 li:last-child{margin-right: 0;}
.tab2 li p{color:#fff; font-size: 18px; }
.tab2 li.active{background: #333 url(../images/tubiao02.png) 50px center no-repeat; background-size: 18px; border: none;}
.tab2 li.active p{color: #fff; padding-left: 24px;}	
.products2 {width:1200px; height:auto; background:#fff; display: block; box-sizing: border-box; border:1px solid #e4e6ee; padding: 60px 70px; margin-top: 15px; }
.products2 .main {float:left;display:none;} 
.products2 .main.selected {display:block;}
.zhankai{width: 1060px;}
.zhankai ul li{list-style: none; float: left; width: 300px; margin-right: 80px; margin-bottom: 80px;}
.zhankai ul li:nth-child(3n){margin-right: 0;}
.zhankai ul li:nth-child(4),.zhankai ul li:nth-child(5),.zhankai ul li:nth-child(6){margin-bottom: 0;}
.zhankai ul li img{width: 300px; height: 165px; vertical-align: middle; margin-top: 15px; border:1px solid #f6f6f6; box-sizing: border-box; box-shadow: 0 5px 10px #d9dce5;}
.zhankai ul li p.t01{color:#363f4e; font-size: 18px; line-height: 24px; margin-bottom: 15px;}
.zhankai ul li p.t01:before{width: 8px; height: 18px; background: #4285f4; display: inline-block; content: ""; margin-right: 10px; position: relative; top:3px;}
.zhankai ul li p.t02{color:#737c8b; font-size: 14px; line-height: 22px; }
.zhankai ul li p.t02:before{width: 6px; height: 6px; border-radius: 3px; -moz-border-radius: 3px; background: #b8b8b8; display: inline-block; content: ""; margin-right: 10px; position: relative; top:-2px;}


.part04-kj{padding: 60px 0; }
.part04{width: 1200px;margin: 0 auto; }
.part04 h5{ color:#777; font-size:14px; line-height: 18px; margin-bottom: 10px;}
.part04 h3{ color:#20242b; font-size:26px; line-height: 30px; font-weight: bold;}
.tab3 {width:1200px;height:auto;}
.tab3 li {float:left; width:175px; height:55px; line-height: 55px; margin-right: 10px; cursor:pointer; background-size: 18px; border:1px solid #e4e6ee; box-sizing: border-box; text-align: center; position: relative; padding-left: 40px; }
.tab3 li.p01{ background:#f6f6f6 url(../images/qs01.png) 35px center no-repeat; background-size: 35px;}
.tab3 li.p02{ background:#f6f6f6 url(../images/qs02.png) 35px center no-repeat; background-size: 35px;}
.tab3 li.p03{ background:#f6f6f6 url(../images/qs03.png) 35px center no-repeat; background-size: 35px;}
.tab3 li.p04{ background:#f6f6f6 url(../images/qs04.png) 35px center no-repeat; background-size: 35px;}
.tab3 li.p05{ background:#f6f6f6 url(../images/qs05.png) 35px center no-repeat; background-size: 35px;}
.tab3 li.p06{ background:#f6f6f6 url(../images/qs06.png) 35px center no-repeat; background-size: 35px;}
.tab3 li:hover{ background-color:#f9f9f9; cursor: pointer; }
.tab3 li.active:after{ width: 0px; height: 0px; border-width: 8px 8px; border-color: #333333 transparent transparent transparent; border-style: solid; display: inline-block; position: absolute; top:54px; left: 50%; margin-left: -8px;  content: "";}
.tab3 li:last-child{margin-right: 0;}
.tab3 li p{color:#363f4e; font-size: 18px; }
.tab3 li.active{background-color: #333; border:1px solid #333;}
.tab3 li.active p{color: #fff;}	
.products3 {width:1200px; height:auto; background:linear-gradient(to bottom,#fff,#edf0f3);  display: block; box-sizing: border-box; border:1px solid #e4e6ee; padding: 60px 70px; margin-top: 15px; }
.products3 .main {float:left;display:none;} 
.products3 .main.selected {display:block;}
.products3 .zhankai ul li{margin-bottom: 0!important;}
	
.part05-kj{padding: 60px 0 40px; }	
.part05{width: 1200px; margin: 0 auto; }
.part05 h5{ color:#777; font-size:14px; line-height: 18px; margin-bottom: 10px;}
.part05 h3{ color:#20242b; font-size:26px; line-height: 30px; font-weight: bold;}
.part05 .jiazhi{ width: 1200px; margin: 50px auto 0;}
.part05 .jiazhi ul li{list-style: none; float: left; width: 370px; height: 92px; margin-right: 45px; margin-bottom: 40px; box-sizing: border-box; padding: 0 0 0 105px; transition:background-position 500ms; border:1px solid #e9ebf3;background:#f5f7fa url(../images/05.png) 25px center no-repeat; background-size: 69px;box-shadow: 0 0 15px #e9e9e9;  }
.part05 .jiazhi ul li:nth-child(3n){margin-right: 0;}
.part05 .jiazhi ul li:hover{ cursor:pointer; background-position: 30px center; }
.part05 .jiazhi ul li p.title01{color:#197aff; font-size:18px; line-height: 92px; font-weight: bold;}
.part05 .jiazhi ul li p.title02{color:#737c8b; font-size:15px; line-height: 20px; text-align: left; margin-bottom: 10px;  }
.jiagou{width: 1145px; margin: 40px auto 0;  box-sizing: border-box; box-shadow: 5px 5px 20px #e9ebf3;}
.jiagou img{width: 1145px; display: block; margin: auto;}		
	

.part06-kj{padding: 60px 0 40px; }	
.part06{width: 1200px; margin: 0 auto; }
.part06 h5{ color:#777; font-size:14px; line-height: 18px; margin-bottom: 10px;}
.part06 h3{ color:#20242b; font-size:26px; line-height: 30px; font-weight: bold;}
.part06 .anli-div{ width: 1200px; margin: 30px auto 0;}
.part06 .anli-div ul li{list-style: none; float: left; width: 390px; height: 370px; margin-right: 15px;  transition:background-position 0.3s linear,box-shadow 0.3s linear; -webkit-transition:background-position 0.3s linear,box-shadow 0.3s linear; }
.part06 .anli-div ul li:last-child{margin-right: 0;}
.part06 .anli-div ul li img{width: 390px; vertical-align: middle;}
.part06 .anli-div ul li div.anli-neirong{width: 390px; height: 235px; background:#fff; border: 1px solid #e4e6ee; box-sizing: border-box;padding:25px 30px 30px;}
.part06 .anli-div ul li:hover{ box-shadow: 0 0 15px #d9dce5; transition-duration: 0.5s; -webkit-transition-duration: 0.5s; animation-timing-function:ease-out; }
.part06 .anli-div ul li p.title01{color:#20242b; font-size:20px; margin-bottom: 10px; }
.part06 .anli-div ul li p.title02{color:#737c8b; font-size:15px; line-height: 22px; }
	
.part06 .anli-shipin{ width: 1200px; margin: 40px auto 0;}
.part06 .anli-shipin ul li{list-style: none; float: left; width: 390px; height: 270px; margin-right: 15px; margin-bottom: 30px; transition:all 0.5s; }
.part06 .anli-shipin ul li:nth-child(3n){margin-right: 0;}
.part06 .anli-shipin ul li h4{color:#363f4e; font-size: 20px; line-height: 24px; margin-bottom: 10px; }
.part06 .anli-shipin ul li h4:before{width: 8px; height: 20px; background: #4285f4; display: inline-block; content: ""; margin-right: 10px; position: relative; top:3px;}
.part06 .anli-shipin ul li .video-div{width: 390px; height: 230px; padding: 10px; border: 1px solid #e4e6ee;}	
	
.part06 .logo-show{width: 1197; margin: 30px auto 0;}
.part06 .logo-show ul li{list-style: none; float: left; width: 138px; height: 53px; margin-right: 13px; margin-bottom: 13px;box-sizing: border-box;}
.part06 .logo-show ul li img{width: 138px; height: 53px;}
.part06 .logo-show ul li:hover{ box-shadow: 2px 2px 10px #d9dce5; border-color: #e4e6ee; transition-duration: 0.5s; -webkit-transition-duration: 0.5s; animation-timing-function:ease-out;}
.part06 .logo-show ul li:nth-child(8n){margin-right: 0;}
.part06 .logo-show ul li.mr0{margin-right: 0;}

.yunshangcheng-kj{ background:#fff; margin-bottom: 60px; }	
.yunshangcheng-pc{width: 1200px; margin: 0 auto; }	
.yunshangcheng-pc img{width: 1200px; height: auto; display: block; margin: auto;}
.yunshangcheng-m{display: none;}
	

.part07-kj{ background:#e0e6f4 url(../images/shuji-bg.jpg) center top no-repeat; background-size: cover; }	
.part07{width: 1200px; margin: 0 auto; }	
.baipishu{width: 850px; height:472px; padding: 80px 0; box-sizing: border-box;  margin:0px auto;}	
.baipishu .shuji{width: 288px; float: left;}
.baipishu .shuji img{width: 100%;}
.baipishu .wenzi{width: 410px; float: right; }
.baipishu .wenzi h5{ color:#20242b; font-size:20px; line-height: 18px; margin-bottom: 10px;}
.baipishu .wenzi h3{ color:#20242b; font-size:26px; line-height: 30px; font-weight: bold;}
.texing{width: 410px; margin-top: 20px;}
.texing ul li{list-style: none; float: left; font-size: 16px; line-height: 24px; margin-bottom: 5px;}
.texing ul li:before{width: 8px; height: 8px; border-radius: 4px; background: #4285f4; display: inline-block; margin-right: 15px; content: "";position: relative; top: -2px; }
.saoma{width: 100px; height: auto; text-align: center; font-size: 14px; line-height: 20px; color: #737c8b;  margin-top: 20px; }
.saoma img{width: 100px; }

.part08-kj{padding: 60px 0; background: #c5d1e7; }	
.part08{width: 1200px; margin: 0 auto; }
.part08 h4{color:#363f4e; font-size: 20px; line-height: 24px; }
.part08 h4:before{width: 8px; height: 20px; background: #4285f4; display: inline-block; content: ""; margin-right: 10px; position: relative; top:3px;}
.zixun{width: 700px; height: 343px; float: left; border: 0px solid #e4e6ee; padding: 28px; box-sizing: border-box; background: #fff;}
.zixun .zxcc{margin-top: 25px;}
.zixun .zxcc ul li{list-style: none;font-size: 15px; line-height: 15px; margin-bottom: 15px;}
.zixun .zxcc ul li span{display: inline-block; text-align: center; padding: 5px 10px; background: #f7f8fb; border-radius: 5px; font-size: 13px; color: #4285f4; margin-right: 10px;}
.shipin{width: 482px; height: 343px; float: right; border: 0px solid #e4e6ee; padding: 28px; box-sizing: border-box; background: #fff;}
.shipin .video-div{margin-top: 25px;}	
	
	
.erweima{width: 145px; height: auto; position: fixed; left: 50px; bottom: 50px; background: #fff; box-shadow: 0 2px 10px 0 rgba(115,124,139,.15); text-align: center; font-size: 14px; line-height: 20px; color: #555; padding: 10px; box-sizing: border-box; z-index: 1000;}
.erweima img{width: 125px; display: block; margin:0 auto 7px;}
	
.navs {position:sticky; padding-top:18px;width:90px;top: 60px;left: 30px;z-index:99; margin-bottom: -398px;}
.navs li{position: relative;display:flex;justify-content: flex-end;align-items:center;width:88px;height:38px;padding-right: 16px;text-align:center;font-size: 14px;color: #737c8b;font-weight: 400;list-style-type:none;border-right:1px solid #ddd;cursor:pointer;}
.navs li.active {background-image: linear-gradient(90deg, rgba(255,255,255,0.08) 0%, rgba(66,133,244,0.08) 61%);color:#20242b;}
.navs li.active:before {content: '';position:absolute;top: auto;right: 0;width: 3px;height: 40px;background-color: #4285F4;}
}

/* 隐藏侧边导航CSS */
@media(max-width:1480px){ #navs{display: none; }}

/* 移动端CSS */
@media(max-width:1080px){
body{font-sze:14px; line-height: 20px; font-family: "PingFang SC","Lantinghei SC","Microsoft YaHei","HanHei SC","Helvetica Neue","Open Sans",Arial,Hiragino, "Sans GB","微软雅黑",STHeiti,"WenQuanYi Micro Hei",SimSun,"sans-serif"; color: #737c8b; }
.navs,.m-none{display: none;}
.banner-kj{width: 100%; height: auto; text-align: center;background: #fff;}
.banner{width: 100%; height: auto; margin: 0 auto; background:#dbe1f5 url(../images/m-banner.jpg) center bottom no-repeat; background-size:100%; padding-bottom: 80%; display: inline-block; content: ""; position: relative; }
.bg-dw{width: 100%; padding:20px 0 0 5%; position:absolute; top: 10px; left: 0;}
.b-title1{ width: 80%; font-size: 16px; line-height: 16px; color: #0b0b0b; font-weight: bold; text-align: left;margin-bottom: 5px; }
.b-title2{width: 85%;  font-size: 24px; line-height: 28px; font-weight: bold; color: #2562ff; text-align: left; margin-bottom: 15px; }
.b-title2 br{display: none;}
.b-title3{width: 70%;  font-size: 14px; line-height: 22px; color: #0b0b0b;text-align: left; }
.anniu{width: auto; height: 40px; text-align: center; font-size: 14px; line-height: 40px; color: #fff; margin-top: 20px; border-radius: 5px;-moz-border-radius: 5px; float: left; margin-right: 10px; padding: 0 10px;}
.anniu a{display: inline-block; width: auto; height: 40px;}
.anniu:hover{background: #dbecff;}
.baise{background: #fff; }
.lanse{background: #b9fdff; }
.huise{background:#f7f8fb;}
.tiyan-anniu{width: auto; height: 40px; text-align: center; font-size: 14px; line-height: 40px; color: #fff; margin: 20px auto;  float: left; padding: 0 20px; background: #4285f4; display: none;background: #4285f4;}
.tiyan-anniu a{display: none; width: auto; height: 40px;}	

.tiyan-anniu2{width: auto; height: 35px; border-radius: 20px; text-align: center; font-size: 13px; line-height: 33px; padding: 0 30px; color: #363f4e; margin: 20px 10px 0; cursor: pointer; display: inline-block;  background: #f6f6f6; border: 1px solid #cdcdcd;}
.tiyan-anniu2 a{display: inline-block; width: auto; height: 35px;}	
	
.t01{color:#20242b; font-size: 16px; line-height: 28px; }
.t02{color:#363f4e; font-size: 14px; line-height: 20px; }	
.t03{color:#737c8b; font-size: 13px; line-height: 20px; }
.mgt10{margin-top: 10px;}


.part01-kj{padding: 30px 0; }
.part01{width: 92%;margin: 0 auto; }
.tongdian{width: 100%; margin-bottom: 20px; font-size: 13px; line-height: 18px; color: #737c8b; }
.part01 h5{ color:#777; font-size:12px; line-height: 15px; margin-bottom: 5px;}
.part01 h3{ color:#20242b; font-size:20px; line-height: 30px; font-weight: bold;}
.nanti{width: 100%; margin: 15px auto 0;}
.nanti ul li{list-style: none; float: left; width: 100%; height: auto; margin-bottom:15px; background: #fff; border:1px solid #dadde6; padding: 20px 8%; box-sizing: border-box; display: flex; align-items: center;}
.nanti ul li:last-child{margin-bottom: 0;}
.nanti ul li p.t01{color:#363f4e; font-size: 16px; line-height: 20px; margin-bottom: 10px; font-weight: bold;}
.nanti ul li p.t01 span{color: #4285f4;}
.nanti ul li p.t02{color:#666; font-size: 13px; line-height: 18px; }

	
.partnew-kj{ padding: 30px 0; }
.partnew{width: 92%; margin: 0 auto;}
.partnew h5{ color:#777; font-size:12px; line-height: 15px; margin-bottom: 5px;}
.partnew h3{ color:#20242b; font-size:20px; line-height: 30px; font-weight: bold;}
.tab4 {width:100%;height:auto;}
.tab4 li {float:left; width:32%; height:40px; line-height: 40px; margin-right: 2%; margin-bottom: 10px; cursor:pointer; background:#f6f6f6 url(../images/tubiao01.png) 15px center no-repeat; background-size: 15px; border:1px solid #e4e6ee; box-sizing: border-box; text-align: center; position: relative; box-sizing: border-box; position: relative; padding-left: 23px; box-sizing: border-box; }
.tab4 li:hover{ background-color:#f9f9f9; cursor: pointer; }
.tab4 li.active:after{ width: 0px; height: 0px; border-width: 4px 4px; border-color: #333333 transparent transparent transparent; border-style: solid; display: inline-block; position: absolute; top:39px; left: 50%; margin-left: -4px;  content: "";}
.tab4 li:nth-child(3n){margin-right: 0;}
.tab4 li p{color:#363f4e; font-size: 15px; }
.tab4 li.active{background: #333 url(../images/tubiao02.png) 15px center no-repeat; background-size: 15px; border: none;}
.tab4 li.active p{color: #fff;}
.products4 {width:100%; height:auto; background:linear-gradient(to bottom,#fff,#edf0f3); display: block; box-sizing: border-box; border:1px solid #e4e6ee; padding: 20px 30px; margin-top: 0px; }
.products4 .main {float:left;display:none;} 
.products4 .main.selected {display:block;}	
	
	
.part02-kj{ padding: 30px 0; }
.part02{width: 92%; margin: 0 auto;}
.part02 h5{ color:#777; font-size:12px; line-height: 15px; margin-bottom: 5px;}
.part02 h3{ color:#20242b; font-size:20px; line-height: 30px; font-weight: bold;}
.wrapper { width:100%; height:auto; margin-top: 20px; }
.tab {width:100%;height:auto;}
.tab li {float:left; width:32%; height:40px; line-height: 40px; margin-right: 2%; margin-bottom: 10px; cursor:pointer; background:#f6f6f6 url(../images/tubiao01.png) 15px center no-repeat; background-size: 15px; border:1px solid #e4e6ee; box-sizing: border-box; text-align: center; position: relative; box-sizing: border-box; position: relative; padding-left: 23px; box-sizing: border-box; }
.tab li:hover{ background-color:#f9f9f9; cursor: pointer; }
.tab li.active:after{ width: 0px; height: 0px; border-width: 4px 4px; border-color: #333333 transparent transparent transparent; border-style: solid; display: inline-block; position: absolute; top:39px; left: 50%; margin-left: -4px;  content: "";}
.tab li:nth-child(3n){margin-right: 0;}
.tab li p{color:#363f4e; font-size: 15px; }
.tab li.active{background: #333 url(../images/tubiao02.png) 15px center no-repeat; background-size: 15px; border: none;}
.tab li.active p{color: #fff;}
.products {width:100%; height:auto; background:linear-gradient(to bottom,#fff,#edf0f3); display: block; box-sizing: border-box; border:1px solid #e4e6ee; padding: 20px 30px; margin-top: 0px; }
.products .main {float:left;display:none;} 
.products .main.selected {display:block;}
.jieshi{width: 100%;  }
.jieshi .wenzi p.t01{color:#363f4e; font-size: 16px; line-height: 24px; margin-bottom: 10px; }
.jieshi .wenzi p.t02{color:#666; font-size: 13px; line-height: 15px; margin-bottom: 5px; }
.img-div{width: 100%; margin-top: 20px;}
.img-div img{width: 100%; display: block; }
.products .tiyan-anniu{display: none!important;}
	
	
.part03-kj{ padding: 30px 0; }
.part03{width: 92%; margin: 0 auto;}
.part03 h5{ color:#777; font-size:12px; line-height: 15px; margin-bottom: 5px;}
.part03 h3{ color:#20242b; font-size:20px; line-height: 30px; font-weight: bold;}
.tab2 {width:100%;height:auto;}
.tab2 li {float:left; width:32%; height:60px; line-height: 60px; margin-right: 2%; margin-bottom: 10px; background:#f6f6f6 url(../images/tubiao01.png) 15px center no-repeat; background-size: 15px; border:1px solid #e4e6ee; box-sizing: border-box; text-align: center; position: relative; position: relative; }
.tab2 li.p01{ background:#fff url(../images/hy01.jpg) center center no-repeat; background-size: cover;}
.tab2 li.p02{ background:#fff url(../images/hy02.jpg) center center no-repeat; background-size: cover;}
.tab2 li.p03{ background:#fff url(../images/hy03.jpg) center center no-repeat; background-size: cover;}
.tab2 li.p04{ background:#fff url(../images/hy04.jpg) center center no-repeat; background-size: cover;}
.tab2 li.p05{ background:#fff url(../images/hy05.jpg) center center no-repeat; background-size: cover;}
.tab2 li.p06{ background:#fff url(../images/hy06.jpg) center center no-repeat; background-size: cover;}
.tab2 li:hover{ background-color:#f9f9f9; cursor: pointer; }
.tab2 li.active:after{ width: 0px; height: 0px; border-width: 4px 4px; border-color: #333333 transparent transparent transparent; border-style: solid; display: inline-block; position: absolute; top:60px; left: 50%; margin-left: -4px;  content: "";}
.tab2 li:nth-child(3n){margin-right: 0;}
.tab2 li p{color:#fff; font-size: 15px; }
.tab2 li.active{background: #333 url(../images/tubiao02.png) 25px center no-repeat; background-size: 15px; border: none;}
.tab2 li.active p{color: #fff;padding-left: 23px;}
.products2 {width:100%; height:auto; background:linear-gradient(to bottom,#fff,#edf0f3); display: block; box-sizing: border-box; border:1px solid #e4e6ee; padding: 20px 30px; margin-top: 0px; }
.products2 .main {float:left;display:none;} 
.products2 .main.selected {display:block;}
.zhankai{width: 100%;}
.zhankai ul li{list-style: none; float: left; width: 100%;  margin-bottom: 30px;}
.zhankai ul li:last-child{margin-bottom: 0;}
.zhankai ul li img{width: 100%; vertical-align: middle; margin-top: 10px;}
.zhankai ul li p.t01{color:#363f4e; font-size: 16px; line-height: 22px; margin-bottom: 10px;}
.zhankai ul li p.t01:before{width: 8px; height: 16px; background: #4285f4; display: inline-block; content: ""; margin-right: 10px; position: relative; top:2px;}
.zhankai ul li p.t02{color:#737c8b; font-size: 13px; line-height: 18px; }
.zhankai ul li p.t02:before{width: 6px; height: 6px; border-radius: 3px; -moz-border-radius: 3px; background: #b8b8b8; display: inline-block; content: ""; margin-right: 10px; position: relative; top:-2px;}


	
	
.part04-kj{padding: 30px 0; }
.part04{width: 92%;margin: 0 auto; }
.part04 h5{ color:#777; font-size:12px; line-height: 15px; margin-bottom: 5px;}
.part04 h3{ color:#20242b; font-size:20px; line-height: 30px; font-weight: bold;}
.tab3 {width:100%;height:auto;}
.tab3 li {float:left; width:32%; height:50px; line-height: 50px; margin-right: 2%; margin-bottom: 10px; background:#f6f6f6 url(../images/tubiao01.png) 15px center no-repeat; background-size: 15px; border:1px solid #e4e6ee; box-sizing: border-box; text-align: center; position: relative;padding-left: 25px;  }
.tab3 li.p01{ background:#f6f6f6 url(../images/qs01.png) 10px center no-repeat; background-size: 30px;}
.tab3 li.p02{ background:#f6f6f6 url(../images/qs02.png) 10px center no-repeat; background-size: 30px;}
.tab3 li.p03{ background:#f6f6f6 url(../images/qs03.png) 10px center no-repeat; background-size: 30px;}
.tab3 li.p04{ background:#f6f6f6 url(../images/qs04.png) 10px center no-repeat; background-size: 30px;}
.tab3 li.p05{ background:#f6f6f6 url(../images/qs05.png) 10px center no-repeat; background-size: 30px;}
.tab3 li.p06{ background:#f6f6f6 url(../images/qs06.png) 10px center no-repeat; background-size: 30px;}
.tab3 li:hover{ background-color:#f9f9f9; cursor: pointer; }
.tab3 li.active:after{ width: 0px; height: 0px; border-width: 4px 4px; border-color: #333333 transparent transparent transparent; border-style: solid; display: inline-block; position: absolute; top:50px; left: 50%; margin-left: -4px;  content: "";}
.tab3 li:nth-child(3n){margin-right: 0;}
.tab3 li p{color:#363f4e; font-size: 15px; }
.tab3 li.active{background: #333 url(../images/tubiao02.png) 25px center no-repeat; background-size: 15px; border: none;}
.tab3 li.active p{color: #fff;padding-left: 0px;}
.products3 {width:100%; height:auto; background:linear-gradient(to bottom,#fff,#edf0f3); display: block; box-sizing: border-box; border:1px solid #e4e6ee; padding: 20px 30px; margin-top: 0px; }
.products3 .main {float:left;display:none;} 
.products3 .main.selected {display:block;}

	
.part05-kj{width: 100%; padding: 30px 0; }	
.part05{width: 92%; margin: 0 auto; }
.part05 h5{ color:#777; font-size:12px; line-height: 15px; margin-bottom: 5px;}
.part05 h3{ color:#20242b; font-size:20px; line-height: 30px; font-weight: bold;}
.part05 .jiazhi{ width: 100%; margin: 15px auto 0;}
.part05 .jiazhi ul li{list-style: none; float: left; width: 100%; height: auto; margin-bottom: 15px; border: 1px solid #e9ebf3; box-sizing: border-box; padding:25px 8% 25px 30%;  background:#f8f9fb url("../images/05.png") 8% center no-repeat; background-size: 15%; }
.part05 .jiazhi ul li:last-child{margin-right: 0;}
.part05 .jiazhi ul li p.title01{color:#197aff; font-size:15px;  line-height: 15px;  font-weight: bold;}
.jiagou{width: 100%; margin-top: 20px; box-sizing: border-box; box-shadow: 0 0 10px #e9ebf3;}
.jiagou img{width: 100%; display: block;margin: auto;}
	
	
.part06-kj{padding: 30px 0 15px; }
.part06{width: 92%;margin: 0 auto; }
.part06 h5{ color:#777; font-size:12px; line-height: 15px; margin-bottom: 5px;}
.part06 h3{ color:#20242b; font-size:20px; line-height: 30px; font-weight: bold;}
.part06 .anli-div{ width: 100%; margin: 15px auto 0;}
.part06 .anli-div ul li{list-style: none; float: left; width: 100%; height: auto; margin-bottom: 15px;}
.part06 .anli-div ul li img{width: 100%; vertical-align: middle;}
.part06 .anli-div ul li div.anli-neirong{width: 100%; height: auto; border: 1px solid #e4e6ee; background: #fff; box-sizing: border-box;padding: 20px;}
.part06 .anli-div ul li p.title01{color:#20242b; font-size:16px; margin-bottom: 10px; }
.part06 .anli-div ul li p.title02{color:#737c8b; font-size:13px; line-height: 18px; }

.part06 .anli-shipin{ width: 100%; margin: 15px auto 5px;}
.part06 .anli-shipin ul li{list-style: none; float: left; width: 100%; height: auto; margin-bottom: 10px; }
.part06 .anli-shipin ul li h4{color:#363f4e; font-size: 16px; line-height: 22px; margin-bottom: 10px; }
.part06 .anli-shipin ul li h4:before{width: 6px; height: 16px; background: #4285f4; display: inline-block; content: ""; margin-right: 10px; position: relative; top:3px;}
.part06 .anli-shipin ul li .video-div{width: 100%; height: auto; padding: 10px; border: 1px solid #e4e6ee;}		
	
.part06 .logo-show{width: 100%; margin: 20px auto 0;}
.part06 .logo-show ul li{list-style: none; float: left; width: 32%; margin-right: 2%; margin-bottom: 10px;box-sizing: border-box;}
.part06 .logo-show ul li img{width: 100%; }
.part06 .logo-show ul li:nth-child(3n){margin-right: 0;}
.part06 .logo-show ul li.mr0{margin-right: 0;}		

.yunshangcheng-kj{ background:#fff; margin-bottom: 30px; }	
.yunshangcheng-pc{display: none;}	
.yunshangcheng-m{width: 92%;margin: 0 auto; }
.yunshangcheng-m img{width: 100%; height: auto; display: block; margin: auto;}
	
.part07-kj{ background:#e0e6f4 url(../images/shuji-bg.jpg) center top no-repeat; background-size: contain; }	
.part07{width: 92%; margin: 0 auto; }	
.baipishu{width: 100%; height:auto; padding: 40px 0; box-sizing: border-box;  margin:0px auto;}	
.baipishu .shuji{width: 30%; float: left;}
.baipishu .shuji img{width: 100%;}
.baipishu .wenzi{width: 65%; float: right;}
.baipishu .wenzi h5{ color:#20242b; font-size:14px; line-height: 18px; margin-bottom: 5px;}
.baipishu .wenzi h3{ color:#20242b; font-size:18px; line-height: 24px; font-weight: bold;}
.texing{width: 100%; margin-top: 15px;}
.texing ul li{list-style: none; float: left; font-size: 13px; line-height: 18px; margin-bottom: 5px;}
.texing ul li:before{width: 6px; height: 6px; border-radius: 3px; background: #4285f4; display: inline-block; margin-right: 10px; content: "";position: relative; top: -2px; }
.saoma{width: 100px; height: auto; text-align: center; font-size: 13px; line-height: 18px; color: #737c8b;  margin-top: 20px; }
.saoma img{width: 100px;}
	
	
.part08-kj{padding: 30px 0; background: #c5d1e7; }	
.part08{width: 92%; margin: 0 auto; }
.part08 h4{color:#363f4e; font-size: 18px; line-height: 24px; }
.part08 h4:before{width: 8px; height: 18px; background: #4285f4; display: inline-block; content: ""; margin-right: 10px; position: relative; top:3px;}
.zixun{width: 100%; height: auto; border: 0px solid #e4e6ee; padding: 15px; box-sizing: border-box; background: #fff; margin-bottom: 10px; }
.zixun .zxcc{margin-top: 15px;}
.zixun .zxcc ul li{list-style: none;font-size: 13px; line-height: 24px; margin-bottom: 10px;}
.zixun .zxcc ul li span{display: block; text-align: center; width: 25%; background: #f7f8fb; border-radius: 5px; font-size: 13px; color: #4285f4; }
.shipin{width: 100%; height: auto; border: 0px solid #e4e6ee; padding: 15px; box-sizing: border-box; background: #fff;}
.shipin .video-div{margin-top: 15px;}	
	
	
.erweima{display:none; visibility: hidden;}	
.lr-form-submit div{font-size: 14px!important;}
.lr-container{ width: 90% !important;}
.lr-form-code{ text-align: center !important;border-left: 1px solid #e4e6ee !important;}
	
#newBridge .nb-icon-wrap-4 .nb-icon-wrap-base{display: none!important;z-index: -1000!important;}
#newBridge{display: none!important;z-index: -1000!important;}
}


/* 新增弹窗代码 2024/5/21 start */
#layout_window .index_pop {
  width: 215px;
  height: 150px;
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 102;
  transition: width .3s;
}

#layout_window .index_pop_retract {
  cursor: pointer;
  width: 100%;
  height: 100%;
}

#layout_window .index_pop_retract.arr_move_an {
  -webkit-animation: arrMove 1s infinite;
  animation: arrMove 1s infinite
}

#layout_window .index_pop_retract img {
  height: 100%;
}

#layout_window .index_pop_screen {
  width: 100%;
}

#layout_window .index_pop_spread {
  display: none;
  width: 100%;
  height: 100%;
  background: url('../images/layout_window/image_zhankai.png') no-repeat top;
  position: relative;
}

#layout_window .index_pop_spread a {
  display: block;
  width: 100%;
  height: 100%;
}

#layout_window .index_pop_spread .index_pop_innner {
  width: 1200px;
  height: 100%;
  margin: 0 auto;
  position: relative;
}

#layout_window .index_pop_spread .index_pop_innner .index_pop_close {
  position: absolute;
  right: -20px;
  top: 30px;
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url('../images/layout_window/icon_close.png') no-repeat 50%;
  background-size: cover;
  cursor: pointer;
}

@-webkit-keyframes arrMove {
  0% {
    transform: translateX(0)
  }

  50% {
    transform: translateX(5px)
  }

  to {
    transform: translateX(0)
  }
}

@keyframes arrMove {
  0% {
    transform: translateX(0)
  }

  50% {
    transform: translateX(5px)
  }

  to {
    transform: translateX(0)
  }
}
/* 新增弹窗代码 2024/5/21 end */