abbr[title] {
	border-bottom:1px dotted
}
b,strong {
	font-weight:700
}
dfn {
	font-style:italic
}
mark {
	background:#ff0;
	color:#000
}
code,kbd,pre,samp {
	font-family:monospace,serif;
	font-size:1em
}
pre {
	white-space:pre;
	white-space:pre-wrap;
	word-wrap:break-word
}
q {
	quotes:"\201C" "\201D" "\2018" "\2019"
}
q:after,q:before {
	content:"";
	content:none
}
small {
	font-size:80%
}
sub,sup {
	font-size:75%;
	line-height:0;
	position:relative;
	vertical-align:baseline
}
sup {
	top:-.5em
}
sub {
	bottom:-.25em
}
img {
	border:0
}
svg:not(:root) {
	overflow:hidden
}
figure {
	margin:0
}
fieldset {
	border:1px solid silver;
	margin:0 2px;
	padding:.35em .625em .75em
}
legend {
	border:0;
	padding:0;
	white-space:normal
}
button,input,select,textarea {
	font-family:inherit;
	font-size:100%;
	margin:0;
	vertical-align:baseline
}
button,input {
	line-height:normal
}
button,select {
	text-transform:none
}
button,html input[type=button],input[type=reset],input[type=submit] {
	-webkit-appearance:button;
	cursor:pointer
}
button[disabled],input[disabled] {
	cursor:default
}
button::-moz-focus-inner,input::-moz-focus-inner {
	border:0;
	padding:0
}
textarea {
	overflow:auto;
	vertical-align:top
}
table {
	border-collapse:collapse;
	border-spacing:0
}
input[type=search] {
	-webkit-appearance:textfield;
	box-sizing:content-box
}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration {
	-webkit-appearance:none
}
input[type=checkbox],input[type=radio] {
	box-sizing:border-box;
	padding:0
}
.clearfix,.fix {
	zoom:1
}
.floatL {
	float:left
}
.floatR {
	float:right
}
dd,dl,dt,li,ul {
	list-style-type:none;
	margin:0;
	padding:0
}
.clearfix {
	*zoom:1
}
.clearfix:after,.clearfix:before {
	display:table;
	content:"";
	line-height:0
}
.clearfix:after {
	clear:both
}
.block {
	display:block!important
}
.layout {
	padding:1px 0
}
}.f16 {
	font-size:16px
}
.f20 {
	font-size:20px
}
.f18 {
	font-size:18px
}
.f24 {
	font-size:24px
}
.f30 {
	font-size:30px!important
}
.f50 {
	font-size:50px!important
}
.f45 {
	font-size:45px!important
}
.mt0 {
	margin:0!important
}
.mt5 {
	margin-top:5px!important
}
.mt10 {
	margin-top:10px!important
}
.mt15 {
	margin-top:15px
}
.mt20 {
	margin-top:20px!important
}
.mt-10 {
	margin-top:-10px!important
}
.mt-20 {
	margin-top:-20px!important
}
.mt-40 {
	margin-top:-40px!important
}
.mt30 {
	margin-top:30px
}
.mt40 {
	margin-top:40px
}
.mt50 {
	margin-top:50px
}
.mt60 {
	margin-top:60px!important
}
.mt70 {
	margin-top:70px
}
.mt80 {
	margin-top:80px!important
}
.mt90 {
	margin-top:90px
}
.mt100 {
	margin-top:100px
}
.mt110 {
	margin-top:110px
}
.mt125 {
	margin-top:125px
}
.mt130 {
	margin-top:130px
}
.mt150 {
	margin-top:150px
}
.mt170 {
	margin-top:170px
}
.mt180 {
	margin-top:180px
}
.ml10 {
	margin-left:10px
}
.ml16 {
	margin-left:16px
}
.ml20 {
	margin-left:20px
}
.ml30 {
	margin-left:30px
}
.ml40 {
	margin-left:40px
}
.ml50 {
	margin-left:50px
}
.ml70 {
	margin-left:70px
}
.mr5 {
	margin-right:5px
}
.mr50 {
	margin-right:50px
}
.mr10 {
	margin-right:10px
}
.mr20 {
	margin-right:20px
}
.mb20 {
	margin-bottom:20px
}
.mb30 {
	margin-bottom:30px
}
.mb50 {
	margin-bottom:50px
}
.mb60 {
	margin-bottom:60px
}
.mb80 {
	margin-bottom:80px
}
.mtb5 {
	margin:5px 0!important
}
.mtb10 {
	margin:10px 0
}
.mtb20 {
	margin:20px 0
}
.mtb40 {
	margin:40px 0
}
.pt1 {
	padding-top:1px
}
.pt40 {
	padding-top:40px
}
.pt80 {
	padding-top:80px
}
.pb20 {
	padding-bottom:20px!important
}
.pb30 {
	padding-bottom:30px!important
}
.pb80 {
	padding-bottom:80px!important
}
.pb100 {
	padding-bottom:100px!important
}
.pb60 {
	padding-bottom:60px!important
}
.pb40 {
	padding-bottom:40px!important
}
.ptb40 {
	padding:40px 0 100px!important
}
.ptb60 {
	padding:60px 0 100px!important
}
.pl10 {
	padding-left:10px
}
.pl40 {
	padding-left:40px
}
.pr40 {
	padding-right:40px
}
.pr150 {
	padding-right:150px
}
.bt6 {
	border-top:6px solid #eee
}
.lh26 {
	line-height:26px!important
}
.lh30 {
	line-height:30px!important
}
.lh40 {
	line-height:40px!important
}
.lh60 {
	line-height:60px!important
}
.bold {
	font-weight:700
}
.bg-f9 {
	background-color:#f9f9f9!important
}
.bg-f2 {
	background-color:#f2f2f2!important
}
.bg-f3 {
	background-color:#f3f3f3!important
}
.bg-f8 {
	background:#f8f8f8
}
.align-left {
	text-align:left!important
}
.align-right {
	text-align:right!important
}
.align-center {
	text-align:center!important
}
.g333 {
	color:#333
}
.g666 {
	color:#666
}
.g999 {
	color:#999
}
.red {
	color:red
}
.white {
	color:#fff!important
}
.light-blue {
	color:#3db1ea
}
.drak-blue {
	color:#1b77b9
}
.b-radius-lt3 {
	border-radius:3px 0 0 0
}
.b-radius-lb3 {
	border-radius:0 0 0 3px
}
.blue-link {
	color:#3db1ea
}
.blue-link:hover {
	color:#1b77b9
}
.animated {
	-webkit-animation-duration:1s;
	animation-duration:1s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both
}
.animated.infinite {
	-webkit-animation-iteration-count:infinite;
	animation-iteration-count:infinite
}
.animated.hinge {
	-webkit-animation-duration:2s;
	animation-duration:2s
}
.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY {
	-webkit-animation-duration:.75s;
	animation-duration:.75s
}
.animated.fadeInUpSlow {
	-webkit-animation-duration:1.5s;
	animation-duration:1.5s
}
@-webkit-keyframes a {
	0% {
	opacity:0;
	-webkit-transform:translate3d(0,10%,0);
	transform:translate3d(0,10%,0)
}
to {
	opacity:1;
	-webkit-transform:none;
	transform:none
}
}@keyframes a {
	0% {
	opacity:0;
	-webkit-transform:translate3d(0,10%,0);
	transform:translate3d(0,10%,0)
}
to {
	opacity:1;
	-webkit-transform:none;
	transform:none
}
}@-webkit-keyframes b {
	0% {
	opacity:0;
	-webkit-transform:translate3d(0,50%,0);
	transform:translate3d(0,50%,0)
}
to {
	opacity:1;
	-webkit-transform:none;
	transform:none
}
}@keyframes b {
	0% {
	opacity:0;
	-webkit-transform:translate3d(0,50%,0);
	transform:translate3d(0,50%,0)
}
to {
	opacity:1;
	-webkit-transform:none;
	transform:none
}
}.fadeInUp {
	-webkit-animation-name:a;
	animation-name:a
}
.fadeInUpSlow {
	-webkit-animation-name:b;
	animation-name:b
}
.blue-btn a {
	display:block;
	height:32px;
	line-height:32px;
	text-align:center;
	background:#3db1ea;
	border:1px solid #3db1ea;
	display:inline-block;
	padding:0 30px;
	border-radius:16px;
	color:#fff;
	cursor:pointer
}
.blue-btn a a {
	color:#fff
}
.blue-btn a:hover {
	background:#1b77b9;
	border:1px solid #1b77b9;
	transition:all .5s linear .1s
}
.white-btn a {
	display:block;
	height:32px;
	line-height:32px;
	text-align:center;
	background:none;
	border:1px solid #3db1ea;
	display:inline-block;
	padding:0 30px;
	border-radius:16px;
	cursor:pointer
}
.white-btn a,.white-btn a a {
	color:#3db1ea
}
.white-btn a:hover {
	background:#3db1ea;
	border:1px solid #3db1ea;
	color:#fff;
	transition:all .5s linear .1s
}
.white-btn a:hover a {
	color:#fff
}
.top-blue-btn a {
	display:block;
	height:44px;
	line-height:44px;
	text-align:center;
	background:#3db1ea;
	border:1px solid #3db1ea;
	display:inline-block;
	padding:0 40px;
	border-radius:30px;
	color:#fff;
	cursor:pointer;
	font-size:18px
}
.top-blue-btn a a {
	color:#fff
}
.top-blue-btn a:hover {
	background:#1b77b9;
	border:1px solid #1b77b9;
	transition:all .5s linear .1s
}
.gray-col,.sub-gray-col {
	background:#f2f2f2
}
.bg-f5 {
	background:#f5f5f5
}
.row .col-1,.row .col-1-7,.row .col-2,.row .col-2-4,.row .col-3,.row .col-4,.row .col-5,.row .col-6,.row .col-7,.row .col-8,.row .col-9,.row .col-10,.row .col-11,.row .col-12 {
	float:left
}
.row .col-1 {
	width:8.33333333%
}
.row .col-1-7 {
	width:14.28571428%
}
.row .col-2 {
	width:16.66666666%
}
.row .col-2-4 {
	width:20%
}
.row .col-3 {
	width:25%
}
.row .col-4 {
	width:33.33333333%
}
.row .col-5 {
	width:41.66666666%
}
.row .col-6 {
	width:50%
}
.row .col-7 {
	width:58.33333333%
}
.row .col-8 {
	width:66.66666666%
}
.row .col-9 {
	width:75%
}
.row .col-10 {
	width:83.33333333%
}
.row .col-11 {
	width:91.66666666%
}
.row .col-12 {
	width:100%
}
.icon40x40 {
	width:40px;
	height:40px
}
.icon7x13 {
	width:7px;
	height:13px
}
.icon17x17 {
	width:17px;
	height:17px
}
.icon18x18 {
	width:18px;
	height:18px
}
.icon22x22 {
	width:22px;
	height:22px
}
.icon29x29 {
	width:29px;
	height:29px
}
.icon36x36 {
	width:36px;
	height:36px
}
.icon35x35 {
	width:35px;
	height:35px
}
.icon50x50 {
	width:50px;
	height:50px
}
.icon60x55 {
	width:60px;
	height:55px
}
.icon60x60 {
	width:60px;
	height:60px
}
.icon62x62 {
	width:62px;
	height:62px
}
.icon66x66 {
	width:66px;
	height:66px
}
.icon64x64 {
	width:64px;
	height:64px
}
.icon70x65 {
	width:70px;
	height:65px
}
.icon83x83 {
	width:83px;
	height:83px
}
.icon47x47 {
	width:47px;
	height:47px
}
.icon57x57 {
	width:57px;
	height:57px
}
.icon85x85 {
	width:85px;
	height:85px
}
.icon100x100 {
	width:100px;
	height:100px
}
.icon100x60 {
	width:100px;
	height:60px
}
.icon150x150 {
	width:150px;
	height:150px
}
.icon250x200 {
	width:250px;
	height:200px
}
.cloud-icon-1 {
	background-position:0 0
}
.cloud-icon-2 {
	background-position:-100px 0
}
.cloud-icon-3 {
	background-position:-200px 0
}
.cloud-icon-4 {
	background-position:-300px 0
}
.solution-icon1 {
	background-position:0 -200px
}
.solution-icon2 {
	background-position:-100px -200px
}
.solution-icon3 {
	background-position:-200px -200px
}
.solution-icon4 {
	background-position:-300px -200px
}
.solution-icon5 {
	background-position:-400px -200px
}
.solution-1-item-1 {
	background-position:0 -350px
}
.solution-1-item-2 {
	background-position:-100px -350px
}
.solution-1-item-3 {
	background-position:-200px -350px
}
.solution-1-item-4 {
	background-position:-300px -350px
}
.solution-2-item-1 {
	background-position:0 -1050px
}
.solution-2-item-2 {
	background-position:-100px -1050px
}
.solution-2-item-3 {
	background-position:-200px -1050px
}
.solution-3-item-1 {
	background-position:0 -1150px
}
.solution-3-item-2 {
	background-position:-100px -1150px
}
.solution-3-item-3 {
	background-position:-200px -1150px
}
.solution-4-item-1 {
	background-position:0 -1250px
}
.solution-4-item-2 {
	background-position:-100px -1250px
}
.solution-4-item-3 {
	background-position:-200px -1250px
}
.solution-4-item-4 {
	background-position:-300px -1250px
}
.solution-4-item-5 {
	background-position:-400px -1250px
}
.solution-5-item-1 {
	background-position:0 -1350px
}
.solution-5-item-2 {
	background-position:-100px -1350px
}
.solution-5-item-3 {
	background-position:-200px -1350px
}
.t-phone-icon {
	background-position:-100px -350px
}
.icon14x26 {
	width:14px;
	height:26px;
	position:absolute;
	top:50%;
	left:50%;
	margin:-13px 0 0 -7px
}
.left-arrow {
	background-position:-250px 0
}
.rig-arrow {
	background-position:-264px 0
}
.popular-app-icon1 {
	background-position:0 -450px
}
.popular-app-icon2 {
	background-position:-100px -450px
}
.popular-app-icon3 {
	background-position:-200px -450px
}
.popular-app-icon4 {
	background-position:-300px -450px
}
.popular-app-icon5 {
	background-position:-400px -450px
}
.popular-app-icon6 {
	background-position:-500px -450px
}
.popular-app-icon7 {
	background-position:-600px -450px
}
.popular-app-icon8 {
	background-position:0 -950px;
	margin:70px 0 0
}
.popular-app-icon9 {
	background-position:-700px -450px
}
.cz-icon1 {
	background-position:0 -650px
}
.cz-icon1,.cz-icon2 {
	width:350px;
	height:100px;
	margin:0 20px 0 0
}
.cz-icon2 {
	background-position:-400px -650px
}
.cz-icon3 {
	width:400px;
	height:100px;
	background-position:-750px -650px;
	margin:-10px 20px 0 0
}
.icon-hot {
	width:48px;
	height:48px;
	background-position:0 -320px
}
.page-icon,.protal-icon {
	display:inline-block;
	background:url(../images/protal/protal-icon-img.png) no-repeat
}
.protal-l-icon {
	background-position:0 0
}
.protal-phone {
	background-position:-100px 0
}
.protal-phone-num {
	width:137px;
	height:16px;
	background-position:-150px 0
}
.protal-down-arrow {
	width:26px;
	height:40px;
	background-position:0 -100px
}
.protal-b-icon-1 {
	background-position:0 -200px
}
.protal-b-icon-2 {
	background-position:-40px -200px
}
.protal-b-icon-3 {
	background-position:-80px -200px
}
.protal-b-icon-4 {
	background-position:-120px -200px
}
.protal-b-icon-5 {
	background-position:-160px -200px
}
.er-b-icon-1 {
	background-position:0 -150px
}
.er-b-icon-2 {
	background-position:-40px -150px
}
.er-b-icon-3 {
	background-position:-80px -150px
}
.er-b-icon-4 {
	background-position:-120px -150px
}
.yy-icon {
	display:inline-block;
	background:url(../images/youyi/youyi-icon-img.png) no-repeat
}
.y-info-icon-1 {
	background-position:0 0
}
.y-info-icon-2 {
	background-position:-60px 0
}
.y-info-icon-3 {
	background-position:-120px 0
}
.yy-tab-line-11 {
	background-position:0 -300px
}
.yy-tab-line-12 {
	background-position:-198px -300px
}
.yy-tab-line-13 {
	background-position:-396px -300px
}
.yy-tab-line-14 {
	background-position:-66px -300px
}
.yy-tab-line-15 {
	background-position:-264px -300px
}
.yy-tab-line-16 {
	background-position:-462px -300px
}
.yy-tab-line-17 {
	background-position:-132px -300px
}
.yy-tab-line-18 {
	background-position:-330px -300px
}
.yy-tab-line-19 {
	background-position:-528px -300px
}
.yy-tab-line-21 {
	background-position:0 -200px
}
.yy-tab-line-22 {
	background-position:-198px -200px
}
.yy-tab-line-23 {
	background-position:-396px -200px
}
.yy-tab-line-24 {
	background-position:-66px -200px
}
.yy-tab-line-25 {
	background-position:-264px -200px
}
.yy-tab-line-26 {
	background-position:-462px -200px
}
.yy-tab-line-27 {
	background-position:-132px -200px
}
.yy-tab-line-28 {
	background-position:-330px -200px
}
.yy-tab-line-29 {
	background-position:-528px -200px
}
.yy-tab-line-31 {
	background-position:0 -100px
}
.yy-tab-line-32 {
	background-position:-198px -100px
}
.yy-tab-line-33 {
	background-position:-396px -100px
}
.yy-tab-line-34 {
	background-position:-66px -100px
}
.yy-tab-line-35 {
	background-position:-264px -100px
}
.yy-tab-line-36 {
	background-position:-462px -100px
}
.yy-tab-line-37 {
	background-position:-132px -100px
}
.yy-tab-line-38 {
	background-position:-330px -100px
}
.yy-tab-line-39 {
	background-position:-528px -100px
}
.product-server-icon-1 {
	background-position:0 -400px
}
.product-server-icon-2 {
	background-position:-70px -400px
}
.product-server-icon-3 {
	background-position:-140px -400px
}
.product-server-icon-4 {
	background-position:-210px -400px
}
.product-server-icon-5 {
	background-position:-280px -400px
}
.product-server-icon-6 {
	background-position:-350px -400px
}
.public-cloud-icon-1 {
	background-position:0 -500px
}
.public-cloud-icon-2 {
	background-position:-60px -500px
}
.public-cloud-icon-3 {
	background-position:-120px -500px
}
.public-cloud-icon-4 {
	background-position:-180px -500px
}
.experience-product-icon-1 {
	background-position:0 -600px
}
.experience-product-icon-2 {
	background-position:-85px -600px
}
.experience-product-icon-3 {
	background-position:-170px -600px
}
.bg-l-blue {
	background-color:#3db1ea;
	border-radius:50%
}
.bg-l-blue:hover {
	background-color:#1b77b9
}
.icon-prev {
	background-position:0 -300px;
	margin-top:8px
}
.icon-next {
	background-position:-10px -300px;
	margin-top:8px
}
.hot-line-icon {
	width:450px;
	height:100px;
	background-position:-700px -350px
}
.footer-weixin-icon {
	background-position:0 -850px
}
.footer-mobile-icon {
	background-position:-100px -850px
}
.banner-icon-1 {
	background-position:-600px -1250px
}
.banner-icon-2 {
	background-position:-700px -1250px
}
.banner-icon-3 {
	background-position:-800px -1247px
}
.banner-icon-4 {
	background-position:-900px -1247px
}
.icon-notice {
	background-position:0 -150px
}
.footer .copyright {
	color:#6a6a6a;
	font-size:12px;
	line-height:20px;
	margin:50px 0 0;
	line-height:26px
}
.footer .gzwm {
	position:absolute;
	right:0;
	top:-25px;
	font-size:12px;
	line-height:12px;
	width:290px
}
.footer .gzwm a {
	color:#999;
	transition:color .2s;
	-moz-transition:color .2s;
	-webkit-transition:color .2s;
	-o-transition:color .2s
}
.footer .gzwm a:hover {
	color:#1297d9
}
.footer .gzwm a.locat {
	position:absolute;
	top:9px;
	right:160px;
	display:block;
	height:15px;
	width:100px;
	line-height:15px;
	background:url(../images/icon-locat.png) no-repeat 0 -20px;
	padding-left:15px;
	color:#1297d9
}
.footer .hot-line {
	margin:0 50px 0 0;
	border-right:1px solid #313131
}
.footer .hotLine a {
	color:#899097
}
.footer .gzwm .attention {
	float:right;
	margin:20px 0 0;
	text-align:right;
	width:290px
}
.footer .gzwm .attention span {
	display:inline-block;
	color:#9b9ea0;
	cursor:pointer
}
.footer .gzwm .attention li {
	margin:8px 0
}
.footer .gzwm .attention .active {
	font-size:14px
}
.footer .gzwm .attention .active .ewm {
	display:block
}
.footer .gzwm .attention .ewm {
	text-align:right;
	display:none;
	margin:10px 0 0
}
.footer .gzwm .kxwz {
	width:336px;
	height:32px;
	display:block;
	float:right;
	text-align:left;
	margin:10px 0 0
}
.footer div.kxwz span {
	top:0;
	right:0
}
.footer div.kxwz img {
	width:90px
}
.footer .hotLine {
	width:336px;
	float:right;
	color:#fff
}
.footer .hotLine .hot-img {
	margin:0 20px 0 0
}
.footer .hotLine .hot-content {
	text-align:right
}
.footer .hotLine .hot-content h5 {
	font-size:12px;
	font-weight:400;
	color:#73777a;
	margin:0 0 5px
}
.footer .hotLine .hot-content p {
	font-size:30px;
	color:#fff;
	margin:15px 0 0;
	font-weight:700
}
.drak-footer .footer-body {
	background-color:#f5f5f6
}
.drak-footer .footer-map-menu .footer-map-menu-item h5 {
	color:#373d41
}
.drak-footer .footer-map-menu .footer-map-menu-item li a {
	color:#73777a
}
.drak-footer .footer-menu a {
	padding:0 12px;
	color:#9b9ea0
}
.drak-footer .hotLine .hot-content p {
	color:#0f1e2b
}
.footer .list {
	margin:0 0 15px
}
.footer .list a {
	font-size:14px;
	color:#fff;
	padding:0 5px
}

