@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;}

*{box-sizing: border-box}

.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:#5c6688 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: #fff; font-weight: bold; margin-bottom: 10px; }

.b-title2{ font-size:40px;line-height: 55px; color: #fff; font-weight: bold; margin-bottom: 20px; }

.b-title2 span{display: none;}

.b-title3{ font-size:16px;line-height: 28px; color: #fff; }

.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: 80px 0;}

.part01{width: 1200px;margin: 0 auto; }

.part01 h3{ text-align: center; color:#20242b; font-size:30px; line-height: 30px;}

.tongdian{width: 1200px; margin-bottom: 40px; font-size: 15px; line-height: 22px; color: #737c8b; }

.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: #fff; padding: 80px 0;}

.partnew{width: 1200px;margin: 0 auto; }

.partnew h3{ text-align: center; color:#20242b; font-size:30px; line-height: 30px;}	

.ht-tupian{width: 1200px; margin: 30px auto 0;}

.ht-tupian img.ht01{width: 506px;}

.ht-tupian img.ht02{width: 673px;}

	

	

.part02-kj{background-color: #f7f8fb; padding: 100px 0; }

.part02{width: 1200px;margin: 0 auto;}

.part02 h3{ text-align: center; color:#20242b; font-size:30px; line-height: 30px;}

.wrapper { width:1200px; height:auto; margin-top: 40px; }

.tab {width:1200px; height:auto; text-align: center;}

.tab li {display: inline-block; width:auto; height:60px; line-height: 60px; margin:0 30px; cursor:pointer;  box-sizing: border-box; text-align: center; position: relative;   }

.tab li:hover{cursor: pointer; }

.tab li:last-child{margin-right: 0;}

.tab li p{color:#363f4e; font-size: 20px; }

.tab li.active{border-bottom:2px solid #4285f4;  background-size: 18px; }

.tab li.active p{ color:#4285f4; }

.products {width:1200px; height:auto;  display: block; box-sizing: border-box; border-top:1px solid #ddd; padding: 50px 0 0; margin-top: 0px; }

.products .main {float:left;display:none;} 

.products .main.selected {display:block;}

.jieshi{width: 1200px; display: flex; align-items: center; }

.jieshi .wenzi{width: 470px; margin-right: 50px;}

.jieshi .wenzi p.t01{color:#363f4e; font-size: 20px; line-height: 34px; margin-bottom: 15px; }

.jieshi .wenzi p.t02{color:#666; font-size: 16px; line-height: 24px; }

.jieshi .wenzi p.t03{color:#666; font-size: 16px; line-height: 24px; position: relative;padding-left: 15px; 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:absolute; left: 0;  top:9px;}

.img-div{width: 680px; overflow: hidden; text-align: right;  }

.img-div img{width: 100%;}





	

.part03-kj{padding: 80px 0 0;}

.part03{width: 1200px;margin: 0 auto; }

.part03 h3{ text-align: center; color:#20242b; font-size:30px; line-height: 30px;}

.tab2 {width:1200px;height:auto;}

.tab2 li {float:left; width:19%; height:65px; line-height: 65px; margin-right:1.25%; 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: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; border: none;}

.tab2 li.active p{color: #fff;}	

.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;}

.hangyefangan{width: 1060px; display: flex; align-items: center; padding-bottom: 50px; margin-bottom: 50px; border-bottom: 1px dashed #ccc;}

.hangyefangan .hangye{width: 390px; margin-right: 50px;}

.hangyefangan .hangye p.t01{color:#363f4e; font-size: 20px; line-height: 34px; margin-bottom: 15px; }

.hangyefangan .hangye p.t02{color:#666; font-size: 16px; line-height: 24px; }

.hangyefangan .hangye p.t03{color:#666; font-size: 16px; line-height: 24px; position: relative; padding-left: 15px; margin-bottom: 10px;}

.hangyefangan .hangye p.t03:before{width: 6px; height: 6px; border-radius: 3px; -moz-border-radius: 3px; display: inline-block; background: #4285f4; content: ""; margin-right: 10px; position:absolute; left: 0;  top:9px;}

.img-div2{width: 620px; overflow: hidden; text-align: right;  }

.img-div2 img{width: 100%;}

.zhankai{width: 1060px;}

.zhankai ul li{list-style: none; float: left; width: 300px; margin-right: 80px; }

.zhankai ul li:nth-child(3n){margin-right: 0;}

.zhankai ul li img{width: 300px; height: 165px; vertical-align: middle; margin-top: 20px; 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: 20px; position: relative; padding-left: 15px; margin-bottom: 8px;}

.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:absolute; left: 0;  top:7px;}

.xiangao-p1{ height: 200px;}

.xiangao-p2{ height: 190px;}

.xiangao-p3{ height: 220px;}

.xiangao-p4{ height: 200px;}

.xiangao-p5{ height: 180px;}







.part04-kj{padding: 80px 0; }

.part04{width: 1200px;margin: 0 auto; }

.part04 h3{ text-align: center; color:#20242b; font-size:30px; line-height: 30px;}

.part04 p.t01{color:#363f4e; font-size: 18px; line-height: 24px; margin-bottom: 15px;}

.part04 p.t01:before{width: 8px; height: 18px; background: #4285f4; display: inline-block; content: ""; margin-right: 10px; position: relative; top:3px;}

.part04 p.t02{;color:#737c8b; font-size: 14px; line-height: 20px; }

.ld01{width: 1200px; margin: 50px auto 0; background: #f5f6fa; padding: 40px; }

.ld01 img.tu01{width: 796px; display: block; margin: auto;}

.ld02{width: 1200px; margin: 50px auto 0; padding:0 40px 50px; border-bottom: 1px solid #dddddd;}

.ld02 img.tu02{width: 100%; display: block; margin: auto;}

.ld03{width: 1200px; margin: 50px auto 0; padding:0 40px 50px; border-bottom: 1px solid #dddddd; }

.ld03 .yingyong{width: 1180px; margin: 20px auto 0;}

.ld03 .yingyong ul li{list-style: none; float: left; width:95px; text-align: center;color:#737c8b; font-size: 14px; line-height: 20px;  margin-right: 110px;  }

.ld03 .yingyong ul li img{width:95px;  position: relative; left: 3px;}

.ld03 .yingyong ul li:last-child{margin-right: 0;}

.ld04{width: 1200px; margin: 50px auto 0; padding:0 40px; }

.ld04 img.tu03{width: 846px; display: block; margin:30px auto 0;}





	

	

	

.part05-kj{padding: 80px 0 80px; }	

.part05{width: 1200px; margin: 0 auto; }

.part05 h3{ text-align: center; color:#20242b; font-size:30px; line-height: 30px;}

.part05 .jiazhi{ width: 892px; margin: 50px auto 0;}

.part05 .jiazhi ul li{list-style: none; float: left; width: 280px; height: 280px; margin-right: 26px; box-sizing: border-box; padding: 150px 40px 0px;transition:background-position 500ms; border:1px solid #e9ebf3;  }

.part05 .jiazhi ul li:last-child{margin-right: 0;}

.part05 .jiazhi ul li.p01{background:#fff url(../images/ys01.png) center 50px no-repeat; background-size: 90px;}

.part05 .jiazhi ul li.p02{background:#fff url(../images/ys02.png) center 50px no-repeat; background-size: 90px;}

.part05 .jiazhi ul li.p03{background:#fff url(../images/ys03.png) center 50px no-repeat; background-size: 90px;}

.part05 .jiazhi ul li:hover{ cursor:pointer; background-position: center 45px; }

.part05 .jiazhi ul li p.title01{color:#20242b; font-size:18px; line-height: 24px; text-align: center; margin-bottom: 10px; }

.part05 .jiazhi ul li p.title02{color:#737c8b; font-size:15px; line-height: 22px; text-align: left;  }

.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; }	

.part06{width: 1200px; margin: 0 auto; }

.part06 h3{ text-align: center; color:#20242b; font-size:30px; line-height: 30px;}

.part06 .anli-div{ width: 1200px; margin: 30px auto 0;}

.part06 .anli-div ul li{list-style: none; float: left; width: 390px; height: auto; 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; height: 135px; vertical-align: middle;}

.part06 .anli-div ul li div.anli-neirong{width: 390px; height: 220px; 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 .logo-show{width: 1200px; margin: 50px auto 0;}

.part06 .logo-show ul li{list-style: none; float: left; width: 180px; height: 60px; margin-right: 24px;margin-bottom: 15px; border:1px solid #e4e6ee; box-sizing: border-box;}

.part06 .logo-show ul li img{width: 178px; height: 58px;}

.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(6n){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:100%; 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; width:100%; 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;}

.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;}

.nav-frame {margin-top: -398px;}

}



/* 移动端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: 350px; text-align: center;background: #fff;}

.banner{width: 100%; height: 350px; margin: 0 auto; padding:25px 0 0 20px; background:#5c6688 url(../images/m-banner.jpg) center bottom no-repeat;background-size:100%;}

.b-title1{ width: 80%; font-size: 16px; line-height: 16px; color: #fff; font-weight: bold; text-align: left;margin-bottom: 5px; }

.b-title2{width: 85%;  font-size: 22px; line-height: 28px; font-weight: bold; color: #fff; text-align: left; margin-bottom: 15px; }

.b-title2 br{display: none;}

.b-title3{width: 70%;  font-size: 14px; line-height: 22px; color: #fff;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 h3{ text-align: center; color:#20242b; font-size:20px;line-height: 30px; }

.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{ background: #fff; padding: 30px 0 20px;}

.partnew{width: 92%;margin: 0 auto; }

.partnew h3{text-align: center; color:#20242b; font-size:20px;line-height: 30px;}	

.ht-tupian{width: 100%; margin: 15px auto 0;}

	.ht-tupian img{width: 100%; margin-bottom: 10px;}

.neirong{width: 100%; margin: 20px auto; font-size: 13px; line-height: 18px; text-align: center; color: #737c8b;}

	

	

.part02-kj{ padding: 30px 0; background:#f7f8fb; }

.part02{width: 92%; margin: 0 auto;}

.part02 h3{ text-align: center; color:#20242b; font-size:20px;line-height: 30px; }

.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; border:1px solid #e4e6ee; box-sizing: border-box; text-align: center; position: relative;}

.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: 14px; }

.tab li.active{background: #333; 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 20px; 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.t03{color:#666; font-size: 13px; line-height: 18px; position: relative; padding-left: 13px; 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:absolute; left: 0;  top:8px;}

.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 h3{ text-align: center; color:#20242b; font-size:20px;line-height: 30px; }

.tab2 {width:100%;height:auto;}

.tab2 li {float:left; width:32%; height:45px; line-height: 45px; margin-right: 2%; margin-bottom: 10px; background:#f6f6f6; border:1px solid #e4e6ee; box-sizing: border-box; text-align: center; 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: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:45px; 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; border: none;}

.tab2 li.active p{color: #fff;}

.products2 {width:100%; height:auto; background:linear-gradient(to bottom,#fff,#edf0f3); display: block; box-sizing: border-box; border:1px solid #e4e6ee; padding: 20px 20px; margin-top: 0px; }

.products2 .main {float:left;display:none;} 

.products2 .main.selected {display:block;}

	

.hangyefangan{width: 100%; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px dashed #ccc; }

.hangyefangan .hangye p.t01{color:#363f4e; font-size: 16px; line-height: 24px; margin-bottom: 10px; }

.hangyefangan .hangye p.t03{color:#666; font-size: 13px; line-height: 18px; position: relative; padding-left: 13px; margin-bottom: 10px;}

.hangyefangan .hangye p.t03:before{width: 6px; height: 6px; border-radius: 3px; -moz-border-radius: 3px; display: inline-block; background: #4285f4; content: "";margin-right: 10px; position:absolute; left: 0;  top:8px;}

.img-div2{width: 100%; margin-top: 20px;}

.img-div2 img{width: 100%; 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; border:1px solid #f6f6f6; box-sizing: border-box; box-shadow: 0 5px 10px #d9dce5;}

.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; position: relative; padding-left: 13px; margin-bottom: 8px; }

.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:absolute; left: 0;  top:8px;}





	

.part04-kj{padding: 30px 0 ; }

.part04{width: 92%;margin: 0 auto; }

.part04 h3{ text-align: center; color:#20242b; font-size:20px;line-height: 30px; }

.part04 p.t01{color:#363f4e; font-size: 14px; line-height: 20px; margin-bottom: 10px;}

.part04 p.t01:before{width: 8px; height: 14px; background: #4285f4; display: inline-block; content: ""; margin-right: 10px; position: relative; top:2px;}

.part04 p.t02{;color:#737c8b; font-size: 13px; line-height: 18px; }

.ld01{width: 100%; margin: 20px auto 0; background: #f5f6fa; padding: 20px; }

.ld01 img.tu01{width: 100%; display: block; margin: auto;}

.ld02{width: 100%; margin: 20px auto 0; padding:0 0 30px; border-bottom: 1px solid #dddddd;}

.ld02 img.tu02{width: 100%; display: block; margin: auto;}

.ld03{width: 100%; margin: 20px auto 0; padding:0 20px 30px; border-bottom: 1px solid #dddddd; }

.ld03 .yingyong{width: 100%; margin: 0px auto 0;}

.ld03 .yingyong ul li{list-style: none; float: left; width:32%; text-align: center;color:#737c8b; font-size: 14px; line-height: 20px;  margin-right: 2%; margin-bottom: 15px; }

.ld03 .yingyong ul li img{ width: 100%; position: relative; left: 3px;}

.ld03 .yingyong ul li:nth-child(3n){margin-right: 0;}

.ld04{width: 100%; margin: 20px auto 0; padding:0 20px; }

.ld04 img.tu03{width: 100%; display: block; margin:15px auto 0;}



	

.part05-kj{width: 100%; padding: 30px 0; }	

.part05{width: 92%; margin: 0 auto; }

.part05 h3{ text-align: center; color:#20242b; font-size:20px;line-height: 30px; }

.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:20px 8% 20px 31%; background-size: 23%!important;}

.part05 .jiazhi ul li:last-child{margin-right: 0;}

.part05 .jiazhi ul li.p01{background:#fff url(../images/ys01.png) 5% center no-repeat; }

.part05 .jiazhi ul li.p02{background:#fff url(../images/ys02.png) 5% center no-repeat; }

.part05 .jiazhi ul li.p03{background:#fff url(../images/ys03.png) 5% center no-repeat; }

.part05 .jiazhi ul li.p04{background:#fff url(../images/ys04.png) 5% center no-repeat; }

.part05 .jiazhi ul li p.title01{color:#20242b; font-size:15px;  line-height: 15px; margin-bottom: 10px; font-weight: bold;}

.part05 .jiazhi ul li p.title02{color:#737c8b; font-size:13px; line-height: 18px; }

.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; }

.part06{width: 92%;margin: 0 auto; }

.part06 h3{ text-align: center; color:#20242b; font-size:20px;line-height: 30px; }

.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 .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 .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; background: #fff;}

.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;}

}