.button_menu, .button_menu .menu span, .news_list .text_desc h3, .read_more, .btn_default, .btn_default:after, .btn_default:before, .btn_default span, .btn_default span i, .crumbs ul li a, .crumbs ul li a i, .solu_group_list .group_wrapper .img-box:after, .pro_list li>a>.img-box .img_thumbnail, .pro_list li>a>.img-box .icon_link, .hot_mod .tig, .nav-tabs_wrapper .nav-tabs li a, .nav-tabs_wrapper .select-wrapper .select-button, .loading .label:before, .loading .label:after, .btn-primary .shape:before, .btn-primary .shape:after, .video_wrapper .videopopup .btn_video_pause, .pagination a, .pagings a, .pagings a span, .news_mod_list figcaption .desc, .news_mod_list .category, .history_slick_date .slick_item em, .history_slick_date .slick_item time, .validate_form .form-control, .support ul li .quest .icon_arrow, .support ul li .icon_arrow, .support ul li .icon_arrow:after, .support ul li .icon_arrow:before, .support ul li .icon_arrow em {
-moz-transition:all .36s ease;
-o-transition:all .36s ease;
-webkit-transition:all .36s ease;
transition:all .36s ease
}
.hot_mod figcaption h1, .share a {
-moz-transition:color .36s ease;
-o-transition:color .36s ease;
-webkit-transition:color .36s ease;
transition:color .36s ease
}
.poster figcaption, .pro_swiper .arrow_slick, .pro_picture .text-info, .pro_picture .text_primary, .hot_news article, .global .list .box p, .global .bg, .location figcaption, .service .caption, .popover .container {
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%)
}
.clearfix {
	zoom:1
}

.clearfix:after {
	content:"";
	display:block;
	clear:both
}
@font-face {
font-family:"Lato_medium";
src:url('../fonts/Lato-Medium.eot?1569756832');
src:url('../fonts/Lato-Medium.eot?&1569756832#iefix') format('embedded-opentype'), url('../fonts/Lato-Medium.woff2?1569756828') format('woff2'), url('../fonts/Lato-Medium.woff?1569756828') format('woff'), url('../fonts/Lato-Medium.ttf?1569756832') format('truetype');
font-weight:400;
font-style:normal
}
@font-face {
font-family:"Lato_Bold";
src:url('../fonts/LatoBold.eot?1569756824');
src:url('../fonts/LatoBold.eot?&1569756824#iefix') format('embedded-opentype'), url('../fonts/LatoBold.woff2?1569756824') format('woff2'), url('../fonts/LatoBold.woff?1569756824') format('woff'), url('../fonts/LatoBold.ttf?1569756826') format('truetype');
font-weight:400;
font-style:normal
}
@font-face {
font-family:"Lato_Light";
src:url('../fonts/LatoLight.eot?1569756826');
src:url('../fonts/LatoLight.eot?&1569756826#iefix') format('embedded-opentype'), url('../fonts/LatoLight.woff2?1569756826') format('woff2'), url('../fonts/LatoLight.woff?1569756826') format('woff'), url('../fonts/LatoLight.ttf?1569756826') format('truetype');
font-weight:400;
font-style:normal
}
@font-face {
font-family:"GothamBook";
src:url('../fonts/GothamBook.eot?1569756832');
src:url('../fonts/GothamBook.eot?&1569756832#iefix') format('embedded-opentype'), url('../fonts/GothamBook.woff2?1569756830') format('woff2'), url('../fonts/GothamBook.woff?1569756830') format('woff'), url('../fonts/GothamBook.ttf?1569756830') format('truetype');
font-weight:400;
font-style:normal
}
@font-face {
font-family:"Franklin Gothic Demi Cond";
src:url('../fonts/Franklin Gothic Demi Cond.eot?1598519732');
src:url('../fonts/Franklin Gothic Demi Cond.eot?&1598519732#iefix') format('embedded-opentype'), url('../fonts/Franklin Gothic Demi Cond.woff2?1598519732') format('woff2'), url('../fonts/Franklin Gothic Demi Cond.woff?1598519733') format('woff'), url('../fonts/Franklin Gothic Demi Cond.ttf?1598519957') format('truetype');
font-weight:400;
font-style:normal
}
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
	border:0;
	font-size:100%;
	font:inherit;
	margin:0;
	padding:0;
	vertical-align:baseline;
	font-family:"PingFang SC", "Source Han Sans CN", "Microsoft YaHei", "STSong", "SimSun", Arial, sans-serif;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale
}
.col-md-6 {
	width:50%
}
.ui-float-right {
	float:right
}
.ui-float-left {
	float:left
}
.mt-70 {
	margin-top:70px
}
.wrapper {
	max-width:100%;
	min-width:320px;
	
}