.footer .list span {
	margin:0
}
.footer .gzwm p {
	color:#899097
}
.footer .footer-icon {
	position:absolute;
	right:50px;
	bottom:0;
	cursor:pointer
}
.footer .footer-icon .footer-icon-item {
	position:relative;
	float:left
}
.footer .footer-icon .footer-icon-item .QR-code {
	position:absolute;
	bottom:50px;
	right:-20px;
	display:none
}
.top-menu {
	background:#1d1d1d
}
.top-menu .topbar-box {
	width:1280px;
	height:80px;
	margin:0 auto
}
.top-menu .menu-body {
	position:relative
}
.top-menu .menu-body .top-border {
	height:3px;
	position:absolute;
	bottom:0;
	background:#3db1ea
}
.top-menu .menu-body .menu-content {
	list-style-type:none;
	margin:0;
	position:relative
}
.top-menu .menu-body .menu-content .menu-item {
	float:left;
	height:80px
}
.top-menu .menu-body .menu-content .menu-item a {
	display:block;
	height:20px;
	line-height:20px;
	padding:30px 23px;
	color:#fff
}
.top-menu .menu-body .menu-detail {
	padding:30px;
	position:absolute;
	z-index:7;
	top:80px;
	display:none;
	color:#fff;
	z-index:4;
	background:rgba(0,44,79,.9);
	background:#002e52 \0;
	border-radius:0 0 5px 5px
}
.top-menu .menu-body .menu-subcontent .menu-subitem {
	height:168px;
	border-right:1px solid #29608c;
	padding:0 15px 0 20px
}
.top-menu .menu-body .menu-subcontent .menu-subitem h3 {
	font-size:14px;
	color:#fff;
	font-weight:700;
	text-align:left;
	font-weight:400;
	margin:14px 0
}
.top-menu .menu-body .menu-subcontent .menu-subitem ul {
	text-align:left
}
.top-menu .menu-body .menu-subcontent .menu-subitem ul li a {
	color:#bce4ff;
	padding:5px 0;
	font-size:12px
}
.top-menu .menu-body .menu-subcontent .menu-subitem ul li a:hover {
	color:#3db1ea
}
.top-menu .top-phone {
	padding:17px 0 0
}
.top-menu .top-phone p {
	margin:0;
	color:#fff;
	line-height:20px
}
.top-menu .center-body a {
	color:#fff
}
.top-menu .center-body a:hover {
	color:#3db1ea
}
.top-menu .center-body .center-btn {
	height:30px;
	line-height:30px;
	text-align:center;
	margin:15px 0 0
}
.top-menu .tool-body a {
	color:#fff
}
.top-menu .tool-body .center-btn a,.top-menu .tool-body .login-btn a,.top-menu .tool-body .reg-btn a {
	display:block;
	height:30px;
	line-height:30px;
	text-align:center;
	background:#3db1ea;
	margin:15px 0 0
}
.top-menu .tool-body .center-btn a:hover,.top-menu .tool-body .login-btn a:hover,.top-menu .tool-body .reg-btn a:hover {
	background:#1297d9
}
.top-menu .tool-body .login-btn a {
	border-radius:15px 0 0 15px;
	padding:0 10px 0 20px
}
.top-menu .tool-body .reg-btn a {
	border-radius:0 15px 15px 0;
	padding:0 20px 0 10px
}
.top-menu .tool-body .center-btn a {
	padding:0 10px
}
.footer .footer-topbar {
	height:178px;
	background:#1d1d1d
}
.left-tool-bar {
	position:absolute;
	width:200px;
	top:0;
	left:0
}
.left-tool-bar .left-tool-body {
	padding:0 0 0 10px;
	margin:0 0 0 -10px;
	background:url(../images/protal/protal-icon-img.png) no-repeat -290px -150px
}
.left-tool-bar .left-tool-body .l-desc-body {
	border-bottom:1px solid #eee;
	border-left:5px solid #fff;
	margin-top:1px
}
.left-tool-bar .left-tool-body .active {
	border-left:5px solid #3db1ea
}
.left-tool-bar .left-tool-body .active a {
	color:#3db1ea!important
}
.left-tool-bar .l-tool-tit {
	width:200px;
	height:160px;
	background:#1b77b9;
	padding-top:1px;
	position:relative
}
.left-tool-bar .l-tool-tit h1,.left-tool-bar .l-tool-tit h2 {
	font-size:26px;
	color:#fff;
	margin:60px 0 0 20px
}
.left-tool-bar .l-tool-tit .protal-l-icon {
	position:absolute;
	bottom:10px;
	right:10px
}
.left-tool-bar .l-tool-menu .p-active .l-first-tit {
	color:#3db1ea;
	border-left:5px solid #3db1ea!important
}
.left-tool-bar .l-tool-menu .p-active .l-sec-content {
	display:block!important
}
.left-tool-bar .l-tool-menu .p-active .l-sec-content .l-sec-item a {
	color:#3db1ea!important
}
.left-tool-bar .l-tool-menu .p-active .l-sec-content .l-sec-item a:hover {
	color:#1b77b9
}
.left-tool-bar .l-tool-menu .p-active .l-sec-content .s-active {
	background:url(../images/protal/protal-icon-img.png) no-repeat -100px -50px
}
.left-tool-bar .l-tool-menu .p-active .l-sec-content .s-active a {
	color:#fff!important
}
.left-tool-bar .l-tool-menu .l-first-item {
	border-bottom:1px solid #eee
}
.left-tool-bar .l-tool-menu .l-first-item .l-first-tit {
	display:block;
	font-size:16px;
	height:56px;
	line-height:60px;
	padding-left:20px;
	text-align:left;
	cursor:pointer;
	border-left:5px solid #fff
}
.left-tool-bar .l-tool-menu .l-first-item .l-first-tit:hover {
	color:#3db1ea
}
.left-tool-bar .l-tool-menu .l-first-item .l-first-tit .l-first-link {
	color:#000
}
.left-tool-bar .l-tool-menu .l-first-item .l-first-tit .l-first-link:hover {
	color:#3db1ea
}
.left-tool-bar .l-tool-menu .l-first-item .active {
	border-left:5px solid #3db1ea
}
.left-tool-bar .l-tool-menu .l-first-item .active .l-first-link {
	color:#3db1ea
}
.left-tool-bar .l-tool-menu .l-first-item .active .l-first-link:hover {
	color:#1b77b9
}
.left-tool-bar .l-tool-menu .l-first-item .l-sec-content {
	padding:10px 0;
	display:none
}
.left-tool-bar .l-tool-menu .l-first-item .l-sec-content .l-sec-item {
	height:32px;
	line-height:32px;
	font-size:12px;
	padding:0 20px 0 25px
}
.left-tool-bar .l-tool-menu .l-first-item .l-sec-content .l-sec-item a {
	color:#000
}
.left-tool-bar .l-tool-menu .l-first-item .l-sec-content .l-sec-item a:hover {
	color:#3db1ea
}
.left-tool-bar .left-bar-phone {
	margin:30px 0 20px;
	padding:0 20px;
	position:relative
}
.left-tool-bar .left-bar-phone .p-tit {
	position:absolute;
	top:0;
	left:50px;
	margin:0;
	color:#bbb
}
.left-tool-bar .l-desc-body {
	padding:30px 20px 20px
}
.left-tool-bar .l-desc-body a {
	color:#000
}
.left-tool-bar .l-desc-body a:hover {
	color:#3db1ea
}
.left-tool-bar .l-desc-body p {
	margin:5px 0
}
.right-content {
	margin-left:200px;
	min-height:1000px
}
.content-group {
	padding-top:1px;
}
.content-group .col-main {
	padding:30px 0 0
}
.content-group .mq-main-head {
	text-align:center
}
.content-group .mq-main-head h1,.content-group .mq-main-head h2 {
	color:#373d41;
	text-align:center;
	font-size:28px
}
.content-group .mq-main-head p {
	color:#5f6367;
	text-align:center
}
.content-group .mq-sub-desc {
	padding:0 0 60px;
	text-align:center
}
.content-group .mq-sub-desc p {
	font-size:16px;
	color:#999
}
.side-tool-bar {
	font-family:Microsoft Yahei;
	position:fixed;
	right:0;
	z-index:7;
	top:50%;
	margin-top:-110px;
	font-size:12px;
	text-align:center
}
.go-top-none,.side-tool-bar .none {
	display:none!important
}
.side-tool-bar .orange {
	color:#ff6800
}
.side-tool-bar .blue {
	color:#3db1ea
}
.side-tool-bar i {
	margin:5px auto
}
.side-tool-bar .cart {
	position:relative
}
.side-tool-bar .border-none {
	border:none!important
}
.side-tool-bar .noticebar {
	width:56px;
	height:53px;
	border-radius:3px 0 0 3px;
	background:#3db1ea;
	margin:0 0 1px
}
.side-tool-bar .noticebar .t-tit {
	margin:-10px 0 0;
	color:#fff
}
.side-tool-bar .noticebar:hover {
	background:#d5f1ff
}
.side-tool-bar .noticebar:hover .icon-notice {
	background-position:-46px -150px
}
.side-tool-bar .noticebar:hover .t-tit {
	color:#3db1ea
}
.side-tool-bar .cart-num {
	position:absolute;
	width:13px;
	height:13px;
	line-height:13px;
	top:5px;
	left:32px;
	border-radius:50%;
	background:#ff0;
	color:#ff1e00;
	font-size:12px;
	text-align:center;
	z-index:5
}
.side-tool-bar .tool-bar {
	width:56px;
	margin:0
}
.side-tool-bar .tool-bar .active .t-tit {
	color:#3db1ea!important
}
.side-tool-bar .tool-bar .active .t-i-i {
	background:#d5f1ff!important
}
.side-tool-bar .tool-bar .active .t-i-i .icon-cart {
	background-position:0 -43px
}
.side-tool-bar .tool-bar .active .t-i-i .icon-connect {
	background-position:-44px -46px
}
.side-tool-bar .tool-bar .active .t-i-i .icon-phone {
	background-position:-90px -44px
}
.side-tool-bar .tool-bar .active .t-i-i .icon-hot-active {
	background-position:-136px -46px
}
.side-tool-bar .tool-bar .active .t-i-i .icon-free-call {
	background-position:-182px -43px
}
.side-tool-bar .tool-item {
	cursor:pointer;
	position:relative
}
.side-tool-bar .tool-item .yellow {
	color:#ffa800
}
.side-tool-bar .tool-item .t-i {
	border-bottom:1px solid #7acef8;
	width:56px;
	height:53px
}
.side-tool-bar .tool-item .t-i .t-tit {
	margin:-10px 0 0;
	color:#fff
}
.side-tool-bar .tool-item .t-i .ts-tit {
	margin:-10px 0 3px;
	color:#3db1ea;
	padding:0 5px
}
.side-tool-bar .tool-item .t-i .t-i-i {
	width:56px;
	height:53px;
	position:relative;
	background:#3db1ea;
	z-index:4
}
.side-tool-bar .tool-item .t-i .t-i-i:hover {
	background:#d5f1ff
}
.side-tool-bar .tool-item .t-i .t-i-i:hover .t-tit {
	color:#3db1ea!important
}
.side-tool-bar .tool-item .t-i .t-i-i:hover .icon-cart {
	background-position:0 -43px
}
.side-tool-bar .tool-item .t-i .t-i-i:hover .icon-connect {
	background-position:-44px -46px
}
.side-tool-bar .tool-item .t-i .t-i-i:hover .icon-phone {
	background-position:-90px -44px
}
.side-tool-bar .tool-item .t-i .t-i-i:hover .icon-hot-active {
	background-position:-136px -46px
}
.side-tool-bar .tool-item .t-i .t-i-i:hover .icon-free-call {
	background-position:-182px -43px
}
.side-tool-bar .tool-item .t-i .s-p-con {
	overflow:hidden
}
.side-tool-bar .tool-item .t-i .s-p-con .phone-line {
	margin:5px 10px 0 20px;
	border-bottom:1px solid #b2e5ff;
	padding:0 0 5px
}
.side-tool-bar .tool-item .t-i .t-con {
	position:absolute;
	z-index:3;
	left:0;
	top:0;
	width:161px;
	height:53px;
	background:#d5f1ff;
	border-radius:26px 0 0 26px;
	padding:0 5px 0 0
}
.side-tool-bar .tool-item .t-i .t-con .p-tit {
	text-align:left;
	font-size:12px;
	color:#3db1ea;
	line-height:16px;
	margin:4px 0 0
}
.side-tool-bar .tool-item .t-i .t-con .p-num {
	text-align:left;
	font-size:16px;
	color:#3db1ea;
	margin:0;
	font-weight:700
}
.side-tool-bar .tool-item .t-i .t-con .hot-link {
	line-height:53px
}
.side-tool-bar .tool-item .t-i .t-con .hot-link a {
	color:#3db1ea
}
.side-tool-bar .tool-item .t-i .t-con .hot-link a:hover {
	text-decoration:underline
}
.side-tool-bar .tool-item .t-i .t-con .mobile-line {
	padding:0
}
.side-tool-bar .tool-item .t-i .t-con .mobile-line .m-tit {
	color:#3db1ea;
	padding:0 0 0 20px;
	margin:5px 0;
	text-align:left
}
.side-tool-bar .tool-item .t-i .t-con .mobile-line input {
	height:25px;
	line-height:25px;
	border:none;
	width:103px;
	padding:0 5px;
	background:#fff;
	border-radius:2px 0 0 2px
}
.side-tool-bar .tool-item .t-i .t-con .t-i-si:hover {
	background-color:#c0eaff
}
.side-tool-bar .tool-item .cart-detail {
	line-height:53px;
	color:#3db1ea
}
.side-tool-bar .tool-item .cart-detail a {
	color:#3db1ea
}
.side-tool-bar .tool-item .cart-detail a:hover {
	text-decoration:underline
}
.side-tool-bar a {
	text-decoration:none
}
.go-top .ricon,.side-tool-bar .ricon {
	display:block;
	width:46px;
	height:43px;
	margin:0 auto!important
}
.go-top,.go-top .ricon,.side-tool-bar .ricon {
	background-image:url(../images/common/newsidetoolbar.png);
	background-repeat:no-repeat
}
.go-top {
	width:38px;
	height:38px;
	position:fixed;
	float:left;
	bottom:112px;
	right:0;
	z-index:6;
	background-color:#3db1ea;
	background-position:-3px -101px;
	border-radius:3px 0 0 3px;
	cursor:pointer
}
.go-top:hover {
	background-color:#1b77b9
}
.imzixun-body {
	position:fixed;
	z-index:7;
	bottom:0;
	right:0
}
.imzixun-body img {
	float:left
}
.icon-cart {
	background-position:0 0
}
.icon-connect {
	background-position:-44px -3px
}
.icon-phone {
	background-position:-90px -1px
}
.icon-hot-active {
	background-position:-136px -3px
}
.icon-free-call {
	background-position:-182px 0
}
.icon-to-top {
	background-position:-200px 0
}
.icon-qq {
	background-position:-90px -113px
}
.icon-online {
	background-position:-150px -113px
}
.right-icon {
	background-image:url(../images/common/newsidetoolbar.png);
	background-repeat:no-repeat;
	background-position:-55px -112px;
	background-color:#3db1ea;
	width:23px;
	height:25px;
	cursor:pointer;
	margin:0!important;
	border-radius:0 2px 2px 0
}
.none {
	display:none
}
.public-tab .tab-tit {
	text-align:center
}
.public-tab .tab-tit ul {
	display:inline
}
.public-tab .tab-tit li {
	display:inline-block;
	margin:0 10px
}
.public-tab .tab-tit li a {
	display:block;
	height:30px;
	line-height:30px;
	text-align:center;
	color:#333;
	border-radius:5px;
	padding:0 20px
}
.public-tab .tab-tit li a.active,.public-tab .tab-tit li a:hover {
	background:#3db1ea;
	color:#fff
}
.public-tab .tab-con .tab-con-item {
	display:none
}
.public-tab .tab-con .block {
	display:block
}
.zx_pop {
	width:100%;
	height:100%;
	position:fixed!important;
	top:0;
	left:0;
	z-index:9
}
.zx_pop .mask-body {
	width:100%;
	height:100%;
	background:#000;
	opacity:.8;
	position:relative;
	z-index:1
}
.active_pop_body,.dzsw-pop,.zero_pop {
	width:710px;
	position:fixed!important;
	left:50%;
	top:50%;
	margin-left:-355px;
	margin-top:-245px;
	z-index:6;
	box-shadow:0 0 10px 5px rgba(0,0,0,.2);
	_border:1px solid #ddd;
	border:1px solid #ddd\9;
	_position:absolute;
	_top:expression(eval(document.documentElement.scrollTop+50%));
	border-radius:20px;
	background:#fff
}
.apply-con {
	position:relative
}
.apply-con a.close {
	width:44px;
	height:44px;
	display:block;
	position:absolute;
	right:10px;
	top:10px;
	background:url(../images/common/close-img.png) #fff no-repeat 50%;
	transition:none;
	-moz-transition:none;
	-webkit-transition:none;
	-o-transition:none;
	border-radius:50%
}
.zero_pop,.zero_pop .apply-con {
	height:410px
}
.apply-con .apply-top {
	height:170px;
	background:url(../images/common/Intention-tit-bg.png) #3db1ea no-repeat 50%;
	border-radius:20px 20px 0 0
}
.apply-con a.close:hover {
	background-color:#eee
}
.apply-con .title {
	font-size:34px;
	color:#fff;
	text-align:center;
	padding-top:60px;
	line-height:34px
}
.apply-con .title.wherecity {
	z-index:2
}
.apply-con .subtitle {
	line-height:50px;
	color:#fff;
	padding-bottom:10px;
	text-align:center
}
.apply-con .form {
	padding:30px 50px
}
.apply-con .textfile {
	width:406px;
	height:40px;
	margin-bottom:15px;
	position:relative;
	padding-left:110px
}
.apply-con .textfile span.t {
	width:80px;
	height:40px;
	line-height:40px;
	display:block;
	position:absolute;
	left:0;
	top:0;
	text-align:right
}
.apply-con .textfile input {
	width:384px;
	height:38px;
	line-height:38px;
	border:1px solid #e4e4e4;
	padding:0 10px
}
.apply-con .textfile .emailist {
	border:1px solid #e4e4e4;
	background-color:#fff;
	line-height:30px
}
.apply-con .textfile .emailist li {
	padding:0 10px
}
.apply-con .textfile .emailist li.on {
	background-color:#b2b2b2;
	padding:0 10px
}
.apply-con .wherecity input {
	width:105px;
	border:none;
	background:none
}
.apply-con .lxman input {
	width:384px
}
.apply-con .lxman .appellation {
	width:132px;
	height:40px;
	position:absolute;
	left:400px;
	top:0
}
.apply-con .lxman .appellation input {
	width:16px;
	float:left;
	border:none;
	padding:0;
	margin-right:5px
}
.apply-con .lxman .appellation span {
	float:left;
	width:40px;
	height:40px;
	line-height:40px;
	display:block
}
.apply-con .textfile a.submit {
	width:130px;
	height:37px;
	display:inline-block;
	background:#3db1ea;
	text-align:center;
	line-height:37px;
	color:#fff;
	font-size:16px;
	border-radius:19px;
	margin:20px 0 0
}
.apply-con .textfile a.submit:hover {
	background:#1b77b9
}
.apply-con .yzm input {
	width:212px
}
.apply-con .yzm a {
	width:157px;
	height:38px;
	display:block;
	line-height:38px;
	text-align:center;
	color:#666;
	background:#f0f0f0;
	border:1px solid #dfdfdf;
	position:absolute;
	left:357px;
	top:0
}
.nice-select {
	width:126px;
	height:38px;
	border:1px solid #e4e4e4;
	position:relative;
	background:#fff url(../images/icon-a2.jpg) no-repeat 100%;
	cursor:pointer;
	float:left
}
.marginr {
	margin-right:11px
}
.free-ask .textfile .nice-select input {
	display:block;
	outline:0;
	background:none;
	cursor:pointer
}
.apply-con .nice-select input {
	_width:117px
}
.free-ask .nice-select input {
	display:block;
	width:108px;
	height:38px;
	line-height:38px\9;
	border:0;
	outline:0;
	background:none;
	cursor:pointer;
	color:#999
}
.nice-select ul {
	width:100%;
	display:none;
	position:absolute;
	left:-1px;
	top:38px;
	overflow:hidden;
	background-color:#fff;
	max-height:150px;
	overflow-y:auto;
	border:1px solid #e4e4e4;
	border-top:0;
	z-index:7;
	_height:150px;
	*height:150px
}
.nice-select ul li {
	height:30px;
	line-height:30px;
	overflow:hidden;
	padding:0 10px;
	cursor:pointer
}
.nice-select ul li.on {
	background-color:#fff7f0
}
.page {
	line-height:30px;
	font-size:12px
}
.all-page {
	float:left;
	margin-right:5px
}
.all-page span {
	color:#3db1ea
}
.flip-page {
	float:right
}
.flip-page ul {
	text-align:center
}
.flip-page li {
	float:left;
	margin:0 5px;
	width:30px;
	height:30px;
	line-height:30px
}
.flip-page li a {
	margin:0;
	padding:0;
	display:block;
	border-radius:50%;
	color:#666
}
.flip-page li a.active,.flip-page li a:hover {
	color:#fff;
	background:#3db1ea
}
.flip-page li a.default {
	color:#d7d7d7;
	cursor:default
}
.now-page {
	float:left
}
.now-page span {
	color:#3db1ea;
	padding:0 5px
}
.public-bottom-body {
	width:100%;
	height:379px;
	background:url(../images/bigpush/bottom-bg.jpg) repeat-x;
	border-top:3px solid #1a87bd
}
.white-all-btn {
	height:42px;
	line-height:42px;
	text-align:center;
	background:#fff;
	display:inline-block;
	padding:0 30px;
	border-radius:21px;
	cursor:pointer;
	color:#3db1ea
}
.white-all-btn a {
	color:#3db1ea
}
.white-all-btn a:hover {
	color:#fff
}
.white-all-btn:hover {
	background:#3db1ea;
	color:#fff;
	transition:all .5s linear .1s
}
.white-all-btn:hover a {
	color:#fff
}
.white-all-btn1 a {
	height:42px;
	line-height:42px;
	text-align:center;
	background:#fff;
	display:inline-block;
	padding:0 30px;
	border-radius:21px;
	cursor:pointer;
	color:#3db1ea
}
.white-all-btn1 a a {
	color:#3db1ea
}
.white-all-btn1 a a:hover {
	color:#fff
}
.white-all-btn1 a:hover {
	background:#3db1ea;
	color:#fff;
	transition:all .5s linear .1s
}
.white-all-btn1 a:hover a {
	color:#fff
}
.public-bottom-content {
	padding:50px 0 0
}
.public-bottom-content .b-left-bar {
	padding:0 60px 0 30px
}
.public-bottom-content .b-left-bar h3 {
	font-size:34px;
	color:#fff;
	margin:0 0 10px
}
.public-bottom-content .b-left-bar p {
	margin:0
}
.public-bottom-content .b-left-bar .b-l-desc {
	color:#fff;
	line-height:30px
}

