@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:#fff;}
a:hover.link01{ text-decoration:none; color:#fff;}
a:link.link02,a:visited.link02{ text-decoration:none;color:#737c8b;}
a:hover.link02{ text-decoration:underline; color:#4285f4;}
a:link.link03,a:visited.link03{ text-decoration:none;color:#4da7e0;}
a:hover.link03{ text-decoration:none; color:#ff0000;}

a:link.link-ls,a:visited.link-ls{ text-decoration:none;color:#fff;}
a:hover.link-ls{ text-decoration:none; color:#fff;}
a:link.link-hs,a:visited.link-hs{ text-decoration:none;color:#363f4e;}
a:hover.link-hs{ text-decoration:none; color:#4285f4;}
.juzhong{margin: auto; text-align: center;}
.t-center{text-align: center;}
.fl{ float:left;}
.fr{ float:right;}
.mr0{margin-right: 0;}
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;}


/* 电脑端CSS */
@media(min-width:993px){
body{font-sze:16px;line-height: 22px; 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; font-weight: 400; }
.pc-none{display: none;}	
.t01{color:#20242b; font-size: 20px; line-height: 44px; text-align: left; }
.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:#0056c2 url(../images/banner.jpg) center top no-repeat; background-size:1920px 460px;}
.banner{width: 1200px; height: 460px; margin: 0 auto; padding:110px 0 0 10px; text-align: left;}
.b-title1{ font-size:36px;line-height: 30px; color: #fff; margin-bottom: 20px; }
.b-title2{ font-size:46px;line-height: 60px; color: #fff;font-weight: bold;margin-bottom: 30px;  }
.b-title3{ font-size:20px;line-height: 30px; color: #fff; font-weight: 300;}
.anniu{width: 130px; height: 45px; background: #4d87e8; text-align: center; font-size: 18px; line-height: 45px; color: #fff; margin-top: 60px; border-radius: 5px;-moz-border-radius: 5px; float: left; margin-right: 20px;}
.anniu a{display: inline-block;width: 130px; height: 45px;}
.anniu:hover{background: #67c47d;}

	
.tiyan-anniu{width: 120px; height: 42px; text-align: center; font-size: 16px; line-height: 42px; color: #fff; background: #4285f4; margin: 30px 0 0; cursor: pointer; display: inline-block; }
.tiyan-anniu a{display: inline-block; width: 120px; height: 42px;}
.tiyan-anniu:hover{background: #498dfd;}

.part01-kj{background-color: #fff; padding: 60px 0; }
.part01{width: 1200px;margin: 0 auto; }
.part01 h3{ text-align: center; color:#20242b; font-size:30px;line-height: 30px; }
.neirong{width: 900px; margin: 30px auto; font-size: 16px; line-height: 24px; color:#737c8b; text-align: center; }
.part01 .img-div{width: 860px; margin: 30px auto;}
.part01 .img-div img{width:860px;}

.part02-kj{background-color: #f7f8fb; padding: 60px 0; }
.part02{width: 1200px;margin: 0 auto; }
.part02 h3{ text-align: center; color:#20242b; font-size:30px;line-height: 30px; }
.xuqiu{width: 1140px; margin: 50px auto 0;}
.xuqiu ul li{list-style: none; float: left; width: 256px; height: auto; margin-right: 38px; background: #fff;}
.xuqiu ul li img{width: 256px; max-width: 256px;}
.xuqiu ul li .k-content{width: 100%; box-sizing: border-box;height: 150px; padding: 10px 20px 20px; border-bottom: 1px solid #e9ebf3; border-left: 1px solid #e9ebf3; border-right: 1px solid #e9ebf3;}
.xuqiu ul li:nth-child(4n){margin-right: 0;}


	
.part03-kj{background-color: #fff; padding: 60px 0; }
.part03{width: 1200px;margin: 0 auto;}
.part03 h3{ text-align: center; color:#20242b; font-size:30px;line-height: 30px; }	
.wrapper { width:1120px; height:auto; margin-top:50px;}
.tab {width:1120px;height:203px;}
.tab li {float:left; width:200px; height:203px; margin-right: 30px; cursor:pointer; background:#fff; text-align: center; position: relative; box-sizing: border-box;border:1px solid #e9ebf3; position: relative; padding: 125px 10px 10px;}
.tab li:hover{ background:#eaf2ff; transition-duration: 0s; -webkit-transition-duration: 0s; animation-timing-function:ease-out; cursor: pointer;}
.tab li:hover p{color: #4285f4; }
.tab li.active{background-color:#dfebff!important; border:1px solid #dfebff; cursor: default;}
.tab li.active:after{ width: 0px; height: 0px; border-width: 8px 8px; border-color: #dfebff transparent transparent transparent; border-style: solid; display: inline-block; position: absolute; top:202px; left: 50%; margin-left: -8px;  content: "";}
.tab li:last-child{margin-right: 0;}
.tab li p{color:#363f4e; font-size: 18px; line-height: 24px; }
.tab li.p01{background:#fff url(../images/gn01.png) center 40px no-repeat; background-size: 45px 46px;}
.tab li.p02{background:#fff url(../images/gn02.png) center 40px no-repeat; background-size: 54px 50px;}
.tab li.p03{background:#fff url(../images/gn03.png) center 40px no-repeat; background-size: 45px 45px;}
.tab li.p04{background:#fff url(../images/gn04.png) center 40px no-repeat; background-size: 49px 49px;}
.tab li.p05{background:#fff url(../images/gn05.png) center 40px no-repeat; background-size: 38px 52px;}
.products {width:1120px; height:auto; background: #f7f8fb; display: block; box-sizing: border-box; border:1px solid #e9ebf3; padding: 50px 50px; margin-top: 30px;}
.products .main {float:left;display:none;} 
.products .main.selected {display:block;}
.jieshi{width: 1020px; color:#363f4e; font-size:16px;line-height: 22px; }
.jieshi p{margin-bottom: 10px; }
.jieshi .img-div2{width: 1000px; text-align: center; margin: 30px auto 0; }
.jieshi .img-div2 img.p01{width:900px; max-width: 900px;}
.jieshi .img-div2 img.p02{width:600px; max-width: 600px;}
.jieshi .img-div2 img.p03{width:650px; max-width: 650px;}



.part04-kj{background:#f7f8fb; padding: 60px 0 40px; }
.part04{width: 1100px; margin: 0 auto; }
.part04 h3{ text-align: center; color:#20242b; font-size:30px;line-height: 30px; }
.part04 .jiazhi{width: 1200px; margin: 50px auto;}
.part04 .jiazhi ul li{list-style: none; float: left; width: 200px; height: 250px; margin-right: 30px; box-sizing: border-box; background-color: #fff;  border: 1px solid #d9dce5;}
.part04 .jiazhi ul li:last-child{margin-right: 0;}
.part04 .jiazhi ul li:hover{background-color: rgba(255,255,255,1); opacity: 1;filter:alpha(opacity=100); box-shadow: 0 0 10px #d9dce5; cursor:pointer; }
.part04 .jiazhi ul li:hover > b{background: #e66e0e;}
.jiazhi ul li b{color:#fff;width: 50px; height: 50px; border-radius: 50px; background:#4285f4; text-align: center;display: block; content: "";   font-size: 30px;line-height:50px; margin: 0 auto; margin-top: 40px;}
.jiazhi ul li p.title01{color:#20242b; font-size: 16px;line-height:24px; position: relative; padding: 20px 10px 10px; text-align: center; }
.jiazhi ul li p.title02{color:#737c8b; font-size: 13px;line-height:21px; margin-top: 5px; padding: 0 20px;  }

.part06-kj{background: #fff; padding: 60px 0; border-bottom: 1px solid #e9ebf3;}	
.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: 50px auto 0;}
.part06 .anli-div ul li{list-style: none; float: left; width: 390px; height: 280px; margin-right: 15px; border: 1px solid #e9ebf3; box-sizing: border-box; padding: 95px 30px 20px;}
.part06 .anli-div ul li:last-child{margin-right: 0;}
.part06 .anli-div ul li.p01{background:#fff url(../images/anli01.jpg) center 35px no-repeat; background-size: 145px 52px;}
.part06 .anli-div ul li.p02{background:#fff url(../images/anli02.jpg) center 35px no-repeat; background-size: 132px 58px;}
.part06 .anli-div ul li.p03{background:#fff url(../images/anli03.jpg) center 35px no-repeat; background-size: 125px 57px; margin-right: 0;}
.part06 .anli-div ul li p.title01{color:#20242b; font-size:20px; line-height: 70px; text-align: center; }
.part06 .anli-div ul li p.title02{color:#737c8b; font-size:16px; line-height: 22px; }
	
	
.part07-kj{background-color: #fff; padding: 60px 0; }	
.part07{width: 1200px;margin: 0 auto;}
.part07 h3{ text-align: center; color:#20242b; height: 40px; font-size:30px; line-height: 30px; position: relative; }
.part07 .logo-show{width: 1200px; margin: 50px auto 0;}
.part07 .logo-show ul li{list-style: none; float: left; width: 180px; height: 60px; margin-right: 24px;margin-bottom: 15px; border:1px solid #e9ebf3; box-sizing: border-box;}
.part07 .logo-show ul li img{width: 178px; height: 58px;}
.part07 .logo-show ul li:hover{border-color: #dee0ea;}
.part07 .logo-show ul li:nth-child(6n){margin-right: 0;}
.part07 .logo-show ul li.mr0{margin-right: 0;}

}

/* 移动端CSS */
@media(max-width:992px){
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; }
.m-none{display: none;}
.banner-kj{width: 100%; height: 350px; text-align: center;background: #3d579a;}
.banner{width: 100%; height: 350px; margin: 0 auto; padding:70px 0 0 20px; background:#0070c2 url(../images/m-banner.jpg) center top no-repeat;background-size:cover;}
.b-title1{ width: 80%; font-size: 20px; line-height: 28px; color: #fff;text-align: left;margin-bottom: 10px; position: relative; margin-bottom: 20px; }
.b-title2{width: 80%;  font-size: 26px; line-height: 32px; font-weight: bold; color: #fff;text-align: left; margin-bottom: 20px; }
.b-title3{width: 80%;  font-size: 14px; line-height: 20px; color: #fff;text-align: left; }
.anniu{width: 30%; height: 40px; background: #3a92ff; text-align: center; font-size: 16px; line-height: 40px; color: #fff; margin-top: 50px; border-radius: 5px;-moz-border-radius: 5px;}
.anniu a{display: inline-block;width: 100%; height: 40px;}
	
	
.t01{color:#20242b; font-size: 16px; line-height: 28px; font-weight: bold; text-align: left;}
.t02{color:#20242b; font-size: 14px; line-height: 20px; text-align: center; padding: 0 5%;  }	
.t03{color:#737c8b; font-size: 13px; line-height: 20px; }
.mgt10{margin-top: 10px;}

	
.tiyan-anniu{width: auto; height: 38px; text-align: center; font-size: 14px; line-height: 38px; color: #fff; margin: 20px auto 0;  padding: 0 5vw; background: #4285f4; display: none;}
.tiyan-anniu a{display: block; width: auto; height: 38px;}	

.part01-kj{background-color: #fff; padding: 30px 0; }
.part01{width: 92%; margin: 0 auto; }
.part01 h3{ text-align: center; color:#20242b; font-size:24px;line-height: 30px; }
.neirong{width: 100%; margin: 20px auto; font-size: 16px; line-height: 24px; color:#737c8b; }
.part01 .img-div{width: 100%; margin: 20px auto;}
.part01 .img-div img{width:100%;}
	

.part02-kj{background-color: #f7f8fb; padding: 30px 0; }
.part02{width: 92%;margin: 0 auto; }
.part02 h3{ text-align: center; color:#20242b; font-size: 24px; line-height: 30px; }
.xuqiu{width: 100%; margin: 30px auto 0;}
.xuqiu ul li{list-style: none; float: left; width: 48%; margin-right: 4%; margin-bottom: 20px; height: auto;}
.xuqiu ul li img{width: 100%; max-width: 100%;}
.xuqiu ul li .k-content{width: 100%; box-sizing: border-box; height: 140px; padding: 10px 10px 20px; border-bottom: 1px solid #e9ebf3; border-left: 1px solid #e9ebf3; border-right: 1px solid #e9ebf3;}
.xuqiu ul li:nth-child(2n){margin-right: 0;}
.xuqiu ul li.mr0{margin-right: 0;}

.part03-kj{background-color: #fff; padding: 30px 0; }
.part03{width: 92%;margin: 0 auto;}
.part03 h3{ text-align: center; color:#20242b; font-size:24px;line-height: 30px; }	
.wrapper { width:100%; height:auto; margin-top:30px;}
.tab {width:100%;height:auto;}
.tab li {float:left;width:32%; margin-right: 2%; height:130px; margin-bottom: 20px; text-align: center; position: relative; box-sizing: border-box; border:1px solid #e9ebf3;  padding: 85px 5px 10px;}
.tab li.active{color:#4285f4; background-color:#dfebff!important; border:1px solid #dfebff; cursor: default;}
.tab li.active:after{ width: 0px; height: 0px; border-width: 6px 6px; border-color: #dfebff transparent transparent transparent; border-style: solid; display: inline-block; position: absolute; top:129px; left: 50%; margin-left: -6px;  content: "";}
.tab li:nth-child(3n){margin-right: 0;}
.tab li p{color:#363f4e; font-size: 16px; line-height: 20px; position: relative;}
.tab li.active p{color:#4285f4;}
.tab li.p01{background:#fff url(../images/gn01.png) center 20px no-repeat; background-size: 30%;}
.tab li.p02{background:#fff url(../images/gn02.png) center 20px no-repeat; background-size: 33%;}
.tab li.p03{background:#fff url(../images/gn03.png) center 20px no-repeat; background-size: 33%;}
.tab li.p04{background:#fff url(../images/gn04.png) center 20px no-repeat; background-size: 33%; margin-left: 17%;}
.tab li.p05{background:#fff url(../images/gn05.png) center 20px no-repeat; background-size: 27%;}
.products {width:100%; height:auto; background: #f7f8fb; margin-top: 0px; display: block; box-sizing: border-box; border:1px solid #e9ebf3; padding: 30px 20px 10px;}
.products .main {float:left;display:none;} 
.products .main.selected {display:block;}
.jieshi{width: 100%; color:#363f4e; font:normal 14px/20px 'microsoft yahei',PingFangSC-Regular,SimSun; }
.jieshi p{margin-bottom: 10px; }
.jieshi .img-div2{width: 100%; text-align: center; margin: 20px auto 30px; }
.jieshi .img-div2 img.p01{width:100%; max-width: 100%;}
.jieshi .img-div2 img.p02{width:100%; max-width: 100%;}
.jieshi .img-div2 img.p03{width:100%; max-width: 100%;}
.jieshi .img-div2 img.p04{width:100%; max-width: 100%;}


.part04-kj{background:#f7f8fb; padding: 30px 0 10px; }
.part04{width: 92%; margin: 0 auto; }
.part04 h3{ text-align: center; color:#20242b; font-size:24px;line-height: 30px; }
.part04 .jiazhi{width: 100%; margin: 30px auto;}
.part04 .jiazhi ul li{list-style: none; float: left; width: 100%; height: 190px; margin-bottom: 20px; box-sizing: border-box; background: #fff;  box-shadow: 0 0 10px #d9dce5;}
.part04 .jiazhi ul li:nth-child(2n){margin-right: 0;}
.jiazhi ul li b{color:#fff;width: 50px; height: 50px; border-radius: 50px; background:#4285f4; text-align: center;display: block; content: "";   font-size: 30px;line-height:50px; margin: 20px auto 0;}
.jiazhi ul li p.title01{color:#20242b; font-size: 16px;line-height:24px; position: relative; padding: 10px 10px 10px; text-align: center; }
.jiazhi ul li p.title02{color:#737c8b; font-size: 14px;line-height:22px; margin-top: 5px; padding: 0 20px;  }

.part06-kj{background: #fff; padding: 30px 0; border-bottom: 1px solid #e9ebf3;}	
.part06{width: 92%; margin: 0 auto; }
.part06 h3{ text-align: center; color:#20242b; font-size:24px;line-height: 30px; }
.part06 .anli-div{ width: 100%; margin: 30px auto 0;}
.part06 .anli-div ul li{list-style: none; float: left; width: 100%; height: auto; margin-bottom: 15px; border: 1px solid #e9ebf3; box-sizing: border-box; padding: 95px 20px 30px;}
.part06 .anli-div ul li:last-child{margin-right: 0;}
.part06 .anli-div ul li.p01{background:#fff url(../images/anli01.jpg) center 35px no-repeat; background-size: 145px 52px;}
.part06 .anli-div ul li.p02{background:#fff url(../images/anli02.jpg) center 35px no-repeat; background-size: 132px 57px;}
.part06 .anli-div ul li.p03{background:#fff url(../images/anli03.jpg) center 35px no-repeat; background-size: 125px 57px; margin-right: 0;}
.part06 .anli-div ul li p.title01{color:#20242b; font-size:20px; line-height: 70px; text-align: center; }
.part06 .anli-div ul li p.title02{color:#737c8b; font-size:14px; line-height: 22px; }
	
	
.part07-kj{background-color: #fff; padding: 30px 0; }	
.part07{width: 92%;margin: 0 auto;}
.part07 h3{ text-align: center; color:#20242b; font-size:24px; line-height: 30px;}
.part07 .logo-show{width: 100%; margin: 30px auto 0;}
.part07 .logo-show ul li{list-style: none; float: left; width: 32%; height: auto; margin-right: 2%; margin-bottom: 15px; border:1px solid #e9ebf3; box-sizing: border-box;}
.part07 .logo-show ul li img{width: 100%; }
.part07 .logo-show ul li:nth-child(3n){margin-right: 0;}
.part07 .logo-show ul li.mr0{margin-right: 0;}
.lr-container{ width: 90% !important;}
.lr-form-code{ text-align: center !important;border-left: 1px solid #e9ebf3 !important;}
}