
/*media*/

@media (max-width:680px) {
	.grid-item, .hot_activity_box li ,
	.hot_img_banner img,
	.header_box .logo img,
	.header_box .am-container,
	.news_right_top .left,.news_right_top .right,
	.am-container,
	.plan_box .am_container,
	.jobs_div {
		width: 100%;
	}
	.about_tema_txt,
	.about_team_box li:first-child:after,
	.brand,
	#footer,
	#top,
	.promise_box .blsit-list .promise_li .promise_txt p,
	.plan_box,
	.slide_pic_1 .li_hp .bian,
	.slide_pic_1 .li_hp .title h6,
	.problem_box .problem_div .center,
	.slider_nav li div.left p,
	.yc_right_box,
	#newBridge,
	.server_box .server_div p,
	.jobs_div .jobs_txt {
		display: none !important;
	}
	.jobs_div.jobs_two .jobs_icon {
		left: 43%;
	}
	.jobs_div.jobs_one .jobs_icon {
		right: 43%;
		top: 28px;
	}
	.jobs_div:before {
		display: none;
	}
	.am-modal p{
		text-align: left;
	}
	.xs_footer{
		display: block;
	}
	.am-btn-success.am-active,
	.am-btn-success:active, 
	.am-btn-success:focus, 
	.am-btn-success:hover, 
	.am-dropdown.am-active .am-btn-success.am-dropdown-toggle,
	.am-btn-success{
		background: none;
		border: 0;
	}
	.header_box .am-collapse.am-in{
		text-align: center;
	}.header_box .am-topbar-right{
		display: inline-block;
	}
	.header_box li a {
	    text-align: center;
	    font-size: 14px;
	    margin: 15px 0;
	}
	.header_box{
		padding: 0;
	}
	.header_box .logo {
    	width: 30%;
	}
	main{
		margin-top: 0;
	}
	.am-with-topbar-fixed-top {
	    padding-top: 49px;
	}
	.am-container>.am-g {
	    margin-left: 0;
	    margin-right: 0;
	}
	.izl-rmenu .btn-top{
		
	    width: 25px;
	    height: 25px;
	    font-size: 20px;
	}
	.ft_cont_box p {
	    background: none;
	    color: #c3c3c3;
	    font-size: 12px;
	}
	.xs_footer{
    	background-image: url(../images/contact_bg.jpg);
	    position: fixed;
	    bottom: 0;
	    z-index: 999;
	    width: 100%;
	}
	.xs_footer ul{
		margin: 0;
	}
	.xs_footer li{
		float: left;
		width: 20%;
		text-align: center;
	}	
	.xs_footer li a{
		display: block;
		font-size: 12px;
		padding: 5px 0;
		color: #fff;
	}
	.xs_footer li a:before{
    	content: '';
		width: 25px;
		height: 25px;
		display: block;
		background-position: center;
		background-size: contain;
		background-repeat: no-repeat;
		margin: 5px auto;
	}
	.xs_footer li:nth-child(1) a:before{
    	background-image: url(../images/xs_ft1.png);
	}
	.xs_footer li:nth-child(2) a:before{
    	background-image: url(../images/xs_ft2.png);
	}
	
	.xs_footer li:nth-child(3) a:before{
    	background-image: url(../images/plan4.png);
	}

	.xs_footer li:nth-child(4) a:before{
    	background-image: url(../images/xs_ft4.png);
	}
	
	.xs_footer li:nth-child(5) a:before{
    	background-image: url(../images/xs_ft5.png);
	}
	.ft_cont_box {
		
    margin-bottom: 67px;
	}
	/*index*/
	.tit {
	    text-align: center;
	    margin: 20px 0;
    	padding: 0 10px;
	}
	.tit h2 {
	  font-size: 20px;
	}
	.tit p {
	    font-size: 12px;
	}
	.server_box .server_icon {
	    width: 70px;
	    height: 70px;
	}
	.n_case_div .case_txt h4,
	.server_box .server_div h4 {
	    font-size: 14px;
	}
	.slider_nav{
		background: #373d41;
	}
	#index_slider {
	    
	    overflow: hidden;
		
	}.slider_nav li {
    	padding: 5px 0;
	}
	.slider_nav li span.left{
		width: 35px;
		margin: 0 auto;
	    display: block;
	    float: inherit;
	}
	.slider_nav li div.left{
	    text-align: center;
	    display: block;
	    float: inherit;
	    font-size: 12px;
	}
	.slide_pic_1 .li_hp .title h4,
	.slider_nav li div.left h4 {
	    font-size: 12px;
	}
	.wrapper .counter h2 {
	    margin: 8px 0 0;
	    font-size: 24px;
	}
	.wrapper .counter span {
	    margin-left: 3px;
	    font-size: 16px;
	    padding-bottom: 0;
	}
	.wrapper .counter p {
	    margin: 0 0 12px;
	    font-size: 12px;
	}
	.server_div_cont {
	    margin: 12px 0 0;
	}
	.wrapper .counter {
	    width: 24%;
		height: 98px;
	    border: 1px solid #dddd;
	    border-radius: 0;
	    margin-right: 5px;
	}
	.server_box .server_div,
	.problem_box{
		padding: 0;
	}
	.problem_box .problem_div li span {
	    width: 25px;
	    height: 25px;
	    border-radius: 0;
	    font-size: 17px;
	    margin-right: 7px;
	}
	.problem_box .problem_div li strong {
	    font-size: 17px;
	}
	.problem_box .problem_div li {
	    height: auto;
	    width: 100%;
	    float: inherit;
	    background: #fff;
	    padding-left: 0;
	    padding-top: 0;
	    padding: 0 13px;
	    padding-right: 0;
	}
	.slide_pic_1 .brand_lc_li {
    	width: 24.5%;
		
	}
	.slide_pic_1 .li_hp .ico {
		 height: 30px;
	}
	.slide_pic_1 .li_hp .ico img {
		 height: 100%;
	}
	.slide_pic_1{
		margin-top: 0;
	}
	.content3{
		 padding: 0px 0 35px;
	}
	.news_box .wrap .blist li,
	.xcx_jg .am-u-md-8 .weixin_money a, .case_box .blist li {
	    margin-right: 10px;
	    padding: 5px 11px;
		font-size: 14px;
	    border-radius: 0;
	}
	.case_box .he_border1 {
	    width: 50%;
	    height: auto;
	    margin-right: 0;
	}
	.news_right_top .left,
	.news_box .news_img {
		 height: auto;
	}
	
	.news_box .wrap .blist li{
		margin-right: 0;
		width: 20%;
	    padding: 5px 0;
	    text-align: center;
	}
	.news_right_top .right{
		margin:10px  0;
	}.news_right_top .right p:nth-child(2) {
    	height: 37px;
	}
	.hz_box ul li img,
	.news_right_li a span.left {
    	width: 73%;
	}
	.hz_box ul,
	.hz_box{
		margin: 0;
	}
	.hz_box li {
	    width: 33.3%;
	    height: 50px;
	    height: 89px;
	    line-height: 89px;
	}
	.news_right_li a i {
	    font-size: 7px;
	}
	.news_box .blsit-list{
		margin: 0;
	}
	.promise_box .blsit-list .promise_li{
		height: auto;
	    padding: 10px 4px;
	    text-align: center;
	}
	.promise_box .blsit-list .promise_li .promise_txt {
	    line-height: 14px;
	}
	.promise_box .blsit-list .promise_li .promise_icon {
	    width: 30px;
	    height: 30px;
	    display: block;
	    margin-left: 0;
	    margin-right: 0;
	    margin: 0 auto;
	    float: initial;
	}
	.promise_box .blsit-list .promise_li .promise_txt b {
	    font-size: 14px;
    	display: block;
	    margin-top: 12px;
	}
	.promise_box .wrap .blist li {
	    font-size: 12px;
	}
	.promise_box .wrap .blist li.active:before {
	    border-width: 7px 7px 0 7px;
	    margin-left: -6px;
	}/*case*/
	.detail_top_div .left{
		width: 100%;
		padding: 10px;
	}
	.detail_top_div .detail_server li {
	    width: 33%;
	    padding: 4px 0;
	    font-size: 12px;
	}
	/*web*/
	.build_img_div {
		display: none;
	}
	.build_txt1 {
	    padding: 8rem 10px 0;
	}
	.build_txt_div h2 {
    	font-size: 34px;
		
	}
	.build_txt2{
		padding-top: 0;
	}
	/*wechat*/
	.web1 dd span {
	    margin: 0 auto ;
	    width: 60px;
	    height: 60px;
	    background-size: contain;
	}
	.weixin_ys li i img,
	 img.tit {
		width: 100%;
    	margin: 0;
	}
	.weixin_ys,
	.web1 dd{
    	padding: 10px;
    	margin: 0;
	}
	.web1 dd p {
	    line-height: 27px;
	    font-size: 12px;
	}
	.web1 dd p,
	.web1 dd.dd_2 p {
	    padding: 0;
    	margin: 0;
	}
	.weixin_ys li i {
	    float: initial;
	    display: block;
	    width: 65px;
	    height: 65px;
	    margin: 0 auto;
	}
	.weixin_ys li h3 {
	    margin-bottom: 0;
	    margin-top: 10px;
	    text-align: center;
	    font-weight: 500;
	    font-size: 12px;
	}
	.weixin_ys li {
	    height: auto;
	    margin-bottom: 25px;
	}
	.weixin_ys li:hover p,
	.weixin_ys li p{
		display: none;
	}
	.weixin_jg_box .blist li {
	    padding: 5px;
	    margin-right: 6px;
	    font-size: 14px;
	    margin-bottom: 5px;
	    width: 32%;
		}
	.weixin_jg_box .blist li:nth-child(3n+3) {
		margin-right: 0;
	}
	.weixin_jg_box .blist {
	    margin-bottom: 15px;
	    padding: 0 10px;
	}
	.xcx_jg {
    	padding: 10px;
	}
	.xcx_jg .am-u-md-8 ul li {
	    font-size: 13px;
    	margin-bottom: 10px;
	}
	.xcx_jg .am-u-md-8 h4{
	    font-weight: 500;
	    margin-top: 12px;
	}
	.xcx_jg .am-u-md-8 li img{
		width: 10px;
	}
	.develop-first-step, .develop-second-step, .develop-third-step, .develop-firth-step{
		width: 100%;
    	font-size: 16px;
		padding:0 10px;
	}.develop-first-step::after, .develop-second-step::after, .develop-third-step::after{
		display: none;
	}
	.develop-first-step::before, .develop-second-step::before, .develop-third-step::before, .develop-firth-step::before {
	    width: 25px;
	    height: 25px;
	    line-height: 25px;
	    font-size: 14px;
	    color: #fff;
	    border-radius: 0;
	    margin-right: 7px;
	}
	/*email*/	
	.email_div_gm .am-form-horizontal .am-u-sm-10,
	.email_div_gm .pz h4, .email_div_gm .am-form-horizontal .am-form-label {
	    width: 100%;
    	padding: 0px;
	}
	.email_div_gm .am-form-horizontal .am-form-label {
		margin-bottom: 15px;
	}
	.email_div_gm .gm_date li{
    	width: 67px;
	}
	.email_div_gm .pz{
		margin-top: 25px;
	}
	.email_faq_box ul,
	.email_ys_box ul,
	.email_tc_box {
		margin: 0;
		padding:0 10px;
	}
	.email_tc_box .email_tc_li {
	       width: 49%;
	    padding: 10px;
	    margin-right: 2%;
	    box-shadow: 0px 0px 4px 2px rgba(148, 148, 148, 0.28);
	    margin-bottom: 20px;
	}
	.email_tc_box .email_tc_li h4 {
		font-size: 14px;
    	padding-bottom: 10px;
	}
	.email_tc_box .email_tc_li h3{
		font-size: 20px;
	}
	.email_tc_box .email_tc_li p{
		text-align: center;
	}
	.email_tc_box .email_tc_li h4 span {
	    margin-top: 3px;
	}
	.email_tc_box .email_tc_li a {
	    width: 100%;
    	font-size: 12px;
	    padding: 5px 0;
	}
	.email_gn_box ul {
	    margin: 0 0;
	    border-top: 1px solid #ddd;
	    border-bottom: 1px solid #ddd;
	}
	.email_gn_box .email_gn_show i {
	    width: 30px;
	    height: 30px;
    	margin-top: 15px;
	}
	.email_gn_box li{
		padding: 0;
		height: auto;
	}
	.email_gn_box .email_gn_show {
		margin-top: 0;
    	font-size: 12px;
	}
	.email_gn_box .email_gn_hide{
		display: none;
	}
	.email_ys_box li {
	    width: 49%;
	    margin-right: 2%;
	    height: auto;
	    margin-bottom: 14px;
	    padding-top: 2px;
	    background: none;
	    background-color: #007aff;
	}
	.email_tc_box .email_tc_li:nth-child(2n+2),
	.email_ys_box li:nth-child(2n+2){
		margin-right: 0;
	}
	.email_ys_box li p {
	    font-size: 12px;
	    padding: 0 10px;
	}
	.email_faq_box li{
		width: 100%;
	}
	/*news*/
	.news_box {
		padding: 0 10px;
	}
	.news_box .news_div {
	    width: 100%;
	    margin-right: 0;
	    margin-bottom: 15px;
	}
	.detail_top_div .detail_tit {
	    /*padding-right: 0;*/
	}
	.detail_top_div .detail_server h3, .detail_tit h3 {
	    font-size: 20px;
	    margin-top: 0;
	    margin-bottom: 0;
	}
	.detail_tit p {
	    margin: 3px 0;
	}
	.detail_top_div {
	    margin: 15px 0;
    	padding-bottom: 10px;
	}
	/*hot live*/
	.am-breadcrumb{
		padding: 10px;
	}
	.hot_img_banner,.hot_activity_box{
		padding: 0 10px;
	}
	.hot_activity_box li .hot_ac_img{
    	border-radius: 5px 5px 0 0;
	}
	.hot_activity_box li .hot_ac_txt{
		
    border-radius: 0 0 5px 5px;
	}
	/*case*/
	.news_type_box{
		margin-bottom: 15px;
	}
	.news_type_box li{
		padding: 5px 0;
	}
	.news_type_box li a{
		 padding: 0 14px;
	}
	/*about*/
	.contact_div{
		margin: 0;
	}
	.about_top_txt {
	    padding: 10px;
	    font-size: 13px;
	    line-height: 18px;
	    text-align: left !important;
	}
	.about_top_txt img{
		width: 100%;
	}
	.about_team_box .about_team_div {
    	width: 21%;
	}
	.about_type li {
	    font-size: 20px;
		
	}
	.about_team_box li:nth-child(2){
		
    	padding: 0 10px;
	}
	.about_team_box li:nth-child(2) .about_office_div {
	    width: 100%;
	    float: left;
	    text-align: left;
	    margin-right: 0;
	    margin-bottom: 15px;
	    border: 1px solid #DADADA;
	    padding: 13px;
	    border-radius: 0;
	    transition: .3s;
	}

}
/*ipad-shu*/
/*@media only screen and (min-width: 641px) {
	.am-container {
		width: 100%;
	}
}*/