.fl {
    float: left;
}
.fr {
  float: right;
}
.fix {
  *zoom: 1
}

.fix:after {
  display: table;
  content: '';
  clear: both
}
.text-center{text-align: center;}
.price-color {
    color: #fb2d04;
}
.lb-box {
    position: relative;
    padding: 15px 5px;
    margin:10px;
}
.lb-large-xb-4 > .lb-xbcol, .lb-large-xb-4 > div > .lb-xbcol{width: 25%;float: left;}
.lb-box-p, .lb-box-pw {
    border-top: 5px solid #232f3e;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.3),0 0 0 1px rgba(0,0,0,.04);
    background-color: #fff;
}
.lb-border-p {
    border: 1px solid #d5dbdb;
        border-top-width: 1px;
        border-right-width: 1px;
        border-bottom-width: 1px;
        border-left-width: 1px;
}
lb-border-right, .lb-border-top {
    border-bottom-width: 0 !important;
    border-left-width: 0 !important;
}
.lb-border-top {
    border-right-width: 0 !important;
}
.lb-abs-pos-wrapper{position:absolute}
.lb-bottom-full-width{width: 100%;}
.t-bottom{padding-bottom: 30px;}
.t-top{margin-top: 30px;}
.lb-tiny-align-center{text-align: center;}
.lb-txt{display: block;}
/*home 20200718*/
.mq-index-content .content-section {
    padding-top: 30px;
}
.mq-index-content .section-1 {
    background: #f6f8fb;
}
.mq-index-content .section-wrap {
    margin: auto;
    height: 450px;
}
.mq-index-content .section-wrap .section-1-title {
  position: relative;
  width: 300px;
  height: 452px
}
.mq-index-content .section-wrap .section-1-title .title-detail {
  position: absolute;
  top: 0;
  left: 0;
  margin: 30px 38px;
  color: #191919
}
.mq-index-content .section-wrap  .title-detail .detail-title {
  color: #f67001
}
.mq-index-content .section-wrap  .title-detail .detail-body{font-size: 16px;}
.mq-index-content .section-wrap .section-1-title .title-detail .detail-title {
  padding-bottom: 10px;
  font-size: 26px
}
.mq-index-content .section-wrap .section-1-title:hover .detail-body{display: ;}

