.clearfix:before,.clearfix:after{content:"\200B"; display:block;font-size:0;height:0;clear:both; visibility: hidden;}
body,html {font-family: Lantinghei SC,Open Sans,Arial,Hiragino Sans GB,Microsoft YaHei,"\5FAE\8F6F\96C5\9ED1",STHeiti,WenQuanYi Micro Hei,SimSun,sans-serif!important;line-height: 1.42857143;font-size: 13px;color: #333}
.fl{float: left;}
.fr{float: right;}
/* a:visited{color: transparent;}
a:hover{color: #fff;} */
.productNav{height: 60px;padding: 5px 0;background: #ebebeb;}
.nav-container{height: 50px;width: 1000px;margin: 0 auto;}
.menu-left{height: 50px;line-height: 50px;float: left;position: relative;display: inline-block;padding-right: 30px;color: #51aeb9;font-weight: 600;font-size: 14px;}
.menu-left::after {position: absolute;content: '';width: 1px;height: 60px;background: #ccc;top: -5px;right: 0;}
.section-menu-ul{height: 50px;margin-left: 20px;float: left;}
.section-menu-ul>li{margin: 0 10px;float: left;font-size: 14px;font-weight: 500;color: #303133;height: 50px;line-height: 50px;padding: 0 15px;}
.section-menu-ul>li.active,.section-menu-ul>li:hover{color: #fff;background: #51aeb9;border-radius: 3px;cursor: pointer;}
.section-menu-ul i{display: inline-block;width: 15px;height: 17px;vertical-align: middle;margin-right: 5px;}
.section-menu-ul i.menu-icon2{background: url(/images/product/menu_icon2.png) no-repeat; background-size: 100%;}
.section-menu-ul i.menu-icon3{background: url(/images/product/menu_icon3.png) no-repeat; background-size: 100%;}
.section-menu-ul i.menu-icon4{background: url(/images/product/menu_icon4.png) no-repeat; background-size: 100%;}
.section-menu-ul i.menu-icon5{background: url(/images/product/menu_icon5.png) no-repeat; background-size: 100%;}
.section-menu-ul i.menu-icon6{background: url(/images/product/menu_icon6.png) no-repeat; background-size: 100%;}
.section-menu-ul li.active i.menu-icon2,.section-menu-ul li:hover i.menu-icon2{background: url(/images/product/menu_icon2_active.png) no-repeat; background-size: 100%;}
.section-menu-ul li.active i.menu-icon3,.section-menu-ul li:hover i.menu-icon3{background: url(/images/product/menu_icon3_active.png) no-repeat; background-size: 100%;}
.section-menu-ul li.active i.menu-icon4,.section-menu-ul li:hover i.menu-icon4{background: url(/images/product/menu_icon4_active.png) no-repeat;background-size: 100%;}
.section-menu-ul li.active i.menu-icon5,.section-menu-ul li:hover i.menu-icon5{background: url(/images/product/menu_icon5_active.png) no-repeat; background-size: 100%;}
.section-menu-ul li.active i.menu-icon6,.section-menu-ul li:hover i.menu-icon6{background: url(/images/product/menu_icon6_active.png) no-repeat; background-size: 100%;}
.product-fixed-top{position: fixed;height: 50px;top: 95px;left: 0;right: 0;z-index: 100;}
.pr{position: relative;}
.oh{overflow: hidden;}
.qx_navbar-wrapper {z-index: 100;width: 100%;}
.intro-common-box{margin: 50px 0 96px;}
.intel-p1 {display: table;}
.intel-p1 span {  display: table-cell;  vertical-align: middle;}
.intel-p1 span:first-child {font-size: 48px;color: #a9a9a9;font-weight: 700;font-style: oblique;}
.intel-p1 span:last-child {font-size: 24px;color: #000;text-indent: .5em;}
/* floatnav */
#floatnav {height: auto;position: fixed;text-align: center;width: 140px;/* right: 160px; */left: calc((100% - 1100px)/2 + 1120px);z-index: 1000;top: 205px;/* background: #ebebeb; */border-radius: 5px;}
/* @media (max-width: 1420px){#floatnav{  left: 1120px;}} */

#floatnav h1,#floatnav h2,#floatnav h3,#floatnav h4,#floatnav h5,#floatnav h6 {color: #ffffff;}

#floatnav h1 a,#floatnav h2 a,#floatnav h3 a,#floatnav h4 a,#floatnav h5 a,#floatnav h6 a {color: #ffffff;}

#floatnav header p {color: #b6e9dc;}

#floatnav a {color: #d1f1e9;}

#floatnav a:hover {color: #ffffff;}

#floatnav>header {padding: 3em;}

#floatnav>header .avatar {display: block;margin: 0 auto 2.25em auto;width: 8em;}

#floatnav>header h1 {font-size: 1.75em;margin: 0;}

#floatnav>header p {color: #d1f1e9;font-style: italic;margin: 1em 0 0 0;}

#floatnav>footer {bottom: 0;left: 0;padding: 2em;position: absolute;width: 100%;}

#floatnav>footer .icons {margin: 0;}

#floatnav>footer .icons li a {color: #b6e9dc;}

#floatnav>#nav ul {list-style: none;margin: 0;}

#floatnav>#nav ul li {display: block;padding: 0;}

#floatnav>#nav ul li a {-moz-transition: none;-webkit-transition: none;-ms-transition: none;transition: none;border: 0;color: #ffffff;display: block;padding: 0.4em 0;text-decoration: none;font-size: 14px;}

#floatnav>#nav ul li ul li a.active {color: #a8f0f9 !important;}

#floatnav>#nav ul li:first-child {border-top: 0;}

#floatnav .qx_a_link a:hover{color: #a8f0f9!important;}
/* .problem-rightbox{position: fixed; left: calc((100% - 1100px)/2 + 1120px); top: 205px;  z-index: 10; } */
.problem-rightbox .rightfloat{display: block; line-height: 34px; font-size: 13px; text-align: center;}
/* @media (max-width: 1505px){.problem-rightbox{left: 1270px;}}
@media (max-width: 1420px){.problem-rightbox{left: 1120px;}}
@media (max-width: 1200px){.problem-rightbox{left: auto; right: 20px}} */

.problem-rightbot {width: 90px;padding: 15px 10px;border-radius: 5px;background: #ebebeb;margin-top: 2px;}
.problem-rightbot .rightfloat {color: #333 !important;text-decoration: none;}
.problem-rightbot .rightfloat:hover{color: #51aeb9 !important; text-decoration: none;}
#floatnav .qx_link .problem-rightbot{width: auto;padding: 0;}
.problem-rightbot a:hover{cursor: pointer;}

/* Wrapper */
#wrapper {background: #fff;padding-right: 0;}
#titleBar {display: none;}
.qx_navbar-wrapper.section-menu .container .section-menu-ul li span {display: none;}
.qx_link {background: #ebebeb;margin-top: 2px;border-radius: 5px;padding: 10px 0;}
#floatnav nav.qx_link ul li {border-top: none;padding: 10px 20px;}
#floatnav>#nav.qx_link ul li a {color: #333 !important;text-align: center;padding: 0;}
#floatnav>#nav.qx_link ul li a:hover {color: #51aeb9 !important;}
#floatnav>#nav.qx_link ul li a i {display: none;}
.qx_full_container {width: 100%;}
.pb30 {padding-bottom: 30px;}
.qx_full_bgimg {width: 100%;height: auto;padding: 30px 0px;}
.qx_full_bgimg.qx_mc {background: url(../images/qx_images/becloud/bg01.jpg) 0px 0px no-repeat;background-size: cover;}
.qx_arrow_down {border-top: solid 16px #eaedf2;border-right: solid 16px #ff0a0a00;border-left: solid 16px #ff040400;bottom: 14px;margin-right: -16px;right: 50%;position: absolute;width: 0;height: 0;display: block;z-index: 1;}
.qx_arrow_up {border-bottom: solid 16px #e7e7e7;border-right: solid 16px #ff0a0a00;border-left: solid 16px #ff040400;bottom: 14px;margin-right: -16px;right: 50%;position: absolute;width: 0;height: 0;display: block;z-index: 1;top: -16px}
.qx_block_1200 {max-width: 1000px;margin: 0 auto;}
.qx_block_1200.mt30 {margin-top: 30px;}
.qx_block_1200.mt20 {margin-top: 20px;}
.qx_mctext p {font-size: 1.3em;text-indent: 2.1em;padding-bottom: 10px;line-height: 1.8em;}
.qx_mctext p span {color: #0085dd;}

@keyframes mydh2 {
  0% {  opacity: 1;  transform: rotateY(0deg);  -ms-transform: rotateY(0deg);  -moz-transform: rotateY(0deg);  -webkit-transform: rotateY(0deg);}
  30% {  opacity: 0.5;  transform: rotateY(180deg);  -ms-transform: rotateY(180deg);  -moz-transform: rotateY(180deg);  -webkit-transform: rotateY(180deg);}
  60% {  opacity: 1;  transform: rotateY(180deg);  -ms-transform: rotateY(180deg);  -moz-transform: rotateY(180deg);  -webkit-transform: rotateY(180deg);}
  100% {  opacity: 0.5;  transform: rotateY(0deg);  -ms-transform: rotateY(0deg);  -moz-transform: rotateY(0deg);  -webkit-transform: rotateY(0deg);}
}

.qx_mclogo {width: 82px;height: 82px;background: url(../images/qx_images/becloud/logo.png) 0px 0px no-repeat;margin: 0 auto;animation: mydh23slinear3sinfinitealternate;}

.qx_mclogo_txt {font-size: 1.5em;color: #414f9e;text-align: center;}

.qx_mcbg01 {width: 100%;box-sizing: border-box;padding: 40px 10% 100px 45%;background: url(../images/qx_images/becloud/bg02.jpg) 0px 0px no-repeat;background-size: 100%;font-size: 1.8em;color: #fff;text-indent: 2em;line-height: 1.6em;border-radius: 10px;position: absolute;z-index: -1;}

.qx_mc_dwlist {width: 100%;display: block;box-sizing: border-box;padding: 0 10px;margin-top: 150px;}

.qx_mc_dwlist li {width: 25%;display: inline-block;float: left;box-sizing: border-box;padding: 10px;}

.qx_mc_dwlist li>div {border-radius: 10px;padding: 10px;background: rgba(255, 255, 255, 0.3);box-shadow: 1px 3px 5px rgba(28, 32, 62, 0.15);}

.qx_mc_dwlist li>div>div {background: #fff;border: 3px solid #b0b8e7;border-radius: 8px;padding: 15px;position: relative;min-height: 320px;}

.qx_mc_dwlist li>div>div>i.fa {font-size: 3.4em;position: absolute;bottom: -10px;right: 0;color: #3ca26f;}

.qx_mc_dwh4 {color: #414f9e;text-indent: 2em;font-size: 1.15em;margin: 0;}

.qx_mc_dwp {text-indent: 2em;font-size: 1.1em;margin: 0;padding-top: 10px;line-height: 1.5em;}

.product-mc-tit {position: relative;margin-bottom: 30px;font-size: 1.3em;color: #666;letter-spacing: 0;text-align: center;font-weight: 500;border-bottom: 1px solid #ccc;padding-top: 30px;line-height: 1.8;padding-bottom: 15px;}

.product-mc-tit:before {position: absolute;content: '';width: 60px;height: 3px;bottom: -2px;left: 50%;margin-left: -30px;background: linear-gradient(to right, #2396e5, #8c81c7);background: -webkit-linear-gradient(to right, #2396e5, #8c81c7);background: -o-linear-gradient(to right, #2396e5, #8b81c7);background: -moz-linear-gradient(to right, #2396e5, #8b81c7);}

.product-mc-h3 {position: relative;margin-bottom: 30px;font-size: 2.2em;color: #222;letter-spacing: 0;text-align: center;font-weight: 500;border-bottom: 1px solid #ccc;padding-top: 20px;line-height: 2;padding-bottom: 15px;margin-top: 25px;}

.product-mc-h3:before {position: absolute;content: '';width: 60px;height: 3px;bottom: -2px;left: 50%;margin-left: -30px;background: linear-gradient(to right, #2396e5, #8c81c7);background: -webkit-linear-gradient(to right, #2396e5, #8c81c7);background: -o-linear-gradient(to right, #2396e5, #8b81c7);background: -moz-linear-gradient(to right, #2396e5, #8b81c7);}

.qx_block {width: 100%;padding-bottom: 20px;}

.qx_mcdw_img {width: 40%;float: left;}

.qx_mcdw_img img {display: block;width: 100%;height: auto;}

.qx_mc60p {width: 60%;float: left;}

.qx_mcdw_left {padding-left: 30px;padding-top: 30px;}

.qx_mcdw_left li {margin-bottom: 15px;font-size: 1.15em;line-height: 1.8em;padding-left: 25px;background: url(../images/qx_images/becloud/bg04.png) 0px 5px no-repeat;}

.qx_mcys_cj {display: block;width: 100%;box-sizing: border-box;padding: 10px;}

.qx_mcys_cj li {width: 33.33%;display: block;float: left;box-sizing: border-box;padding: 0 20px;}

.qx_mcys_cjin {width: 120px;height: 120px;border-radius: 50%;background: rgb(33, 19, 99);/* Old browsers */background: -moz-linear-gradient(-45deg, rgba(33, 19, 99, 1) 0%, rgba(0, 58, 117, 1) 100%);/* FF3.6-15 */background: -webkit-linear-gradient(-45deg, rgba(33, 19, 99, 1) 0%, rgba(0, 58, 117, 1) 100%);/* Chrome10-25,Safari5.1-6 */background: linear-gradient(135deg, rgba(33, 19, 99, 1) 0%, rgba(0, 58, 117, 1) 100%);/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */color: #fff;margin: 0 auto 20px auto;}

.qx_mcys_cjin p {display: block;text-align: center;font-size: 1.3em;padding: 20px 0 0 0;}

.qx_mcys_cjin img {display: block;text-align: center;margin: 0 auto;}

.qx_mcys_cj li>p {text-align: center;font-size: 1.15em;line-height: 1.8em;}

.qx_mcys_cj li:hover .qx_mcys_cjin {background: rgb(94, 29, 145);/* Old browsers */background: -moz-linear-gradient(-45deg, rgba(94, 29, 145, 1) 0%, rgba(0, 67, 155, 1) 100%);/* FF3.6-15 */background: -webkit-linear-gradient(-45deg, rgba(94, 29, 145, 1) 0%, rgba(0, 67, 155, 1) 100%);/* Chrome10-25,Safari5.1-6 */background: linear-gradient(135deg, rgba(94, 29, 145, 1) 0%, rgba(0, 67, 155, 1) 100%);/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */}

.qx_mcys_cjbox {width: 100%;position: relative;min-height: 280px;margin: 20px 0;}

.qx_mcys_cjA {width: 92%;height: 60px;margin: 0 auto;background: rgba(2, 44, 94, 0.1);border-radius: 10px;}

.qx_mcys_cjB {width: 96%;height: 60px;background: rgba(2, 44, 94, 0.1);border-radius: 10px;position: absolute;top: 20px;left: 2%;z-index: 1;}

.qx_mcys_cjC {width: 100%;background: #eceff2;border-radius: 10px;border: 3px dashed #cad1d8;padding: 20px;box-sizing: border-box;position: absolute;top: 40px;z-index: 2;}

.qx_mcys_cjC h4 {font-size: 1.2em;margin: 0;margin-left: 30px;}

.qx_mcys_cjC h4 span {color: #0085dd;}

.qx_ysh2 {width: 33.3%;margin: 0 auto;}

.qx_ysh2 img {width: 100%;height: auto;display: block;}

.qx_ysboxA {width: calc(33.3% - 8px);height: auto;background: #498ada;color: #fff;position: absolute;left: 0;top: 40px;box-sizing: border-box;padding: 25px;border-radius: 10px;font-size: 1.2em;line-height: 2em;}

.qx_ysboxA_in {position: absolute;width: 7px;height: 7px;top: 42px;right: -10px;background: #fff;border-radius: 50%;border: 6px solid #498ada;}

.qx_ysboxB {width: calc(33.3% - 8px);height: auto;background: #498ada;color: #fff;position: absolute;right: 0;top: 40px;box-sizing: border-box;padding: 25px;border-radius: 10px;font-size: 1.2em;line-height: 2em;}

.qx_ysboxB_in {position: absolute;width: 7px;height: 7px;top: 42px;left: -10px;background: #fff;border-radius: 50%;border: 6px solid #498ada;}

.qx_full_bgimg.qx_ysbg {background: url(../images/qx_images/becloud/bg09.jpg) 0px 0px no-repeat;background-size: cover;}

.qx_mc_diyops {width: 100%;box-sizing: border-box;padding-left: 46%;color: #fff;}

.qx_mc_diyops h4 {font-size: 2em;margin: 10px 0 20px 0;}

.qx_mc_diyops>ul li {margin-bottom: 20px;}

.qx_diyicon {display: block;width: 32px;height: 32px;background: #003f68;border-radius: 50%;color: #fff;float: left;}

.qx_mc_diyops>ul li p {line-height: 32px;font-size: 1.2em;display: block;float: left;margin-left: 13px;width: calc(100% - 45px);}

.qx_diyicon i.fa {width: 100%;font-size: 1.3em;line-height: 32px;text-align: center;}

.qx_mc_diy {width: 100%;display: block;box-sizing: border-box;padding: 10px;}

.qx_mc_diy li {display: block;float: left;width: 25%;box-sizing: border-box;padding: 0 10px;}

.qx_mc_diy li>div {width: 100%;min-height: 230px;box-sizing: border-box;padding: 40px 15px;border: 1px solid #cccccc;}

.qx_mc_diy li>div i.fa {font-size: 4em;width: 100%;text-align: center;color: #676767;margin-bottom: 20px;}

.qx_mc_diy li>div p {text-align: center;font-size: 1.15em;line-height: 1.6em;}

.qx_mc_diy li>div:hover,.qx_mc_diy li>div:active,.qx_mc_diy li>div:focus {border: none;background: rgb(86, 124, 228);/* Old browsers */background: -moz-linear-gradient(top, rgba(86, 124, 228, 1) 11%, rgba(86, 124, 228, 1) 11%, rgba(16, 138, 195, 1) 100%);/* FF3.6-15 */background: -webkit-linear-gradient(top, rgba(86, 124, 228, 1) 11%, rgba(86, 124, 228, 1) 11%, rgba(16, 138, 195, 1) 100%);/* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom, rgba(86, 124, 228, 1) 11%, rgba(86, 124, 228, 1) 11%, rgba(16, 138, 195, 1) 100%);/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */}

.qx_mc_diy li>div:hover i.fas {color: #fff;}

.qx_mc_diy li>div:hover p {color: #fff;}

.qx_mc_pt {width: 100%;display: block;box-sizing: border-box;}

.qx_mc_pt li {display: block;float: left;width: 50%;box-sizing: border-box;padding: 20px;min-height: 330px;}

.qx_mc_pt li>span {display: block;width: 130px;height: 130px;border-radius: 50%;float: left;}

.qx_mc_pt li>span i {font-size: 5em;width: 100%;text-align: center;line-height: 130px;}

.qx_mc_pt li:nth-child(1)>span {background: #afe1fb;}

.qx_mc_pt li:nth-child(1)>span i {color: #13a0e9;}

.qx_mc_pt li:nth-child(2)>span {background: #ffe2a4;}

.qx_mc_pt li:nth-child(2)>span i {color: #f99a12;}

.qx_mc_pt li:nth-child(3)>span {background: #a8edcd;}

.qx_mc_pt li:nth-child(3)>span i {color: #0dba6b;}

.qx_mc_pt li:nth-child(4)>span {background: #aeb0f2;}

.qx_mc_pt li:nth-child(4)>span i {color: #5257f4;}

.qx_mc_pt li>div {width: calc(100% - 160px);height: auto;float: right;}

.qx_mc_pt li>div h4 {font-size: 1.2em;font-weight: 600;line-height: 1.8em;margin: 10px 0;}

.qx_mc_pt li>div p {font-size: 1.18em;text-indent: 2.1em;color: #555;line-height: 1.8em;}

.qx_mc_pt li>div p>span {color: #ff7800;}

.qx_full_bgimg.qx_mczd {background: url(../images/qx_images/becloud/bg10.jpg) 0px 0px no-repeat;background-size: cover;}

.qx_full_bgimg.qx_mczd>div {padding: 0px 15% 20px 50%;}

.qx_full_bgimg.qx_mczd>div h4 {font-size: 2em;margin: 30px 0 15px 0;}

.qx_full_bgimg.qx_mczd>div p {font-size: 1.3em;line-height: 1.8em;}

.qx_a_link {border-radius: 5px;overflow: hidden;}

.qx_a_link ul {background: #a2a9c8;/* border-radius: 5px 5px 0 0; */}

.qx_intro-box-left {width: calc(40% - 20px);}

.qx_intro-box-left.fl {float: left;margin-right: 20px;}

.qx_intro-box-left.fr {float: right;}

.qx_intro-box-right {width: calc(60% - 30px);border-radius: 10px;overflow: hidden;box-shadow: 5px 5px 5px 0px #d6d7d9;}

.qx_intro-box-right.fl {float: left;}

.qx_intro-box-right.fr {float: right;margin-left: 30px;}

.qx_intro-box-right img {display: block;width: 100%;height: auto;image-rendering: -webkit-optimize-contrast;}

.qx_intro-box-left .intro-intel-list li,.qx_used-box-right .intro-intel-list li {font-size: 1.15em;line-height: 2em;margin-bottom: 15px;}

ul.qx_ccinbox {height: auto;box-sizing: border-box;padding: 10px;position: absolute;bottom: 10px;left: 0;width: 100%;display: none;}

ul.qx_ccinbox li {display: block;width: 33.3%;float: left;box-sizing: border-box;padding: 0 10px;}

.qx_cclink {display: block;overflow: hidden;border: 2px solid #97b6ef;border-radius: 8px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);position: relative;}

.qx_cclink p {display: block;width: 100%;height: 40px;background: rgba(37, 69, 117, 0.65);position: absolute;text-align: center;line-height: 40px;color: #fff;font-size: 1.2em;}

.qx_cclink>div {width: 100%;height: 100%;position: absolute;z-index: 1;background: rgba(0, 0, 0, 0.55);opacity: 0;transition: opacity 1s;-moz-transition: opacity 1s;-webkit-transition: opacity 1s;}

.qx_cclink>div:hover {opacity: 1;}

.qx_cclink>div i {width: 100%;color: #fff;font-size: 2em;text-align: center;padding-top: 50px;}

.qx_cclink>div .name {color: #fff;text-align: center;padding-top: 10px;}

.qx_problem-icon {display: inline-block;width: 40px;height: 40px;border-radius: 2px;background: url(../images/problem_icon.png) no-repeat;background-size: 100%;}

.qx_problem-itemcnt {display: inline-block;vertical-align: top;width: calc(100% - 55px);margin-left: 10px;}

.qx_problem-itemcnt h3 {padding: 0;margin: 10px 0;font-size: 1.2em;}

.qx_problem_box {clear: both;width: 100%;margin: 10px 0 0 0;}

.qx_problem_table {border: 1px solid #5a9bd5;width: 100%;border-right: none;border-bottom: none;}

.qx_problem_table thead tr {line-height: 1.8em;color: #fff;background: #5b9cd6;}

.qx_problem_table thead tr th {padding: 10px;font-size: 1.15em;}

.qx_problem_table tbody tr td {border-right: 1px solid #5a9bd5;border-bottom: 1px solid #5a9bd5;padding: 10px;line-height: 1.8em;}

.qx_problem_table tbody tr:nth-child(2n-1) {background: #deeaf6;}

.qx_problem_box.pl55 {box-sizing: border-box;padding-left: 55px;}

.qx_problem_box>p {font-size: 1.15em;line-height: 2em;}

.qx_problem_iconin {width: 64px;height: 64px;float: left;margin-right: 20px;}

.qx_problem_box_right {width: calc(100% - 84px);float: left;}

.qx_problem_box_right h4,.qx_problem_h4 {font-size: 1.2em;color: #586881;font-weight: 600;padding: 0;margin: 5px 0 15px 0;}

.qx_problem_box_list li {margin-bottom: 10px;font-size: 1.15em;box-sizing: border-box;padding-left: 15px;background: url(../images/qx_images/becloud/icon04.jpg) 0px 8px no-repeat;line-height: 1.8em;}

.qx_used-box-left {width: calc(44% - 32px);float: left;margin-right: 30px;border-radius: 10px;border: 1px solid #ccd1da;overflow: hidden;}

.qx_used-box-left img {width: 100%;height: auto;display: block;}

.qx_used-box-right {width: calc(56% - 30px);float: right;margin-left: 30px;}

.qx_a_link .problem-righticon {font-size: 1.3em;position: absolute;top: -18px;right: -18px;width: 36px;height: 36px;border-radius: 36px;line-height: 36px;text-align: center;background: #a2a9c8;color: #fff;border: 2px solid #fff;}

.qx_a_link>ul li span {display: block;padding: 11px 0;background: #a2a9c8;cursor: pointer;border-bottom: 1px solid #8c95b9;color: #fff;}

.qx_a_link>ul li:last-child span {border-bottom: none;}

#floatnav>#nav ul li ul {background: #8c95b9;display: none;}

.qx-mc-h5 {width: 100%;text-align: center;font-size: 1.2em;color: #737e96;font-weight: normal;margin: 0;padding: 0 0 20px 0;}

.qx_intro-box-left .intel-p2 {display: none;}

/***********************************SLOP**************************************/
.qx_full_bgimg.qx_slop {background: url(../images/qx_images/slop/bg01.jpg) 0px 0px no-repeat;background-size: cover;padding: 30px 0 150px 0;position: relative;}

.qx_sloptext p {font-size: 1.3em;text-indent: 2.1em;padding-bottom: 10px;line-height:1.8em;color: #fff;margin: 0 auto;}

.qx_sloptext p span {color: #83c3ff;}

.qx_slop_jz {max-width: 300px;padding: 10px 0;border-radius: 5px;background: rgba(0, 0, 0, 0.15);border: 1px solid #4b89e3;color: #fff;margin: 40px auto 0px auto;text-align: center;font-size: 1.35em;}

.qx_slop_block {background: #fff;border-radius: 10px;position: absolute;padding: 40px;box-sizing: border-box;top: 330px;left: 50%;width: 1170px;margin: 0px;margin-left: -585px;box-shadow: 1px 1px 10px rgba(9, 33, 82, 0.35);}

.qx_slop_banner {min-height: 1000px;}

.qx_arrow_dh {width: 36px;height: auto;position: absolute;left: 50%;margin-left: -18px;top: 340px;z-index: 10;}

.qx_arrow_dh span {border-top: solid 16px #4b89e3;border-right: solid 16px #ff0a0a00;border-left: solid 16px #ff040400;bottom: 18px;margin-right: -16px;right: 50%;position: absolute;width: 0;height: 0;display: block;}

.qx_arrow_dh span:nth-child(1) {z-index: 1;animation: arrowdh 2s ease-in-out infinite;}

.qx_arrow_dh span:nth-child(2) {top: -24px;z-index: 2;animation: arrowdh 2s 0.5s ease-in-out infinite;}

.qx_arrow_dh span:nth-child(3) {top: -16px;z-index: 3;animation: arrowdh 2s 0.7s ease-in-out infinite;}

@keyframes arrowdh {
  0% {  opacity: 1;}
  50% {  opacity: 0.1;}
  100% {  opacity: 1;}
}

.qx_slop_jzlist {width: 100%;}

.qx_slop_jzlist li {margin-bottom: 30px;position: relative;min-height: 128px;border: 1px dashed #4086c2;margin-left: 65px;border-radius: 0 5px 5px 0;vertical-align: middle;background: #fbfcfe;box-sizing: border-box;padding-right: 20px;}

.qx_slop_jzlist li>span {display: block;width: 130px;height: 130px;border-radius: 50%;position: absolute;left: -65px;top: 0;background: linear-gradient(45deg, #4f52c5 0%, #4fa3ea 99%);text-align: center;line-height: 130px;color: #fff;font-size: 5em;z-index: 0;}
.qx_slop_jzlist li>span::before {content: '';position: absolute;border-radius: 50%;left: 0; top: 0; right: 0; bottom: 0;background: linear-gradient(45deg, #4fa3ea 0%, #4f52c5 99%);opacity: 0;transition: opacity .5s;z-index: -1;}
.qx_slop_jzlist li:hover>span::before {opacity: 1;}

.qx_slop_jzlist li > p{font-size: 1.1em;padding-left: 140px;height: 100%;display: block;line-height: 1.8em;}
.qx_slop_jzlist li:nth-child(1) > p{padding-top: 50px;}
.qx_slop_jzlist li:nth-child(2) > p, .qx_slop_jzlist li:nth-child(3) > p{padding-top: 30px;}

.qx_custom-shape-divider-top {width: 100%;overflow: hidden;line-height: 0;background: url(../images/qx_images/slop/bg02.jpg) 0px 0px no-repeat;background-size: cover;margin-top: -29px;}

.qx_custom-shape-divider-top svg {position: relative;display: block;width: calc(100% + 1.3px);height: 155px;}

.qx_custom-shape-divider-top .shape-fill {fill: #FFFFFF;}
.qx_mh400{position: relative;}
.qx_mh400 img{display: block;width: 500px;position: absolute;left: -100px;top:30px}
.qx_slop_ys{width:100%;padding-left: 450px;box-sizing: border-box;margin: 60px 0;}
.qx_slop_ys li{margin-bottom: 25px;width: 100%;}
.qx_slop_ys li > span{display: block;width: 90px;height: 90px;border-radius: 50%;border: 2px solid #fff;background: linear-gradient(45deg, rgba(79,91,199,0) 0%, rgba(78,154,230,0) 99%);position: relative;z-index: 0;line-height: 90px;color: #fff;text-align: center;font-size: 3.2em;float: left;margin-top: 10px;}
.qx_slop_ys li > span::before {content: '';position: absolute;left: 0; top: 0; right: 0; bottom: 0;background: linear-gradient(45deg, rgba(79,91,199,1) 0%, rgba(78,154,230,1) 99%);opacity: 0;transition: opacity .5s;z-index: -1;border-radius: 50%;}
.qx_slop_ys li:hover > span::before{opacity: 1;}
.qx_slop_ystext{float: left;width: calc(100% - 120px);margin-left: 25px;}
.qx_slop_ystext h3{color: #82c2ff;font-size: 1.4em;line-height: 1.8em;font-weight: 500;}
.qx_slop_ystext p{font-size: 1.18em;color: #fff;line-height: 2em;}
.qx_slop_ysh3{width: 100%;text-align: center;font-size: 1.4em;font-weight: 400;line-height: 1.8em;margin: 30px 0;}
.qx_slop_ysh3 > span{color: #4f85dd;}
.qx_slop_txlist{width: 100%;padding: 20px 0;}
.qx_slop_txlist li{width: 100%;padding-bottom: 50px;}
.qx_sloptx_img{width: 370px;height: 240px;float: left;border-radius: 20px 0 20px 0;box-shadow: 2px 2px 6px rgba(17,36,80,0.2);border: 1px solid #e9eaef;box-sizing: border-box;overflow: hidden;}
.qx_sloptx_img img{width: 100%;height: 100%;display: block;}
.qx_sloptx_text{width: calc(100% - 420px);float: left;margin-left: 50px;}
.qx_sloptx_text h3{font-size: 1.3em;margin: 0 0 20px 0;}
.qx_sloptx_text p{font-size: 1.15em;line-height: 2em;text-indent: 2.4em;margin-bottom: 10px;}
.intro-intel-list.fz115em li{font-size: 1.15em;}
.intro-common-box.qx_slop_gn{margin: 20px 0 30px;}

/***************************************************************************************/
.qx_overimg{width: 100%;height: auto;border-radius: 10px 10px 0 0;overflow: hidden;position: relative;border-bottom: 3px solid #14b1bb;margin-bottom: 15px;}
.qx_overimg img{width: 100%;height: auto;display: block;}
.qx_over_tit{width: 100%;height: 60px;position: absolute;left: 0;bottom: 0;background: rgba(0,0,0,0.35);color: #fff;font-size: 1.2em;font-weight: bold;text-align: center;line-height: 60px;text-shadow:1px 1px 5px  rgba(0,0,0,0.5) ;}
.qx_over_txt{font-size: 1.1em;line-height: 2em;text-indent: 2.4em;}

/**********************************************************************************/
@media screen and (max-width: 1680px) {
  #floatnav>header {  padding: 2em;}
  #floatnav>footer {  padding: 1.5em;}
}
@media screen and (max-width: 1420px) {
  .qx_mh400 img {  width: 360px;  left: 0px;}
  .qx_slop_ys{  padding-left: 380px;}
  .qx_slop_ys li > span{  width: 60px;  height: 60px;  line-height: 60px;  font-size: 2.2em;}
}

@media screen and (max-width: 1280px) {
  .qx_navbar-wrapper.section-menu {  padding: 0;}
  .qx_navbar-wrapper .menu-left-tit {  display: block;  margin: 0;  background-color: #fff;  padding: 10px;  text-align: center;}
  .qx_navbar-wrapper.section-menu .container {  padding: 0;  margin: 0;  width: 100%;}
  .qx_navbar-wrapper.section-menu .container .section-menu-ul {  display: block;  width: 100%;  margin: 0;}
  .qx_navbar-wrapper.section-menu .container .section-menu-ul li {  width: 20%;  display: block;  float: left;  padding: 0;  margin: 0;  border-radius: 0;}
  .qx_navbar-wrapper.section-menu .container .section-menu-ul li:nth-child(2n) {  background: #f1f5f8;}
  .qx_navbar-wrapper.section-menu .container .section-menu-ul li a {  padding: 9px 0 7px 0;  text-align: center;}
  .qx_navbar-wrapper.section-menu .container .section-menu-ul li i.menu-icon2,.qx_navbar-wrapper.section-menu .container .section-menu-ul li i.menu-icon3,.qx_navbar-wrapper.section-menu .container .section-menu-ul li i.menu-icon4,.qx_navbar-wrapper.section-menu .container .section-menu-ul li i.menu-icon5,.qx_navbar-wrapper.section-menu .container .section-menu-ul li i.menu-icon6 {  display: none;}
  .qx_navbar-wrapper.section-menu .container .section-menu-ul li span {  display: block;  margin: 0 auto;  text-align: center;  font-size: 20px;}
  .qx_navbar-wrapper.section-menu .container .section-menu-ul li.active,.qx_navbar-wrapper.section-menu .container .section-menu-ul li:hover {  background: #51aeb9;  border-bottom: 2px solid #51aeb9;}
  .qx_navbar-wrapper.section-menu .container .section-menu-ul li.active a,.qx_navbar-wrapper.section-menu .container .section-menu-ul li:hover a {  color: #fff;}
  .qx_navbar-wrapper.section-menu .container .section-menu-ul li.active a span {  color: #fff;}
  .qx_block_1200 {  margin: 0 20px;}
  .qx_block_1200.qx_slop_block {  width: 940px;  margin: 0px;  margin-left: -470px;}
}

@media screen and (max-width: 1134px) {.qx_mc_pt li {  min-height: 360px;}}

@media screen and (max-width: 1024px) {/* #floatnav {  -moz-backface-visibility: hidden;  -webkit-backface-visibility: hidden;  -ms-backface-visibility: hidden;  backface-visibility: hidden;  -moz-transition: -moz-transform 0.5s ease;  -webkit-transition: -webkit-transform 0.5s ease;  -ms-transition: -ms-transform 0.5s ease;  transition: transform 0.5s ease;  display: block;  height: 100%;  overflow-y: auto;  position: fixed;  top: 0;  width: 140px;  z-index: 10002;  -moz-transform: translateX(23em);  -webkit-transform: translateX(23em);  -ms-transform: translateX(23em);  transform: translateX(23em);  right: 0;  background: #ebebeb;} */
  #floatnav .qx_link {  box-shadow: none;  padding: 0;}
  #floatnav>footer {  bottom: auto;  left: auto;  margin: 1em 0 0 0;  position: relative;  right: auto;  top: auto;}
  #floatnav>#nav.qx_link ul li {  border-bottom: 1px dashed #c4c9d4;}
  #floatnav>#nav.qx_link ul li a {  color: #333 !important;  text-align: left;  padding: 0;  padding-left: 12px;}
  #floatnav>#nav.qx_link ul li a i {  display: contents;}
  #floatnav>#nav ul li a {  padding: 0.8em 0;}
  body.header-visible #floatnav {  -moz-transform: translateX(0);  -webkit-transform: translateX(0);  -ms-transform: translateX(0);  transform: translateX(0);  border-radius: 0;}
  .qx_a_link ul {  border-radius: 0;}
  #titleBar {  -moz-backface-visibility: hidden;  -webkit-backface-visibility: hidden;  -ms-backface-visibility: hidden;  backface-visibility: hidden;  -moz-transition: -moz-transform 0.5s ease;  -webkit-transition: -webkit-transform 0.5s ease;  -ms-transition: -ms-transform 0.5s ease;  transition: transform 0.5s ease;  display: block;  height: 44px;  right: 0;  position: fixed;  bottom: 0;  z-index: 10001;  background: #222;  color: #fff;}
  #titleBar .title {  color: #fff;  display: block;  font-weight: 700;  height: 44px;  line-height: 44px;  padding: 0 1em;  width: 100%;  text-align: left;}
  #titleBar .title a {  border: 0;  text-decoration: none;}
  #titleBar .toggle {  text-decoration: none;  height: 4em;  position: absolute;  top: 0;  width: 6em;  border: 0;  outline: 0;  right: 0;}
  #titleBar .toggle:before {  -moz-osx-font-smoothing: grayscale;  -webkit-font-smoothing: antialiased;  font-family: FontAwesome;  font-style: normal;  font-weight: normal;  text-transform: none !important;}
  #titleBar .toggle:before {  background: url(../images/qx_images/becloud/icon_b.png) center no-repeat #a2a9c8;  color: #ffffff;  content: '';  display: block;  font-size: 18px;  height: 44px;  line-height: 44px;  position: absolute;  text-align: center;  top: -10px;  width: 44px;  right: 10px;  border-radius: 50%;  box-shadow: 1px 2px 5px rgba(88, 100, 150, 0.5);}
  body.header-visible #wrapper,body.header-visible #titleBar {  -moz-transform: translateX(-23em);  -webkit-transform: translateX(-23em);  -ms-transform: translateX(-23em);  transform: translateX(-23em);}
  .qx_arrow_down {  border-top: solid 16px #d2dbe2;}
  .qx_mc_dwlist li>div>div {  min-height: auto;}
  .qx_mcbg01 {  padding: 30px 10% 50px 25%;  font-size: 1.5em;  text-indent: 2em;  line-height: 1.6em;  text-shadow: 0 0 5px #052945, 0 0 5px #1666a4;}
  .qx_mc_dwlist li {  width: 100%;  display: block;  float: none;}
  .qx_mc_dwlist {  margin-top: 100px;}
  .qx_intro-box-left .intel-p2 {  display: none;}
  .qx_intro-box-left.fl,.qx_intro-box-left.fr,.qx_intro-box-right.fl,.qx_intro-box-right.fr {  width: 100%;  padding: 0;  margin: 0 0 10px 0;}
  .intro-common-box {  margin: 0 0 20px !important;}
  .qx_a_link .problem-righticon {  display: none;}
  .qx_a_link {  border-radius: 0;}
  .qx_mh400 img {  width: 320px;  left: 50%;  top:0px;  margin-left: -160px;}.qx_slop_ys {  padding-left: 0px;  padding-top: 260px;}
}

@media screen and (max-width: 980px) {
  .qx_mc_pt li {  float: none;  width: 100%;  min-height: auto;  height: auto;}
  .qx_block_1200.qx_slop_block {  width: 760px;  margin: 0px;  margin-left: -380px;}
  .qx_slop_jzlist li:nth-child(1) > p{  padding-top: 45px;}
  .qx_slop_jzlist li:nth-child(2) > p, .qx_slop_jzlist li:nth-child(3) > p{  padding-top: 15px;}
  .qx_sloptx_img{  width: 260px;  height: 170px;  float: none;  border-radius: 20px 0 20px 0;  box-shadow: 2px 2px 6px rgba(17,36,80,0.2);  border: 1px solid #e9eaef;  box-sizing: border-box;  overflow: hidden;  margin: 0px auto 30px auto ;}
  .qx_sloptx_text{  width: 100%;  float: none;  margin-left: 0px;}
}
@media screen and (max-width: 895px) {.qx_block_1200.qx_slop_block {  top:390px;}.qx_arrow_dh{  top:400px;}}

@media screen and (max-width: 768px) {/* #floatnav {  width: 140px;  -moz-transform: translateX(17em);  -webkit-transform: translateX(17em);  -ms-transform: translateX(17em);  transform: translateX(17em);  right: 0;} */
  #floatnav>header {  padding: 2em;}
  #floatnav>header .avatar {  margin: 0 auto 1.6875em auto;  width: 6em;}
  #floatnav>header h1 {  font-size: 1.5em;}
  #floatnav>header p {  margin: 1em 0 0 0;}
  #floatnav>footer {  padding: 1.5em;}
  #titleBar .toggle {  height: 4em;  width: 6em;}
  #titleBar .toggle:before {  font-size: 18px;  width: 44px;  background: url(../images/qx_images/becloud/icon_b.png) center no-repeat #a2a9c8;  background-size: 80%;}
  body.header-visible #wrapper,body.header-visible #titleBar {  -moz-transform: translateX(-12em);  -webkit-transform: translateX(-12em);  -ms-transform: translateX(-12em);  transform: translateX(-12em);}
  .qx_mctext p {  font-size: 1.2em;  text-indent: 2em;  padding-bottom: 10px;  line-height: 1.8em;}
  .qx_arrow_down {  border-top: solid 16px #cdd6de;}
  .qx_mcbg01 {  padding: 30px 5% 50px 20%;  font-size: 1.2em;  text-indent: 2em;  line-height: 1.6em;}
  .qx_mc_dwlist {  margin-top: 110px;}
  .qx_mcdw_img,.qx_mc60p {  width: 100%;  float: none;}
  .qx_mcdw_left {  padding-left: 10px;}
  .product-mc-tit {  font-size: 1.2em;}
  .product-mc-h3 {  font-size: 1.7em;  margin-bottom: 10px;}
  .qx_mcys_cj li {  width: 100%;  display: block;  float: none;  box-sizing: border-box;  padding: 20px;}
  .qx_mcys_cjbox {  width: 100%;  position: relative;  min-height: 370px;  margin-bottom: 0;}
  .qx_ysh2 {  width: 100%;}
  .qx_ysboxA {  width: calc(100% - 40px);  position: relative;  padding: 15px;  top: 20px;}
  .qx_ysboxA_in {  top: 25px;  right: -10px;}
  .qx_ysboxB {  width: calc(100% - 40px);  position: relative;  padding: 15px;  margin-left: 40px;  margin-top: 20px;}
  .qx_ysboxB_in {  top: 22px;  left: -10px;}
  .qx_full_bgimg.qx_ysbg {  margin-top: 60px;}
  .qx_mc_diyops {  padding-left: 5%;}
  .qx_mc_diy li {  float: none;  width: 100%;}
  .qx_mc_diy li:nth-child(2n-1) {  padding-right: 50px;}
  .qx_mc_diy li:nth-child(2n) {  padding-left: 50px;}
  .qx_mc_diy li>div {  min-height: auto;  border: none;}
  .qx_mc_diy li:nth-child(1)>div {  background: #d7eeff;}
  .qx_mc_diy li:nth-child(2)>div {  background: #ffeccf;}
  .qx_mc_diy li:nth-child(3)>div {  background: #cdf1ed;}
  .qx_mc_diy li:nth-child(4)>div {  background: #e5e7ff;}
  .qx_mc_diy li>div:hover,.qx_mc_diy li>div:active,.qx_mc_diy li>div:focus {  border: none;  background: rgb(86, 124, 228);  /* Old browsers */  background: -moz-linear-gradient(top, rgba(86, 124, 228, 1) 11%, rgba(86, 124, 228, 1) 11%, rgba(16, 138, 195, 1) 100%);  /* FF3.6-15 */  background: -webkit-linear-gradient(top, rgba(86, 124, 228, 1) 11%, rgba(86, 124, 228, 1) 11%, rgba(16, 138, 195, 1) 100%);  /* Chrome10-25,Safari5.1-6 */  background: linear-gradient(to bottom, rgba(86, 124, 228, 1) 11%, rgba(86, 124, 228, 1) 11%, rgba(16, 138, 195, 1) 100%);  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */}
  .qx_mc_pt li {  padding: 20px 10px;}
  .qx_mc_pt li>span {  width: 80px;  height: 80px;}
  .qx_mc_pt li>span i {  font-size: 2.5em;  line-height: 80px;}
  .qx_mc_pt li>div {  width: calc(100% - 100px);}
  .qx_mc_pt li>div h4 {  margin: 0 0 10px 0;}
  .qx_full_bgimg.qx_mczd>div {  padding: 0px 5% 20px 40%;}
  .qx_full_bgimg.qx_mczd>div h4 {  font-size: 1.6em;  margin: 0px;}
  .qx_full_bgimg.qx_mczd>div p {  font-size: 1.1em;  line-height: 1.6em;}
  ul.qx_ccinbox li {  padding: 0 5px;}
  .qx_cclink>div i {  font-size: 1.2em;  text-align: center;  padding-top: 40px;}
  .qx_intro-box-left .intel-p1 span:first-child {  font-size: 3em;}
  .qx_intro-box-left .intel-p1 span:last-child {  font-size: 1.5em;}
  .qx_problem_iconin {  display: none;}
  .qx_problem_box_right {  width: 100%;}
  .qx_problem_box_right h4,.qx_problem_h4 {  font-size: 1.15em;  line-height: 1.8em;}
  .qx_problem_box.pl55.nopl {  box-sizing: border-box;  padding-left: 0px;}
  .qx_used-box-left {  width: 100%;  float: none;  margin: 0 0 20px 0;}
  .qx_used-box-right {  width: 100%;  float: none;  margin: 0 0 20px 0;}
  .qx_full_bgimg.qx_slop {  background: url(../images/qx_images/slop/bg01.jpg) top right no-repeat;  background-size: cover;}
  .qx_block_1200.qx_slop_block {  width: 480px;  margin: 0px;  margin-left: -240px;  top:380px;}
  .qx_arrow_dh{  top:390px;}
  .qx_slop_jzlist li {  margin-bottom: 30px;  min-height: 128px;  margin-left: 0px;  margin-top: 100px;  border-radius: 5px;}
  .qx_slop_jzlist li>span {  display: block;  width: 120px;  height: 120px;  border-radius: 50%;  position: absolute;  left: 50%;  margin-left: -60px;  top: -70px;}
  .qx_slop_banner {  min-height: 1450px;}
  .qx_slop_jzlist li{  padding-top: 60px;  padding-bottom: 20px;}
  .qx_slop_jzlist li > p{  padding-left:20px;}
  .qx_slop_jzlist li:nth-child(1) > p, .qx_slop_jzlist li:nth-child(2) > p, .qx_slop_jzlist li:nth-child(3) > p{  padding-top: 0px;}
  .qx_custom-shape-divider-top {  margin-top: 0px;}
  .qx_custom-shape-divider-top svg {  height: 100px;}
  .qx_slop_ysh3{  font-size: 1.25em;  font-weight: 400;  line-height: 1.8em;}
  .qx_slop_ystext h3{  font-size: 1.3em;}
  .qx_sloptext p {  font-size: 1.2em;  text-indent: 2em;  padding-bottom: 10px;  line-height:1.8em;}
}
@media screen and (max-width: 680px) {.qx_block_1200.qx_slop_block {  top:390px;}.qx_arrow_dh{  top:400px;}}
@media screen and (max-width: 570px) {.qx_block_1200.qx_slop_block {  top:390px;}.qx_arrow_dh{  top:400px;}}
@media screen and (max-width: 480px) {.qx_slop_block {  padding: 20px;}.qx_block_1200.qx_slop_block {  width: 360px;  margin: 0px;  margin-left: -180px;  top:450px;}.qx_arrow_dh{  top:460px;}.qx_slop_banner {  min-height: 1550px;}.qx_custom-shape-divider-top svg {  height: 70px;}}
@media screen and (max-width: 420px) {.qx_block_1200.qx_slop_block {  top:470px;}.qx_arrow_dh{  top:480px;}}
@media screen and (max-width: 380px) {.qx_slop_block {  padding: 20px;}.qx_block_1200.qx_slop_block {  width: 340px;  margin: 0px;  margin-left: -170px;  top:500px;}.qx_arrow_dh{  top:510px;}.qx_slop_banner {  min-height: 1580px;}}
@media screen and (max-width: 340px) {.qx_block_1200.qx_slop_block {  width: 300px;  margin: 0px;  margin-left: -150px;  top:540px;}.qx_slop_jz {  max-width: 240px;  font-size: 1.2em;}.qx_arrow_dh{  top:550px;}.qx_slop_banner {  min-height: 1700px;}}


.qx_full_bgimg.qx_opsshow{  padding: 100px 0 130px 0;  background: url(../images/qx_images/becloud/opsshow_bg01.jpg) 0px 0px no-repeat;  background-size: cover;}
.qx_opsshow_repo{width: 56%;color: #fff;/* margin-left: 80px; */}
.opsshow_repolist{max-width: 1060px;margin: 0 auto;margin-bottom: 20px;}
.opsshow_repolist li{width: 310px;height: 200px;float: left;color: rgb(71, 41, 138);padding: 20px;}
.opsshow_repolist li p{text-indent: 2.1em;padding-top: 20px;font-size: 1.1em;line-height: 2em;} 
.opsshow_repolist .list_two{text-align: center;}
.opsshow_repolist .list_two p{text-indent: 0;margin:50px 0 15px 0;font-size: 16px;font-weight: bold;}
.opsshow_repolist .list_blue{background-color: rgb(50, 28, 176);color: #fff;}
.opsshow_repolist .list_gray{background-color: rgb(233, 230, 246);}
.opsshow_repolist .icon_box{width: 100px;height: 100px;border-radius: 50%;background-color: #7d5fe0;margin: 0 auto;}
.icon_box.iconbg1{background-image: url(../images/qx_images/becloud/sprite_opsshow3.png);}
.icon_box.iconbg2{width: 20px;height: 22px;background: url(../images/qx_images/becloud/sprite_opsshow3.png) -116px -5px;}
.icon_box.iconbg3{background-image: url(../images/qx_images/becloud/sprite_opsshow3.png);background-position: -212px -6px;}
.icon_box.iconbg4{background: url(../images/qx_images/becloud/sprite_opsshow3.png) -330px -8px;}
.icon_box.iconbg5{background-image: url(../images/qx_images/becloud/sprite_opsshow3.png);background-position: 0 -112px;}
.icon_box.iconbg6{background: url(../images/qx_images/becloud/sprite_opsshow3.png) -112px -108px;}

.qx_full_bgimg.qx_opsshow2{height: 418px;background: url(../images/qx_images/becloud/opsshow_bg02.jpg) 0px 0px no-repeat;background-size: contain;position: relative;max-width: 1200px;}
.qx_opsshow_repo2{width: 40%;position: absolute;left: 47%;top: 120px;}
.repo2-list li{padding: 15px 0;}
.repo2-list li:nth-of-type(2){padding-left: 65px;}
.repo2-list li:nth-of-type(3){padding-left: 130px;}
.repo2-list li:nth-of-type(4){padding-left: 195px;}
.repo2-list .list_title{color: rgb(50, 28, 176);font-size: 18px;font-weight: bold;margin-bottom: 20px;}
.repo2-list .list_icon_box{width: 130px;height: 150px;}
.repo2-list .list_des{width: calc(100% - 160px);/* padding-left: 10px; */}
.repo2-list .list_des p:not(:first-child){text-indent: 2.1em;font-size: 1.15em;line-height: 1.8em;}
.repo2-list .list_icon_box.box1{background: url(../images/qx_images/becloud/sprite_opsshow2.png) 0 0;}
.repo2-list .list_icon_box.box2{background: url(../images/qx_images/becloud/sprite_opsshow2.png) -143px 0;}
.repo2-list .list_icon_box.box3{background: url(../images/qx_images/becloud/sprite_opsshow2.png) -299px 0;}
.repo2-list .list_icon_box.box4{background: url(../images/qx_images/becloud/sprite_opsshow2.png) 0 -165px;}
.repo2-list .title_arrow{width: 30px;height: 20px;display: inline-block;background: url(../images/qx_images/becloud/sprite_opsshow2.png) -143px -173px;vertical-align: top;}

.qx_ygcvi_repo p{text-indent: 0;font-weight: bold;}
.qx_ygcvi_repo p span{color: rgb(94, 100, 166);font-size: 1.1em;}
.flex_box{display: flex;justify-content: space-between;}
.flex_box>div{width: 180px;height: 270px;text-align: center;}
.flex_box>div:first-of-type{background-color: rgb(231, 245, 253);}
.flex_box>div:nth-of-type(2){background-color: rgb(254, 245, 231);}
.flex_box>div:nth-of-type(3){background-color: rgb(230, 248, 240);}
.flex_box>div:nth-of-type(4){background-color: rgb(237, 238, 254);}
.flex_box>div:nth-of-type(5){background-color: rgb(253, 239, 238);}
.flex_box .icon_bg{width: 135px;height: 135px;margin: 40px auto;background: url(../images/qx_images/ygcvi/ygcvi.png) no-repeat;border-radius: 50%;}
.flex_box .icon_bg.icon1{background-position: 1px 1px;}
.flex_box .icon_bg.icon2{background-position: -140px 1px;}

.flex_box .icon_bg.icon3{background-position: -281px 1px;}
.flex_box .icon_bg.icon4{background-position: -428px 1px;}
.flex_box .icon_bg.icon5{background: url(../images/qx_images/yggi/yggi.png) no-repeat;background-position: -550px 0;}
.flex_box_yggi .icon_bg{width: 135px;height: 135px;margin: 40px auto;background: url(../images/qx_images/yggi/yggi.png) no-repeat;border-radius: 50%;}
.flex_box_yggi .icon_bg.icon1{background-position: 1px 1px;}
.flex_box_yggi .icon_bg.icon2{background-position: -133px 1px;}
.flex_box_yggi .icon_bg.icon3{background-position: -272px 1px;}
.flex_box_yggi .icon_bg.icon4{background-position: -408px 1px;}
.flex_box_yggi .icon_bg.icon5{background-position: -550px 0;}
.flex_box .icon_text1{color: rgb(57, 178, 232);}
.flex_box .icon_text2{color: rgb(252, 177, 71);}
.flex_box .icon_text3{color: rgb(39, 197, 124);}
.flex_box .icon_text4{color: rgb(120, 127, 247);}
.flex_box .icon_text5{color: rgb(237, 100, 83);}
.yg_list li{width: 335px;height: 60px;line-height: 60px;background-image: linear-gradient(to right, rgb(212, 232, 250), rgb(231, 230, 244));margin: 27px 0;padding: 0 80px 0 30px;font-size: 1.3em;font-weight: bold;border-radius: 5px;}
.yg_list.yggi_list li{margin: 15px 0;}
.yg_list li:first-child{margin-top: 0;}
.yg_list li:last-child{margin-bottom: 0;}
.yg_list li i{color: #fff;padding: 8px;font-size: 20px;border-radius: 50%;background-color: rgb(13, 186, 107);float: right;margin-top: 8px;}
.img_border{border: 10px solid rgb(231, 231, 237);border-radius: 10px;margin-top: 30px;}

.text_div{width: 350px;margin: 20px 5px 20px 0;padding: 15px 30px;color: #fff;background-image: linear-gradient(to left, rgb(63, 120, 248), rgb(93,167,243));line-height: 2.3em;border-radius: 10px;}
.text_div_yggi{margin: 10px 5px 0 0;}
.text_div:last-child{margin-top: 65px;}

.circle_box{width: 400px;height: 830px;border: 3px dashed #cfcfcf;border-radius: 0 830px 830px 0;position: relative;margin-left: 160px;margin-top: 100px;border-left-width: 0;}
.circle_box>img{position: absolute;left: 0;top: 50%;transform: translate(-50%, -50%);}
.circle_list{position: absolute;font-size: 1.1em;line-height: 1.8em;width: 750px;}
.circle_list.list1{top: -85px;left: -100px;}
.circle_list.list2{top: 110px;left: 270px;}
.circle_list.list3{top: 367px;left : 330px;}
.circle_list.list4{top: 600px;left: 245px;}
.circle_list.list5{bottom: -95px;left: -120px;}
.circle_list>div{width: 380px;margin-left: 20px;}
.circle_list:nth-of-type(1)>div,.circle_list:nth-of-type(5)>div{width: 350px;}
.circle_list .list_title{color: rgb(94, 100, 166);font-size: 2.3em;font-weight: bold;line-height: 2em;}
.circle_list .list_title span{color: rgb(185, 198, 212);font-size: 2.5em;vertical-align: sub;margin-left: 10px;}
.circle_list .list_title span:first-child{display: none;}
.posi_rel{position: relative;}
.img_box1{position: absolute;right: 0;top: -30px;max-width: 280px;}
.yggi_img_box1{position: absolute;right: 40px;top: -0;}
.img_box2{position: absolute;bottom: -160px;right: 50px;}

.yg_list_two li{width: 270px;height: 240px;float: left;position: relative;box-shadow: 1px 3px 5px rgba(28,32,62,0.15);text-align: center;line-height: 240px;margin: 50px 30px;background-color: rgb(240, 250, 252);border-radius: 10px;}
.yg_list_two li .two_title{color: rgb(94, 100, 166);font-size: 20px;font-weight: bold;padding: 10px;position: relative;}
.yg_list_two .arrow1,.yg_list_two .arrow2{position: absolute;transform: rotateZ(45deg);font-size: 2.1em;color: #cfcfcf;}
.yg_list_two .arrow1{top: -20px;left: 0;}
.yg_list_two .arrow2{bottom: -20px;right: -5px;}
.yg_list_two li.exception{background-image: linear-gradient(to top, rgb(64, 120, 248), rgb(91,165,243));}
.yg_list_two li.exception .two_title{color: #fff;}
.yg_list_two .icon_posi{width: 110px;height: 110px;border-radius: 50%;position: absolute;top: 0;left: 50%;transform: translate(-50%, -50%);background: url(../images/qx_images/yggi/yggi2.png) no-repeat;}
.yg_list_two .icon_posi.icon1{background-position: -2px;}
.yg_list_two .icon_posi.icon2{width: 136px;height: 136px;background-color: rgb(237, 243, 254);}
.yg_list_two .icon_posi.icon2{background-position: -137px 15px;}
.yg_list_two .icon_posi.icon3{background-position: -291px;}
.yg_list_two .icon_posi.icon4{background-position: -411px;}
.yg_list_two .icon_posi.icon5{background-position: -534px;}
.yg_list_two .icon_posi.icon6{background-position: -655px;}
.yg_list_two .circle{width: 18px;height: 18px;border-radius: 50%;border: 5px solid #fff;position: absolute;}
.yg_list_two .circle.circle_blue{background-color: rgb(214, 239, 251);}
.yg_list_two .circle.circle_gray{background-color: rgb(226, 227, 253);}
.yg_list_two .circle.circle_org{background-color: rgb(254, 237, 213);}
.yg_list_two .circle.circle1,.yg_list_two .circle.circle3{top: 50%;right: 0;transform: translate(50%, -50%);}
.yg_list_two .circle.circle2,.yg_list_two .circle.circle7{top: 50%;left: 0;transform: translate(-50%, -50%);}
.yg_list_two .circle.circle4{bottom: 0;left: 0;transform: translate(-50%, 50%);}
.yg_list_two .circle.circle5{bottom: 0;left: 50%;transform: translate(-50%, 50%);}
.yg_list_two .circle.circle6{bottom: 0;right: 0%;transform: translate(50%, 50%);}
.yg_list_two .circle.circle8{top: 0;right: 0;transform: translate(50%, -50%);}
.yg_list_two .circle.circle9{top: 0;left: 0;transform: translate(-50%, -50%);}
.yg_list_two .line{width: 30px;height: 3px;background-color: rgb(206, 226, 252);position: absolute;}
.yg_list_two .line.line1{top: 50%;left: -45px;}
.yg_list_two .line.line2{top: 50%;right: -45px;}
.yg_list_two .line.line3{bottom: -60px;left: -85px;transform: rotateZ(-60deg);width: 100px;}
.yg_list_two .line.line4{bottom: -33px;left: 120px;transform: rotateZ(90deg);}
.yg_list_two .line.line5{bottom: -60px;right: -85px;transform: rotateZ(60deg);width: 100px;}

/* itsm */
.qx_full_bgimg.qx_itsm {background: url(../images/qx_images/itsm/bg01.jpg) left center no-repeat;background-size: cover;padding: 50px 0 80px 0;position: relative;}

.qx_itsm_repo {width: 60%;display: block;color: #fff;font-size: 1.3em;line-height: 1.9em;text-indent: 2.1em;padding-top: 18px;text-align: justify;}

.wh_arrow_up {width: 0;height: 0;border-right: 40px solid transparent;border-left: 40px solid transparent;border-bottom: 50px solid #fff;position: absolute;bottom: 0;left: 50%;margin-left: -40px;}

.qx_itsm_h3 {max-width: 480px;color: #2c5add;margin: 20px auto;font-size: 1.2em;text-align: center;line-height: 1.8em;font-family: "microsoft yahei";font-weight: bold;}

.wh_arrow_down {width: 80px;height: 50px;background: url(../images/qx_images/itsm/arrow_down.png) top left no-repeat;margin: 0 auto;}

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

.wh_repolist li {width: 33.33%;height: auto;display: inline-block;float: left;box-sizing: border-box;padding: 0 15px;}

.wh_repolist li>div {width: 100%;padding: 30px 15px 20px 15px;box-sizing: border-box;border-radius: 3px;}

.wh_repolist li:nth-child(2)>div {box-shadow: 0 10px 25px rgba(41, 57, 115, 0.15);}

.wh_repolist li>div i {color: #496dd7;font-size: 56px;text-align: center;width: 100%;padding-bottom: 5px;}

.wh_repolist li>div h3,.wh_itsm_advtop_list li>div h3 {font-size: 1.3em;width: 100%;text-align: center;font-weight: bold;margin: 1em 0;}

.wh_repolist li>div p,.wh_itsm_advtop_list li>div p,.qx_itsmadv_txt p{color: #555;font-size: 1.12em;text-indent: 2.1em;line-height: 1.9em;text-align: justify;padding-bottom: 5px;}

.product-itsm-h3 {position: relative;margin-bottom: 30px;font-size: 2.2em;color: #222;letter-spacing: 0;text-align: center;font-weight: 500;border-bottom: 1px solid #ccc;line-height: 2;padding-bottom: 15px;}

.product-itsm-h3:before {position: absolute;content: '';width: 60px;height: 3px;bottom: -2px;left: 50%;margin-left: -30px;background: linear-gradient(to right, #3b9edc, #5739d1);background: -webkit-linear-gradient(to right, #3b9edc, #5739d1);background: -o-linear-gradient(to right, #3b9edc, #5739d1);background: -moz-linear-gradient(to right, #3b9edc, #5739d1);}

.wh_itsm_advtop {border-radius: 2px;background: #fff;box-shadow: 0 20px 45px rgba(41, 57, 115, 0.19);margin-bottom: 65px;}

.wh_itsm_advtop_list {width: 100%;}

.wh_itsm_advtop_list li {width: 33.33%;display: inline-block;float: left;}

.wh_itsm_advtop_list li>div {padding: 40px 20px 20px 20px;}

.wh_itsm_advtop_list li>div i {color: #496dd7;width: 100%;text-align: center;font-size: 56px;}

.wh_itsm_advtop_list li:nth-child(2)>div {background: url(../images/qx_images/itsm/bg02.png) top left no-repeat;background-size: cover;min-height: 345px;}

.wh_itsm_advtop_list li:nth-child(2)>div i,.wh_itsm_advtop_list li:nth-child(2)>div h3,.wh_itsm_advtop_list li:nth-child(2)>div p {color: #fff;}

.qx_itsm_txlist {width: 100%;}

.qx_itsm_txlist li {width: 50%;display:table-caption;float: left;box-sizing: border-box;}

.qx_itsm_txlist li:nth-child(2n-1) {padding-right: 20px;}

.qx_itsm_txlist li:nth-child(2n) {padding-left: 20px;}

.boxF,.boxS,.boxT,.overlay {width: 120px;height: 150px;overflow: hidden;}
.boxF,.boxS {visibility: hidden;}

.boxF {transform: rotate(120deg);float: left;margin-left: 10px;-ms-transform: rotate(120deg);-moz-transform: rotate(120deg);-webkit-transform: rotate(120deg);float: left;}

.boxS {transform: rotate(-60deg);-ms-transform: rotate(-60deg);-moz-transform: rotate(-60deg);-webkit-transform: rotate(-60deg);}

.qx_itsm_txlist li .boxT {transform: rotate(-60deg);background: no-repeat 50% center;background-size: 125% auto;-ms-transform: rotate(-60deg);-moz-transform: rotate(-60deg);-webkit-transform: rotate(-60deg);visibility: visible;background: #eee;text-align: center;}
.qx_itsm_txlist li .boxT i{color: #fff;line-height: 150px;font-size: 56px;	}

.qx_itsm_txlist li:nth-child(1) .boxT, .qx_itsm_txlist li:nth-child(6) .boxT {background: #4286d9;}
.qx_itsm_txlist li:nth-child(2) .boxT, .qx_itsm_txlist li:nth-child(5) .boxT {background: #563dd2;}
.qx_itsm_txlist li:nth-child(3) .boxT, .qx_itsm_txlist li:nth-child(4) .boxT  {background: #4b63d6;}
.qx_itsm_txlist li:nth-child(1), .qx_itsm_txlist li:nth-child(2){min-height: 430px;}
.qx_itsm_txlist li:nth-child(3), .qx_itsm_txlist li:nth-child(4){min-height: 330px;}
.qx_itsmadv_txt{width: calc(100% - 150px);float: left;padding-left: 20px;}
.qx_itsmadv_tit{width: 100%;margin-bottom: 15px;}
.qx_itsmadv_tit h3{float: left;margin: 0;padding: 0;display: block;font-size: 1.3em;}
.qx_itsmadv_txt .qx_arrow_dh{transform: rotate(-90deg);position: initial;float: left;margin-top: 9px;margin-left: 20px;height: 16px;}
.qx_itsmadv_txt .qx_arrow_dh span{border-top: solid 10px #4b89e3;border-right: solid 10px #ff0a0a00;border-left: solid 10px #ff040400;}
.qx_itsm_txlist li:nth-child(1) .qx_itsmadv_txt .qx_arrow_dh span, .qx_itsm_txlist li:nth-child(6) .qx_itsmadv_txt .qx_arrow_dh span{border-top: solid 10px #4286d9;}
.qx_itsm_txlist li:nth-child(2) .qx_itsmadv_txt .qx_arrow_dh span, .qx_itsm_txlist li:nth-child(5) .qx_itsmadv_txt .qx_arrow_dh span{border-top: solid 10px #563dd2;}
.qx_itsm_txlist li:nth-child(3) .qx_itsmadv_txt .qx_arrow_dh span, .qx_itsm_txlist li:nth-child(4) .qx_itsmadv_txt .qx_arrow_dh span{border-top: solid 10px #4b63d6;}


.qx_itsm_txlist li:nth-child(1) .qx_itsmadv_tit h3, .qx_itsm_txlist li:nth-child(6) .qx_itsmadv_tit h3{color: #4286d9;}
.qx_itsm_txlist li:nth-child(2) .qx_itsmadv_tit h3, .qx_itsm_txlist li:nth-child(5) .qx_itsmadv_tit h3{color: #563dd2;}
.qx_itsm_txlist li:nth-child(3) .qx_itsmadv_tit h3, .qx_itsm_txlist li:nth-child(4) .qx_itsmadv_tit h3{color: #4b63d6;}
.qx_used-box-left.wh_noboder{border: none;}
.wh_repolist li i{transition: all .4s;}
.wh_repolist li:hover i{transform: scale(1.2);color: #7b84ff;}
.section.wh_pt0{padding-top: 0;}


@media screen and (max-width: 1170px) {.qx_itsm_txlist li:nth-child(1), .qx_itsm_txlist li:nth-child(2){min-height: 430px;}.qx_itsm_txlist li:nth-child(3), .qx_itsm_txlist li:nth-child(4){min-height: 330px;}}
@media screen and (max-width: 960px) {.qx_itsm_txlist li:nth-child(1), .qx_itsm_txlist li:nth-child(2), .qx_itsm_txlist li:nth-child(3), .qx_itsm_txlist li:nth-child(4){min-height:auto;}.qx_itsm_txlist li:nth-child(2n-1), .qx_itsm_txlist li:nth-child(2n){width: 100%;margin-bottom: 30px;padding: 0 10px 0 0;}}

@media screen and (max-width: 800px) {.qx_itsm_repo {width: 100%;font-size: 1.2em;}
.qx_full_bgimg.qx_itsm {background: url(../images/qx_images/itsm/bg01.jpg) 34% center no-repeat;background-size: cover;padding: 30px 0 80px 0;}
.qx_itsm_h3 {max-width: 90%;font-size: 1.14em;}
.wh_repolist li {width: 100%;margin-bottom: 20px;padding: 0;}
.wh_repolist li>div {box-shadow: 0 10px 25px rgba(41, 57, 115, 0.15);}
.wh_repolist li>div p,	.wh_itsm_advtop_list li>div p {color: #555;font-size: 1.15em;text-indent: 2.1em;line-height: 1.9em;}
.wh_repolist li>div h3,	.wh_itsm_advtop_list li>div h3 {font-size: 1.24em;width: 100%;text-align: center;}
.wh_itsm_advtop_list li {width: 100%;display: inline-block;float: left;}.qx_itsm_txlist li {width: 100%;}.qx_itsm_txlist li:nth-child(2n-1), .qx_itsm_txlist li:nth-child(2n) {padding: 0px;}.boxF, .boxS, .boxT, .overlay{width: 80px;height: 100px;}.qx_itsm_txlist li .boxT i{line-height: 100px;font-size: 36px;	}.qx_itsmadv_txt{width: calc(100% - 120px);float: left;padding-left: 20px;}.product-itsm-h3 {font-size: 1.7em;margin-bottom: 15px;}.qx_intro-box-left .intro-intel-list li, .qx_used-box-right .intro-intel-list li{font-size: 1.18em;text-align: justify;}.wh_repolist li>div p, .wh_itsm_advtop_list li>div p, .qx_itsmadv_txt p{font-size: 1.18em;text-align: justify;}}

@media screen and (max-width: 460px) {.qx_itsmadv_tit h3{width: calc(100% - 25px);}.qx_itsmadv_txt .qx_arrow_dh{float: none;left: auto;right: -25px;position: absolute;top:0px}}

.problem-nav-ul{border-bottom: 1px solid #dedede;height: 59px;line-height: 59px;}
.problem-nav-ul>li{height: 40px;-webkit-box-sizing: border-box;box-sizing: border-box;line-height: 40px;display: inline-block;list-style: none;font-size: 14px;font-weight: 500;color: #303133;margin-right: 40px;position: relative;}
.problem-nav-ul>li.active{color: #51aeb9;}
.problem-nav-ul>li.active::after{content: '';position: absolute;top: 36px;left: 0;width: 100%;height: 2px;background: #51aeb9;}
.problem-nav-ul>li:hover{color: #51aeb9;cursor: pointer;}
.problem-nav-ul>li::after {content: '';position: absolute;top: 36px;left: 0;width: 0%;height: 2px;background: #51aeb9;transition: width 0.3s ease-in-out;}
.problem-nav-ul>li:hover::after {width: 100%;}
.container {padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto;}
@media (max-width: 1505px){.container.problem-container{margin-right: 0; margin-left: 40px;}/* .problem-rightbox{left: 1270px;} */.productleft-listitem{left: 1270px;}.container {  width: 1200px;}}
@media (max-width: 1420px){.container.problem-container{margin-right: 0; margin-left: 10px; width: 1080px;}/* .problem-rightbox{left: 1120px;} */.container {  width: 1170px;}}
@media (max-width: 1200px){.container.problem-container{width: auto; padding-right: 135px;}/* .problem-rightbox{left: auto; right: 20px} */.productleft-listitem{left: auto; right: 20px}.container {  width: 1170px;}}
@media (min-width: 992px){.container {    width: 970px;}}
@media (max-width: 768px){.problem-trialitem{padding: 20px 0;}.container.problem-container{margin: 0;}}
.problem-trialitem {padding: 20px;border-bottom: 1px dotted #dedede;}
.problem-trialitem .problem-icon{display: inline-block;  width: 40px;  height: 40px;  border-radius: 2px;  background: url(/images/product/problem_icon.png) no-repeat;  background-size: 100%;}
.problem-itemcnt{display: inline-block;vertical-align: top;width: calc(100% - 55px);margin-left: 10px;}
.problem-itemcnt h3 {margin-top: 12px;font-size: 14px;font-weight: bold;}
.tinymce-content {width: 100%;overflow: hidden;font-size: 14px;line-height: 22px;}
.problem-itemcnt p {font-size: 13px;line-height: 22px;}

.intro-list-content{font-size: 1.15em;line-height: 2em;margin-bottom: 15px;text-indent: 2em;}
.intro-list-content b {font-size: 18px!important;}
.intro-common-box:nth-of-type(2n) .qx_intro-box-left{float: right;margin-right: 0;margin-left: 30px;}
.intro-common-box:nth-of-type(2n) .qx_intro-box-right{float: left;margin-left: 0;margin-right: 20px;}
.info-div:nth-child(2n) .intro-common-box-sec .qx_intro-box-left{float: right !important;margin-right: 0 !important;margin-left: 30px !important;}
.info-div:nth-child(2n) .intro-common-box-sec .qx_intro-box-right{float: left !important;margin-left: 0 !important;margin-right: 20px !important;}
.qx_block_1200:nth-child(2n) .intro-common-box-sec .qx_intro-box-left{float: right !important;margin-right: 0 !important;margin-left: 30px !important;}
.qx_block_1200:nth-child(2n) .intro-common-box-sec .qx_intro-box-right{float: left !important;margin-left: 0 !important;margin-right: 20px !important;}
.fullwidth{width: 100% !important;}
.up-down{display: block !important;}
.border-none{border-bottom: none !important;}
#floatnav .qx_a_link a:hover{color: #a8f0f9!important;}
#floatnav .first-hover:hover{color: #a8f0f9!important;}
.qx_intro-box-left img, .wh_ciops_intleft > img {display: block;width: 100%;height: auto;margin-bottom: 15px;}
.text_img{width: 58%;}

/* ygepm等的解决方案 */
.product-mc-h3.ygepm-h3-left{text-align: left;font-size: 1.5em;font-weight: bold;margin-top: 40px;}
.product-mc-h3.ygepm-h3-left::before{width: 500px;left: 30px;}
.product-mc-h3.ygepm-h3-left>span{font-size: 17px;font-weight: 400;}
.product-mc-h3.ygepm-h3-left2::before{width: 280px;}
.flex_box_ygepm .icon_bg{width: 114px;height: 114px;margin: 40px auto;background: url(../images/qx_images/ygepm/ygepm.png) no-repeat;border-radius: 50%;}
.flex_box_ygepm .icon_bg.icon1{background-position: 0px 0px;}
.flex_box_ygepm .icon_bg.icon2{background-position: -120px 0px;}
.flex_box_ygepm .icon_bg.icon3{background-position: -241px 0px;}
.flex_box_ygepm .icon_bg.icon4{background-position: -363px 0px;}
.flex_box_ygepm .icon_bg.icon-arrow{width: 78px;height: 28px;border-radius: 0;margin-top: 80px;background-position: -490px 0px;}
.flex_box_ygepm .div1{background-color: rgb(231, 245, 253) !important;}
.flex_box_ygepm .div2{background-color: rgb(254, 245, 231) !important;}
.flex_box_ygepm .div3{background-color: rgb(230, 248, 240) !important;}
.flex_box_ygepm .div4{background-color: rgb(237, 238, 254) !important;}
.flex_box_ygepm .div-arrow{background-color: #fff !important;width: 100px;}
.text_div_ygepm{margin-top: 0;}
.text_div_ygepm:last-child{margin-top: 0;}
.ygepm_list li{width: 400px;height: auto;}
.circle_box_ygepm .circle_list.list4{top: 800px;left: -120px;}
.circle_box_ygepm .circle_list.list2 {top: 188px;left: 315px;}
.circle_box_ygepm .circle_list.list3 {top: 530px;left: 315px;}
.img_box2_ygepm {bottom: -140px;right: -50px;}

.product-mc-h3.ygpsw::before{width: 650px;}
.ygepm-h3-left2.ygpsw::before{width: 140px;}
.ygpsw_list li {width: 475px;margin: 20px 0;}
.text_div_ygpsw{margin: 20px 10px 40px 20px;}
.circle_box.circle_ygpsw{width: 480px;border-bottom-width: 0;}
.circle_ygpsw .circle_list.list2{top: 200px;left: 380px;}
/* .footer_img_ygpsw{position:absolute;bottom:-10px;} */
@media screen and (min-width: 1920px) {.footer_img_ygpsw{  position:absolute;  bottom:-90px;}}
@media screen and (max-width: 1920px) {.footer_img_ygpsw{  position:absolute;  bottom:-65px;}}
@media screen and (max-width: 1600px) {.footer_img_ygpsw{  position:absolute;  bottom:0px;}}

.no_data_tip{display: none;text-align: center;}
.comPro{min-height: 360px;}

.product-mc-h3.ygppo1::before{width: 440px;}
.product-mc-h3.ygppo2::before{width: 170px;}
.circle_box_ygppo{height: 700px;}
.circle_box_ygppo .circle_list.list1{left: -60px;}
.circle_box_ygppo .circle_list.list2{top: 300px;left: 340px;}
.circle_box_ygppo .circle_list.list3{top: 630px;left: -60px;}

.product-mc-h3.ygppo3::before{width: 190px;}
.qx_block_1200.mobile_ygppo3{margin-top: 120px;}


/*产品中心*/
.product_itembox{margin: 20px 0;}
.product_itemtitle{position: relative; font-size: 18px; font-weight: 600; text-align: center; letter-spacing: 1px;}
.product_itemtitle:before{position: absolute; content: ''; width: 250px; height: 2px; background: #29a394; left: 50%; margin-left: -125px; top: 40px;}
.product_itemtitle:after{position: absolute; content: ''; width: 30px; height: 30px; left: 50%; margin-left: -15px; top: 25px;}
.product_itemtitle.green:before{background: #29a394;}
.product_itemtitle.green:after{background: url(/images/product/title_icon1.png) no-repeat; background-size: 100%;}
.product_itemtitle.blue:before{background: #3c85e0;}
.product_itemtitle.blue:after{background: url(/images/product/title_icon2.png) no-repeat; background-size: 100%;}
.product_itemtitle.yellow:before{background: #cbac68;}
.product_itemtitle.yellow:after{background: url(/images/product/title_icon3.png) no-repeat; background-size: 100%;}
.product_itemdetail{margin-top: 50px;}
.product_itemdetail li{display: inline-block; width: calc((100% - 65px)/2); margin: 15px;}
.product_itemdetail .box-hover a{display: block; position: relative;}
.product_itemdetail .box-hover a img{width: 100%; display: block; transform-style: preserve-3d;}
.product_itemdetail .box-hover > a:after {background: rgba(255, 255, 255, 0.2) none repeat scroll 0 0; border: 1px solid rgba(255, 255, 255, 0.5); bottom: 0; content: ""; left: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; position: absolute; right: 0; top: 0; -webkit-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s;}
.product_itemdetail li:hover .box-hover > a:after {bottom: 20px; left: 20px; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; right: 20px; top: 20px;}
.product_itemdetail li:hover .box-hover ~.blog_text .blog_text_tit{color: #14b1bb;}
.product_itemitbox .product_itemdetail li:hover .box-hover ~.blog_text .blog_text_tit{color: #ab8e4f;}
.product_itemitbox .product_itemdetail li:hover .blog-image3.box-hover ~.blog_text .blog_text_tit{color: #3c85e0;}
.product_itemdetail .blog-image1{border-bottom: 3px solid #14b1bb;}
.product_itemdetail .blog-image2{border-bottom: 3px solid #ab8e4f;}
.product_itemdetail .blog-image3{border-bottom: 3px solid #3c85e0;}
.product_itemdetail .blog_text_tit{font-size: 16px; text-align: center; margin-bottom: 15px; color: #333; font-weight: 600; margin: 15px 0; display: block; text-decoration: none;}
.product_itemdetail .blog_text_tit:hover{text-decoration: none;}
.product_itemdetail .blog_text{padding: 0 10px; height: 130px; overflow: hidden;}
.product_itemdetail .blog_text p{line-height: 20px;}

.single-mega-item {float: left; padding: 0 0 15px 0;}
.single-mega-item li.block {color: #fff; font-size: 16px; margin: 10px 15px; position: relative;}
.single-mega-item li.block:after {background: #e0e0e0 none repeat scroll 0 0; bottom: 3px; content: ""; height: 1px; left: 20px; position: absolute; width: 33px;}
/* .single-mega-item li a{display: block; font-size: 13px;}
.single-mega-item li a:hover{color: #07e1f1;} */
/* .single-mega-item li{padding: 5px 0;} */
.single-mega-item li:not(.block){padding: 1px 15px; padding-right: 40px;}

/*在线反馈*/
.section4-title{position: relative; font-size: 24px; color: #000; letter-spacing: 0; text-align: center; font-weight: 500;}
.section4-title:after{position: absolute; content: ''; width: 130px; height: 1px; top: 50px; left: 50%; margin-left: -65px; background: #aaa;}
.online-box{width: 870px; margin: 40px auto 0;}
.online-textarea{margin: 25px 0;}
.online-textarea textarea{height: 250px; width: 870px; margin: 0 auto; font-size: 13px;border: 1px solid #1ab394;padding: 5px 15px;line-height: 1.5;border-radius: 4px;outline: 0;color: #606266;box-sizing: border-box;resize: none;}
.online-btn{max-width: 870px; margin: 0 auto;}
.online-btn a.btn{padding: 9px 60px; margin: 0 10px;}
.online-btn a.btn-link{color: #00a7d8; line-height: 39px; text-decoration: none;cursor: pointer;}
.online-btn a.btn-link:hover{text-decoration: underline;}
.online-btn a.btn:first-child{margin-left: 112px;}
.online-section{padding-bottom: 30px;}
.online-section .section4-title{margin-top: 0;}
.tips{margin-bottom: 10px;}
.filter-item{width:268px; height: 38px; line-height: 38px;cursor: not-allowed;padding: 0 15px;font-size: 14px;border: 1px solid #e4e7ed;background-color: #f5f7fa;color: #c0c4cc;border-radius: 4px;}
.online-codebox input{outline: 0;border: 1px solid #1ab394;border-radius: 4px;width: 83px;height: 43px;padding: 0 30px 0 15px;color: #606266;display: block;}
.btn{border: none;display: inline-block;border-radius: 3px;position: relative;padding: 8px 35px;margin: 10px 1px;font-size: 14px;font-weight: 500;text-transform: uppercase;letter-spacing: 1px;cursor: pointer;text-decoration: none;outline: 0 none rgba(0,0,0,.870588);}
.big-btn {font-size: 15px;padding: 12px 58px;}
.btn-gray {background: #98a4b6;color: #fff;}
.btn-gray:hover{background: #8894a5;}
.btn-blue {background: #54b9d1;color: #fff;}
.btn-blue:hover{background: #47acc4;}
.online-sumbitbox{text-align: right;margin-top: 12px;}
.online-codebox{margin-top: 10px;}
.online-codebox,.online-codebox label {display: inline-block;vertical-align: top;}
.online-codebox label{height: 45px;line-height: 45px;}
.mr-5 {margin-right: 5px;}
.phone{border: 1px solid #e4e7ed;border-radius: 4px;outline: none;/* width: 83px; */height: 43px;padding: 0 30px 0 15px;color: #606266;margin-left: 5px;}
.upload-img{width: 70px;height: 70px;line-height: 70px;border: 1px solid #dedede;color: #dedede;text-align: center;cursor: pointer;position: relative;}
.upload-img i{position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);font-size: 28px;color: #8c939d;}
.upload-img input{width: 70px;height: 70px;z-index: 9999;opacity: 0;cursor: pointer;}
.upload-list li{width: 66px;height: 66px;border: 3px solid #ddd;float: left;margin-right: 8px;position: relative;}
.upload-list li:hover .img-delete{display: inline-block !important;}
.upload-list li img{width: 100%;height: 100%;}
.img-delete{background-color: rgba(0,0,0,.5);width: 66px;height: 66px;position: absolute;top: 0;left: 0;}
.img-delete i{color: #fff;font-size: 20px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.online-btn .z_num{display: inline-block;float: left;height: 70px;line-height: 70px;margin-left: 15px;}
.phone[disabled]{cursor: not-allowed;}
/* 表单验证提示颜色 */
label.error{color: red;display: block;font-size: 12px !important;}
.confirm-box {padding: 30px;min-height: calc(100vh - 337px);}
.confirm-box-head {text-align: center;}
.confirm-lefticon {display: inline-block;width: 90px;height: 90px;line-height: 90px;border-radius: 90px;color: #fff;text-align: center;background: #30a030;}
.confirm-lefticon i {font-size: 50px;margin-top: 20px;}
.confirm-rightcng {display: inline-block;margin-left: 20px;vertical-align: top;text-align: left;}
.confirm-rightcng h3 {font-size: 24px;letter-spacing: 0;font-weight: 500;color: #000;margin: 12px 0;}
.confirm-rightcng h3 span {color: #30a030;}
.show-tip{position: fixed;width: 300px;height: 40px;line-height: 40px;padding: 10px;top: 130px;right: 10px;display: block;box-shadow: 5px 5px 5px #f2f2f2;border: 1px solid #f2f2f2;border-radius: 6px;display: none;background-color: #fff;}
.trial-applybox {margin-top: 30px;}
.apply .trial-applybox fieldset {padding-right: 60px;}
.trial-applybox fieldset {border: 1px solid #ddd;border-radius: 3px;padding: 30px;}
.trial-applybox fieldset legend {font-size: 1.17em;font-weight: 500;}
.trial-applybox label{width: 180px;display: inline-block;text-align: right;font-size: 14px;}
.one-fieldset .row{margin-bottom: 20px;}
.one-fieldset .row>div{float: left;width: 50%;min-height: 48px;}
.trial-applybox input[type="text"],.trial-applybox select{border-radius: 4px;border: 1px solid #dcdfe6;-webkit-box-sizing: border-box;box-sizing: border-box;color: #606266;display: inline-block;font-size: inherit;height: 48px;line-height: 48px;outline: 0;padding: 0 15px;width: calc(100% - 200px);}
.trial-applybox select{width: 120px;}
.trial-applybox label:first-child:before{content: "*";color: #f56c6c;margin-right: 4px;}
.trial-applybox label.purpose::before{content: "";}
.trial-applybox input[type="radio"]{margin: 0 5px;vertical-align: text-top;}
.trial-applybox textarea{padding: 5px 15px;line-height: 1.5;-webkit-box-sizing: border-box;box-sizing: border-box;width: calc(100% - 200px);font-size: inherit;color: #606266;border: 1px solid #dcdfe6;border-radius: 4px;height: 135px;outline: none;resize: none;}
.trial-applybox textarea:focus{border-color: #67c23a;}
.trial-applybox input[type="checkbox"]{margin: 0 2px;vertical-align: text-top;}
.trial-button {text-align: center;margin-top: 30px;padding-bottom: 30px;}
.trial-button .btn {min-width: 82px;padding: 9px 35px;margin: 0 10px;}
.trial-button .btn[disabled]{background: #98a4b6;cursor: not-allowed;}
#vmware-error,#vmwareCompany-error,#verifyCode-error,#way-error{position: absolute;left: 0;top: 24px;}
#verifyCode-error{top: 40px;}

.trial-applybox input[disabled]{cursor: not-allowed;}
.trial-applybox input:focus,.trial-applybox select:focus,.trial-applybox textarea:focus{border-color: #409eff;}

/* 联系我们 */
.section-contact {min-height: calc(100vh - 350px);background-image: url(/images/product/contact-bg.jpg);position: relative;background-repeat: no-repeat;background-position: 50%;background-size: cover;padding-bottom: 30px;}
.section-contact .breadcrumb_item, .section-contact .section {background: transparent;}
.contact-title {font-size: 22px;font-weight: 600;letter-spacing: 1px;padding-bottom: 40px;margin-top: 20px;margin-left: 62px;border-bottom: 1px dashed #aaa;max-width: 500px;}
.contact-title span {color: #fff;display: inline-block;padding: 3px 10px;background: #51b5e6;border-radius: 3px;margin: 0 5px;}
.contact-ul {margin-top: 30px;margin-left: 62px;}
.contact-ul li {padding: 10px 0;font-size: 15px;font-weight: 600;}
.contact-ul li i {margin-right: 5px;}