@charset "utf-8";
img {
    border:none;
	display:inline-block;
    max-width: 100%;
    height: auto;
    -ms-interpolation-mode: bicubic;
    _width:auto;
}
a:focus, input, select {
    outline:none;
}
.clearfix {
    *zoom:1;
}
.clearfix:after {
    content:"\200B";
    display: block;
    clear: both;
    height: 0;
}
input[type="submit"], input[type="reset"], input[type="button"], button, select {
    -webkit-appearance: none;
}
input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, button:hover{
    opacity: 0.90;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6,label{ font-weight: normal; padding: 0; margin: 0; font-size: 14px; line-height: 1.3; font-family:arial, "微软雅黑", Microsoft YaHei;}
p,ul, ol{ margin: 0;}
header,main,footer,section{ display:block;}
/*owl-theme*/
.owl-theme .owl-controls{ margin-top:0;}
/*通用*/
.gray_bg{
	background: #f5f5f5;
}
.menu_tit{ margin-bottom: 30px;}
.menu_left{ width:440px; padding-right: 60px; float: left;}
.menu_left a img{ display:block;}
.menu_right{ overflow:hidden;}
.menu_subclass{ margin: 0 -15px;}
.menu_subclass li{ width:20%; float: left; padding: 0 15px;}
.menu_subclass li a{ display:block; line-height: 36px; height: 36px; overflow: hidden; padding-left: 20px; background: url(../Images/ico_22.png) left center no-repeat;}
.menu_subclass li a span{ position: relative; overflow: hidden;}
.menu_subclass li a span:before{ content:""; position: absolute; bottom: 0; left:50%; width:0; height: 1px; background: #004898;}
.menu_subclass li a:hover{color: #004898; background-image: url(../Images/ico_22b.png);}
.menu_subclass li a:hover span:before{ left:0; width:100%;}
.menu_subclass li a.m_s_a0{ line-height: normal; padding: 0 0 20px; height: auto; margin-bottom: 20px; background: none; border-bottom:1px solid #dcdcdc;}
 
/*===================main========================*/
main{ position: relative; background: #fff;}
.inner{ width:1600px; margin: 0 auto;}
/*owl*/
.owl-dots{ width:100%; text-align: center; }
.owl-dots .owl-dot{ display:inline-block; vertical-align: middle;}
.owl-dots .owl-dot span{ display:block;}
/*公共*/
@media only screen and (max-width: 1680px){ 
	.inner{ width:1360px;} 
}

@media only screen and (max-width: 1440px){ 
	.inner{ width:1170px;}
	/*header*/
	.sou_submit, .search_txt02{ height:66px;}
}

@media only screen and (max-width: 1279px){ 
	.inner{ width:100%; padding-left: 20px; padding-right: 20px;}   
	
	
	/*footer*/  
	.way_public li{ margin-left:4%;}
	
} 
@media only screen and (max-width: 991px){  
	
	.sou_submit{ width:86px;}
	.sou_write{ padding: 0 20px 0 30px;}
	.sou_write:before{ left:20px;}
	/*main*/
	/*main{ padding-top:50px;}*/
	/*footer*/
	.footer_nav{ width:100%; float: none; margin-bottom: 20px;}
	.footer_nav li{ width:14.285%;}
	.contact_way{ text-align:center;}
	.footer_bot{ text-align:center;}
	.footer_logo{ float:none; width: 80%; max-width: 451px; margin: 0 auto;}
	.copyright{ float:none;} 
	.way_public li{ width:20%;}
	.way_info li{ margin-bottom:10px;}
} 

@media only screen and (max-width: 767px){ 
	.header_handle{ display:block; margin: 10px 0 0;}
	
	.footer_nav li{ width: 25%;}
	.f_subclass { display:none;}
	.footer_nav li a.f_item0{ margin-bottom:10px;}
}
/*==================
system*/
.system{}
.system_tit{ line-height: 1; text-align:center; color: #333; margin-bottom: 30px;}
.system_forewords{ text-align:center; line-height: 2; max-width: 1180px; margin-left: auto; margin-right: auto; margin-bottom: 20px;}
.forewords_parts{ max-width: 950px; margin-bottom: 5%;}
/*system_nav_box*/
.system_nav_box{ position: relative; background: #fff;}
.system_nav{ text-align:center;}
.system_nav:before{ content:""; position: absolute; bottom: 0; left:-50%; width:200%; height: 1px; background: #dcdcdc;}
.system_nav li{ width:12.5%; float: left;}
.system_nav li a{ display:block; padding-top: 35px;}
.system_nav li a img{ display:block; margin: 0 auto 15px; width:45px;}
.system_nav li a span{ display:inline-block; position: relative; padding-bottom:35px;}
.system_nav li a span:before{ content:""; position: absolute; left:50%; bottom: 0; width:0; height: 4px; background: #3477bb;} 
.system_nav li:hover a span:before,
.system_nav li.system_cur a span:before{ left:0; width:100%;}
.system_nav_box.fixed{ position: fixed; z-index: 1003;}
.system_nav_box.fixed li a{ padding-top: 10px;}
.system_nav_box.fixed li a img{ margin-bottom: 5px;}
.system_nav_box.fixed li a span{ padding-bottom: 10px;}
/*system_box*/
.system_box{}
.system_con{ padding:5% 0; display: none;}
.system_block{ position: relative;}  
.system_block:last-child{ margin-bottom:0;}
/*.system_block:before{ content:""; position: absolute; left:0; bottom: 0; width:58.125%; height: 1px; background: #dcdcdc;} */
.system_img{ display:block; float: right;width: 50.5%;}
.system_info{ padding-bottom: 3%;overflow: hidden;width: 49.5%;float:left;box-sizing: border-box;
padding: 40px 65px;}
.s_i_item{ line-height: 1; font-weight: bold;text-transform: uppercase; color:#2b71b8; margin-bottom: 30px;}
.s_i_item img{ display:inline-block; vertical-align: text-bottom; margin-left: 20px;}
.s_i_txt{ line-height: 2;}
.system_block_dif{}
.system_block_dif .system_img{ float: left; margin-left: 0;     width: 49.5%;}
.system_block_dif:before{ left:auto; right:0;}
.s_i_caption{ line-height: 1; color:#333; margin-bottom: 50px;}
/*system_framework*/
.system_framework{ margin-top: 5%;}
.system_framework .s_i_item{ text-align:center;}
/*system_ensure*/
.system_ensure{}
.s_f_tit{ color:#2b71b8; text-align:center; line-height: 2;}
.s_f_list{ margin: 30px -1.41% 0;}
.s_f_list li{ width:33.33%; padding: 0 1.41%; float: left; text-align: center; line-height: 2;}
.s_f_area{ background: #efefef; height: 212px; padding: 30px;}
.s_f_caption{ color:#2b71b8;}
/*system_sites*/
.system_sites{}
.system_sites .s_i_item{ text-align:center;}
table.table_sites{ border-right:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6;}
table.table_sites tr th,table.table_sites tr td{ text-align: left; border-left: 2px solid #e6e6e6; border-top: 2px solid #e6e6e6; padding:1.6% 1.6% 1.6% 5%;
	-webkit-transition:all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
table.table_sites tr th{ font-weight: normal; background: #2b71b8; color: #fff; padding:2.5% 1.6% 2.5% 5%;}
table.table_sites tr:nth-of-type(even) td{ background: #efefef;}
table.table_sites tr:hover td{ background: #00356f; color: #fff;}
@media only screen and (max-width: 1440px){
	.form_submit{ width:318px; height:62px; border-radius: 31px;}
	
	.view_box{ max-height: 600px;}
}

@media only screen and (max-width: 1279px){ 
	
	.intro_dl dt{ height:300px;}
	.intro_des{ line-height:26px; max-height: 104px;}
	.pro_list li{ height:220px;}
	
	.classic_list .item{ height:386px;}
	.classic_list .owl-nav{ display:block; text-align: center;}
	.classic_list .owl-nav .owl-prev, 
	.classic_list .owl-nav .owl-next{ position: relative; top:auto; left:auto; right:auto; display:inline-block; width:34px; height: 34px; background-size:15px; margin: 0 5px;} 
	
	.self_list li:nth-child(n){ text-align: center;}
	.self_list li a img{ display:block; margin: 0 auto 10px;}
	.resources_list{ margin-top:-10px; margin-left: -10px; margin-right: -10px;}
	.resources_list li{ width:50%; float: left; padding:10px 10px 0;}
	.resources_list li a{ height:88px;} 
	.service_view{ height:386px;}
	
	.tech_more{text-align: center;}
	.more_list{ display:inline-block;}
	.more_list li:nth-child(n){ width:auto; float: none; border:none; text-align: left; padding: 0;}
	.more_list li a img{ display:inline-block; margin: 0;}
	
	 
	.system_nav li a{ padding-top:10px;}
	.system_nav li a img{ margin-bottom:5px;}
	.system_nav li a span{ padding-bottom:10px;}
	.system_nav li a span:before{ height:2px;} 
	
	.s_f_area{ padding:20px;}
	
	.pro_nav li{ margin: 0 2%;}
	.yw_list{ margin:-10px;}
	.yw_list li{ padding: 10px;}
	.yw_manage li{ padding:0;}
	
	.self_list li a img,
	.resources_list li a img,
	.system_nav li a img,
	.s_i_item img,
	.t_n_dl dt img{ width:35px;}
	
	.form_submit{ width:246px; height:48px; border-radius: 24px;} 
	
} 

@media only screen and (max-width: 1023px){  
	.view_link{ width: 190px; line-height: 48px; border-radius: 24px;}
	 
	.system_nav li{ width:25%;}
	.system_img,
	.system_block_dif .system_img{ width:100%; float: none; margin: 0 auto 4%;}
	
	.c_end_overview dt{ width:100%; float: none; margin: 0 auto 3%;}
	
	.form_submit{ width:140px;}
	.form_fill{ width:70%;}
	.form_line{ padding:20px 0 10px;}
	.fill_shou{ padding-bottom: 10px; margin-bottom:20px;}
	.address_all{ padding-top:10px;}
	.apply_nav li a{ line-height:22px; height: 85px;}
	.apply_line{ width:100%;}
	.t_r_tit{ margin-bottom:5px;}
	
	.view_box{ max-height: 500px;}
}  

@media only screen and (max-width: 767px){ 
	.intro_dl dt{ width:100%; float: none; height:230px;} 
	.pro_list li{ width:50%; height:150px;}
	.pro_list li:nth-child(n) a{ background:#efefef;}
	.pro_list li:nth-child(2) a,.pro_list li:nth-child(3) a,.pro_list li:nth-child(6) a{ background: #f9f9f9;}
	.classic_list .item{ height:286px;}
	
	.self_list li:nth-child(n){ width:50%; margin-bottom: 20px;} 
	.self_list li:nth-child(3),.self_list li:nth-child(5){ border-left:none;}
	.self_list li img{ width:25px;}  
	.resources_list li{ width:100%;} 
	.service_view{ height:286px;}  
	
	.tech_more{text-align: center;}
	.more_list{ display:inline-block;}
	.more_list li:nth-child(n){ width:auto; float: none; border:none; text-align: left; padding: 0; margin: 0;}
	.more_list li a img{ display:inline-block; margin: 0;}
	
	.pro_nav li{ margin:0 2px; font-size: 12px;}
	.s_f_list li{ width:100%; float: none; margin-bottom: 20px;}
	.s_f_area{ height:auto;}
	.yw_list li{ width:100%; float: none;}
	.yw_block{ height:auto;}
	.yw_manage li:nth-child(3) .yw_block{ background: #ebf4ff;}
	.yw_manage li:nth-child(4) .yw_block{ background: #f9fcff;}
	
	.self_list li a img,
	.resources_list li a img,
	.system_nav li a img,
	.s_i_item img,
	.t_n_dl dt img{ width:25px;}
	
	.form_fill{ width:100%;}
	.part{ display:block; margin: 0;}
	
	.apply_nav{ margin-bottom:0;}
	.apply_nav li{ width:33.33%; padding-bottom: 0;} 
	.apply_nav li a{ border-bottom:1px solid #fff;}
	
	.t_n_dl dt{ width:100%; float: none;}
	.t_n_dl dd a{ margin-left:10px;}
	
	
} 

.pro_nav li{ display: inline-block; vertical-align:baseline; width:auto; float: none;}
.t_n_dl dd a.t_n_level2{ margin-left: 0;}


@keyframes showop {
0% {
opacity:0
}
50% {
opacity:0
}
70% {
opacity:.5
}
100% {
opacity:1
}
}
@keyframes rotate {
0% {
transform:rotate(0deg)
}
100% {
transform:rotate(360deg)
}
}
@keyframes goout {
0% {
transform:translateX(0)
}
50% {
transform:translateX(90%)
}
100% {
transform:translateX(130%)
}
}
@keyframes lianyi {
	0% {
	transform:scale(.8);
	opacity:0
	}
	10% {
	transform:scale(1);
	opacity:.25
	}
	20% {
	transform:scale(1.3);
	opacity:0
	}
	100% {
	transform:scale(.8);
	opacity:0
	}
}
@keyframes lianyi2 {
0% {
transform:scale(.8);
opacity:0
}
7% {
transform:scale(.8);
opacity:0
}
17% {
transform:scale(1);
opacity:.2
}
27% {
transform:scale(1.3);
opacity:0
}
100% {
transform:scale(.8);
opacity:0
}
}
@keyframes disappear {
0% {
transform:scale(1);
opacity:1
}
100% {
transform:scale(0);
opacity:.5
}
}
@keyframes antidisappear {
0% {
transform:scale(0);
opacity:.5
}
100% {
transform:scale(1);
opacity:1
}
}
@keyframes disappear1 {
0% {
transform:translateX(0) scaleX(1);
opacity:1
}
100% {
transform:translateX(-50%) scaleX(0);
opacity:.5
}
}
@keyframes antidisappear1 {
0% {
transform:translateX(-50%) scaleX(0);
opacity:.5
}
100% {
transform:translateX(0) scaleX(1);
opacity:1
}
}
@keyframes disappear2 {
0% {
transform:translateX(0) scaleX(1);
opacity:1
}
70% {
opacity:1
}
100% {
transform:translateX(-175px);
opacity:0
}
}
@keyframes antidisappear2 {
0% {
transform:translateX(-175px);
opacity:0
}
70% {
opacity:1
}
100% {
transform:translateX(0) scaleX(1);
opacity:1
}
}
@keyframes disappear3 {
0% {
transform:translateX(0);
opacity:1;
filter:alpha(opacity=100)
}
100% {
transform:translateX(-10px);
opacity:0;
filter:alpha(opacity=0)
}
}
@keyframes antidisappear3 {
0% {
transform:translateX(-10px);
opacity:0;
filter:alpha(opacity=0)
}
100% {
transform:translateX(0);
opacity:1;
filter:alpha(opacity=100)
}
}
@keyframes disappear4 {
0% {
transform:scale(1);
opacity:1
}
100% {
transform:scale(1.1);
opacity:0
}
}
@keyframes moveto {
0% {
transform:translate(0, 0)
}
100% {
transform:translate(100px, 100px)
}
}
@keyframes moveto2 {
0% {
transform:translate(0, 0)
}
100% {
transform:translate(74px, 241px)
}
}
@keyframes moveto3 {
0% {
transform:translate(0, 0)
}
100% {
transform:translate(-187px, 157px)
}
}
@keyframes moveto4 {
0% {
transform:translate(0, 0)
}
100% {
transform:translate(-272px, -110px)
}
}
@keyframes sunrise {
0% {
transform:scale(0);
opacity:0
}
70% {
opacity:0
}
100% {
transform:scale(1);
opacity:1
}
}
@keyframes nonedis {
0% {
opacity:0
}
100% {
opacity:0
}
}
@keyframes center2show {
0% {
opacity:0
}
50% {
opacity:1
}
100% {
opacity:1
}
}

/*css控制单行显示*/
.p_f_item,
.cases_info .s_r_tit a{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

/*font*/ 
.f160{ font-size: 160px;} 
.f100{ font-size: 100px;} 
.f74{ font-size: 74px;}
.f72{ font-size: 72px;}
.f68{ font-size: 68px;}
.f64{ font-size: 64px;}
.f52{ font-size: 52px;}
.f48{ font-size: 48px;} 
.f46{ font-size: 46px;}
.f42{ font-size: 42px;} 
.f36{ font-size: 36px;}
.f34{ font-size: 34px;}
.f32{ font-size: 32px;} 
.f30{ font-size: 30px;}
.f28{ font-size: 28px;}
.f26{ font-size: 26px;}
.f24{ font-size: 24px;} 
.f22{ font-size: 22px;} 
.f20{ font-size: 20px;} 
.f18{ font-size: 18px;}
.f16{ font-size: 16px;}

@media only screen and (max-width: 1680px){
	.f160{ font-size: 130px;} 
	.f100{ font-size: 80px;} 
	.f74{ font-size: 64px;}
	.f72{ font-size: 62px;}
	.f68{ font-size: 58px;}
	.f64{ font-size: 54px;}
	.f52{ font-size: 48px;}
	.f48{ font-size: 44px;} 
	.f46{ font-size: 42px;}
	.f42{ font-size: 38px;} 
	.f36{ font-size: 32px;}
	.f34{ font-size: 30px;}
	.f32{ font-size: 28px;} 
	.f30{ font-size: 26px;}
	.f28{ font-size: 24px;}
	.f26{ font-size: 22px;}
	.f24{ font-size: 20px;} 
	.f22{ font-size: 18px;} 
	.f20{ font-size: 18px;} 
	.f18{ font-size: 17px;}
	.f16{ font-size: 15px;}
} 

@media only screen and (max-width: 1440px){
	.f160{ font-size: 100px;} 
	.f100{ font-size: 70px;} 
	.f74{ font-size: 60px;}
	.f72{ font-size: 58px;}
	.f68{ font-size: 54px;}
	.f64{ font-size: 50px;}
	.f52{ font-size: 44px;}
	.f48{ font-size: 40px;} 
	.f46{ font-size: 38px;}
	.f42{ font-size: 34px;} 
	.f36{ font-size: 28px;}
	.f34{ font-size: 26px;}
	.f32{ font-size: 24px;} 
	.f30{ font-size: 22px;}
	.f28{ font-size: 22px;}
	.f26{ font-size: 20px;}
	.f24{ font-size: 18px;} 
	.f22{ font-size: 16px;} 
	.f20{ font-size: 16px;} 
	.f18{ font-size: 16px;}
	.f16{ font-size: 14px;}
}  

@media only screen and (max-width: 1279px){ 
	.f160{ font-size: 80px;} 
	.f100{ font-size: 60px;} 
	.f74{ font-size: 56px;}
	.f72{ font-size: 54px;}
	.f68{ font-size: 50px;}
	.f64{ font-size: 46px;}
	.f52{ font-size: 40px;}
	.f48{ font-size: 36px;} 
	.f46{ font-size: 34px;}
	.f42{ font-size: 30px;} 
	.f36{ font-size: 24px;}
	.f34{ font-size: 22px;}
	.f32{ font-size: 20px;} 
	.f30{ font-size: 20px;}
	.f28{ font-size: 20px;}
	.f26{ font-size: 18px;}
	.f24{ font-size: 16px;} 
	.f22{ font-size: 16px;} 
	.f20{ font-size: 16px;} 
	.f18{ font-size: 16px;}
	.f16{ font-size: 14px;}  
} 
@media only screen and (max-width: 991px){ 
	.f160{ font-size: 70px;} 
	.f100{ font-size: 50px;} 
	.f74{ font-size: 48px;}
	.f72{ font-size: 48px;}
	.f68{ font-size: 46px;}
	.f64{ font-size: 42px;}
	.f52{ font-size: 32px;}
	.f48{ font-size: 28px;} 
	.f46{ font-size: 26px;}
	.f42{ font-size: 24px;} 
	.f36{ font-size: 22px;}
	.f34{ font-size: 20px;}
	.f32{ font-size: 18px;} 
	.f30{ font-size: 18px;}
	.f28{ font-size: 18px;}
	.f26{ font-size: 16px;}
	.f24{ font-size: 16px;} 
	.f22{ font-size: 16px;} 
	.f20{ font-size: 14px;} 
	.f18{ font-size: 14px;}
	.f16{ font-size: 14px;} 
} 

@media only screen and (max-width: 767px){ 
	.f160{ font-size: 60px;} 
	.f100{ font-size: 40px;} 
	.f74{ font-size: 38px;}
	.f72{ font-size: 38px;}
	.f68{ font-size: 36px;}
	.f64{ font-size: 32px;}
	.f52{ font-size: 28px;}
	.f48{ font-size: 24px;} 
	.f46{ font-size: 22px;}
	.f42{ font-size: 20px;} 
	.f36{ font-size: 18px;}
	.f34{ font-size: 18px;}
	.f32{ font-size: 16px;} 
	.f30{ font-size: 16px;}
	.f28{ font-size: 16px;}
	.f26{ font-size: 16px;}
	.f24{ font-size: 14px;} 
	.f22{ font-size: 14px;} 
	.f20{ font-size: 14px;} 
	.f18{ font-size: 14px;}
	.f16{ font-size: 14px;}    
} 

@media only screen and (max-width: 375px){ 
	.f160{ font-size: 50px;} 
	.f100{ font-size: 36px;} 
	.f68{ font-size: 28px;}
	.f64{ font-size: 24px;}
	.f52{ font-size: 24px;}
	.f48{ font-size: 22px;} 
	.f46{ font-size: 20px;}
	.f42{ font-size: 18px;} 
	.f36{ font-size: 16px;}
	.f34{ font-size: 16px;}
	.f32{ font-size: 16px;} 
	.f30{ font-size: 16px;}
	.f28{ font-size: 14px;}
	.f26{ font-size: 14px;}
	.f24{ font-size: 14px;} 
	.f22{ font-size: 14px;} 
	.f20{ font-size: 14px;} 
	.f18{ font-size: 14px;}
	.f16{ font-size: 12px;}   
	body,html{font-size: 12px;}
	a.more02{ font-size:12px;}
}


 

a,*:before,*:after,.owl-carousel .owl-dots .owl-dot span,.owl-nav div,input[type="submit"], input[type="reset"], input[type="button"],
sup,.menu_ico i,.logo img{
    -webkit-transition:all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
} 

/*图片由小变大*/
aa{
    -webkit-transform: scale(1, 1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration:400ms;
    -moz-transform: scale(1, 1);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration:400ms;
    transform: scale(1, 1);
    transition-timing-function: ease-out;
    transition-duration:400ms;
    width: 100%;
    position: relative;
}

aa{
    -webkit-transform: scale(1.10, 1.10);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration:400ms;
    -moz-transform: scale(1.10, 1.10);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration:400ms;
    transform: scale(1.10, 1.10);
    transition-timing-function: ease-out;
    transition-duration:400ms;
}

/*图片横向*/
.aa{
    display: block;
    max-width: none;
    width: -webkit-calc(100% + 10px);
    width: calc(100% + 10px);
    -webkit-transition: opacity 0.60s, -webkit-transform 0.60s;
    transition: opacity 0.60s, transform 0.60s;
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
}
.aa{
    opacity: 1.0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
/*图片纵向*/
aa{
    display: block;
    max-width: none;
    height: -webkit-calc(100% + 10px);
    height: calc(100% + 10px);
    -webkit-transition: opacity 0.60s, -webkit-transform 0.60s;
    transition: opacity 0.60s, transform 0.60s;
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
}
aa{
    opacity: 1.0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
@media (max-width: 1023px){
.system_info{width:100% !important;padding:0px 26px 20px 26px !important;}
.s_i_caption{margin-bottom:20px;}
}
@media (max-width: 520px){
.index-about .tboxs .label-box .box{width:100% !important;padding-left: 132px;background-position: 58px center !important;font-size:14px;}
}
@media (max-width: 400px){
.index-about .tboxs .label-box .box{font-size:12px;}
}
@media (min-width: 1024px) and (max-width: 1282px){
.system_info{padding:20px 20px;}
.s_i_caption{margin-bottom:4px;}
.index-about .tboxs{padding-left:20px;}
}
@media (min-width: 1200px) and (max-width: 1282px){
.system_info{padding:20px 24px;}
.s_i_caption{margin-bottom:6px;}
.index-about .tboxs{padding-left:24px;}
}
@media (min-width: 1282px) and (max-width: 1442px){
.system_info{padding:20px 40px;}
.s_i_caption{margin-bottom:8px;}
.index-about .tboxs{padding-left:40px;}
}