.mq-index-content .section-wrap .right-item {
  position: relative;
  height: 166px;
  padding: 29px 27px;
  background: #fff;
  float: left;display: block;
  width: calc(100% - 54px);
}

.mq-index-content .section-wrap .right-item .title {
  font-size: 20px;
  color: #191919
}

.mq-index-content .section-wrap .right-item .desc {
  margin-top: 15px;
  margin-bottom: 15px;
  font-size: 12px;
  line-height: 18px;
  color: #999999
}

.mq-index-content .section-wrap .right-item .tag {
  padding: 0 9px;
  margin-right: 10px;
  font-size: 12px;
  height: 24px;
  line-height: 24px;
  display: inline-block;
  color: #666;
  border: 1px solid #d2d2d2;
}

.mq-index-content .section-1 .right-item-4-big .tag {
  color: #559cad;
  background-color: #ffffff;
  border: 1px solid #b9ddd7;
}

.mq-index-content .section-wrap .right-item .price {
  position: absolute;
  bottom: 26px;
  left: 26px;
  color: #fb2d04;
}

.mq-index-content .section-wrap .right-item .price span {
  padding: 0;
  margin: 0
}

.mq-index-content .section-wrap .right-item .price .price-num {
  font-size: 24px
}

.mq-index-content .section-wrap .right-item .price .price-unit {
  font-size: 12px;
  color: #191919
}