.wrapper {
	overflow:hidden
}
.crumbs {
	position: relative;
	height:50px;
	background-color:#161616;
	width:100%;
	line-height:50px;
	overflow:hidden;
	z-index:0
}
.crumbs ul {
	font-size:0
}
.crumbs ul li {
	margin-right:7px
}
.crumbs ul li a {
	font-size:14px;
	color:#fff;
	color:#707070
}
.crumbs ul li a i {
	color:#707070;
	margin-right:10px
}
.crumbs ul .home {
	margin-right:4px
}
.crumbs ul .home a {
	color:#707070
}
.crumbs ul .home a i {
	margin-right:0;
	font-size:20px;
	vertical-align:-2px
}
.crumbs ul .active a {
	color:#fff
}

.list {
	position:relative;
	font-size:0
}
.list>li {
	display:inline-block;
	vertical-align:top
}
.list-1>li {
	width:100%
}
.list-2>li {
	width:50%
}
.list-3>li {
	width:33.3333%
}
.list-4>li {
	width:25%
}
.list-5>li {
	width:20%
}
.list-6>li {
	width:16.6666%
}
.img-box {
	position:relative
}
.img-box::before {
content:"";
display:block
}
.img-box>img {
	left:0;
	position:absolute;
	top:0;
	width:100%
}

.crumbs ul .home {
	margin-right:4px
}
.crumbs ul .home a {
	color:#707070
}
.crumbs ul .home a i {
	margin-right:0;
	font-size:20px;
	vertical-align:-2px
}
.crumbs ul .active a {
	color:#fff
}
.ui-mini-mt {
	margin-left:8.33333%;
	margin-right:8.33333%
}
.pro_text {
	padding-left:0;
	padding-right:0
}
.pro_text figcaption {
	width:380px;
	padding-top:6%;
	/*margin-left:22.5%;*/
	margin-left:0%;
	margin-right:0%
}
.pro_text figcaption h1 {
	color:#333
}
.pro_text .param span {
	color:#333;
	font-weight:400
}

.hot_mod figcaption h1 {
	font-size:30px;
	font-weight:400;
	letter-spacing:1.5px;
	line-height:56px;
	color:#796798;
	color:#333;
	margin-bottom:10px
}
.hot_mod figure {
	width:calc(100% - 278px);
	vertical-align:middle
}
.hot_mod>a {
	display:block;
	font-size:0;
	padding-left:60px;
	background-color:#fff;
	position:relative
}
.hot_mod>a>h4 {
	font-size:14px;
	letter-spacing:1px;
	color:#B9B9B9;
	-moz-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	-webkit-transform:rotate(180deg);
	transform:rotate(180deg);
	position:absolute;
	top:40px;
	right:40px
}

.hot_mod .param {
	font-size:16px;
	font-weight:300;
	line-height:40px;
	letter-spacing:.5px;
	color:#666
}
.hot_mod .param p{
	font-family:Arial, Helvetica, sans-serif !important
}
.hot_mod .param strong {
	font-weight:400;
	color:#333;
	margin-left:30px
}
.hot_mod .img-box:before {
	padding-top:100%
}
.hot_mod .tig {
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:138px;
	height:40px;
	background-color:#333;
	line-height:40px;
	text-align:center;
	color:#fff;
	font-size:14px;
	letter-spacing:1px
}

