@charset "utf-8";

/* CSS Document */


/* 全局样式 */

* {
	padding: 0px;
	margin: 0px;
	color: #333333;
	font-family: "微软雅黑";
        user-select: text;
	-moz-user-select: text;
	-ms-user-select: text;
	-webkit-user-select: text;
        user-select: text;
}

ul,
ol {
	padding: 0px;
	margin: 0px;
	list-style: none;
}

body,
ul,
ol,
dl,
li,
p,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
img,
div {
	margin: 0;
	padding: 0;
	border: 0;
	-moz-user-select: text;
	-ms-user-select: text;
	-webkit-user-select: text;
        user-select: text;
}
span{
	-moz-user-select: text;
	-ms-user-select: text;
	-webkit-user-select: text;
        user-select: text;
}
body{
        font-family:Microsoft Yahei,"Helvetica Neue",Helvetica,Arial,sans-serif;
}
.clear {
	clear: both;
}

a {
	color: #333;
	text-decoration: none !important;
}

a:hover {
	text-decoration: none !important;
}

@font-face {
	font-family: qcloud-num-thin;
	src: url(../fonts/qcloud-num-thin.eot);
	src: url(../fonts/qcloud-num-thin.eot) format('embedded-opentype'), url(../fonts/qcloud-num-thin.woff) format('woff'), url(../fonts/qcloud-num-thin.ttf) format('truetype'), url(../fonts/qcloud-num-thin.svg) format('svg');
	font-weight: 400;
	font-style: normal
}


/*top 栏*/

.top_b1 {
	position: absolute;
	width: 100%;
	z-index: 9999;
	/*min-width: 1000px;*/
	background-color:#166aab;
}

.top_box {
	height: 32px;
	line-height: 30px;
	font-size: 0.8em;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto !important;
	color: #fff;
	border-bottom: 1px solid rgba(255, 255, 255, .1);
}

.top_box div,
.top_box a {
	color: #fff !important;
}

.nav_box {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto !important;
	border: none !important;
	background: none !important;
}

.logo,
.logo_box {
	height: 75px;
}
.navbar-header{
	padding-left:5px;
	padding-right:10px;
}
.nav_list {
	float: right !important;
}

.nav_list .navbar-nav {
	float: right !important;
}

.nav {
	width: 100%;
}

.dropdown {
	min-height: 75px !important;
	min-width: 50px;
	text-align: center;
}

.dropdown .dropdown-toggle {
	line-height: 45px !important;
	height: 75px !important;
	color: #fff !important;
	font-size: 1.2em;
}

.dropdown-menu {
	min-width: inherit !important;
	background: #00435b !important;
}

.bbb {
	border-bottom-color: #0087b8;
}

.top_b3 {
	background: #1081d5 !important;
	border-bottom-color: #0087b8
}

.top_b2 {
	background: rgba(0, 0, 0, 0.25) !important;
	border-bottom-color: #0087b8
}

.top_b1:hover .top_b3 {
	background: #1081d5 !important;
	border-bottom-color: #0087b8
}

.top_b1:hover .top_b2 {
	background: rgba(0, 0, 0, 0.25) !important;
	border-bottom-color: #0087b8
}

.dropdown-menu>li>a {
	color: #7fddff !important;
	white-space: pre-wrap !important;
	word-wrap: break-word !important;
	padding:3px 10px;
}

.open .dropdown-toggle {
	background: transparent !important;
}

.dropdown-menu {
	padding: 0 !important;
	margin: 0 !important;
	border: none !important;
	left: 50% !important;
	margin-left: -85px !important;
}

.dropdown:hover .pop-arrow {
	display: block;
}

.dropdown-menu>li>a {
	line-height: 2.5em !important;
	text-align: center;
	width: 170px;
	white-space: pre-wrap;
	word-wrap: break-word;
	padding:3px 5px;
}

.dropdown-menu>li>a:hover {
	background: rgba(0, 0, 0, 0.4) !important;
}

.foot2 {
	display: none;
}

.qc-navigation {
	position: absolute;
	z-index: 100;
	height: 65px;
	width: 100%
}

.sr-only,
.visually-hidden {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px);
	clip: rect(1px, 1px, 1px, 1px);
	padding: 0 !important;
	border: 0 !important;
	height: 1px !important;
	width: 1px !important;
	overflow: hidden
}

.body {
	background: #fff;
	margin: 0 auto;
	min-width: 320px
}

.mod-inner {
	max-width: 1200px;
	min-width: 320px;
	margin: 0 auto
}

.qc-btn {
	display: inline-block;
	vertical-align: middle;
	color: #fff;
	font-size: 14px;
	padding: 0 20px;
	line-height: 26px;
	overflow: visible;
	cursor: pointer;
	border: 1px solid #fff;
	text-align: center;
	border-radius: 2px;
	transition: background-color .15s
}

.qc-btn:active,
.qc-btn:hover {
	background-color: #2277da;
	border-color: #2277da
}

.qc-btn:focus {
	background-color: #2277da;
	border-color: #2277da;
	outline: 0
}

.qc-btn.disabled,
.qc-btn.disabled:active,
.qc-btn.disabled:focus,
.qc-btn.disabled:hover {
	color: #fff;
	border-color: #fff;
	opacity: .4;
	filter: Alpha(opacity=40);
	background-color: transparent;
	cursor: default
}

.qc-btn-1 {
	background-color: #0071ce;
	color: #fff
}

