@charset "utf-8";
/* CSS Document */
@media screen and (max-width: 1180px) {
	.header .box .nav li{ display:inline-block; position:relative; z-index:9; padding:0 20px; font-size:15px; text-align: center;}
	
	.contain{width:96%;margin:0 auto;}
	
	
	.four_icon ul li{width:33%; }
}


@media screen and (max-width: 980px) {
	
	.logo{ width:150px;}
	.header{ display:none;}
	.header .box h1{ width:140px; top:5px;}
	.yybb{ right:20%; top:15px;}

	.sp_header,.sjj_nav{ display:block;}
	
	.sp_header{height:65px;overflow:hidden;background:#fff;position:fixed; top: 0;  z-index:1000;width:100%;padding:0 2%;}
	.sp_logo{padding:5px 0;float:left;height:50px}
	.sp_logo img{margin:auto;height: 40px;padding: 10px 0;}
	.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:22px}
	.sp_nav span{display:block;background:#c9141e;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
	.sp_nav span:nth-of-type(1){top:0px}
	.sp_nav span:nth-of-type(2){top:10px}
	.sp_nav span:nth-of-type(3){top:20px}
	.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
	.sp_nav_se span:nth-of-type(2){width:0}
	.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
	.sjj_nav{position:fixed;z-index:9;background:#eee;width:100%;height:calc(100% - 104px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
	.nav_show{top:65px; z-index: 999;}
	.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
	.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)}
	.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
	.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#333;}
	.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px; cursor: pointer;}
	.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
	.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
	.sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:48px;font-size:15px}
	.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
	.sjj_nav ul li ul{display:none}
	.sjj_nav ul li a{color:#333;width:80%;}
	.sjj_nav ul li ul li a{color:#666;display:block;text-align:left; font-size: 13px; line-height: 45px;}
	.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
	.sjj_nav ul li .sjj_nav_i_se svg{fill:#c9141e}
	.sjj_nav ul li ul li>ul{margin-left:10px}

	.banner_pc{  margin-top:65px;}
	
	.ind-case{background:#fff; margin-top:20px;}
	.ind-tit{font-size:25px;margin-bottom:15px;padding-bottom:10px;}
	.ind-msg{font-size:14px;color:#555;text-align:center;margin-bottom:30px;line-height:28px;}
	
	.srv-list li{width:33.333%;height:205px;padding:10px 0;overflow:hidden;float:left;}
	.srv-list li h2{color:#0061b0;font-weight:normal;font-size:16px;margin-top:20px;}
	.srv-list li p{padding:0 10px;font-size:14px;}
	
	.IabUs-list li .num{color:#fff;font:55px/68px 'dincondbold';}
	.IabUs-list li .cons{font-size: 13px;}
	
	.sy_ys_bj{width:100%; padding:15px 0 10px 0; background:#fff;}
	
	.BT_title h2{font-size:24px; color:#333; line-height: 30px; padding: 12px 0; text-align: center;}
	.BT_title p {color:#222;  font-size: 13px; line-height: 28px;padding-bottom: 15px;}
		
	.sy_ys_bj{padding:30px 0;}
	.sy_ys ul{margin-top:-10px;}
	.sy_ys ul li{width:100%; float:none; overflow:hidden; margin-top:10px; position:relative;}
	.sy_ys ul li .sy_ys_img{width:240px; height:100%; position:absolute; top:0; left:0;}	
	.sy_ys ul li .sy_ys_wb{width:calc(100% - 270px); height:auto; float:right; text-align:left; padding:24px 16px;}
	.sy_ys ul li:nth-child(2) .sy_ys_wb{color:#fff; background:#4eb839;}
	.sy_ys ul li:nth-child(2) .sy_ys_wb .sy_ys_wb_t{color:#fff;}
	.sy_ys ul li .sy_ys_wb_t{margin:0;}
	
	.index06 dl{ width:100%; overflow:hidden; padding-top:0;}
	.index06 dl dt{ width:100%; margin-bottom:25px;  }
	.index06 dl dd{ float:right; width:100%; }
	.index06 dl dd span{ display:block; width:85px; height:102px;}
	.index06 dl dd h2,.index06 dl dd p{ width:86%; float:right;}
	
	
	.foot{ text-align:center;}
	.foot .foot_t .t_l{ float:none; width:100%; padding-bottom:3%;}
	.foot .foot_t .t_m{ float:left; width:25%; border-top:1px solid #333; margin-left: 2%;   padding-top: 3%;}
	.foot .foot_t .t_r{ float:right; width:70%; border-top:1px solid #333; padding-top:3%;margin-right: 2% }
	.foot .foot_t .t_r .pic{ width:120px; margin:0 auto;}
	.foot .foot_b{ padding:2% 5%;}
	
	.banner_ny{ margin-top:65px;}
	.menu-nav-sub ul li a{display:inline-block;vertical-align:middle;padding:16px 25px;font-size:15px;color:#4b4b4b}
	
	.nyabout img{float: none !important;max-width:100%; margin:2% auto; clear:both; display:block;}
	
	
	.nyabout,.honor,.partnerList,.sol_List,.news,.NewsDetailed{width: 96%; margin: 3.5% auto;}
	.four_icon ul li{width:48%; }
	.four_icon ul li em{width: 100%; font-size: 13px;}
	
	
	.honor ul li{width:31.333%; }
	
	.sol_List ul li .fa_main_name{ line-height:45px; font-size:15px; }
	
	.news li .titles .bt{ font-size:15px; color:#333; font-weight:bold; padding:10px 0; line-height:25px;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
	.news li .titles p{font-size:13px; color:#666;  padding:6px 0; line-height:24px; display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2;overflow: hidden;}
	.news li .titles .more{ width:115px; height:30px; line-height:30px; text-align:center; border:1px solid #aaa; border-radius:30px; margin-top:10px;}
	
	.proctow .Topic h3{font-size:32px;color: #000;font-weight: 400;text-align: center; }
	.proctow .Topic .info{text-align: center; margin-top:15px; line-height: 30px; font-size: 14px;}
	
	
}


@media screen and (max-width: 720px) {
	
	
	.srv-list li{width:33.333%;height:205px;padding:10px 0;overflow:hidden;float:left;}
	.srv-list li h2{color:#0061b0;font-weight:normal;font-size:14px;margin-top:20px;}
	.srv-list li p{padding:0 10px;font-size:12px; margin-top: 6px;}
	
	
	.Iabout-us{padding:15px 0 20px;background:#4faeff;}
	.ind_about h2{font-size: 22px; padding: 0 0 15px 0;}
	.ind_about{width:97%; margin: 20px auto; float: none; line-height: 28px; font-size: 13px;}
	.IabUs-list{margin:15px 0 0;}
	.IabUs-list li{width:50%;text-align:center;position:relative;float:left; margin-bottom: 12px;}
	.IabUs-list li .num{color:#fff;font:50px/68px 'dincondbold';}
	.IabUs-list li .cons{line-height:22px;color:#f2f2f2;margin:5px 0 0;font-size: 12px;}
	.IabUs-list li:nth-child(3n):before{display:none;}
	
	.sy_ys ul li{padding-top:230px;}
	.sy_ys ul li .sy_ys_img{display:block;}
	.sy_ys ul li .sy_ys_wb{width:100%;box-sizing: border-box;}
	.sy_ys ul li .sy_ys_img{width:100%; height:230px; position: absolute; top:0; left:0}	
	.sy_ys ul li .sy_ys_wb_b{line-height:25px; margin-top:14px;}
	
	
	.index06 dl dd h2,.index06 dl dd p{ width:74%; float:right;}
	.index06 dl dd h2{ font-size:14px; color:#333; font-weight: bold;}
	.index06 dl dd p{ font-size: 12px;}
	
	
	.foot .foot_t .t_l{ float:none; width:100%; padding-bottom:3%;}
	.foot .foot_t .t_l dt{ font-size: 15px; }
	.foot .foot_t .t_m{ float:none;display: none;}
	.foot .foot_t .t_r{ float:none; width:100%; border-top:1px solid #333; padding-top:3%;margin-right: 2% }
	.foot .foot_t .t_r .pic{ width:120px; margin:0 auto;}
	.foot .foot_b{display: none;}
	
	
	.menu-nav-sub ul li a{display:inline-block;vertical-align:middle;padding:16px 15px;font-size:14px;color:#4b4b4b}
	.common-clumb-min{padding:20px 0 10px 0; overflow: hidden;}
	.common-clumb-min .clumb-title.fl{max-width: 100%;}
	.common-clumb-min .common-clumb-box.fr{max-width:100%;}
	.common-clumb-min .common-clumb-box a{font-size: 13px;}
	.font32{font-size:25px; color: #1d2088;}
	
	
	.honor ul li{width:48%; }
	.honor ul li span{font-size: 13px;  padding:8px 0 5px 0;}
	
	.partnerList .PartTitle{font-size: 25px; line-height: 40px; color: #000; padding:0 0 20px 0;}
	.partnerList ul li{width:48%;margin-left:2%;margin-bottom:20px;}
	
	.sol_List ul li{float:left;width:93%;}
	.sol_List .soltTitle{font-size: 25px; line-height: 40px; color: #000; padding:0 0 20px 0;}
	
	.news .newsTitle{font-size: 25px; line-height: 40px; color: #000; padding:0 0 20px 0;}
	.news li .pic{ width:99%; float:left;}
	.news li .pic img{ max-width:100%;}
	.news li .titles{ width:100%; float:right;}
	.news li .titles .bt{ font-size:16px; color:#333; font-weight:bold; padding:10px 0; line-height:25px;}
	.news li .titles p{font-size:13px; color:#666;  padding:8px 0; line-height:24px; display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2;overflow: hidden;}
	.news li .titles .more{ width:115px; height:30px; line-height:30px; text-align:center; border:1px solid #aaa; border-radius:30px; margin-top:10px;}
	
	.NewsDetailed h3{font-size:18px;font-weight:400;color:#000;}
	.NewsDetailed-content{line-height:28px;padding-top:15px;padding-bottom:10px;margin-bottom:10px;font-size:13px;}
	.fanhui{display: none;}
	
	.proctow .Topic h3{font-size:28px;color: #000;font-weight: 400;text-align: center; }
	.Topic_item h3{font-size: 24px; padding-bottom: 20px; }
	.Topic_item .infos{text-align: left; margin-top:10px; line-height:26px; font-size: 13px; color: #000;padding-bottom:30px; margin-bottom: 10px; }

}