.server {
	padding-top:94px;
	padding-bottom:94px;
	text-align:center
}
.server h2 {
	font-size:32px;
	line-height:50px;
	letter-spacing:1px;
	color:#fff;
	margin-bottom:30px;
	font-weight:400
}
.server p {
	font-size:12px;
	line-height:24px;
	letter-spacing:1px;
	color:#fff
}
.btn_default {
	padding:0;
	background:none;
	border:none;
	display:inline-block;
	text-align:center;
	font-size:14px;
	color:#796798;
	position:relative;
	padding:10px 24px;
	overflow:hidden;
	font-weight:400;
	cursor:pointer;
	-moz-transition:all 400ms ease-in-out;
	-o-transition:all 400ms ease-in-out;
	-webkit-transition:all 400ms ease-in-out;
	transition:all 400ms ease-in-out
}
.btn_default:after {
	content:"";
	display:block;
	position:absolute;
	top:5px;
	left:5px;
	right:5px;
	bottom:5px;
	background-color:#fff;
	z-index:100;
	-moz-transition:all 400ms ease-in-out;
	-o-transition:all 400ms ease-in-out;
	-webkit-transition:all 400ms ease-in-out;
	transition:all 400ms ease-in-out
}
.btn_default:before {
	content:"";
	position:absolute;
	background-color:#796798;
	z-index:50;
	-moz-transition:all 1.4s ease;
	-o-transition:all 1.4s ease;
	-webkit-transition:all 1.4s ease;
	transition:all 1.4s ease;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:rgba(255, 255, 255, 0.28);
	-moz-transform:scale(1.02, 1.02);
	-ms-transform:scale(1.02, 1.02);
	-webkit-transform:scale(1.02, 1.02);
	transform:scale(1.02, 1.02);
	-moz-transition:all 400ms ease-in-out;
	-o-transition:all 400ms ease-in-out;
	-webkit-transition:all 400ms ease-in-out;
	transition:all 400ms ease-in-out
}
.btn_default span {
	position:relative;
	z-index:300;
	-moz-transition:all 400ms ease-in-out;
	-o-transition:all 400ms ease-in-out;
	-webkit-transition:all 400ms ease-in-out;
	transition:all 400ms ease-in-out
}
.btn_default span i {
	vertical-align:-2px;
	-moz-transition:all 400ms ease-in-out;
	-o-transition:all 400ms ease-in-out;
	-webkit-transition:all 400ms ease-in-out;
	transition:all 400ms ease-in-out
}
.btn_button {
	padding:17px 30px
}
.btn_link {
	color:#fff
}
.btn_link:before {
	background-color:rgba(220, 95, 0, 0.2)
}
.btn_link:after {
	background-color:#796798
}
.pro_swiper {
	padding-left:80px
}
.pro_swiper .arrow {
	display:block;
	margin-top:40px;
	margin-bottom:40px
}
.pro_swiper .arrow .shape {
	width:58px;
	height:58px;
	text-align:center;
	line-height:58px
}
.pro_swiper .arrow .shape i {
	position:relative;
	z-index:30;
	color:#fff
}
.pro_swiper .arrow_slick {
	position:absolute;
	top:50%;
	right:10px;
	z-index:200
}
.pro_swiper .pro_js_slick {
	width:60%
}
.pro_text {
	padding-left:0;
	padding-right:0
}
.pro_text figcaption {
	width:580px;
	padding-top:6%;
	/*margin-left:5%;*/
	margin-left:0%;
	margin-right:0%
}
.pro_text figcaption h1 {
	color:#333
}
.pro_text .param span {
	color:#333;
	font-weight:400
}
.pro_picture ul li {
	overflow:hidden
}
.pro_picture figure {
	width:50%
}
.pro_picture figure:before {
	padding-top:62.5%
}
.pro_picture figcaption {
	width:50%;
	position:relative
}
.pro_picture figcaption:before {
	padding-top:62.5%
}
.pro_picture figcaption h3 {
	font-size:30px;
	line-height:34px;
	letter-spacing:1.5px;
	color:#fff;
	font-weight:400;
	margin-bottom:10px
}
.pro_picture figcaption h4 {
	font-size:14px;
	line-height:24px;
	letter-spacing:2px;
	color:#fff
}
.pro_picture .description {
	font-size:14px;
	line-height:36px;
	letter-spacing:2px;
	color:#fff;
	margin-top:30px
}
.pro_picture .description img {
	display:inline-block;
	width:20px;
	height:20px;
	vertical-align:-5px;
	margin-right:20px
}
.pro_picture .description p {
	position:relative;
	padding-left:40px
}
.pro_picture .description p img {
	position:absolute;
	top:8px;
	left:0
}
.pro_picture .text-info, .pro_picture .text_primary {
	position:absolute;
	top:50%
}
.pro_picture .text_lead {
	position:absolute;
	top:110px;
	left:8.33333%;
	margin-left:17px;
	z-index:200
}
.pro_picture .text_lead h3 {
	font-size:30px;
	letter-spacing:1.5px;
	line-height:34px;
	color:#333;
	font-weight:400
}
.pro_picture .text_lead h4 {
	font-size:14px;
	line-height:34px;
	color:#796798;
	font-family:"GothamBook"
}
.pro_picture .list li.block_left figure {
	float:left
}
.pro_picture .list li.block_left figcaption {
	float:right;
	background-color:#796798
}
.pro_picture .list li.block_left .text-info {
	left:17.70833%;
	width:70%
}
.pro_picture .list li.block_right figure {
	float:right
}
.pro_picture .list li.block_right figcaption {
	float:left;
	background-color:#796798
}
.pro_picture .list li.block_right .text-info {
	right:17.54167%;
	width:70%;
	right:27.08333%;
	width:62%
}
.pro_picture .list li.block_pull figure {
	float:right
}
.pro_picture .list li.block_pull figure img {
	width:106.4%;
	left:auto;
	right:0;
	background:none
}
.pro_picture .list li.block_pull figcaption {
	float:left
}
.pro_picture .list li.block_pull figcaption h3 {
	color:#333
}
.pro_picture .list li.block_pull figcaption h4 {
	color:#999
}
.pro_picture .list li.block_pull .text-info {
	right:27.08333%;
	width:62%
}
.pro_picture .list li.block_pull .description {
	color:#796798
}
.pro_picture .list li.block_center {
	position:relative
}
.pro_picture .list li.block_center:before {
	content:"";
	display:block;
	padding-top:33.33333%
}
.pro_picture .list li.block_center .text_primary {
	right:34.95833%;
	right:24.95833%;
	margin-top:90px;
	width:34%
}
.pro_picture .list li.block_center .text_primary:before {
	content:"";
	display:block;
	width:163px;
	width:51%;
	height:40px;
	background:url(../images/icon_03.svg) no-repeat center center;
	position:absolute;
	top:62%;
	left:-73%;
	background-size:cover
}
.pro_picture .list li.block_center figure {
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	margin-left:auto;
	margin-right:auto
}
.pro_picture .list li.block_center figure:before {
	padding-top:66.66667%
}
.pro_picture .list li.block_center figcaption {
	position:absolute;
	top:0;
	right:0
}
.pro_picture .list li.block_center figcaption .icon {
	margin-bottom:40px
}
.pro_picture .list li.block_center figcaption h3 {
	color:#333;
	font-size:18px;
	margin-bottom:20px
}
.pro_picture .list li.block_center figcaption p {
	font-size:12px;
	color:#999
}
.btn-primary .shape {
	display:inline-block;
	width:86px;
	height:86px;
	width:60px;
	height:60px;
	position:relative
}
.btn-primary .shape:before, .btn-primary .shape:after {
	content:"";
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	-moz-transform:scale(0.7, 0.7) rotate(45deg);
	-ms-transform:scale(0.7, 0.7) rotate(45deg);
	-webkit-transform:scale(0.7, 0.7) rotate(45deg);
	transform:scale(0.7, 0.7) rotate(45deg);
	z-index:10
}
.btn-primary .shape:before {
	background-color:#796798;
	z-index:20
}
.btn-primary .shape:after {
	background-color:#212121;
	z-index:10;
	margin-left:-10px
}