.mq-index-content .section-wrap .right-item .price .price-discount {
  margin-left: 10px;
  font-size: 12px;
  color: #b7b7b7
}

.mq-index-content .section-wrap .right-item .btn {
  position: absolute;
  right: 0;
  bottom: 0
}

.mq-index-content .section-wrap .right-item:hover {
  box-shadow: 2px 2px 10px #cdcdcd
}

.mq-index-content .section-wrap .btn-wrap {
  opacity: 0;
  width: 100%;
  font-size: 0;
  color: #fff
}

.mq-index-content .section-wrap .right-item:hover>.btn-wrap,
.mq-index-content .section-wrap .right-item.cur>.btn-wrap {
  opacity: 1;
  position: absolute;
  bottom: 0;
  left: 0;
  transition: all .3s;
}

.mq-index-content .section-1 {
  background: #f6f8fb;
}
.rightWrap{width:100%;}
.mq-index-content .section-1 .right-item-4 {
  border-top: 1px solid #ededed;
  border-right: 1px solid #ededed;
}

.mq-index-content .section-1 .right-item-4:hover,
.mq-index-content .section-1 .right-item-4.cur {
  position: relative;
  z-index: 100;
  box-shadow: 2px 2px 10px #cdcdcd;
  flex:1;
}


.mq-index-content .section-1 .right-item-4 .btn-item {
  position: relative;
  display: inline-block;
  font-size: 14px;
  height: 52px;
  line-height: 52px
}