.mod-wrap {
	padding: 100px 0;
	min-width: 320px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.mod-wrap1 {
	padding: 0px 0 100px;
}

.mod-wrap.bg-color-xq {
	background-color: #f1f1f1;
}

.mod-wrap.bg-color-1 {
	background-color: transparent;
}

.mod-wrap .mod-title {
	color: #333
}

.mod-wrap .mod-title .title {
	font-size: 30px;
	font-weight: 400;
	margin-bottom: 10px;
	color: #FFFFFF;
}

.mod-wrap .mod-title .des-text {
	font-size: 18px;
	line-height: 1.5em;
	color: #FFFFFF;
}

.mod-wrap .mod-title .qc-btn {
	width: 180px;
	height: 45px;
	line-height: 45px;
	font-size: 18px;
	margin-top: 35px
}

.mod-wrap .mod-title .qc-btn:active,
.mod-wrap .mod-title .qc-btn:focus {
	border-color: #2277da;
	color: #fff
}

.mod-wrap .mod-content {
	margin-top: 60px
}

.mod-wrap .vertical-text .title {
	font-size: 24px;
	margin-bottom: 30px;
	display: inline-block;
	vertical-align: middle
}

.mod-wrap .vertical-text .title .icon {
	display: inline-block;
	vertical-align: middle
}

.mod-wrap .vertical-text .des-text {
	font-size: 14px;
	line-height: 30px;
	color: #fff;
	color: rgba(255, 255, 255, .8)
}

.mod-wrap .vertical-text .des-text .qc-btn {
	margin-top: 30px
}

.d-tb {
	display: table;
	width: 100%;
	table-layout: fixed
}

.d-tbc {
	display: table-cell
}

.qc-grids {
	font-size: 0
}

.qc-grids [class*=qc-unit] {
	display: inline-block;
	zoom: 1;
	letter-spacing: normal;
	word-spacing: normal;
	vertical-align: top;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.ct-slot {
	margin-left: 10px;
	margin-right: 10px
}

.qc-grids.with-slot [class*=qc-unit] {
	padding-left: 10px;
	padding-right: 10px
}

.qc-unit-1-24 {
	width: 4.1667%
}

.qc-unit-2-24 {
	width: 8.3333%
}

.qc-unit-3-24 {
	width: 12.5%
}

.qc-unit-4-24 {
	width: 16.6667%
}

.qc-unit-5-24 {
	width: 20.8333%
}

.qc-unit-6-24 {
	width: 25%
}

.qc-unit-7-24 {
	width: 29.1667%
}

.qc-unit-8-24 {
	width: 33.3333%
}

.qc-unit-9-24 {
	width: 37.5%
}

.qc-unit-10-24 {
	width: 41.6667%
}

.qc-unit-11-24 {
	width: 45.8333%
}

.qc-unit-12-24 {
	width: 50%
}

.qc-unit-13-24 {
	width: 54.1667%
}

.qc-unit-14-24 {
	width: 58.3333%
}

.qc-unit-15-24 {
	width: 62.5%
}

.qc-unit-16-24 {
	width: 66.6667%
}

.qc-unit-17-24 {
	width: 70.8333%
}

.qc-unit-18-24 {
	width: 75%
}

.qc-unit-19-24 {
	width: 79.1667%
}

.qc-unit-20-24 {
	width: 83.3333%
}

.qc-unit-21-24 {
	width: 87.5%
}

.qc-unit-22-24 {
	width: 91.6667%
}

.qc-unit-23-24 {
	width: 95.8333%
}

.qc-unit-24-24 {
	width: 100%
}

.qc-unit-1-5 {
	width: 20%
}

.qc-unit-3-5 {
	width: 60%
}

.qc-unit-4-5 {
	width: 80%
}

.mod-hero {
	background-repeat: no-repeat;
	background-position: top center
}

.mod-hero .hero-inner {
	margin: 0 auto;
	position: relative;
	min-width: 320px;
	text-align: center;
	overflow: hidden
}

.mod-hero .hero-img {
	font-size: 0;
	height: 500px;
	position: relative
}

.mod-hero .hero-img .img-item {
	display: inline-block;
	display: none;
	width: 100%;
	height: 100%;
	background-position: top center;
	background-repeat: no-repeat;
	background-size: 1920px 500px
}

.mod-hero .hero-img .img-item.active {
	display: inline-block;
	position: relative
}

.hero-handle {
	position: absolute;
	top: 55%;
	left: 50%;
	width: 100%;
	max-width: 1200px;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: opacity .2s;
	-o-transition: opacity .2s;
	transition: opacity .2s
}

.mod-hero:hover .hero-handle {
	opacity: 1;
	filter: alpha(opacity=100)
}

.hero-handle-inner {
	position: absolute;
	width: 100%;
	left: -50%
}

.mod-hero .hero-tab {
	position: absolute;
	margin: 0 auto;
	left: 0;
	bottom: 5%;
	z-index: 99;
	width: 100%;
	text-align: center
}

.mod-hero .hero-tab li {
	margin: 0 3px;
	display: inline-block
}

.mod-hero .hero-tab li a {
	display: inline-block;
	width: 13px;
	height: 3px;
	padding: 5px 0
}

.mod-hero .hero-tab li a i {
	display: inline-block;
	width: 15px;
	height: 5px;
	background-color: #fff;
	background: rgba(255, 255, 255, .3)
}

.mod-hero .hero-tab .selected a i {
	background-color: #fff;
	opacity: 1
}

.mod-hero .switch-control {
	position: absolute;
	top: 50%;
	font-size: 0;
	width: 60px;
	height: 400px;
	line-height: 400px;
	margin-top: -200px
}

.mod-hero .switch-control.pre {
	left: 0;
	text-align: left
}

.mod-hero .switch-control.next {
	right: 0;
	text-align: right
}

.mod-hero .switch-control b {
	display: inline-block;
	width: 22px;
	height: 41px;
	overflow: hidden;
	line-height: 99;
	vertical-align: middle
}

.mod-hero .switch-control.pre b {
	background-image: url(../images/index-201703161500.png);
	background-position: -252px -79px
}

.mod-hero .switch-control.next b {
	background-image: url(../images/index-201703161500.png);
	background-position: -105px -158px
}

.mod-hero .hero-ct {
	position: absolute;
	top: 26%
}

.mod-hero .hero-text {
	position: absolute;
	top: 0;
	width: 90%;
	height: 100%;
	max-width: 1050px;
	min-width: 320px;
	text-align: left;
	left: 50%;
	color: #fff
}

.mod-hero .hero-text-inner {
	position: absolute;
	width: 100%;
	height: 100%;
	left: -50%
}

.mod-hero .hero-text-inner:hover {
	cursor: pointer
}

.mod-hero .hero-text .hero-ct h2 {
	font-size: 56px;
	font-weight: 400;
	margin-bottom: 2.5%
}

.mod-hero .hero-text .hero-ct .piece {
	margin-right: 30px
}

.mod-hero .hero-text .hero-ct .des-text {
	font-size: 20px;
	line-height: 36px
}

.mod-hero .hero-text .hero-btn {
	font-size: 20px;
	color: #fff;
	border: 1px solid #fff;
	width: 18.33%;
	height: 43px;
	line-height: 43px;
	display: inline-block;
	text-align: center;
	border-radius: 2px;
	position: absolute;
	bottom: 24%
}

.mod-hero .hero-text .hero-btn:hover {
	background-color: #fff
}

.mod-hero .hero-ct-mobile {
	display: none;
	color: #fff;
	bottom: 40px;
	width: 100%;
	text-align: center;
	position: absolute
}

.mod-hero .hero-ct-mobile h2 {
	font-size: 26px;
	font-weight: 400;
	margin-bottom: 2.5%
}

.mod-hero .hero-ct-mobile .des-text {
	font-size: 16px
}

.mod-activity {
	padding: 0
}

.mod-activity .mod-inner {
	max-width: 1200px;
	min-width: 320px;
	margin-left: auto;
	margin-right: auto
}

.mod-activity .activity-list {
	font-size: 0
}

.mod-activity .activity-list li {
	display: inline-block;
	white-space: nowrap;
	width: 33.3%;
	height: 140px;
	vertical-align: top;
	box-sizing: border-box;
	padding-top: 15px;
	padding-left: 15px;
	position: relative
}

.mod-activity .activity-list li a {
	display: block;
	height: 100%
}

.mod-activity .activity-list li:after {
	display: block;
	content: '';
	position: absolute;
	height: 80px;
	width: 1px;
	/*border-left:#e2e2e2 1px solid;*/
	top: 30px;
	left: 0
}

.advertising-icon {
	position: relative;
	width: 110px;
	height: 110px;
	margin-right: 5px;
	transition: all .2s linear;
	background-size: 100% auto
}

.advertising-icon img {
	/*position:absolute;
	left:0;
	top:0;
	width:100%*/
}

picture {
	height: 100px;
	display: block;
}

.activity-list li .advertising-text,
.advertising-icon {
	display: inline-block;
	vertical-align: middle
}

.activity-list li .advertising-text {
	max-width: 50%
}

.activity-list li .advertising-text .title {
	font-size: 16px;
	color: #333;
	padding-bottom: 5px;
	transition: all .2s linear
}

.activity-list li .advertising-text .title em {
	color: #ff9102;
	transition: all .2s linear
}

.activity-list li .advertising-text .title i {
	margin-left: 5px;
	margin-top: -3px
}

.activity-list li .advertising-text .content {
	font-size: 14px;
	color: #666;
	word-break: break-all;
	white-space: normal
}

.activity-list li:hover .advertising-icon {
	transform: translate3d(0, -2px, 0)
}

.activity-list li:hover .advertising-text .title,
.activity-list li:hover .advertising-text .title em {
	color: #2277da
}

.mod-activity .activity-list li:first-child:after {
	display: none
}

.advertising-icon-hot,
.advertising-icon-new {
	width: 29px;
	height: 13px;
	display: inline-block;
	vertical-align: middle
}

.advertising-icon-hot {
	background-image: url(../fonts/index-201703161500.svg);
	background-image: -webkit-image-set(url(../fonts/index-201703161500.svg)1x, url(../fonts/index-201703161500.svg) 2x);
	background-position: 97.16% 95.93%;
	background-size: 586.2068965517241% 1046.1538461538462%;
	;
	background-repeat: no-repeat
}

.advertising-icon-new {
	background-image: url(../fonts/index-201703161500.svg);
	background-image: -webkit-image-set(url(../fonts/index-201703161500.svg)1x, url(../fonts/index-201703161500.svg) 2x);
	background-position: 97.16% 83.74000000000001%;
	background-size: 586.2068965517241% 1046.1538461538462%;
	;
	background-repeat: no-repeat
}

.activity-list .mobile-advertising-text {
	display: none;
	margin-top: 0;
}

.mod-wrap-product {
	background-image: url(../images/mod-bg.png);
	background-position: top center;
	background-repeat: no-repeat
}

.mod-wrap-product .unit-box {
	background-color: #fff;
	height: 130px;
	padding: 20px 0;
	margin-top: 10px;
	margin-bottom: 10px;
	-webkit-transition: all .2s linear;
	transition: all .2s linear
}

.mod-wrap-product .unit-box:hover:hover {
	-webkit-box-shadow: 0 3px 20px rgba(0, 0, 0, .1);
	box-shadow: 0 3px 20px rgba(0, 0, 0, .1);
	-webkit-transform: translate3d(0, -2px, 0);
	transform: translate3d(0, -2px, 0)
}

.mod-wrap-product .pd-item-name {
	display: inline-block;
	width: 42%;
	border-right: 1px solid #e2e2e2;
	vertical-align: top;
	height: 100%;
	text-align: center
}

.mod-wrap-product .pd-item-name h3 {
	font-size: 18px;
	color: #333;
	margin-top: 22px;
	font-weight: 400
}

.mod-wrap-product .pd-img {
	max-width: 81%
}

.mod-wrap-product .pd-item-sub {
	display: inline-block;
	width: 52%;
	vertical-align: top;
	padding-left: 5%
}

.mod-wrap-product .pd-item-sub .sub-name {
	color: #666;
	font-size: 14px;
	line-height: 32px
}

.mod-wrap-product .pd-item-sub .sub-name:hover {
	color: #2277da
}

.mod-wrap-product .m-more {
	margin-top: 10px;
	display: none;
	margin-left: 10px;
	margin-right: 10px
}

.mod-wrap-product .m-more .links {
	color: #2277da;
	font-size: 14px;
	text-align: center;
	background: #fff;
	display: block;
	height: 30px;
	line-height: 30px
}

.mod-wrap-product .mobile-pt {
	margin-left: 30px;
	margin-right: 30px;
	margin-top: 40px;
	display: none
}

.mod-wrap-product .mobile-pt .pt-item {
	background-color: #fff;
	margin-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px
}

.mod-wrap-product .mobile-pt .pt-item:last-child {
	margin-bottom: 0
}

.mod-wrap-product .mobile-pt .pt-title {
	padding-left: 5px;
	padding-right: 5px
}

.mod-wrap-product .mobile-pt .pt-title a {
	-webkit-tap-highlight-color: transparent
}

.mod-wrap-product .mobile-pt .pt-category {
	color: #000;
	font-size: 16px;
	height: 50px;
	position: relative;
	display: block
}

.mod-wrap-product .mobile-pt .pt-category:before {
	display: inline-block;
	content: "";
	width: 0;
	height: 100%;
	vertical-align: middle;
	font-size: 0
}

.mod-wrap-product .mobile-pt .pt-category .pd-img {
	width: 32px;
	height: 32px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 15px
}

.mod-wrap-product .mobile-pt .pt-category .text {
	display: inline-block;
	vertical-align: middle
}

.mod-wrap-product .mobile-pt .pt-item .arr {
	display: inline-block;
	position: absolute;
	right: 0;
	top: 20px;
	width: 17px;
	height: 10px;
	background-image: url(../images/arr-down.png);
	background-size: 17px auto
}

.mod-wrap-product .mobile-pt .pt-item-open .arr {
	background-image: url(../images/arr-up.png)
}

.mod-wrap-product .mobile-pt .pt-ct {
	border-top: 1px solid #e2e2e2;
	display: none;
	padding: 15px 5px 5px
}

.mod-wrap-product .mobile-pt .pt-item-open .pt-ct {
	display: block
}

.mod-wrap-product .mobile-pt .pt-ct .ct-item {
	margin-bottom: 10px
}

.mod-wrap-product .mobile-pt .sub-title {
	display: block;
	padding-top: 5px;
	padding-bottom: 5px
}

.mod-wrap-product .mobile-pt .sub-title h4 {
	color: #333;
	font-size: 14px;
	font-weight: 400
}

.mod-wrap-product .mobile-pt .sub-title .des-text {
	color: #999;
	font-size: 12px;
	line-height: 20px
}

.mod-wrap-solution {
	padding-top: 95px;
	padding-bottom: 83px;
	height: 775px;
	position: relative
}

.mod-wrap-solution .solution-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-position: top center;
	background-repeat: no-repeat;
	z-index: 1;
	background-size: cover
}

.mod-wrap-solution.solution-game .solution-bg {
	background-image: url(../images/bg.jpg)
}

.mod-wrap-solution.solution-medical .solution-bg {
	background-image: url(../images/bg.jpg)
}

.mod-wrap-solution.solution-finance .solution-bg {
	background-image: url(../images/bg.jpg)
}

.mod-wrap-solution.solution-e-commerce .solution-bg {
	background-image: url(../images/bg.jpg)
}

.mod-wrap-solution.solution-video .solution-bg {
	background-image: url(../images/bg.jpg)
}

.mod-wrap-solution.solution-o2o .solution-bg {
	background-image: url(../images/bg.jpg)
}

.mod-wrap-solution.solution-wechat .solution-bg {
	background-image: url(../images/bg.jpg)
}

.mod-wrap-solution.solution-tourism .solution-bg {
	background-image: url(../images/bg.jpg)
}

.mod-wrap-solution.solution-website .solution-bg {
	background-image: url(../images/bg.jpg)
}

.mod-wrap-solution.solution-iot .solution-bg {
	background-image: url(../images/bg.jpg)
}

.mod-wrap-solution .mod-inner {
	position: relative;
	z-index: 2
}

.mod-wrap-solution .mod-title {
	color: #fff
}

.mod-wrap-solution .mod-content {
	color: #fff;
	height: 460px
}

.mod-wrap-solution .qc-unit-4-24 {
	display: inline-block;
	vertical-align: top;
	border-right: 1px solid #fff;
	border-right: 1px solid rgba(255, 255, 255, .3)
}

.mod-wrap-solution .qc-unit-4-24 .tab-item a {
	font-size: 18px;
	color: #fff;
	display: inline-block;
	width: 77%;
	height: 46px;
	line-height: 46px;
	text-align: center;
	transition: .2s ease background-color
}

.mod-wrap-solution .qc-unit-4-24 .tab-item a:hover {
	color: #008bff
}

.mod-wrap-solution .qc-unit-4-24 .tab-item.item-selected a,
.mod-wrap-solution .qc-unit-4-24 .tab-item.item-selected a:hover {
	background-color: #2277da;
	color: #fff
}

.mod-wrap-solution .solution-details {
	height: 100%
}

.mod-wrap-solution .solution-details .solution-item {
	padding-left: 5%
}

.mod-wrap-solution .solution-details .user-list {
	margin-top: 40px;
	margin-bottom: 60px;
	white-space: nowrap
}

.mod-wrap-solution .solution-details .user-list li {
	display: inline-block;
	width: 14%;
	height: auto;
	background-color: #fff;
	background: rgba(255, 255, 255, .3);
	text-align: center;
	margin-right: 2%;
	border: 1px solid #fff;
	border: 1px solid rgba(255, 255, 255, .2);
	box-sizing: border-box
}

.mod-wrap-solution .solution-details .user-list li.last {
	margin-right: 0
}

.mod-wrap-solution .solution-details .user-list li a {
	display: block;
	height: 100%;
	cursor: pointer
}

.mod-wrap-solution .solution-details .user-list li a:before {
	display: inline-block;
	content: "";
	width: 0;
	height: 100%;
	vertical-align: middle;
	font-size: 0
}

.mod-wrap-solution .solution-details .user-list li:hover {
	background: rgba(255, 255, 255, .4)
}

.mod-wrap-solution .solution-details .user-list li.no-detail:hover {
	cursor: default;
	background: rgba(255, 255, 255, .3)
}

.mod-wrap-solution .solution-details .user-list li.no-detail a:hover {
	cursor: default
}

.mod-wrap-solution .solution-details .user-list .user-img {
	display: inline-block;
	vertical-align: middle;
	max-width: 100%
}

.mod-wrap-solution .solution-details .vertical-text {
	width: 75%
}

.mod-wrap-solution .solution-details .vertical-text .solution-icon {
	width: 28px;
	height: 23px
}

.mod-wrap-solution .solution-details .vertical-text .qc-btn {
	margin-top: 30px;
	border-color: rgba(255, 255, 255, .4);
	width: 70px;
	height: 32px;
	line-height: 32px
}

.mod-wrap-solution .solution-details .vertical-text .qc-btn:active,
.mod-wrap-solution .solution-details .vertical-text .qc-btn:focus,
.mod-wrap-solution .solution-details .vertical-text .qc-btn:hover {
	border-color: #2277da
}

.mod-wrap-data {
	padding: 0;
	position: relative
}

.mod-wrap-data .mod-inner {
	position: relative;
	overflow: hidden
}

.mod-wrap-data .mod-title {
	padding-top: 95px
}

.mod-wrap-data .mod-content {
	margin-top: 8.4%;
	overflow: hidden
}

.mod-wrap-data .merit-item {
	margin-bottom: 44px
}

.mod-wrap-data .merit-item.data-item-3 {
	margin-bottom: 130px
}

.mod-wrap-data .merit-item span {
	display: block;
	width: 164px;
	height: 96px
}

.mod-wrap-data .merit-item .map-img-1 {
	background-image: url(../images/map-1.png)
}

.mod-wrap-data .merit-item .map-img-2 {
	background-image: url(../images/map-2.png)
}

.mod-wrap-data .merit-item .map-img-3 {
	background-image: url(../images/map-3.png)
}

.mod-wrap-data .map {
	max-width: 80%;
	position: absolute;
	top: 25px;
	right: 0;
	overflow: hidden;
	font-size: 0;
	text-align: right;
	pointer-events: none;
	width: 100%;
	height: 100%
}

.mod-wrap-data .map .map-img {
	background-image: url(../images/earth.png);
	width: 100%;
	height: 100%;
	max-width: 100%;
	vertical-align: middle;
	display: inline-block;
	background-size: cover
}

.mod-wrap-data .map:before {
	display: inline-block;
	content: "";
	height: 100%;
	width: 0;
	font-size: 0;
	vertical-align: middle
}

.mod-wrap-data .map-text {
	position: absolute;
	bottom: 130px;
	left: 70px;
	font-size: 14px;
	color: #333;
	line-height: 44px
}

.mod-wrap-data .mod-title .tc-btn {
	color: #333;
	border: 1px solid #333
}

.mod-wrap-data .map-text .icon {
	display: inline-block;
	width: 22px;
	height: 22px;
	vertical-align: -5px;
	margin-right: 15px
}

.mod-wrap-data .map-text .icon-1 {
	background-image: url(../images/index-201703161500.png);
	background-position: -252px -122px
}

.mod-wrap-data .map-text .icon-2 {
	background-image: url(../images/index-201703161500.png);
	background-position: -129px -158px
}

.mod-wrap-data .qc-btn {
	border-color: #333;
	color: #333
}

.mod-wrap-data .qc-btn:hover {
	border-color: #2277da;
	color: #fff
}

.mod-wrap-dynamic {
	background-image: url(../images/dynamic-bg.jpg);
	background-color: #02a2fa;
	background-position: top center;
	background-repeat: no-repeat;
	height: 130px;
	padding: 0
}

.mod-wrap-dynamic .mod-inner {
	white-space: nowrap
}

.mod-wrap-dynamic .text {
	font-size: 24px;
	color: #fff;
	line-height: 130px;
	display: inline-block;
	vertical-align: top;
	width: 30.5%;
	text-align: left
}

.mod-wrap-dynamic .ct-data {
	display: block;
	zoom: 1
}

.mod-wrap-dynamic .data {
	font-family: qcloud-num-thin, 'helvetica neue', 'hiragino sans gb', tahoma, 'microsoft yahei ui', 'microsoft yahei', simsun, sans-serif;
	font-size: 24px;
	color: #fff;
	display: inline-block;
	line-height: 130px;
	vertical-align: top;
	width: 69.5%;
	text-align: right
}

.mod-wrap-dynamic .data span {
	font-size: 70px;
	letter-spacing: .3em
}

.mod-wrap-service {
	background-image: url(../images/mod-bg.png);
	background-position: top center;
	background-repeat: no-repeat
}

.mod-wrap-service .unit-box {
	background-color: #fff;
	text-align: center;
	display: block;
	-webkit-transition: all .2s linear;
	transition: all .2s linear
}

.mod-wrap-service .unit-box:hover {
	-webkit-box-shadow: 0 3px 20px rgba(0, 0, 0, .1);
	box-shadow: 0 3px 20px rgba(0, 0, 0, .1);
	-webkit-transform: translate3d(0, -2px, 0);
	transform: translate3d(0, -2px, 0)
}

.mod-wrap-service .vertical-text {
	padding: 25px 0
}

.mod-wrap-service .vertical-text .title {
	font-size: 18px;
	color: #333;
	margin-bottom: 5px
}

.mod-wrap-service .vertical-text .des-text {
	color: #666;
	line-height: 24px;
	padding-left: 10px;
	padding-right: 10px
}

.mod-wrap-service .service-img {
	display: block;
	margin: 0 auto 10px;
	width: 144px;
	height: 100px
}

.mod-wrap-free {
	background-image: url(../images/free-bg.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	min-height: 270px;
	height: 530px;
	background-size: cover
}

.mod-wrap-free .mod-title {
	color: #fff
}

.mod-wrap-service .tc-btn-1 {
	margin-left: 10px
}

.mod-wrap-news {
	background-image: url(../images/mod-bg.png);
	background-position: top center;
	background-repeat: no-repeat;
	height: 438px
}

.mod-wrap-news .mod-content {
	margin-top: 0
}

.mod-wrap-news .mod-title {
	margin-bottom: 10px
}

.mod-wrap-news .mod-title .title {
	display: inline-block
}

.mod-wrap-news .mod-title .sub-tab {
	display: inline-block;
	margin-left: 20px
}

.mod-wrap-news .mod-title .sub-tab .sub-text {
	display: inline-block;
	margin-left: 13px;
	margin-right: 13px
}

.mod-wrap-news .mod-title .sub-tab .sub-text a {
	font-size: 18px;
	color: #333;
	padding-bottom: 5px
}

.mod-wrap-news .mod-title .sub-tab .sub-text-selected a {
	color: #2277da;
	border-bottom: 2px solid #2277da
}

.mod-wrap-news .unit-box .news-list {
	width: 50%;
	display: inline-block
}

.mod-wrap-news .unit-box .news-list .news-item {
	font-size: 14px;
	color: #333;
	line-height: 50px
}

.mod-wrap-news .unit-box .news-list .text {
	max-width: 66%;
	display: inline-block;
	vertical-align: middle;
	white-space: nowrap;
	word-wrap: normal;
	word-break: break-all;
	overflow: hidden;
	text-overflow: ellipsis
}

.mod-wrap-news .unit-box .news-list .news-item .date {
	color: #666;
	display: inline-block;
	vertical-align: middle
}

.mod-wrap-news .unit-box .news-list .news-item .stick {
	color: #999;
	margin: 0 10px;
	display: inline-block;
	vertical-align: middle
}

.mod-wrap-news .unit-box .news-list .news-item:hover,
.mod-wrap-news .unit-box .news-list .news-item:hover .date,
.mod-wrap-news .unit-box .news-list .news-item:hover .stick {
	color: #2277da
}

.mod-wrap-news .unit-box .news-list .news-item .label {
	background-color: #fc5900;
	color: #fff;
	font-size: 12px;
	padding: 1px 8px;
	line-height: 16px;
	margin-left: 5px
}

.mod-wrap-news .ad-img,
.mod-wrap-news .event-img {
	max-width: 100%;
	height: auto;
	margin-bottom: 20px
}

.mod-wrap-news .text-line {
	margin-top: 15px
}

.mod-wrap-news .text-line.m-text {
	display: none
}

.mod-wrap-news .links {
	font-size: 14px;
	color: #2277da
}

.mod-wrap-news .links:hover {
	text-decoration: underline
}

.mod-wrap-news .pagination {
	font-size: 0;
	float: right;
	margin-top: 10px
}

.mod-wrap-news .btn-page {
	display: inline-block;
	height: 24px;
	line-height: 24px;
	width: 38px;
	border: 1px solid #666;
	border-radius: 3px;
	text-align: center;
	background-color: #fcfcfc;
	cursor: pointer;
	font-size: 0 !important
}

.mod-wrap-news .pagination .page-prev {
	margin-right: 10px
}

.mod-wrap-news .btn-page .icon-page-prev {
	display: inline-block;
	width: 9px;
	height: 16px;
	vertical-align: middle;
	background-image: url(../images/index-201703161500.png);
	background-position: -173px -182px
}

.mod-wrap-news .btn-page .icon-page-next {
	display: inline-block;
	width: 9px;
	height: 16px;
	vertical-align: middle;
	background-image: url(../images/index-201703161500.png);
	background-position: -162px -182px
}

.mod-wrap-news .btn-page:hover {
	background-color: #2277da;
	border: 1px solid #2277da
}

.mod-wrap-news .btn-page:focus {
	background-color: #2277da;
	border: 1px solid #2277da;
	outline: 0
}

.mod-wrap-news .btn-page:focus .icon-page-prev,
.mod-wrap-news .btn-page:hover .icon-page-prev {
	background-image: url(../images/index-201703161500.png);
	background-position: -151px -182px
}

.mod-wrap-news .btn-page:focus .icon-page-next,
.mod-wrap-news .btn-page:hover .icon-page-next {
	background-image: url(../images/index-201703161500.png);
	background-position: -140px -182px
}

.mod-wrap-news .btn-page-disabled,
.mod-wrap-news .btn-page-disabled:focus,
.mod-wrap-news .btn-page-disabled:hover {
	background-color: #f6f6f6;
	border-color: #bcbcbc;
	cursor: default
}

.mod-wrap-news .btn-page-disabled .icon-page-prev,
.mod-wrap-news .btn-page-disabled:focus .icon-page-prev,
.mod-wrap-news .btn-page-disabled:hover .icon-page-prev {
	background-image: url(../images/index-201703161500.png);
	background-position: -129px -182px
}

.mod-wrap-news .btn-page-disabled .icon-page-next,
.mod-wrap-news .btn-page-disabled:focus .icon-page-next,
.mod-wrap-news .btn-page-disabled:hover .icon-page-next {
	background-image: url(../images/index-201703161500.png);
	background-position: -184px -182px
}

.mod-wrap-our-service {
	background-color: #fff;
	padding: 40px 0
}

.mod-wrap-our-service .d-tbc-first,
.mod-wrap-our-service .d-tbc-last {
	width: 17%
}

.service-item {
	border-left: 1px solid #DCDDDE;
	height: 80px;
	font-size: 14px;
	text-align: center;
	display: block
}

.mod-wrap-our-service .d-tbc:first-child .service-item {
	border-left: 0
}

.service-item .term {
	display: inline-block;
	height: 77px;
	max-width: 90%
}

.service-item .term-1 {
	width: 116px;
	background-image: url(../images/index-201703161500.png);
	background-position: -134px -79px
}

.service-item .term-2 {
	width: 133px;
	background-image: url(../images/index-201703161500.png);
	background-position: -145px 0px
}

.service-item .term-3 {
	width: 103px;
	background-image: url(../images/index-201703161500.png);
	background-position: 0px -158px
}

.service-item .term-4 {
	width: 132px;
	background-image: url(../images/index-201703161500.png);
	background-position: 0px -79px
}

.service-item .term-5 {
	width: 143px;
	background-image: url(../images/index-201703161500.png);
	background-position: 0px 0px
}

.first-service-item {
	text-align: left
}

.last-service-item {
	text-align: right
}

.mod-wrap-our-service .d-tbc-first {
	padding-left: 1%
}

.mod-wrap-our-service .d-tbc-last {
	padding-right: 1%
}

.head-light-tips {
	background-color: #fffce2
}

.head-light-tips-inner {
	min-height: 25px;
	line-height: 25px;
	min-width: 320px;
	max-width: 1200px;
	color: #f87831;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	padding-top: 5px;
	padding-bottom: 5px
}

.head-light-tips-close,
.head-light-tips-icon,
.head-light-tips-inner span {
	display: inline-block;
	vertical-align: top
}

.head-light-tips-inner span {
	max-width: 80%
}

.head-light-tips-icon {
	margin-top: 4px;
	width: 16px;
	height: 16px;
	background-image: url(../images/index-201703161500.png);
	margin-right: 7px;
	background-position: -153px -158px
}

.head-light-tips-close {
	width: 13px;
	height: 13px;
	background-image: url(../images/index-201703161500.png);
	position: absolute;
	right: 4px;
	top: 13px;
	background-position: -171px -158px
}

.mod-wrap-certification .mod-content {
	margin-top: 55px
}

.mod-wrap-certification .ct-box {
	border: 1px solid #dbdbdb;
	display: block;
	height: 200px;
	-webkit-transition: all .2s linear;
	transition: all .2s linear
}

.mod-wrap-certification .ct-box:hover {
	-webkit-box-shadow: 0 3px 20px rgba(0, 0, 0, .1);
	box-shadow: 0 3px 20px rgba(0, 0, 0, .1);
	-webkit-transform: translate3d(0, -2px, 0);
	transform: translate3d(0, -2px, 0)
}

.mod-wrap-certification .vertical-text {
	text-align: center;
	padding-top: 30px
}

.mod-wrap-certification .vertical-text .ct-img {
	display: block;
	margin: 0 auto 15px;
	max-width: 100%;
	height: auto
}

.mod-wrap-certification .vertical-text .title {
	color: #333;
	font-size: 18px;
	margin-bottom: 5px
}

.mod-wrap-certification .vertical-text .des-text {
	color: #666;
	font-size: 14px
}

.mod-wrap-certification .mask {
	width: 100%;
	height: 207px;
	position: relative;
	overflow: hidden
}

.mod-wrap-certification .certification-item {
	margin-bottom: 20px
}

.mod-wrap-certification .section-slide-left,
.mod-wrap-certification .section-slide-right {
	display: inline-block;
	position: absolute;
	top: 75px;
	background-color: #c2c2c2;
	width: 26px;
	height: 60px
}

.mod-wrap-certification .section-slide-left.disabled,
.mod-wrap-certification .section-slide-right.disabled {
	background-color: #e6e6e6
}

.mod-wrap-certification .section-slide-left:hover,
.mod-wrap-certification .section-slide-right:hover {
	background-color: #adadad
}

.mod-wrap-certification .section-slide-left.disabled:hover,
.mod-wrap-certification .section-slide-right.disabled:hover {
	background-color: #e6e6e6;
	cursor: default
}

.mod-wrap-certification .section-slide-left {
	left: 10px
}

.mod-wrap-certification .section-slide-right {
	right: 10px
}

.mod-wrap-certification .section-slide-left:before,
.mod-wrap-certification .section-slide-right:before {
	display: inline-block;
	content: "";
	width: 0;
	height: 100%;
	vertical-align: middle;
	font-size: 0
}

.mod-wrap-certification .section-slide-left .icon,
.mod-wrap-certification .section-slide-right .icon {
	display: inline-block;
	width: 12px;
	height: 21px;
	vertical-align: middle;
	margin-left: 7px;
	background-repeat: no-repeat
}

.mod-wrap-certification .section-slide-left .icon {
	background-image: url(../images/index-201703161500.png);
	background-position: -105px -201px
}

.mod-wrap-certification .section-slide-right .icon {
	background-image: url(../images/index-201703161500.png);
	background-position: -119px -201px
}

.mod-wrap-certification .carousel-indicators {
	width: 100%;
	text-align: center;
	margin-top: 20px
}

.mod-wrap-certification .carousel-indicators li {
	display: inline-block
}

.mod-wrap-certification .carousel-indicators .dot {
	display: inline-block;
	padding: 10px 5px
}

.mod-wrap-certification .carousel-indicators .dot i {
	width: 9px;
	height: 9px;
	background-color: #d6d6d6;
	border-radius: 50%;
	display: inline-block
}

.mod-wrap-certification .carousel-indicators li.active .dot i {
	background-color: #2277da
}

.mod-wrap-certification .ct-list {
	position: absolute;
	top: 0;
	left: 0;
	width: 10000px;
	padding-top: 5px
}

.mod-wrap-product-new {
	/*background-image:url(../images/mod-bg.png);*/
	background-position: top center;
	background-repeat: no-repeat
}

.mod-wrap-product-new .qc-unit-active {
	width: 33.3333%
}

.mod-wrap-product-new .mod-content {
	height: 450px
}

.mod-wrap-product-new .product-block {
	background-color: #fff;
	border: 1px solid #d9d9d9;
	padding-bottom: 40px;
	position: relative;
	height: 400px;
	transition: all .3s cubic-bezier(.4, 0, .2, 1), z-index 0s .12s;
	min-height: 0;
	overflow: hidden
}

.mod-wrap-product-new .product-block.last {
	border-right: none
}

.mod-wrap-product-new .product-block.hidden-ct {
	display: none
}

.mod-wrap-product-new .product-block .pt-overview {
	display: block;
	transition: all .12s cubic-bezier(.4, 0, .2, 1) .18s;
	opacity: 1;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	text-align: center;
	z-index: 5
}

.mod-wrap-product-new .pt-overview-name {
	padding-top: 20px;
	padding-bottom: 20px;
	position: relative;
	text-align: center;
	background: #ebebec;
}

.mod-wrap-product-new .pt-overview-name:after {
	content: "";
	width: 40px;
	height: 0;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -20px;
	background-color: #d9d9d9
}

.mod-wrap-product-new .pt-overview-name .name-title {
	font-size: 18px;
	color: #000;
	font-weight: 400;
	position: relative
}

.mod-wrap-product-new .pt-detail-name .pt-name-img,
.mod-wrap-product-new .pt-overview-name .pt-name-img {
	display: block;
	width: 32px;
	height: 32px;
	margin: 0 auto 15px
}

.mod-wrap-product-new .pt-overview-name .pt-name-img.compute {
	background-image: url(../fonts/index-201703161500.svg);
	background-image: -webkit-image-set(url(../fonts/index-201703161500.svg)1x, url(../fonts/index-201703161500.svg) 2x);
	background-position: 25.36% 33.650000000000006%;
	background-size: 531.25% 425%;
	;
	background-repeat: no-repeat
}

.mod-wrap-product-new .pt-overview-name .pt-name-img.cdn {
	background-image: url(../fonts/index-201703161500.svg);
	background-image: -webkit-image-set(url(../fonts/index-201703161500.svg)1x, url(../fonts/index-201703161500.svg) 2x);
	background-position: 0.72% 66.35%;
	background-size: 531.25% 425%;
	;
	background-repeat: no-repeat
}

.mod-wrap-product-new .pt-overview-name .pt-name-img.database {
	background-image: url(../fonts/index-201703161500.svg);
	background-image: -webkit-image-set(url(../fonts/index-201703161500.svg)1x, url(../fonts/index-201703161500.svg) 2x);
	background-position: 50% 66.35%;
	background-size: 531.25% 425%;
	;
	background-repeat: no-repeat
}

.mod-wrap-product-new .pt-overview-name .pt-name-img.domain {
	background-image: url(../fonts/index-201703161500.svg);
	background-image: -webkit-image-set(url(../fonts/index-201703161500.svg)1x, url(../fonts/index-201703161500.svg) 2x);
	background-position: 0.72% 0.96%;
	background-size: 531.25% 425%;
	;
	background-repeat: no-repeat
}

.mod-wrap-product-new .pt-overview-name .pt-name-img.safe {
	background-image: url(../fonts/index-201703161500.svg);
	background-image: -webkit-image-set(url(../fonts/index-201703161500.svg)1x, url(../fonts/index-201703161500.svg) 2x);
	background-position: 0.72% 99.03999999999999%;
	background-size: 531.25% 425%;
	;
	background-repeat: no-repeat
}

.mod-wrap-product-new .pt-overview-name .pt-name-img.network {
	background-image: url(../fonts/index-201703161500.svg);
	background-image: -webkit-image-set(url(../fonts/index-201703161500.svg)1x, url(../fonts/index-201703161500.svg) 2x);
	background-position: 50% 99.03999999999999%;
	background-size: 531.25% 425%;
	;
	background-repeat: no-repeat
}

.mod-wrap-product-new .pt-overview-name .pt-name-img.monitor {
	background-image: url(../fonts/index-201703161500.svg);
	background-image: -webkit-image-set(url(../fonts/index-201703161500.svg)1x, url(../fonts/index-201703161500.svg) 2x);
	background-position: 99.28% 0.96%;
	background-size: 531.25% 425%;
	;
	background-repeat: no-repeat
}

.mod-wrap-product-new .pt-overview-name .pt-name-img.mobile {
	background-image: url(../fonts/index-201703161500.svg);
	background-image: -webkit-image-set(url(../fonts/index-201703161500.svg)1x, url(../fonts/index-201703161500.svg) 2x);
	background-position: 99.28% 66.35%;
	background-size: 531.25% 425%;
	;
	background-repeat: no-repeat
}

.mod-wrap-product-new .pt-overview-name .pt-name-img.video {
	background-image: url(../fonts/index-201703161500.svg);
	background-image: -webkit-image-set(url(../fonts/index-201703161500.svg)1x, url(../fonts/index-201703161500.svg) 2x);
	background-position: 25.36% 0.96%;
	background-size: 531.25% 425%;
	;
	background-repeat: no-repeat
}

.mod-wrap-product-new .pt-detail-sub-menu,
.mod-wrap-product-new .pt-overview-sub-menu {
	margin-top: 25px
}

.mod-wrap-product-new .pt-detail-sub-menu .menu-list,
.mod-wrap-product-new .pt-overview-sub-menu .menu-list {
	height: 200px
}

.mod-wrap-product-new .pt-overview-sub-menu .title {
	font-size: 14px;
	color: #666;
	line-height: 42px
}

.mod-wrap-product-new .pt-detail-sub-menu .title-text,
.mod-wrap-product-new .pt-overview-sub-menu .title-text {
	position: relative
}

.mod-wrap-product-new .pt-overview-sub-menu .tip-label {
	font-size: 12px;
	color: #ff7200;
	margin-left: 3px;
	display: inline-block;
	vertical-align: bottom
}

.mod-wrap-product-new .product-block .pt-detail {
	visibility: visible;
	transition: all .12s cubic-bezier(.4, 0, .2, 1) 0s;
	opacity: 0;
	text-align: left;
	z-index: 10;
	position: relative
}

.mod-wrap-product-new .qc-unit-active .pt-overview {
	display: none
}

.mod-wrap-product-new .product-block.qc-unit-active .pt-overview {
	transition: all .12s cubic-bezier(.4, 0, .2, 1) 0s;
	display: block;
	opacity: 0
}

.product-block.qc-unit-active {
	border-top: 1px solid #1d8de4;
	margin-top: -30px;
	border-left: 1px solid #1d8de4;
	border-right: 1px solid #1d8de4;
	border-bottom: 1px solid #1d8de4;
	padding-bottom: 20px;
	-webkit-box-shadow: 0 3px 20px rgba(29, 141, 228, .9);
	-moz-box-shadow: 0 3px 20px rgba(29, 141, 228, .9);
	box-shadow: 0 3px 20px rgba(29, 141, 228, .9);
	-webkit-transform: translate3d(0, -2px, 0);
	transform: translate3d(0, -2px, 0);
	z-index: 999;
}

.qc-grids.with-slot .product-block.qc-unit-active {
	padding-left: 0;
	padding-right: 0;
	min-height: 0;
	height: 400px;
}

.mod-wrap-product-new .product-block.qc-unit-active .pt-detail {
	visibility: visible;
	transition: all .12s cubic-bezier(.4, 0, .2, 1) .18s;
	opacity: 1
}

.mod-wrap-product-new .pt-detail-name {
	padding: 20px 0;
	background: #1d8de4;
	/*border-bottom:1px solid #d9d9d9;*/
	position: relative;
}

.pt-detail {
	width: 100% !important;
}

.mod-wrap-product-new .pt-detail-name .name-title {
	margin-bottom: 20px;
	color: #fff;
	font-size: 18px;
	font-weight: 400;
	display: inline-block;
	vertical-align: middle
}

.mod-wrap-product-new .pt-detail-name .name-title .icon-arrow {
	border: 2px solid #b0b0b0;
	width: 10px;
	height: 10px;
	margin: auto;
	position: absolute;
	top: 22px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	right: 20px;
	display: none;
	border-top: none;
	border-right: none
}

.mod-wrap-product-new .pt-detail-name .pt-name-img {
	margin-bottom: 0;
	margin-right: 10px;
	display: inline-block;
	vertical-align: middle
}

.mod-wrap-product-new .pt-detail-sub-menu .des-text {
	font-size: 14px;
	color: #666;
	line-height: 1.5;
	margin-right: 33%
}

.mod-wrap-product-new .pt-detail-name .pt-name-img.compute {
	background-image: url(../fonts/index-201703161500.svg);
	background-image: -webkit-image-set(url(../fonts/index-201703161500.svg)1x, url(../fonts/index-201703161500.svg) 2x);
	background-position: 0.72% 33.650000000000006%;
	background-size: 531.25% 425%;
	;
	background-repeat: no-repeat
}

.mod-wrap-product-new .pt-detail-name .pt-name-img.cdn {
	background-image: url(../fonts/index-201703161500.svg);
	background-image: -webkit-image-set(url(../fonts/index-201703161500.svg)1x, url(../fonts/index-201703161500.svg) 2x);
	background-position: 50% 33.650000000000006%;
	background-size: 531.25% 425%;
	;
	background-repeat: no-repeat
}

.mod-wrap-product-new .pt-detail-name .pt-name-img.database {
	background-image: url(../fonts/index-201703161500.svg);
	background-image: -webkit-image-set(url(../fonts/index-201703161500.svg)1x, url(../fonts/index-201703161500.svg) 2x);
	background-position: 25.36% 66.35%;
	background-size: 531.25% 425%;
	;
	background-repeat: no-repeat
}

.mod-wrap-product-new .pt-detail-name .pt-name-img.domain {
	background-image: url(../fonts/index-201703161500.svg);
	background-image: -webkit-image-set(url(../fonts/index-201703161500.svg)1x, url(../fonts/index-201703161500.svg) 2x);
	background-position: 74.64% 0.96%;
	background-size: 531.25% 425%;
	;
	background-repeat: no-repeat
}

.mod-wrap-product-new .pt-detail-name .pt-name-img.safe {
	background-image: url(../fonts/index-201703161500.svg);
	background-image: -webkit-image-set(url(../fonts/index-201703161500.svg)1x, url(../fonts/index-201703161500.svg) 2x);
	background-position: 74.64% 66.35%;
	background-size: 531.25% 425%;
	;
	background-repeat: no-repeat
}

.mod-wrap-product-new .pt-detail-name .pt-name-img.network {
	background-image: url(../fonts/index-201703161500.svg);
	background-image: -webkit-image-set(url(../fonts/index-201703161500.svg)1x, url(../fonts/index-201703161500.svg) 2x);
	background-position: 25.36% 99.03999999999999%;
	background-size: 531.25% 425%;
	;
	background-repeat: no-repeat
}

.mod-wrap-product-new .pt-detail-name .pt-name-img.monitor {
	background-image: url(../fonts/index-201703161500.svg);
	background-image: -webkit-image-set(url(../fonts/index-201703161500.svg)1x, url(../fonts/index-201703161500.svg) 2x);
	background-position: 74.64% 99.03999999999999%;
	background-size: 531.25% 425%;
	;
	background-repeat: no-repeat
}

.mod-wrap-product-new .pt-detail-name .pt-name-img.mobile {
	background-image: url(../fonts/index-201703161500.svg);
	background-image: -webkit-image-set(url(../fonts/index-201703161500.svg)1x, url(../fonts/index-201703161500.svg) 2x);
	background-position: 99.28% 33.650000000000006%;
	background-size: 531.25% 425%;
	;
	background-repeat: no-repeat
}

.mod-wrap-product-new .pt-detail-name .pt-name-img.video {
	background-image: url(../fonts/index-201703161500.svg);
	background-image: -webkit-image-set(url(../fonts/index-201703161500.svg)1x, url(../fonts/index-201703161500.svg) 2x);
	background-position: 74.64% 33.650000000000006%;
	background-size: 531.25% 425%;
	;
	background-repeat: no-repeat
}

.mod-wrap-product-new .pt-detail-name .pt-name-img.bigdata {
	background-image: url(../images/index-201703161500.svg);
	background-image: -webkit-image-set(url(../images/index-201703161500.svg)1x, url(../fonts/index-201703161500.svg) 2x);
	background-position: 50% 0.96%;
	background-size: 531.25% 425%;
	;
	background-repeat: no-repeat
}

.mod-wrap-product-new .pt-detail-sub-menu {
	margin-top: 10px
}

.mod-wrap-product-new .pt-detail-sub-menu .menu-list {
	min-height: 350px;
	height: auto
}

.mod-wrap-product-new .pt-detail-sub-menu .menu-list .menu-item {
	height: 170px;
	padding: 5px 20px 8px
}

.mod-wrap-product-new .pt-detail-sub-menu .title {
	font-weight: 700;
	color: #000;
	line-height: 30px;
	font-size: 14px
}

.mod-wrap-product-new .pt-detail-sub-menu .title-text {
	display: inline-block;
	vertical-align: middle;
	font-weight: 400;
	width: 200px;
}

.mod-wrap-product-new .pt-detail-sub-menu .shop {
	float: right
}

.mod-wrap-product-new .pt-detail-sub-menu .label {
	font-size: 14px;
	color: #ff7200
}

.mod-wrap-product-new .pt-detail-sub-menu .qc-btn {
	display: none;
	border: 1px solid #2277e6;
	color: #2277e6;
	margin-top: -7px
}

.mod-wrap-product-new .pt-detail-sub-menu .qc-btn:hover {
	color: #fff
}

.mod-wrap-product-new .pt-detail-sub-menu .menu-list .menu-item:hover {
	background-color: #f0f2f5;
	cursor: pointer
}

.mod-wrap-product-new .pt-detail-sub-menu .menu-list .menu-item:hover .qc-btn {
	display: inline-block;
	font-size: 12px
}

.mod-wrap-product-new .pt-detail-sub-menu .menu-list .menu-item.hidden-ct,
.mod-wrap-product-new .pt-detail-sub-menu .menu-list .menu-item:hover .label {
	display: none
}

.mod-wrap-product-new .pt-detail-sub-menu .m-link {
	font-size: 14px;
	color: #2277e6;
	margin: 0 20px;
	padding-top: 5px
}

.mod-wrap-product-new .pt-detail-sub-menu .m-link:hover {
	text-decoration: underline
}

.product-block.qc-unit-active .m-link {
	display: block
}

.qc-navigation {
	min-width: 320px
}

.qc-navigation-mobile {
	position: absolute
}

body.ie8 .mod-wrap-dynamic .data span {
	font-size: 55px
}

body.ie8 .mod-wrap-service .vertical-text .des-text {
	font-size: 12px
}

body.ie8 .mod-wrap-solution .solution-details .user-list li {
	background-color: #969dab;
	border-color: #969aaa
}

.mod-hero .hero-text .hero-btn:hover {
	color: #2277da
}

.hero-text-con {
	position: absolute;
	top: 26%
}

.mod-hero .hero-text .hero-text-con h2 {
	font-size: 56px;
	font-weight: 400;
	margin-bottom: 2.5%
}

.mod-hero .hero-text .hero-text-con .piece {
	margin-right: 30px
}

.mod-hero .hero-text .hero-text-con .des-text {
	font-size: 20px;
	line-height: 36px
}

.hero-btn-center {
	left: 50%;
	margin-left: -9.15%
}

.mui-table-view-cell>a:not(.mui-btn).mui-active {
	background-color: #fff;
}

.mui-slider-group {
	width: 100%;
	height: 8rem;
}

li.product-li {
	padding: 0.625rem 0 0.65rem 0;
	margin: 0.55rem 0.125rem;
	border: 1px solid #eeeeee;
	height: 7.5rem;
	background-color: #ffffff;
	text-align: center;
}

li.product-li h4 {
	font-size: 0.7rem;
	line-height: 0.7rem;
	margin-bottom: 0.625rem;
}

li.product-li p {
	font-size: 0.5rem;
	line-height: 0.5rem;
	margin-bottom: 0.2rem;
}

li.product-li img {
	width: 2.4rem;
	height: 2.575rem;
}

li.product-li .p-last {
	margin-bottom: 0.8rem;
}


/*登录按钮块样式*/

div.register-inner-div {
	margin: 0 auto;
	width: 98%;
	height: 5rem;
	background: url(../images/product-register-bg_01.png);
	-webkit-background-size: 100%;
	-moz-background-size: 100%;
	-o-background-size: 100%;
	background-size: 100%;
}

p.register-introduce {
	margin: 0;
	line-height: 3em;
	color: #fff;
	font-size: 1em;
	text-align: center;
}

a.register-btn {
	display: block;
	margin: 0 auto;
	width: 4rem;
	height: 2em;
	line-height: 2em;
	text-align: center;
	font-size: 1em;
	background-color: #fff;
	color: #009fd9;
}


/*解决方案样式*/

p.title-p {
	position: relative;
	margin: 0.85rem 0.1rem 0.55rem 0.2rem;
	font-size: 0.7rem;
	line-height: 0.7rem;
	text-indent: 0.5rem;
}

p.solution-title::before {
	content: "";
	display: block;
	position: absolute;
	width: 0.15rem;
	height: 100%;
	left: 0;
	top: 0;
	/* background-color: #009fd9; */
}


/*解决方案轮播*/

.solution-wrap {
	margin: 0 auto;
	width: 98%;
	text-align: center;
}

.solution-wrap a {
	display: block;
	width: 100%;
	height: 100%;
	background-color: #fff;
}

.solution-wrap img {
	margin-top: 0.9rem;
	width: 2.5rem !important;
}

.solution-name {
	padding-top: 0.5rem;
	font-size: 0.6rem;
	color: #333333;
}

.solution-trait {
	padding-top: 0.15rem;
	padding-bottom: 1.65rem;
	font-size: 0.5rem;
	color: #b8b8b8;
}


/*新闻动态样式*/


/*.title-p.news-title {
	margin-top: 0.4rem;
}*/
p.news-title::before {
	content: "";
	display: block;
	position: absolute;
	width: 0.15rem;
	height: 100%;
	left: 0;
	top: 0;
	background-color: #009fd9;
}

.index-news-box {
	margin: 0 auto;
	width: 98%;
	background-color: #fff;
}

.news-title p {
	position: relative;
	border: 1px solid #eeeeee;
	height: 2em;
	line-height: 2em;
	text-align: center;
	background-color: #fafafa;
	color: #333333;
}

.news-title.active p {
	border: none;
	color: #42aede;
}

.news-title.active p::before {
	content: "";
	display: block;
	position: absolute;
	height: 2px;
	width: 100%;
	background-color: #009fd9;
	left: 0;
	top: 0;
}

.news-item a {
	margin: 0 auto;
	display: block;
	border-bottom: 1px dashed #dddddd;
	width: 100%;
	height: 3em;
	line-height: 3em;
	font-size: 1em;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	color: #7d7d7d;
}

.news-item a .news-item-date {
	color: #999999;
}

.news-item li:nth-last-child(1) a {
	border: none;
}

.last-register-btn {
	display: block;
	margin: 1.5rem auto 1.4rem;
	width: 11.5rem;
	height: 1.8rem;
}

.last-register-btn img {
	width: 100%;
	height: 100%;
}


/*轮播图下方滑块样式*/

.mui-slider-indicator {
	display: block!important;
	position: absolute!important;
	z-index: 999!important;
	bottom: 10%;
}

.mui-slider-indicator.mui-propagation2 {
	bottom: 14%;
}

.mui-slider-indicator .mui-indicator.long-mui-indicator {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	width: 0.9rem;
	height: 0.15rem;
}

.mui-slider-indicator .mui-indicator.long-mui-indicator.mui-active {
	background-color: #009fd9;
	-webkit-box-shadow: 0 0 1px 1px #009fd9;
	-moz-box-shadow: 0 0 1px 1px #009fd9;
	box-shadow: 0 0 1px 1px #009fd9;
}

.mui-slider-indicator .mui-indicator.short-mui-indicator {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	width: 0.3rem;
	height: 0.15rem;
	background-color: #ccc;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	/*opacity: 0.4;*/
}

.mui-slider-indicator .mui-indicator.short-mui-indicator.mui-active {
	background-color: #fff;
	-webkit-box-shadow: 0 0 1px 1px #fff;
	-moz-box-shadow: 0 0 1px 1px #fff;
	box-shadow: 0 0 1px 1px #fff;
	/*opacity: 1;*/
}

.mui-slider .mui-slider-group .mui-slider-item {
	background-color: white;
}

.center-vertical {
	position: relative;
	top: 50%;
        top: 20%\0;
	transform: translateY(-50%);
        transform: translateY(0%)\0;
}

@media screen and (max-width:1199px) {
	.qc-footer {
		min-width: 1000px
	}
	.qc-footer-service .fs-ct,
	.qc-footer-service .fs-ct.item-last {
		width: 20%
	}
	.qc-footer-service .fs-ct {
		text-align: center
	}
	.qc-footer-website .columns,
	.qc-footer-website .columns.column-follow {
		width: 20%;
		text-align: center
	}
	.qc-footer-website .columns .cl-ct {
		display: inline-block;
		text-align: left
	}
	.qc-footer-blogroll .blogroll-inner {
		text-align: center;
		padding: 0 10px
	}
	.qc-footer-blogroll .link-set {
		text-align: left
	}
	.qc-footer-blogroll .locale {
		position: relative;
		text-align: center;
		margin-top: 30px
	}
	.footer-list ul {
		float: left;
		margin-right: 3% !important;
	}
}

@media screen and (max-width:768px) {
	.top_b1 {
		min-width: inherit !important;
	}
	.mod-scroll-btn {
		display: none
	}
	.m-scroll-top {
		display: block
	}
	.head-light-tips,
	.qc-navigation {
		display: none
	}
	.qc-navigation-mobile {
		display: block
	}
	.tc-footer {
		min-width: 320px;
		padding-bottom: 40px
	}
	.tc-footer .tc-footer-columns {
		display: none
	}
	.tc-footer .column-certification,
	.tc-footer .column-follow {
		width: auto;
		margin-left: 10px;
		margin-right: 10px
	}
	.tc-footer .columns h3,
	.tc-footer .columns ul {
		padding-left: 30px
	}
	.tc-footer .column-certification .certification .ct-img img {
		max-width: 100%
	}
	.tc-footer .column-certification>h3 {
		padding-left: 0
	}
	.qc-footer {
		min-width: 320px
	}
	.qc-footer .qc-footer-service {
		display: none
	}
	.qc-footer-blogroll .blogroll-inner {
		display: block;
		margin: 0 6%;
		width: auto;
		padding-left: 0;
		padding-right: 0
	}
	.qc-footer-blogroll .department {
		line-height: 24px
	}
	.dropdown .dropdown-toggle {
		padding: 10px 2px !important;
		line-height: 55px !important;
	}
	.press-release-list {
		display: none !important;
	}
	.box .news-title {
		float: left;
		width: 33.33333% !important;
	}
	.mod-wrap-product-new .pt-detail-name {
		background: none;
	}
	.foot1 {
		display: none;
	}
	.foot2 {
		display: block;
	}
	.mobile-num {
		font-size: 1.85em;
		line-height: 2em;
		color: #337ab7;
	}
	.top_b3 {
		background: transparent !important;
	}
}

@media (max-width: 767px) {
	.logo {
		width: 65%;
	}
	.nav_list {
		width: 100%;
		padding: 0 !important;
	}
	.navbar-nav {
		margin: 0 !important;
	}
	.navbar-toggle {
		top: 12px;
	}
	.dropdown-menu a {
		text-align: center !important;
	}
	.top_b1 {
		position: inherit !important;
	}
	.top_b3 {
		background: #1081d5 !important;
		border-bottom-color: #0087b8
	}
	.top_b2 {
		background: #1081d5 !important;
		border-bottom-color: #0087b8
	}
	.navbar-default .navbar-toggle:focus,
	.navbar-default .navbar-toggle:hover {
		background-color: inherit !important;
	}
	.navbar-default .navbar-toggle .icon-bar {
		background: #ddd !important;
	}
	.mod-wrap-product-new .pt-detail-sub-menu .menu-list .menu-item:first-child {
		height: 161px !important;
	}
	.mod-wrap-product-new .pt-detail-sub-menu .menu-list .menu-item {
		height: 130px !important;
	}
	.dropdown:hover .pop-arrow {
		display: none !important;
	}
	.dropdown-menu>li>a {
		width: auto;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.dropdown-menu {
		padding: 0 !important;
		margin: 0 !important;
		border: none !important;
		left: 0% !important;
		margin-left: 00px !important;
	}
	.top_b1:hover .top_b2 {
		background: #1081d5 !important;
		border-bottom-color: #0087b8
	}
}

@media screen and (max-width:414px) {
	.tc-footer .columns,
	.tc-footer .tc-footer-copyright .department {
		display: none
	}
	.tc-footer .tc-footer-copyright .links .line-2 .slide {
		display: block
	}
	.tc-footer .tc-footer-copyright .department,
	.tc-footer .tc-footer-copyright .department a {
		font-size: 14px
	}
	.qc-footer-action .footer-action {
		padding-top: 25px;
		padding-bottom: 25px;
		overflow: hidden
	}
	.qc-footer-action .text {
		font-size: 16px;
		padding-bottom: 20px;
		width: 100%
	}
	.qc-footer-action .op-btns .bt {
		font-size: 14px;
		line-height: 30px;
		padding-left: 25px;
		padding-right: 25px;
		margin-left: 10px;
		margin-right: 10px
	}
	.qc-footer-website .website-columns {
		padding-bottom: 25px;
		border-bottom: none
	}
	.qc-footer-website .columns,
	.qc-footer-website .columns.column-follow {
		display: block;
		margin: 0 6.67%;
		width: auto;
		text-align: left;
		border-bottom: 1px solid #393c40
	}
	.qc-footer-website .columns .cl-ct {
		display: block
	}
	.qc-footer-website .columns .cl-ct .ct-list {
		display: none
	}
	.qc-footer-website .columns h3 {
		margin-bottom: 0
	}
	.qc-footer-website .columns .ct-title {
		margin: 0;
		line-height: 40px;
		display: block;
		position: relative
	}
	.qc-footer-website .columns .ct-title:after {
		content: '';
		border: 1px solid #fff;
		display: block;
		width: 6px;
		height: 6px;
		margin: auto;
		position: absolute;
		top: 15px;
		right: 0;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
		border-top: none;
		border-right: none
	}
	.qc-footer-website .m-open .cl-ct .ct-list {
		display: block
	}
	.qc-footer-website .m-open .ct-title:after {
		border-top: 1px solid #fff;
		border-right: 1px solid #fff;
		border-bottom: none;
		border-left: none
	}
	.qc-footer-website .m-open .cl-ct .ct-list a {
		margin-bottom: 3px
	}
	.qc-footer-website .columns .footer-icon {
		display: none
	}
	.qc-footer-website-node-wechat,
	.qc-footer-website-node-weibo {
		display: none !important
	}
	.qc-footer-website .columns .m-text {
		display: block
	}
	.qc-footer-website .m-call {
		display: block;
		margin: 0 6.67%;
		width: auto
	}
	.qc-footer-website .m-call .call-num {
		display: block;
		font-size: 14px;
		color: #ccc;
		border-radius: 2px;
		border: 1px solid #ccc;
		line-height: 40px;
		text-align: center
	}
	.qc-footer-website .m-qr {
		display: block
	}
	.qc-footer-blogroll .department,
	.qc-footer-blogroll .slide.slide-ct {
		display: none
	}
	.qc-footer-blogroll .locale {
		margin-top: 10px
	}
}

@media screen and (min-width:769px) and (max-width:1230px) {
	.mod-hero .switch-control b {
		-webkit-transition: margin .2s;
		transition: margin .2s
	}
	.mod-hero .switch-control.pre b {
		margin-left: 15px
	}
	.mod-hero .switch-control.next b {
		margin-right: 15px
	}
}

@media screen and (min-width:769px) and (max-width:1199px) {
	.body,
	.head-light-tips,
	.mod-hero .hero-inner,
	.mod-inner,
	.mod-wrap {
		/*min-width: 1000px*/
	}
	.head-light-tips-inner {
		margin-right: 30px;
		margin-left: 30px
	}
	.mod-wrap-data .map {
		top: 12%
	}
	.mod-wrap-dynamic .data span {
		font-size: 44px
	}
	.mod-wrap-dynamic .text {
		font-size: 20px
	}
	.mod-wrap-service .vertical-text {
		height: 210px
	}
}

@media screen and (max-width:1000px) {
	.mod-wrap-our-service .d-tbc-last {
		width: 21%
	}
}

@media screen and (max-width:768px) {
	.body,
	.mod-inner {
		min-width: 320px
	}
	.ct-slot {
		margin-right: 30px;
		margin-left: 30px
	}
	.qc-grids.with-slot {
		margin-right: 20px;
		margin-left: 20px
	}
	.mod-wrap .mod-content {
		margin-top: 40px
	}
	.mod-hero .hero-inner {
		min-width: 320px
	}
	.qc-unit-md-1-2 {
		width: 50%
	}
	.mod-wrap .mod-title .title {
		font-size: 26px
	}
	.mod-wrap-certification,
	.mod-wrap-data .mod-title,
	.mod-wrap-product-new,
	.mod-wrap.mod-wrap-free,
	.mod-wrap.mod-wrap-news,
	.mod-wrap.mod-wrap-product,
	.mod-wrap.mod-wrap-service,
	.mod-wrap.mod-wrap-solution {
		padding-top: 50px;
		padding-bottom: 50px
	}
	.mod-wrap .mod-title .des-text {
		font-size: 16px
	}
	.mod-hero .hero-img {
		height: 300px
	}
	.mod-hero .hero-img .img-item {
		background-size: cover
	}
	.mod-hero .hero-text .hero-ct h2 {
		font-size: 30px
	}
	.mod-hero .hero-text .hero-ct .des-text {
		font-size: 16px;
		line-height: 26px
	}
	.mod-hero .hero-text .hero-btn {
		height: 34px;
		line-height: 34px;
		font-size: 14px
	}
	.mod-hero .hero-handle {
		display: none
	}
	.mod-activity .mod-inner {
		box-sizing: border-box;
		padding: 20px 30px
	}
	.mod-activity .activity-list {
		display: table;
		width: 100%;
		table-layout: fixed
	}
	.mod-activity .activity-list li {
		position: relative;
		display: table-cell;
		width: 33.3%;
		height: auto;
		padding: 0;
		text-align: center
	}
	.mod-activity .activity-list li:after {
		display: none
	}
	.advertising-icon {
		position: relative;
		margin-bottom: 6px;
		margin-right: 0;
		padding-top: 61.111%;
		width: 61.111%;
		height: 0
	}
	.advertising-icon img {
		position: absolute;
		width: 100%;
	}
	.activity-list li .advertising-text {
		display: block;
		max-width: none;
		padding: 0 10px
	}
	.mod-wrap-product .mod-content {
		display: none
	}
	.mod-wrap-product .mobile-pt {
		display: block
	}
	.mod-wrap-data .mod-title {
		padding-bottom: 45px
	}
	.mod-wrap-data .mod-content {
		margin-top: 0;
		text-align: center
	}
	.mod-wrap-data .mod-content ul {
		font-size: 0
	}
	.mod-wrap-data .merit-item {
		display: inline-block;
		vertical-align: top;
		width: 22%;
		margin-left: 4%;
		margin-right: 4%
	}
	.mod-wrap-data .merit-item span {
		margin: 0 auto;
		max-width: 90%;
		background-size: contain;
		background-repeat: no-repeat
	}
	.mod-wrap-data .merit-item.data-item-3 {
		margin-bottom: 0
	}
	.mod-wrap-data .map {
		position: relative;
		max-width: 100%;
		width: 100%;
		background-size: cover;
		margin-top: -235px;
		height: 362px;
		overflow: hidden
	}
	.mod-wrap-dynamic .data span {
		font-size: 36px
	}
	.mod-wrap-dynamic .data,
	.mod-wrap-dynamic .text {
		display: block;
		line-height: 65px;
		width: 100%;
		text-align: center
	}
	.mod-wrap-dynamic .text {
		padding-top: 5px
	}
	.mod-wrap-dynamic .data {
		line-height: 40px;
		font-size: 20px
	}
	.mod-wrap-free {
		height: 300px
	}
	.mod-wrap-news {
		height: auto;
		background-repeat: repeat-y
	}
	.mod-wrap-news .mod-content {
		margin-top: 0
	}
	.mod-wrap-news .mod-content .qc-unit-16-24 {
		margin-bottom: 40px
	}
	.mod-wrap-news .unit-box .news-list {
		width: 100%
	}
	.mod-wrap-news .unit-box .news-list:nth-child(2) {
		display: none
	}
	.mod-wrap-news .mod-title .sub-tab {
		display: block;
		margin-left: 0
	}
	.mod-wrap-news .mod-title .sub-tab .sub-text {
		margin-left: 0;
		margin-right: 5%
	}
	.mod-wrap-news .pagination {
		display: none
	}
	.mod-wrap-news .text-line.m-text {
		display: block
	}
	.mod-wrap-our-service {
		padding-top: 0;
		padding-bottom: 0;
		border-top: 1px solid #eee
	}
	.mod-wrap-our-service .d-tbc {
		display: inline-block;
		width: 25%;
		padding-top: 25px;
		padding-bottom: 25px
	}
	.mod-wrap-our-service .d-tbc:nth-child(3) {
		display: none
	}
	.mod-wrap-our-service .first-service-item,
	.mod-wrap-our-service .last-service-item {
		text-align: center
	}
	.mod-wrap-our-service .service-item .sr-only {
		position: relative !important;
		height: auto !important;
		width: auto !important;
		color: #888;
		font-size: 20px;
		display: block
	}
	.mod-wrap-our-service .service-item .sr-only.t-1 {
		font-size: 36px
	}
	.mod-wrap-our-service .service-item .term {
		background-image: none;
		display: none
	}
	.mod-wrap-our-service .d-tbc-first {
		padding-left: 0
	}
	.mod-wrap-our-service .d-tbc-last {
		padding-right: 0
	}
	.mod-wrap-service {
		display: none
	}
	.mod-wrap-certification .ct-box {
		border: none;
		height: auto
	}
	.mod-wrap-certification .ct-box:hover {
		box-shadow: none;
		-webkit-box-shadow: none;
		transform: none;
		-webkit-transform: none
	}
	.mod-wrap-certification .carousel-indicators,
	.mod-wrap-certification .section-slide-left,
	.mod-wrap-certification .section-slide-right,
	.mod-wrap-certification .vertical-text .des-text {
		display: none
	}
	.mod-wrap-certification .mask {
		overflow: auto;
		height: auto
	}
	.mod-wrap-certification .vertical-text {
		padding-top: 0
	}
	.mod-wrap-certification .ct-list {
		position: static;
		width: auto
	}
	.mod-wrap-certification .certification-item {
		width: 25% !important
	}
	.mod-wrap-product-new .mod-content {
		height: auto
	}
	.mod-wrap-product-new .product-block {
		border: none;
		padding: 0;
		margin-bottom: 10px;
		text-align: left;
		height: auto;
		transition: none;
		transform: none
	}
	.mod-wrap-product-new .qc-unit-md-1-1 {
		width: 100%
	}
	.mod-wrap-product-new .product-block .pt-overview {
		display: none
	}
	.mod-wrap-product-new .product-block .pt-detail {
		opacity: 1
	}
	.mod-wrap-product-new .pt-detail-name {
		border-bottom: none;
		margin-left: 5px;
		margin-right: 5px
	}
	.mod-wrap-product-new .pt-detail-name .name-title {
		color: #000;
		margin: 0 !important;
	}
	.mod-wrap-product-new .pt-detail .pt-detail-sub-menu {
		display: none
	}
	.mod-wrap-product-new .pt-detail-name .name-title .icon-arrow {
		display: block
	}
	.mod-wrap-product-new .pt-detail-sub-menu .menu-list {
		min-height: 0;
		padding-bottom: 20px
	}
	.mod-wrap-product-new .pt-detail-sub-menu .menu-list .menu-item:hover .qc-btn {
		display: none
	}
	.mod-wrap-product-new .pt-detail-sub-menu .menu-list .menu-item:hover .label {
		display: block
	}
	.product-block.qc-unit-active .m-link {
		display: none
	}
	.mod-wrap-product-new .product-block.hidden-ct {
		display: block
	}
	.product-block.qc-unit-active {
		border: none;
		margin-top: 0
	}
	.qc-grids.with-slot .product-block.qc-unit-active {
		min-height: 0;
		height: auto
	}
	.mod-wrap-product-new .qc-unit-active .pt-detail-name {
		border-bottom: 1px solid #d9d9d9;
		margin-left: 15px;
		margin-right: 15px
	}
	.mod-wrap-product-new .qc-unit-active .pt-detail .pt-detail-sub-menu {
		display: block
	}
	.mod-wrap-product-new .qc-unit-active .pt-detail-name .name-title .icon-arrow {
		border: 2px solid #b0b0b0;
		border-bottom: none;
		border-left: none;
		top: 27px
	}
	.mod-wrap-product-new .pt-detail-sub-menu .menu-list .menu-item.hidden-ct {
		display: block
	}
	.bg-color-xq{
	    display:none;
	}
}
@media screen and (width:768px){
	.about-page .module-banner-bg{
	    min-width:100%;
	}
	.news-main{margin-bottom:30px;}
	.news-article{width:98%;}
	.news-article-main p,.news-main-content p{ width: 100%!important;}
	.news-article-main p span,.news-main-content p span{ width: 100%!important;}
    .news-article-main p img,.news-main-content p img{ width: 100%!important;height: calc(100%)!important;}
    .mui-content{background-color:#ffffff;}
}
@media screen and (max-width:744px) {
	.mod-wrap-news .qc-unit-sm-1-1,
	.mod-wrap-solution .solution-details .vertical-text {
		width: 100%
	}
	.mod-wrap.mod-wrap-news {
		padding-bottom: 40px
	}
}

@media screen and (max-width:644px) {
	.mod-hero .hero-text .hero-ct h2 {
		font-size: 24px
	}
	.mod-hero .hero-text .hero-ct .des-text {
		font-size: 14px;
		line-height: 22px
	}
	.mod-wrap-solution .side-nav .side-nav-inner {
		position: relative;
		height: 100%;
		overflow-x: auto;
		overflow-y: hidden;
		width: 100%
	}
	.mod-wrap-solution .qc-unit-4-24 {
		border-right: none
	}
	.mod-wrap-solution .qc-unit-4-24 .tab-item a {
		width: 100%;
		font-size: 16px
	}
	.mod-wrap-solution .side-nav .tab-item.item-selected a {
		font-size: 16px
	}
	.mod-wrap-solution .solution-details .user-list li {
		margin-right: 3%;
		margin-bottom: 4%
	}
}

@media screen and (max-width:550px) {
	.qc-unit-sm-1-1 {
		width: 100%
	}
	.mod-wrap-solution .side-nav {
		width: 21.5%
	}
	.mod-wrap-solution .solution-details {
		width: 78.5%
	}
	.mod-wrap-solution .solution-details .user-list {
		margin-top: 0;
		overflow: hidden;
		margin-bottom: 20px
	}
	.mod-wrap-solution .solution-details .user-list li {
		width: 42%;
		float: left;
		margin-right: 0;
		margin-bottom: 8%;
		margin-left: 8%
	}
	.mod-wrap-solution .solution-details .vertical-text .des-text,
	.mod-wrap-solution .vertical-text .title {
		display: none
	}
	.mod-wrap-solution .solution-details .vertical-text .qc-btn {
		margin-left: 8%;
		margin-top: 0;
		width: 180px;
		height: 45px;
		line-height: 45px;
		font-size: 18px
	}
	.activity-list li .advertising-text {
		display: none
	}
	.activity-list .mobile-advertising-text {
		display: block;
		font-size: 16px;
		color: #333;
		font-weight: 400;
		white-space: normal
	}
	.activity-list li:active .mobile-advertising-text {
		color: #2277da
	}
}

@media screen and (max-width:500px) {
	.mod-hero .hero-ct {
		max-width: 100%;
		bottom: 34%
	}
	.mod-hero .hero-text .hero-btn {
		bottom: 18%
	}
	.mod-wrap.mod-wrap-news {
		background-color: #fff;
		background-image: none
	}
	.mod-wrap-our-service .service-item {
		height: auto
	}
	.mod-wrap-our-service .service-item .sr-only {
		font-size: 16px
	}
	.mod-wrap-our-service .service-item .sr-only.t-1 {
		font-size: 20px
	}
}

@media screen and (max-width:414px) {
	.mod-wrap .mod-content {
		margin-top: 30px
	}
	.mod-wrap .mod-title {
		text-align: center
	}
	.mod-wrap .mod-title .des-text {
		text-align: left
	}
	.mod-wrap .mod-title .qc-btn {
		margin: 30px auto 0
	}
	.mod-hero:hover .hero-handle {
		display: none
	}
	.mod-hero .hero-img {
		height: 375px
	}
	.mod-hero .hero-img .img-item {
		background-image: url(../images/m-banner-sample.jpg)
	}
	.mod-hero .hero-ct,
	.mod-hero .hero-text .hero-btn {
		display: none
	}
	.mod-hero .hero-ct-mobile {
		display: block
	}
	.mod-wrap.mod-wrap-solution {
		padding-bottom: 0;
		height: 736px
	}
	.mod-wrap-solution .mod-content {
		position: relative
	}
	.mod-wrap-solution .solution-details .user-list {
		overflow: hidden;
		margin-bottom: 0
	}
	.mod-wrap-solution .solution-details .vertical-text .qc-btn {
		padding: 0;
		width: 92%
	}
	.mod-wrap-solution .side-nav .tab-item {
		margin-bottom: 15px
	}
	.mod-wrap-solution .side-nav .tab-item a {
		height: 30px;
		line-height: 30px
	}
	.mod-wrap-solution.solution-game .solution-bg {
		background-image: url(../images/m-game.jpg)
	}
	.mod-wrap-solution.solution-medical .solution-bg {
		background-image: url(../images/m-medical.jpg)
	}
	.mod-wrap-solution.solution-finance .solution-bg {
		background-image: url(../images/m-finance.jpg)
	}
	.mod-wrap-solution.solution-e-commerce .solution-bg {
		background-image: url(../images/m-e-commerce.jpg)
	}
	.mod-wrap-solution.solution-video .solution-bg {
		background-image: url(../images/m-video.jpg)
	}
	.mod-wrap-solution.solution-o2o .solution-bg {
		background-image: url(../images/m-o2o.jpg)
	}
	.mod-wrap-solution.solution-wechat .solution-bg {
		background-image: url(../images/m-wechat.jpg)
	}
	.mod-wrap-solution.solution-tourism .solution-bg {
		background-image: url(../images/m-trip.jpg)
	}
	.mod-wrap-solution.solution-website .solution-bg {
		background-image: url(../images/m-build.jpg)
	}
	.mod-wrap-solution.solution-iot .solution-bg {
		background-image: url(../images/m-smart.jpg)
	}
	.mod-wrap-data {
		background-image: url(../images/m-earth.png);
		background-repeat: no-repeat;
		height: 736px;
		background-size: contain;
		background-position: 0 150px
	}
	.mod-wrap-data .mod-inner {
		height: 100%
	}
	.mod-wrap-data .map {
		display: none
	}
	.mod-wrap-data .merit-item {
		display: inline-block;
		margin-bottom: 0;
		width: 33.3%;
		margin-left: 0;
		margin-right: 0
	}
	.mod-wrap-data .mod-content {
		position: absolute;
		bottom: 20px
	}
	.mod-wrap-dynamic .text {
		font-size: 22px
	}
	.mod-wrap-dynamic .data {
		font-size: 16px
	}
	.mod-wrap-dynamic .data span {
		font-size: 30px
	}
	.mod-wrap.mod-wrap-free {
		background-image: url(../images/m-free.jpg);
		height: 290px;
		background-size: cover;
		padding-bottom: 0;
		padding-top: 45px
	}
	.mod-wrap-news .mod-content {
		margin-top: 0
	}
	.mod-wrap-news .mod-title {
		margin-bottom: 0
	}
	.mod-wrap-news .mod-title .title {
		margin-bottom: 20px
	}
	.mod-wrap-news .mod-title .sub-tab {
		margin-bottom: 10px
	}
	.mod-wrap-news .unit-box .news-list .news-item {
		line-height: 35px
	}
	.mod-wrap-news .qc-unit-8-24 .unit-box a:last-child .ad-img {
		margin-bottom: 0
	}
	.mod-wrap-certification .vertical-text .title {
		font-size: 14px
	}
	.mod-wrap-certification .vertical-text .ct-img {
		margin-bottom: 10px;
		width: 48px
	}
	.mod-activity {
		box-sizing: border-box;
		min-width: 320px;
		padding: 10px 30px 15px
	}
	.mod-activity .mod-inner {
		margin: 0 -23px;
		padding: 0;
		min-width: 0
	}
	.advertising-icon {
		padding-top: 63.953%;
		width: 63.953%
	}
}

@media screen and (max-width:375px) {
	.activity-list .mobile-advertising-text,
	.mod-wrap-news .mod-title .sub-tab .sub-text a {
		font-size: 14px
	}
	.mod-wrap-news .unit-box .news-list .text {
		max-width: 60%
	}
	.mod-wrap-dynamic .text {
		font-size: 16px
	}
	.mod-wrap-dynamic .data span {
		font-size: 24px
	}
	.mod-wrap-solution .side-nav {
		width: 25.5%
	}
	.mod-wrap-solution .solution-details {
		width: 74.5%
	}
	.mod-wrap-solution .solution-details .solution-item {
		padding-left: 0
	}
	.mod-wrap-data {
		height: 700px
	}
	.mod-wrap-our-service .service-item .sr-only {
		font-size: 14px
	}
	.mod-wrap-our-service .service-item .sr-only.t-1 {
		font-size: 18px
	}
	.mod-hero .hero-img {
		height: 340px
	}
	.mod-wrap-certification .vertical-text .ct-img {
		width: 44px
	}
	.mod-wrap-certification .vertical-text .title {
		font-size: 12px
	}
}

@media screen and (max-width:320px) {
	.mod-hero .hero-ct-mobile h2 {
		font-size: 24px
	}
	.mod-wrap-data {
		height: 610px
	}
	.mod-wrap-data .mod-content {
		bottom: 0
	}
	.mod-hero .hero-img {
		height: 290px
	}
}

@media screen and (min-width:767px) and (max-width:1199px) {
	.qc-navigation,
	.qc-navigation .navigation-inner,
	.tc-footer {
		min-width: 1000px
	}
}

@media screen and (max-width:768px) {
	.mod-scroll-btn {
		display: none
	}
	.m-scroll-top {
		display: block
	}
	.head-light-tips,
	.qc-navigation {
		display: none
	}
	.qc-navigation-mobile {
		display: block
	}
	.tc-footer {
		min-width: 320px;
		padding-bottom: 40px
	}
	.tc-footer .tc-footer-columns {
		display: none
	}
	.tc-footer .column-certification,
	.tc-footer .column-follow {
		width: auto;
		margin-left: 10px;
		margin-right: 10px
	}
	.tc-footer .columns h3,
	.tc-footer .columns ul {
		padding-left: 30px
	}
	.tc-footer .column-certification .certification .ct-img img {
		max-width: 100%
	}
	.tc-footer .column-certification>h3 {
		padding-left: 0
	}
	.news-title-box{height:30px;}
}

@media screen and (max-width:414px) {
	.tc-footer .columns,
	.tc-footer .tc-footer-copyright .department {
		display: none
	}
	.tc-footer .tc-footer-copyright .links .line-2 .slide {
		display: block
	}
	.tc-footer .tc-footer-copyright .department,
	.tc-footer .tc-footer-copyright .department a {
		font-size: 14px
	}
}

@media screen and (max-width:768px) {
	.foot2{border-top: 1px solid #bbbbbb;}
	.mod-hero .hero-text .hero-text-con h2 {
		font-size: 30px
	}
	.mod-hero .hero-text .hero-text-con .des-text {
		font-size: 16px;
		line-height: 26px
	}
}

@media screen and (max-width:644px) {
	.mod-hero .hero-text .hero-text-con h2 {
		font-size: 24px
	}
	.mod-hero .hero-text .hero-text-con .des-text {
		font-size: 14px;
		line-height: 22px
	}
}

@media screen and (max-width:414px) {
	.hero-text-con {
		color: #fff;
		bottom: 40px;
		top: auto;
		width: 100%;
		text-align: center;
		position: absolute
	}
	.mod-hero .hero-text .hero-text-con .des-text p {
		display: none
	}
	.mod-hero .hero-text .hero-text-con .des-text p:first-child {
		display: block
	}
	.mod-hero .hero-text .hero-text-con .piece {
		margin-right: 0
	}
}


/*分割线*/


/*会员登录页面*/

.login_body {
	background: url(../images/bg_login.jpg) no-repeat;
	background-size: cover;
}

.bg_login {
	width: 1000px;
	background-color: #FFFFFF;
	border-radius: 10px;
	margin: 65px auto;
}

.login_account {
	width: 499px;
	float: left;
}

.wei_code {
	width: 500px;
	float: right;
}

.account_name {
	font-size: 18px;
	color: #1081d5;
	font-weight: bold;
}

.accound_cont {
	width: 200px;
	margin: 120px auto;
}

.account_form input {
	width: 100%;
	line-height: 27px;
	padding-left: 8px;
}

.form_txt {
	font-size: 14px;
	color: #303030;
	padding-top: 18px;
	padding-bottom: 8px;
}

.forget_password {
	text-align: right;
	margin: 15px 0px;
}

.forget_password a {
	font-size: 12px;
	color: #1081d5;
}

.login_btn,
.register_btn {
	float: left;
	color: #FFFFFF;
	font-size: 14px;
	padding: 6px 14px;
	border-radius: 5px;
	margin-right: 30px;
	cursor: pointer;
}

.login_btn {
	background-color: #1081d5;
}

.register_btn {
	background-color: #ff7f00;
}

.login_line {
	border-left: 1px solid #909090;
	height: 340px;
	margin-top: 80px;
	float: left;
}

.code_cont {
	width: 340px;
	margin: 120px auto;
}

.iling_code,
.saas_code {
	float: left;
	width: 170px;
	text-align: center;
}

.customer_service {
	font-size: 20px;
	font-weight: bold;
	color: #181818;
	padding-top: 40px;
	text-align: center;
}

.server_num {
	color: #ff7f00;
}

.login_head {
	margin-left: 12.75%;
	margin-top: 30px;
}

.login_head img {
	vertical-align: middle;
}

.top_line {
	margin: 0px 40px;
}

.login_footer {
	position: absolute;
	left: 0px;
	bottom: 40px;
	width: 100%;
	text-align: center;
	font-size: 14px;
	color: #2f2f2f;
}

.login_footer .footer_menu ul li {
	display: inline-block;
}

.login_footer .footer_menu ul li a {
	color: #2f2f2f;
}


/*会员注册页面*/

.bg_register {
	width: 75%;
	background-color: #FFFFFF;
	border-radius: 10px;
	/*min-width: 1000px;*/
	margin: 90px auto 50px;
	position: relative;
}

.process_img {
	width: 951px;
	margin: 0px auto;
	padding: 30px 0px 10px;
}

.thetop {
	position: absolute;
	top: -40px;
	left: 150px;
	width: 86%;
}

.title_reg {
	font-size: 18px;
	color: #1081d5;
	font-weight: bold;
	display: inline-block;
	background-color: #FFFFFF;
	padding: 8px 50px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}

.tologin {
	font-size: 16px;
	display: inline-block;
	text-align: right;
	width: 76%;
}

.form_reg {
	padding: 30px 0px;
}

.form_reg_form {
	width: 410px;
	margin: 0px auto;
}

.form_reg_form .reg_input {
	width: 300px;
	line-height: 28px;
	padding-left:5px;
}

.form_reg_form .reg_select {
	width: 300px;
	line-height: 28px;
	height: 32px;
}

.form_reg_form .phone_code {
	width: 200px;
	line-height: 28px;
}

.obtain_code {
	font-size: 12px;
	color: #FFFFFF;
	background-color: #ff7f00;
	line-height: 32px;
	display: inline-block;
	margin-left: 5px;
	padding: 0px 15px;
	cursor: pointer;
}

.form_txt_reg {
	font-size: 14px;
	color: #303030;
	display: inline-block;
	width: 100px;
	text-align: right;
	margin: 15px 0px;
	padding-right: 5px;
}

.essential {
	font-size: 12px;
	color: #ff1900;
	text-align: center;
	padding: 0px 0px 10px;
}

.agreebox {
	background: url(../images/global-201706281037.png) no-repeat;
	background-position: -114px -18px;
	width: 16px;
	height: 16px;
	vertical-align: text-bottom;
	display: inline-block;
	margin-right: 10px;
}

.agreebox_input {
	display: none;
}

.agree_txt,
.agree_txt a {
	font-size: 12px;
	color: #303030;
}

.agree_txt {
	display: inline-block;
	padding: 10px 0px;
}

.form_sub {
	background-color: #1081d5;
	color: #FFFFFF;
	font-size: 18px;
	border-radius: 8px;
	border: none;
	padding: 10px;
	width: 150px;
	margin: 0px auto;
	display: block;
	text-align: center;
}

.register_footer {
	width: 100%;
	text-align: center;
	font-size: 14px;
	color: #2f2f2f;
	padding-bottom: 50px;
}

.register_footer .footer_menu ul li {
	display: inline-block;
}

.register_footer .footer_menu ul li a {
	color: #2f2f2f;
}

.disable-btn {
	background-color: #ccc !important;
}


/*登录、注册*/

@media screen and (min-width:1366px) and (max-width:1599) {
	/*笔记本*/
}

@media screen and (max-width:1200px) {
	/*ipad pro*/
	.login_body {
		background-image: none;
		background-color: #E8E8E8;
	}
	.bg_login {
		width: 600px;
		margin: 100px auto 0px;
		padding: 1px;
	}
	.login_account,
	.wei_code {
		width: 600px;
		float: none;
	}
	.login_line {
		border-left: none;
		border-bottom: 1px solid #909090;
		height: 1px;
		width: 500px;
		margin: 0px auto;
		float: none;
	}
	.tologin {
		width: 60%;
	}
	.process_img {
		width: 94%;
	}
	.process_img img {
		width: 100%;
	}
	/*首页*/
	.mod-wrap.bg-color-xq {
		width: 100%;
		overflow: hidden;
	}
	/*.solution-list {
		width: 98% !important;
	}*/
	.solution-bgcolor {
		background-attachment: scroll;
	}
	.mod-wrap {
		padding: 15px 30px;
	}
	.certificat-item {
		width: 250px;
	}
	.footer-list {
		width: 70%;
	}
}

@media screen and (max-width: 1023px) {
	/*ipad*/
	.bg_login {
		margin: 65px auto 0px;
	}
	.accound_cont,
	.code_cont {
		margin: 50px auto;
	}
	.login_head {
		margin-left: 3%;
	}
	.thetop {
		left: 60px;
	}
	.pc {
		display: block;
	}
	.solution-bgcolor {
		background: url(../images/solution_bg.jpg) no-repeat center;
		background-attachment: scroll;
		padding-bottom: 0px;
	}
	.mod-wrap-product-new {
		padding-top: 25px;
		padding-bottom: 25px;
	}
	.cloud-product-title {
		font-size: 26px;
		height: auto;
		line-height: 36px;
	}
	.cloud-product {
		padding: 0px 0px 20px 0px;
	}
	.mui-scroll-wrapper {
		display: block !important;
	}
	.news-trends,
	.free-certificate,
	.map-service,
	.cooperative-partner,
	.free-registration {
		display: none;
	}
	div.register-inner-div {
		margin: 20px auto 0px;
		width: 100%;
	}
	.footer-right{
		display: none;
	}
	.footer-list {
		width: 100%;
	}
}

@media screen and (max-width: 767px) {
	/*phone*/
	.login_head {
		margin: 20px auto;
		width: 96%;
		text-align: center;
	}
	.login_head img.saas_ling {
		width: 90%;
	}
	.top_line {
		display: none;
	}
	.login_head img.welcome {
		margin-top: 10px;
		width: 30%;
	}
	.bg_login {
		width: 90%;
		margin: 20px auto 0px;
	}
	.login_account,
	.wei_code {
		width: 100%;
	}
	.accound_cont,
	.code_cont {
		margin: 20px auto;
	}
	.account_name {
		display: none;
	}
	.form_txt {
		padding-top: 5px;
		padding-bottom: 5px;
	}
	.forget_password {
		margin: 5px 0px;
	}
	.login_line {
		display: none;
	}
	.iling_code,
	.saas_code {
		width: 48%;
		font-size: 12px;
	}
	.iling_code img,
	.saas_code img {
		width: 50%;
	}
	.customer_service {
		font-size: 14px;
		padding-top: 20px;
	}
	.login_footer {
		bottom: 20px;
	}
	.code_img {
		margin: 0px 20px;
	}
	.title_reg {
		display: none;
	}
	.tologin {
		width: 90%;
		font-size: 15px;
	}
	.form_reg_form {
		width: 100%;
	}
	.bg_register {
		width: 90%;
		margin: 40px auto 0px;
	}
	.form_reg_form .reg_input,
	.form_reg_form .reg_select {
		width: 200px;
	}
	.obtain_code {
		display: block;
		width: 60px;
		margin-left: 60px;
		margin-left: 108px;
	}
	.thetop {
		top: -25px;
	}
	.agree_txt a {
		display: block;
	}
	.register_footer {
		padding-top: 30px;
	}
	.form_reg {
		padding: 0px 0px 20px;
	}
	.bg-color-xq {
		display: none;
	}
}

@media screen and (max-width: 360px) {
	.solution-trait {
		padding-bottom: 1.8rem;
	}
}

@media screen and (width: 320px) {
	.form_reg_form .reg_input,
	.form_reg_form .reg_select,
	.form_reg_form .phone_code {
		width: 170px;
	}
}

.suspension {
	width: 60px;
	height: 280px;
	right: 10px;
}

.suspension li {
	width: 60px;
	height: 60px;
	background-color: #eeeeee;
	box-shadow: 4px 3px 0px 0px rgba(213, 213, 213, 0.78);
}

.side_consult {
	background: url(../images/consult.png) no-repeat center;
	width: 100%;
	height: 60%;
}

.side_consult_txt {
	width: 100%;
	height: 40%;
	text-align: center;
	color: #a3a3a3;
	font-size: 12px;
}

.side_login {
	background: url(../images/try_login.png) no-repeat center;
}

.side_apply {
	background: url(../images/apply.png) no-repeat center;
}

#toTop {
	background: url(../images/top.png) no-repeat center #eeeeee;
}

.suspension li:hover .side_consult_txt {
	color: #FFFFFF;
}

.suspension li:hover .side_consult {
	background: url(../images/consult1.png) no-repeat center;
}

.suspension li:hover .side_login {
	background: url(../images/try_login1.png) no-repeat center;
}

.suspension li:hover .side_apply {
	background: url(../images/apply1.png) no-repeat center;
}

.suspension #toTop:hover {
	background: url(../images/top1.png) no-repeat center #1d8de4;
}

.connect-us {
	width: 160px;
	height: 100px;
	border-color: #E6E6E6;
	background-color: #EEEEEE;
	right: 75px;
	border-radius: 8px;
	font-size: 12px;
	padding: 0px 10px;
}

.tel-corner-back {
	border-left-color: #E6E6E6;
	bottom: 63px;
}

.tel-corner {
	border-left-color: #EEEEEE;
	bottom: 64px;
}

.side_type {
	color: #2e96e6;
}

.side_type1 {
	border-bottom: 1px solid #E6E6E6;
}

.side_type img {
	display: inline-block;
	padding: 0px 20px;
}

.activeli {
	background-color: #4ca7eb;
}

.dropdown:hover {
	background-color: #4ca7eb;
}

/*申请试用*/

.form_content {
	width: 72%;
	margin: 20px auto;
}

.try_label {
	width: 88px;
	text-align: right;
	font-size: 16px;
	color: #555555;
	display: inline-block;
	line-height: 50px;
}

.form_content ul li input.try_input {
	width: 80%;
	height: 35px;
	line-height: 35px;
	border-radius: 4px;
	border: 1px solid #BBBBBB;
}

.form_content ul li input.try_input_code {
	width: 30%;
	height: 35px;
	line-height: 35px;
	border-radius: 4px;
	border: 1px solid #BBBBBB;
}

.try_select {
	width: 30%;
	height: 35px;
	line-height: 35px;
	border-radius: 4px;
	border: 1px solid #BBBBBB!important;
	padding: 0px 14px 0px 5px;
	-webkit-appearance: button;
	background: url(../images/arrow_select.png) no-repeat right center;
}

.form_content ul li input {
	padding: 0px 10px;
	font-size: 14px;
	margin-bottom: 0px;
}

.form_content ul li input[type=text]:disabled {
	color: #ACA899;
	background-color: rgb(235, 235, 228)
}

.form_content ul li img {
	vertical-align: middle;
}

.form_content ul li input[type=submit] {
	width: 180px;
	margin: 20px auto;
	background-color: #1081d5;
	font-size: 20px;
	color: #FFFFFF;
	padding: 8px 0px;
	border: none;
	display: block;
	text-align: center;
	border-radius: 8px;
}

.try_submit {
	width: 180px;
	margin: 20px auto;
	background-color: #1081d5;
	font-size: 20px;
	color: #FFFFFF;
	padding: 8px 0px;
	border: none;
	display: block;
	text-align: center;
	border-radius: 8px;
}

.try_matters {
	width: 100%;
	margin: 10px auto;
	font-size: 14px;
	color: #999999;
}

.try_remind {
	width: 100%;
	margin: 10px auto;
	font-size: 14px;
	color: #fe1900;
}

.modal-open .modal {
	padding-right: 0px !important;
}

@media (min-width: 900px) {
	.modal-dialog {
		width: 887px;
		margin: 110px auto 0px;
	}
}

@media (min-width: 768px) and (max-width:899px) {
	.modal-dialog {
		position: relative;
		width: auto;
		margin: 110px 10px 0px;
	}
}

@media (min-width: 320px)and (max-width:767px) {
	.modal-dialog {
		position: relative;
		width: auto;
		margin: 10px;
	}
	.form_content {
		width: 100%;
		margin: 0px 10px;
	}
	.try_label {
		text-align: left;
		display: block;
		line-height: 30px;
	}
	.form_content ul li input.try_input {
		width: 94%;
	}
	.try_select {
		width: 94%;
	}
	.form_content ul li input.try_input_code {
		width: 45%;
	}
	.try_matters,
	.try_remind {
		padding-right: 10px;
	}
}
/* 分页样式 */
.page-large a.on {
    border: 1px solid #009ed6;
    background: #009fd9;
    color: #fff;
}
#register_form ul li label{
	padding-left:110px;
	font-size:12px;
	color:red;
}
#tryForm ul li label{
	padding-left:100px;
	font-size:12px;
	color:red;
}
#tryForm ul li.modal_yzm{
	position: relative;
}
#tryForm ul li.modal_yzm label{
	padding-left:130px;
}
@media (min-width: 320px)and (max-width:767px) {
	#register_form ul li label,
#tryForm ul li label{
	    padding-left:0px;
	}
}
@media (max-width:768px) {
	.phone_totop{
	    position:fixed;
	    bottom:50px;
	    right:10px;
	    width:50px;
	    height:50px;
	    border-radius:25px;
	    z-index:9999;
	    background: url(../images/top.png) no-repeat center #eeeeee;
	}
}
.modal{
	overflow:auto;
	overflow-y:scroll;
}
.modal_submit{
	text-align:center;
}
.modal_submit input[type=submit]{
	background-color:#1081d5;
	border:1px solid #1081d5;
	margin:20px auto;
	font-size:20px;
	border-radius:8px;
}