.text-muted {
	font-size:22px;
	letter-spacing:1.5px;
	color:#403f3f;
	line-height:30px;
	font-weight:400;
	font-family: "PingFang SC", "Source Han Sans CN", "Microsoft YaHei", "STSong", "SimSun", Arial, sans-serif;
}
.text-muted strong, .text-muted h6 {
	font-size:24px;
	letter-spacing:1px;
	line-height:26px;
	font-weight:400;
	color:#333
}
.text-muted span {
	font-size:20px;
	letter-spacing:1.5px;
	line-height:39px;
	font-weight:400;
	color:#333
}

.text_muted strong {
	font-size:24px;
	letter-spacing:1px;
	line-height:26px;
	font-weight:400
}
.text_muted span, .text_muted h6 {
	font-size:18px;
	letter-spacing:1.5px;
	line-height:39px;
	font-weight:400;
	color:#333
}
.text_muted p {
	position:relative
}
.work_list {
	font-size:0;
	margin-left:-1px;
	margin-right:-1px
}
.work_list li {
	margin-bottom:2px
}
.work_list li .item_box {
	position:relative;
	display:block;
	overflow:hidden;
	margin:0 1px
}
.work_list li .img-box:before {
	padding-top:63.0394%
}
.work_list li .text_desc {
	color:#fff;
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	padding-left:7.50469%;
	padding-right:7.50469%;
	padding-bottom:30px;
	padding-top:80px
}
.work_list li .text_desc h3 {
	font-size:24px;
	font-weight:400;
	letter-spacing:1.5px;
	line-height:34px;
	color:#fff
}
.work_list li .text_desc h4 {
	font-size:14px;
	line-height:30px;
	letter-spacing:.8px;
	margin-top:10px
}
.work_list li .text_desc:before {
	content:"";
	display:block;
	position:absolute;
	top:0;
	left:-1%;
	width:102%;
	height:100%;
	background-image:url(../images/icon_mask.svg);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	z-index:40
}
.work_list li .text_desc .btn_shape {
	display:block;
	position:absolute;
	bottom:7.50469%;
	right:7.50469%;
	width:40px;
	height:40px
}
.work_list li .text_desc .btn_shape:after {
	content:"";
	display:block;
	width:100%;
	height:100%;
	background-color:#fff;
	-moz-transform:scale(0.7) rotate(45deg);
	-ms-transform:scale(0.7) rotate(45deg);
	-webkit-transform:scale(0.7) rotate(45deg);
	transform:scale(0.7) rotate(45deg)
}
.work_list li .text_desc .btn_shape span {
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:200
}
.work_list li .text_desc .btn_shape span:after, .work_list li .text_desc .btn_shape span:before {
	content:"";
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	-moz-transform:translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);
	-webkit-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
	background-color:#DC5F00
}
.work_list li .text_desc .btn_shape span:after {
	width:8px;
	height:1px
}
.work_list li .text_desc .btn_shape span:before {
	width:1px;
	height:8px
}
.work_list li article {
	overflow:hidden;
	min-height:34px;
	position:relative;
	z-index:50
}