.mq-index-content .section-1 .right-item-4 .b-3 {
  width: 49.5%;
}

.mq-index-content .section-1 .right-item-4 .b-2 {
  width: 222px
}

.mq-index-content .section-1 .right-item-6 {
  border-top: 1px solid #ededed;
  border-right: 1px solid #ededed
}

.mq-index-content .section-1 .right-item-6:hover {
  position: relative;
  z-index: 100;
  box-shadow: 2px 2px 10px #cdcdcd
}

.mq-index-content .section-1 .right-item-6 .btn-item {
  position: relative;
  display: inline-block;
  font-size: 14px;
  height: 52px;
  line-height: 52px
}

.mq-index-content .section-1 .right-item-6 .b-3 {
  width: 148px
}

.mq-index-content .section-1 .right-item-6 .b-2 {
  width: 49.333%;float: left;
}


/**/

.mq-index-content .section-1 .right-item-3 {
  width: 244px;
  border-top: 1px solid #ededed;
  border-right: 1px solid #ededed;
}


.mq-index-content .section-2 {
  padding-top: 50px
}

.mq-index-content .section-2 .section-wrap {
  height: auto;
}

.mq-index-content .section-2 .title {
  font-size: 22px
}



.mq-index-content .section-3 .section-head .title {
  font-size: 22px
}


.jyy .items-block {
  align-items: stretch;
}