@media only screen and (min-width: 1921px) {
	.crumbs ul li a {
font-size:16px
}
.crumbs ul .home a i {
font-size:22px
}
.crumbs ul .home a i {
font-size:22px
}
.hot_mod .tig {
font-size:16px
}
.hot_mod figcaption h1 {
font-size:32px;
line-height:58px
}
.hot_mod .param {
font-size:16px;
line-height:28px
}
.server h2 {
font-size:34px
}
.server p {
font-size:14px
}
.pro_swiper .arrow .shape {
width:76px;
height:76px;
line-height:76px
}
.pro_picture figcaption h3 {
font-size:32px;
line-height:36px
}
.pro_picture figcaption h4 {
font-size:16px;
line-height:26px
}
.pro_picture .description {
font-size:16px;
line-height:38px
}
.pro_picture .description p img {
top:10px
}
.pro_picture .list li.block_center .text_primary:before {
width:57%;
height:64px
}
}
@media only screen and (max-width: 1680px) and (min-width: 1025px) {
	.hot_mod .param strong {
font-weight:400
}
.pro_swiper figure img {
max-width:100%;
width:100%
}
}
@media only screen and (min-width: 1025px) {
	.crumbs ul li a:hover {
color:#796798
}
.crumbs ul li.home a:hover i {
color:#fff
}
.crumbs ul li.home a:hover i {
color:#fff
}
.hot_mod figcaption h1, .pro_picture figcaption h3, .pro_picture .text_lead h3 {
font-size:32px;
font-weight:400
}
.hot_mod figcaption {
padding-bottom:50px
}
.hot_mod a:hover figcaption h1 {
color:#796798
}
.hot_mod a:hover .tig {
background-color:#796798
}
.btn-primary:hover .shape:after {
margin-left:0
}
}
@media only screen and (max-width: 1024px) {
	.crumbs {
top:1px
}
.btn-primary .shape {
width:80px;
height:80px
}
.hot_mod {
padding-left:0;
padding-right:0;
margin-bottom:112px
}
.hot_mod>a {
padding-left:4%;
position:relative;
padding-bottom:80px
}
.hot_mod .param strong {
display:block;
margin-left:0;
display:inline-block
}
.hot_mod figure {
width:57%;
position:absolute;
right:-28px;
bottom:8px
}
.hot_mod figcaption {
width:100%;
padding-right:16%;
padding-top:55px
}
.hot_mod figcaption {
margin-left:0
}
.hot_mod figcaption h1 {
color:#796798
}
.server {
padding:120px 5.33333%;
background-position:87% center;
margin-top:0
}
.pro_swiper {
padding-left:0
}
.pro_swiper .slick-slide img {
max-width:100%;
width:100%
}
.pro_picture figure {
width:100%;
padding-left:5.33333%;
padding-right:5.33333%
}
.pro_picture figcaption {
width:100%;
padding-top:80px;
padding-bottom:80px
}
.pro_picture .description p {
display:inline-block;
vertical-align:top;
width:50%;
width:100%;
float:left;
padding-left:30px
}
.pro_picture .list li.block_left .text-info {
-moz-transform:translateY(0);
-ms-transform:translateY(0);
-webkit-transform:translateY(0);
transform:translateY(0);
width:100%
}
.pro_picture .text-info, .pro_picture .text_primary {
left:0;
padding-left:5.33333%;
padding-right:5.33333%;
position:static;
-moz-transform:translateY(0);
-ms-transform:translateY(0);
-webkit-transform:translateY(0);
transform:translateY(0)
}
.pro_picture figcaption:before {
padding-top:0
}
.pro_picture .list li.block_center:before {
padding-top:0
}
.pro_picture .list li.block_center figure {
position:static
}
.pro_picture .list li.block_center figcaption {
position:static;
width:100%;
text-align:right;
padding:0 5.33333%
}
.pro_picture .list li.block_center .text_primary {
position:static;
-moz-transform:translateY(0);
-ms-transform:translateY(0);
-webkit-transform:translateY(0);
transform:translateY(0);
padding-bottom:70px;
width:100%
}
.pro_picture .text_lead {
position:static;
padding-left:5.33333%;
padding-right:5.33333%;
margin-left:0;
padding-top:70px
}
.pro_picture .list li.block_center figure img {
width:100%;
height:auto;
position:static;
-moz-transform:translate(0, 0);
-ms-transform:translate(0, 0);
-webkit-transform:translate(0, 0);
transform:translate(0, 0)
}
.pro_picture .list li.block_center figure:before {
padding-top:0
}
.pro_picture .list li.block_center figcaption .icon {
display:none
}
.pro_picture figcaption {
width:100%
}
.pro_picture figure img {
display:block;
max-width:100%
}
.pro_picture .text-info, .pro_picture .text_primary {
position:static;
-moz-transform:translateY(0);
-ms-transform:translateY(0);
-webkit-transform:translateY(0);
transform:translateY(0)
}
.pro_picture .list li.block_pull figure img {
-moz-transform:translate(0, 0);
-ms-transform:translate(0, 0);
-webkit-transform:translate(0, 0);
transform:translate(0, 0)
}
.pro_picture .list li.block_left figure {
padding-left:0;
padding-right:0
}
.pro_picture .list li.block_right figure {
padding-left:0;
padding-right:0
}
.pro_picture .list li.block_pull figure {
margin-left:5.33333%;
margin-right:5.33333%;
width:89.33334%;
padding-left:0;
padding-right:0
}
.pro_picture .list li.block_pull figure img {
width:98%
}
.pro_swiper .arrow .shape {
width:40px;
height:40px;
line-height:40px
}
.pro_swiper .pro_js_slick {
margin-left:5%
}
.pro_swiper .arrow_slick {
right:7%
}
.pro_picture .list li.block_center .text_primary:before {
content:"";
display:block;
width:163px;
width:6%;
height:83%;
background:url(http://absen.aisuy.com/themes/cn/default/styles/../images/icon_36.svg) no-repeat center center;
background-size:cover;
position:absolute;
top:-94%;
right:18%;
left:auto;
display:none
}
.pro_picture .list li.block_right .text-info, .pro_picture .list li.block_pull .text-info {
width:100%
}
}
@media only screen and (max-width: 768px) {
.crumbs {
top:1px
}
.btn-primary .shape {
width:40px;
height:40px
}
.btn-primary .shape:after {
margin-left:-5px
}
.hot_mod {
margin-bottom:56px
}
.hot_mod figcaption h1 {
font-size:20px;
line-height:28px
}
.hot_mod .param {
font-size:12px;
line-height:20px
}
.hot_mod>a>h4 {
font-size:12px;
right:4%
}
.hot_mod .tig {
width:80px;
height:30px;
line-height:30px;
font-size:12px
}
.server {
padding:60px 5.33333%
}
.server h2 {
font-size:18px;
line-height:30px
}
.col-md-6 {
width:100%
}
}
.tablebox{ margin-top:80px}
.core{
font-family: "PingFang SC", "Source Han Sans CN", "Microsoft YaHei", "STSong", "SimSun", Arial, sans-serif;
background:#F4F4F4;
font-size:16px;
line-height:3;
text-align: left;



}

.core td:first-child{
	text-indent:2em;
}
.core:nth-child(1n){
	background:#FFF
}
.core:nth-child(2n){
	background:#dedede
}

.tpl-layui-row img{ max-width:1320px; width:100%}