.jyy .item-l {
  box-sizing: border-box;
  width: 300px;
  height: 300px;
  position: relative;
  z-index: 1;
  padding: 30px 38px;
  color: #fff;
}
.jyy .item-l .item-title{color:#f67001;}


.jyy .img-block {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}

.jyy .img-block img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.jyy .item-l .item-title {
  font-size: 26px;
}

.jyy .item-l .item-p {
    margin-top:10px;color: #191919;font-size: 16px;
}

.jyy .item-r {
  flex: 1;
  background-color: #fff;
  align-items: stretch;
}

.jyy .item-r .item {
  flex: 1;
  padding: 29px 27px;
  position: relative;
}

.jyy .item-r .item:hover,
.jyy .item-r .item.cur {
  box-shadow: 2px 2px 10px #cdcdcd;
}

.jyy .item-r .item:not(:nth-child(3n-2)):before {
  content: "";
  position: absolute;
  width: 1px;
  height: 100%;
  background-color: #EDEDED;
  left: 0;
  top: 0;
}

.jyy .item-r .item-title {
  font-size: 20px;
  color: #191919;
}

.jyy .item-r .item-p {
  margin-top: 15px;
  margin-bottom: 15px;
  font-size: 12px;
  line-height: 18px;
  color: #999999;
}

.jyy .item-bottom {
  position: absolute;
  z-index: 1;
  left: 27px;
  bottom: 22px;
}

.jyy .item-tags .tag {
  padding: 0 9px;
  margin-right: 10px;
  font-size: 12px;
  height: 24px;
  line-height: 24px;
  display: inline-block;
  color: #666;
  border: 1px solid #d2d2d2;
}

.jyy .item-price {
  margin-top: 25px;
}

.jyy .item-price .em {
  font-size: 24px;
}

.jyy .item-price .item-unit {
  font-size: 12px;
  color: #191919;
}

.jyy .item-btns {
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 48px;
  line-height: 48px;
  left: 0;
  bottom: 0;
  align-items: stretch;
  opacity: 0;
}

.jyy .item-r .item:hover .item-btns,
.jyy .item-r .item.cur .item-btns {
  opacity: 1;transition: all .3s;
}

.jyy .item-btns .item-button {
  flex: 1;
  text-align: center;
  font-size: 14px;
}

.jyy .item-btns .item-button.primary {
  background-color: #f67001;
  color: #fff;
}

.jyy .item-btns .item-button.secondary {
  border: 1px solid;
  color: #f67001;
  background-color: #fff;
}

.jyy .item-btns .item-button.secondary+.item-button.secondary {
  border-left: none;
}

.mq-index-content .index-button {
    display: block;
    color: #f67001;
    background: #fff;
    border: 1px solid;
        border-left-color: currentcolor;
        border-left-style: solid;
        border-left-width: 1px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
}
.mq-index-content .primary-btn {
    color: #fff;
    background: #f67001;
    border: 1px solid #f67001;
}
.detail-body .solve-wrap-left-link {
    display: block;
    border: 1px solid #f76001;
    width: 128px;
    height: 36px;
    text-align: center;
    line-height: 36px;
    font-size: 14px;
    color: #f76001;
    cursor: pointer;
    margin-top: 12px;
    text-decoration: none;
}
.detail-body .solve-wrap-left-link:hover {
    background: #f76001;
    color: #fff;
}
.title-tag {
    display: inline-block;
    border: 1px solid;
    font-size: 12px;
    color: #f67001;
    border-radius: 3px;
    padding: 0 6px;
    margin-left: 10px;
    position: relative;
    top: -2px;
}
.mq-index-content{padding-bottom: 30px;background: #f6f8fb;}
.mq-index-content .section-wrap .right-item .price .price-tag {
    display: inline-block;
    border: 1px solid;
    font-size: 12px;
    color: #f67001;
    border-radius: 3px;
    padding: 0px 10px;
    position: relative;
    top: 5px;
}
.info-brb-icon {
    width: 14px;
    height: 14px;
    margin-right: 6px;
}
.info-br-bottom{line-height: 20px;font-size: 14px;color: #999;margin-top: 10px;}
.floor-side-list {
 position:relative;
 padding-top:25px;
}
.floor-side-list ul {
 overflow:hidden;
 height:55px;margin:auto;margin: auto;
}
.floor-side-list ul li {
 position:relative;
 float:left;
 height:45px;line-height: 45px;
 border-bottom:3px solid transparent;
 font-size:16px;
 cursor:pointer;width:9%;margin-right:6%;text-align: center;transition: all .4s;
}
.floor-side-list ul li:last-child{margin-right: 0;}
.floor-side-list ul li:after {
 position:absolute;
 bottom:0;
 left:50%;
 margin-left:-6px;
 content:'';
 border-right:6px solid transparent;
 border-bottom:6px solid transparent;
 border-left:6px solid transparent
}
.floor-side-list ul .on {
 border-bottom-color:#ff6c00;
}

/*解决方案*/
.plan{background: #f6f8fb;padding: 2.7613vw 0;position: relative;}
.plan_c dl{width: 33.333%;float: left;padding-bottom: 100px;position: relative;overflow: hidden;}
.plan_c dt,.plan_c dt img{width: 100%;display: block;overflow: hidden;}
.plan_c dd{width: 100%;height: 100px;position: absolute;left: 0;bottom: 0;background: #fff;box-sizing:border-box;-webkit-transition:0.5s;-moz-transition:0.5s;transition:0.5s;font-size:14px;color: #6e6e6e;z-index: 2;padding:16px 10% 0 7%;}
.plan_c dd h3{display: block;background: url(/Skins/DefaultNews/images/plan_ico1.png) no-repeat right center;font-size:18px;line-height:42px;color: #333;font-weight: normal;padding-right: 16%;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;display: block;}
.plan_c dd p{display: none;}
.plan_c dt img{-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.plan_c dl:hover dt img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.plan_c dl:hover dd{height: 224px;background: #444b54;color: #fff;font-size: 14px;line-height: 28px;padding-top: 16px;}
.plan_c dl:hover dd p{display: block;}
.plan_c dl:hover dd h3{background: url(/Skins/DefaultNews/images/plan_ico2.png) no-repeat right center;line-height:46px;color: #fff;}
/* product home */
.serv{padding: 2.7613vw 0 2.7613vw; line-height: 24px;}
.serv_con{max-height:600px;overflow: hidden;}
.serv_t{height: 88px;font-size: 32px;text-align: center;background: #8d949e;line-height: 88px;}
.serv_t li{width: 33.3333333%;float: left;position: relative;color: #fff;}
.serv_t li span{display: inline-block;padding-right: 43px;font-family:'wrjz','Microsoft Yahei'}
.serv_t li:before{content: "";position: absolute;width:0;height: 4px;left: 0;background:#f15223;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.serv_t li.cur{background: #f67001;color: #fff;}
.serv_t li.cur:before{width: 100%;}
.serv_t li.cur span{background: url(/home/images/arrow.png) no-repeat right center;}
.serv_cl{position: relative;}
.serv_cl{width:33.4%;overflow: hidden;}
.serv_cl img{width:100%;height:100%;position: relative;z-index: 1;}
.serv_cl p{position: absolute;width: 240px;left: 56px;top: 40px;font-size: 14px;line-height: 28px;z-index: 10;}
.serv_cl p span{display: block;font-size: 28px;line-height: 60px;padding: 0 0 10px;color: #181818;}
.left-item-link {
	font-size: 14px;
	color: #f67001;
	letter-spacing: 0;
	line-height: 24px;
	position:absolute;
	top:240px;
	left:56px;z-index: 10;
  }
  .left-item-link:hover i {
	margin-left: 10px;
  }
  .left-item-link i {
	margin-left: 5px;
	transition: all .5s;
	font-weight: 400;background: url(/home/images/arrowMore.png) no-repeat;width: 10px;height:10px;display: inline-block;
  }
.serv_cr{width: 64%;position: relative;}
.serv_cr dl{float: left;box-sizing:border-box;border-bottom: 1px solid #cbd1d6;padding: 5px 0 20px 0;width: 46%;}
.serv_cr dl:nth-child(2n){margin-left:56px;}
.serv_cr dl:nth-last-child(1),.serv_cr dl:nth-last-child(2){border: 0;}
.serv_cr dt{width: 120px;float: left;position: relative;}
.serv_cr dt img{width: 120px;margin-top: 20px;}
.serv_cr dd{float: left;padding-left: 10px;}
.serv_ico{margin-top: 10px;display: block;}
.serv_dj h4{font-size: 24px;color: #333;font-weight: normal; cursor: pointer;}
.serv_ico a{background: url(/home/images/ico04.gif) no-repeat right center;color: #7c8187;display: inline-block;padding-right: 25px;}
.serv_tc{position: absolute;left: 0;background: #fff;top: 0;display: none;min-height: 614px;z-index: 1;}
.serv_cr .pro_more01{text-align: center;color: #333;width: 300px;}
.serv_cr .pro_more01 p{padding: 0 0 36px;}
.pro_more{display: block;margin: 0 auto;width: 178px;line-height: 42px;text-align: center;border-radius: 3px;position: relative;}
.pro_more:after, .pro_more:before {-webkit-backface-visibility: hidden;backface-visibility: hidden;border: 1px solid rgba(241, 89, 42, 0);bottom: 0px;content: " ";display: block;margin: 0 auto;position: relative;-webkit-transition: all 280ms ease-in-out;transition: all 280ms ease-in-out;width: 0;}
.pro_more:hover:after, .pro_more:hover:before {-webkit-backface-visibility: hidden;backface-visibility: hidden;border-color: #f1592a;-webkit-transition: width 350ms ease-in-out;transition: width 350ms ease-in-out;width: 90%;}
.pro_more:before{top: 0;}
.pro_more em{display: inline-block;background:url(/home/images/pro_ico1.gif) no-repeat right center;color: #333;padding: 0 55px 0 22px;}

.ico_closd{position: absolute;right:0px;top:-12px;}
.ico_closd,.ico_closd img{width: 40px;display: block;}
.serv_tp,.serv_tp img{width: 708px;display: block;}
.serv_tw{margin: 30px 10px 20px;}
.serv_tw h5{height: 58px;font-size: 28px;font-weight: normal;color: #434a53;font-family:'wrjz','Microsoft Yahei';line-height: 32px;}
.serv_tw h5 b{font-weight: normal;}
.serv_tw h5 span{float: right;width: 137px;line-height: 37px;border: solid 2px #f15223;text-align: center;border-radius: 19px;font-size: 14px;color: #333;}
.serv_tw h5 span a{background: url(/home/images/ico05.png) no-repeat right center;color: #333;display: inline-block;padding-right: 25px;}
.serv_tc ul{padding: 0 10px;}
.serv_tc li{height: 75px;font-size: 14px;}
.serv_tc li b{width: 67px;float: left;}
.serv_tc li p{width: 618px;float: left;}
.serv_tc li p span{display: block;font-size: 14px;color: #333;line-height: 28px;}
/* case */
.ICase {background:#fff;}
.ICase .ICase_content {display:flex;flex-wrap:wrap;}
.ICase .ICase_content .ICase_content_list {width:32%;display:inline-block;position:relative;margin-bottom:1.3025vw;overflow:hidden;margin-right:2%;}
.ICase .ICase_content .ICase_content_list:nth-child(3n) {margin-right:0;}
.ICase .ICase_content .ICase_content_list::before {content:"";display:inline-block;width:0%;height:0.2084vw;bottom:0;left:0;background:#f67001;position:absolute;z-index:10;opacity:0;transition:all 0.5s ease 0s;-webkit-transform:all 0.5s ease 0s;}
.ICase .ICase_content .ICase_content_list:hover::before {width:100%;opacity:1;transition:all 0.5s ease 0s;-webkit-transform:all 0.5s ease 0s;}
.ICase .ICase_content .ICase_content_list .content_list_img img {width:100%;height:18.235vw;object-fit:cover;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);filter:scale(1);filter:transform;transition:all 0.5s ease 0s;-webkit-transform:all 0.5s ease 0s;}
.ICase .ICase_content .ICase_content_list:hover .content_list_img img {-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);filter:scale(1.1);filter:transform;transition:all 0.5s ease 0s;-webkit-transform:all 0.5s ease 0s;}
.ICase .ICase_content .ICase_content_list .content_list_txt {position:absolute;bottom:0vw;left:0;width:100%;height:100%;background:linear-gradient(to bottom,rgba(0,0,0,0) 30%,rgba(0,0,0,.8) 100%);display:flex;align-items: flex-end; padding:1.563vw;opacity:1;transition:all 0.5s ease 0s;-webkit-transform:all 0.5s ease 0s;}
.ICase .ICase_content .ICase_content_list .content_list_txt .list_txt_dd {font-size:1.1462vw;color:#fff;font-family:'SourceHanSansCN-Regular';position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.ICase .ICase_content .ICase_content_list .content_list_txt .list_txt_dd span{font-size:0.7294vw;color:#fff; margin-left: 0.6vw;}
.ICase .ICase_content .ICase_content_list .content_list_logo {position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:5;background:rgba(0,0,0,.8);opacity:0;transition:all 0.5s ease 0s;-webkit-transform:all 0.5s ease 0s;-webkit-transform:scale(1.5);-moz-transform:scale(1.5);-ms-transform:scale(1.5);-o-transform:scale(1.5);filter:scale(1.5);filter:transform;}
.ICase .ICase_content .ICase_content_list .content_list_logo img {max-height:3.4907vw;max-width:100%;}
.ICase .ICase_content .ICase_content_list:hover .content_list_logo {opacity:1;transition:all 0.5s ease 0s;-webkit-transform:all 0.5s ease 0s;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);filter:scale(1);filter:transform;}
.ICase .ICase_content .ICase_content_list:hover .content_list_txt {opacity:0;transition:all 0.5s ease 0s;-webkit-transform:all 0.5s ease 0s;}
.BrandDigital .BrandDigital_title {display:flex;align-items:center;justify-content:space-between;margin-bottom:2.7613vw;margin-top:2.7613vw;}
.BrandDigital .BrandDigital_title .BrandDigital_title_left .title_left_txt .left_txt_dd {font-size:0.8336vw;color:#878787;text-transform:uppercase;font-family:"arial";}
.BrandDigital .BrandDigital_title .BrandDigital_title_left .title_left_txt .left_txt_dt {font-size:1.9798vw;color:#111111;font-family:'SourceHanSansCN-Medium';margin-top:0.3647vw;}
.BrandDigital .BrandDigital_title.on .BrandDigital_title_left .title_left_txt .left_txt_dd {color:rgba(255,255,255,.5);}
.BrandDigital .BrandDigital_title.on .BrandDigital_title_left .title_left_txt .left_txt_dt {color:#fff;}
.BrandDigital .BrandDigital_title .BrandDigital_title_right {font-size:1.042vw;color:#111111;font-family:"arial";position:relative;position:relative;padding-top:0.9378vw;transition:all 0.5s ease 0s;-webkit-transform:all 0.5s ease 0s;}
.BrandDigital .BrandDigital_title .BrandDigital_title_right::before {content:"";width:1.3025vw;height:0.1042vw;display:inline-block;background:#f67001;position:absolute;top:0;left:0;transition:all 0.5s ease 0s;-webkit-transform:all 0.5s ease 0s;}
.BrandDigital .BrandDigital_content {display:flex;justify-content:space-between; position: relative;}
.BrandDigital .swiper-button-next,.BrandDigital .swiper-button-prev{ display: none;}
.BrandDigital .swiper-button-next::after,.BrandDigital .swiper-button-prev::after{ color: #111; font-size: 28px;}
.BrandDigital .BrandDigital_title .BrandDigital_title_right:hover {color:#f67001;transition:all 0.5s ease 0s;-webkit-transform:all 0.5s ease 0s;}
.BrandDigital .BrandDigital_title .BrandDigital_title_right:hover:before {width:100%;transition:all 0.5s ease 0s;-webkit-transform:all 0.5s ease 0s;}
.s-body{margin-bottom: 20px;}
.floor-side-body{margin-top:2%;}
.faq li{width: 47%;float: left;background: #fff;margin-right: 2%;margin-bottom: 2%;padding: 10px;position: relative;}
.faq .faq-q{font-size: 16px;font-weight: bold;cursor: pointer;}
.faq .faq-a{margin-top: 10px;display: none;font-size:1.4rem;line-height: 1.5;}
.faq li .faq-q:after {
    content: url(/m/images/icon/arrow.svg);
    position: absolute;
    right: 6px;
    top:10px;
    transition: transform .3s ease;
}
.faq li .faq-q.cur:after {transform: rotateZ(180deg);}
.faq li:nth-child(2n){margin-right: 0;}
.faq li{border-bottom: 3px #fff solid;transition: all .5s;line-height: 1.5rem;}
.faq li:hover{border-bottom: 3px #f67001 solid;}
.banner-website-all{background: url(/wangzhanjianshe/img/banner-web.jpg) no-repeat center 0;background-size: 100% auto;}
.banner-website-brand{background: url(/wangzhanjianshe/img/bannerBrand.jpg) no-repeat center 0;background-size: 100% auto;}
@media screen and (max-width:751px) {
	.banner-website-all{background-size: auto 100%;}
	.banner-website-brand{background-size: auto 100%;}
}
@media screen and (min-width:1500px) {
	.top-menu .topbar-box {width:1500px}
	.footer .list a {font-size:16px;}
	.main-wrap {width:auto;margin:auto 15px;}
	}