/*
* @Author: Marte
* @Date:   2018-06-19 16:36:04
* @Last Modified by:   Marte
* @Last Modified time: 2018-06-20 20:03:56
*/
.mo-lb, .mo-close, .mobile_honor{ display: none; }
.pc_honor{ display: block; }

@media screen and (max-width:1700px){
	.naver:nth-last-child(2){ margin-left: -200px;}
}
@media screen and (max-width:1641px){
    .naver span{ margin: 0 12px;} 
}
@media screen and (max-width:1600px){
	.naver:nth-last-child(2){ margin-left: -220px;}
}

@media screen and (max-width:1280px){
    .index-T{ display: none;}
    .container{ width: 96%; max-width: 1200px; margin-left: 2%; }
    .nav ul li{ margin: 0 18px;}
    .f_logo{ display: none;}

    .contact_us_con .item{ width: 230px;}
}

@media only screen and (max-width: 1200px) {
	.car_info1 {width: 72%;}
	.car_info1 h2{font-size: 18px;}
	.car_t1 > *{font-size: 14px;}
	.nav ul li{margin: 0 14px;}
	.news_center{padding: 20px 10px;}
	.news_center ul li{padding: 10px;}
}
@media only screen and (max-width: 1250px) {
	.car_slide {width: 46%;}
	.car_d_r {width: 52%;}
	.car_t2 {padding: 15px 0 10px 15px;font-size: 20px;}
	.car_t2 p b{font-size: 30px;}
	.car_t3{font-size: 16px;line-height: 36px;}
	.car_t4 p img {height: 50px;}
	.car_t4 p span , .car_t4 a{line-height: 50px;}
}
@media only screen and (max-width: 1100px) {
	.nav ul li{margin: 0 10px;}
	.car_info1{width: 69%;}
}
@media screen and ( max-width: 1000px ){
    .mo-lb{ display: block; float: right; margin-top: 30px; }
    .mo-close{ display: block; float: right; margin: 14px 3% 0; }
    .nav{ position: fixed; width: 100%; height: 100%; margin-left: 0 !important; left: 0; top: 0; float: none; background-color: rgba(0,0,0,.9); z-index: 1000; display: none; }
    .nav ul{ margin-top: 47px; }
    .nav ul li{ float: none; width: 96%; text-align: center; border-bottom: 1px solid #dedede; margin: 0 2%; line-height: 48px; }
    .nav ul li a{ color: #fff; }
    .nav ul li:after{ display: none; }

    .into_top .item p{ display: none; }
    .into_top .item{ height: auto; }
    .into_top .item div.a{ height: auto; }
    .into_top .item h4{ margin-top: 0; line-height: 60px; }
    .into_top .item i{ top: 50%; transform: translateY(-50%); }

    .into_main .item{ height: auto; }
    .into_l{ height: auto; padding: 20px 4%; }

    .footer{ padding-top: 30px; margin-top: 30px; }
    .footer2{ margin-top: 30px; height: auto; line-height: 30px; padding: 10px; font-size: 14px; }
    .footer ul{ display: none; }
    .footer_lx{ width: 100%; }

    .hot_news, .crumbs{ display: none; }
    .news_detail{ width: 100%; }
	
	.car_img1 {width: 140px;height: 96px;}
	.car_info1 h2{margin-bottom: 20px;}
	.car_i > *{margin-left: 20px;}
	
	.news_info1{margin-top: 0;}
	.news_info1 h2{font-size: 16px;margin-bottom: 8px;}
	.news_info1 p{line-height: 22px;height: 44px;}
	.news_info1 h3 {margin-top: 8px;}
}

@media only screen and (max-width: 900px) {
	.car_img1 {width: 120px;height: 83px;}
}

@media screen and ( max-width: 769px ){

    .into_top .item h4{ margin-left: 10px; font-size: 16px; }
    .into_r{ display: none; }
    .into_l{ width: 100%; }

    .business_main .item{ width: 100%; margin-right: 0; margin-bottom: 20px; padding: 30px 0; }
    .contact{ margin-top: 40px; }
    .contact_l, .map{ width: 100%; margin-bottom: 20px; }

    .banner .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: 10px; }
    .banner .swiper-pagination-bullet{ width: 10px; height: 10px; }

    .tu{ display: none; }
    .wen{ width: 100%; }
    .honor_info1{ padding: 14px 20px 0; height: 90px; }
    .honor_info1 .txt{ font-size: 14px; line-height: 26px;}

    .develop_l{ width: 160px; }
    .develop_l ul li{ font-size: 22px; }
    .develop_r{ margin-left: 160px; }
    .news ul li{ padding: 20px 0; }
    .date{ display: none; }
    .news_pic{ margin-left: 0; }
    .news_wen{ margin-left: 242px; }

    .contact_us_con{ overflow: hidden; }
    .contact_us_con .item{ width: 25%; float: left; }

	.car_i {display: none;}
	.car_left1 {width: 100%;}
	.car_info1{width: 75%;}
	
	.news_center ul li{width: 100%;}
}



@media screen and ( max-width: 640px ){

    .into_top .item i{ display: none; }
    .into_top .item div.a{ text-align: center; }
    .into_top .item h4{ margin-left: 0; }
    .more{ margin-top: 20px; }

    .feedback_form{ width: 100%; }
    .feedback{ margin-top: 30px; }
    .contact_us{ margin-top: 40px; padding: 30px 0; }
    .contact_map{ margin-top: 30px; }
    .map2{ margin-top: 30px; }
    .footer_lx h4{ margin-bottom: 30px; }

    .job-con ul li{ width: auto; }
    .staff ul li{ width: 48%; margin-left: 1%; margin-right: 1%; }
    .staff ul li:nth-child(3n){ margin-right: 1%; }

    .naver2 ul{ float: none; }
    .naver2 ul li{ width: 24%; margin: 0 .5%; min-width: auto; }

    .develop_l{ width: 100%; float: none; border-bottom: 1px solid #eee; }
    .develop_l ul{ white-space: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch;}
    .develop_l ul::-webkit-scrollbar { display: none;}
    .develop_l ul li{ display: inline-block; padding: 0 20px; margin-bottom: 0; line-height: 46px; }
    .develop_l ul li.active:after{ display: none; }
    .develop_l ul li.active{ color: #e8434a; }
    .develop_r{ width: 100%; margin-left: 0; border-left: 0; padding-left: 0; margin-top: 20px; }

    .honor_list2 ul li{ width: 48%; margin: 0 1% 20px; }
    .pc_honor{ display: none; }
    .mobile_honor{ display: block; margin-top: 24px; }
    .mobile_honor ul li {
        box-sizing: border-box;
        overflow: hidden;
        width: 100%;
        margin-bottom: 20px;
        height: 118px;
        border: 1px solid #dddddd;
    }
    .time1{ width: 110px; }
    .honor_info1{ margin-left: 110px; }
    
    .car_info1{width: 72%;}
    .car_info1 h2{margin-bottom: 10px;}
}



@media screen and ( max-width: 480px ){

    .header_top{ display: none; }
    .logo{ height: 50px; }
    .logo img{ height: 50px; }
    .mo-lb{ width: 36px; margin-top: 18px; }
    .into{ padding: 24px 0; }
    .title h4{ font-size: 20px; }
    .into_con{ margin-top: 24px; }
    .into_top .item h4{ line-height: 48px; }
    .into_l h4{ font-size: 24px; }
    .into_l p{ margin-top: 26px; }
    .into_l h4:after{ bottom: -15px; }
    .business{ padding-top: 30px; }
    .business_main{ margin-top: 30px; }
    .business_main .item p{ margin-top: 15px; }
    .contact{ margin-top: 20px; }
    .contact_pic{ display: none; }
    .contact_con{ margin-top: 24px; }
    .contact_wen{ width: 100%; height: 300px; }
    .contact_art span{ margin-top: 36px; }

    .f-about{ margin-top: 20px; }
    .f-about ul li{ padding-bottom: 20px; }
    .f-about ul li i{ margin-top: 14px; width: 30px; height: 30px; }
    .f-about ul li p{ margin-top: 14px; font-size: 16px; }

    .f-about ul li.icon1 i{ background: url(../images/icon6_03.png) no-repeat; background-size: cover; }
    .f-about ul li.icon2 i{ background: url(../images/icon7_03.png) no-repeat; background-size: cover; }
    .f-about ul li.icon3 i{ background: url(../images/icon8_03.png) no-repeat; background-size: cover; }
    .f-about ul li.icon4 i{ background: url(../images/icon9_03.png) no-repeat; background-size: cover; }
    .f-about ul li:after{ display: none; }

    .footer{ padding-top: 20px; }
    .footer_lx h4{ margin-bottom: 24px; }
    .footer2{ margin-top: 16px; }
    .footer_lx p{ line-height: 32px; font-size: 14px; }
    .footer_lx p.icon1{ background: url(../images/icon14_03.png) no-repeat left 6px; background-size: 18px auto; }
    .footer_lx p.icon2{ background: url(../images/icon15_03.png) no-repeat left 6px; background-size: 18px auto;  }

    .naver2 ul li{ padding: 0; }
    .introduce{ margin-top: 24px; }
    .common{padding-bottom: 20px;}
    .wen-tit{ margin-bottom: 14px; }
    .wen-tit h2{ font-size: 20px; }
    .wen-tit span{ font-size: 18px; }
    .ab-wen{ font-size: 14px; line-height: 26px; }
    .compile{ margin-top: 24px; margin-bottom: 24px; }
    .honor1{ padding-top: 24px; }
    .s_title1 h1{ font-size: 22px; padding-bottom: 0; }
    .s_title1 h2{ font-size: 18px; }
    .develop{ margin-top: 24px; }
    .develop_list{ margin-top: 24px; }
    .develop_l ul li{ font-size: 20px; font-weight: normal; }
    .develop_l ul li:first-child{ padding-left: 0; }
    .develop_tit{ font-size: 18px; margin-bottom: 14px; }
    .develop_wen{ font-size: 14px; line-height: 28px; }
    .project{ margin-top: 24px; }
    .project_list ul li{ margin-top: 16px; }
    .project-wen{ width: 50%; font-size: 14px; line-height: 26px; height: 78px; margin-top: 0; }
    .project-pic{ width: 46%; }
    .paging{ margin: 24px 0; }
    .paging div a{ padding: 0 8px; height: 24px; line-height: 24px; }

    .news{ margin-top: 20px; }
    .news ul li{ padding: 10px 0; }
    .news_pic{ width: 44%; }
    .news_wen{ margin-left: 48%; }
    .news_wen h4{ padding-top: 0; font-size: 16px; }
    .news_wen p{ font-size: 14px; line-height: 24px; height: 72px; margin-top: 8px; }
    .news_detail{ margin-top: 24px; }
    .news_tit h4{ font-size: 20px; }
    .news_tit p{ margin-top: 14px; }
    .news_detail_con{ margin-top: 14px; }

    .team{ margin-top: 24px; }
    .team_pic{ width: 40%; }
    .team_wen{ margin-left: 43%; height: 184px; }
    .team_wen h4{ padding-top: 0; }
    .team_wen span{ margin-top: 8px; }
    .team_wen p{ line-height: 24px; }

    .staff ul li{margin-top: 20px;}
    .staff ul li h4{ margin-top: 0; font-size: 16px; }
    .staff ul li p{ margin-top: 0; }

    .job_jj{ margin-top: 24px; font-size: 14px; line-height: 28px; }
    .job-top span:after{ left: 10px; }
    .job-top span{ text-indent: 28px; }
    .job-more{ margin-right: 10px; }
    .job-con{ width: 98%; }
    .job-con ul{ padding: 10px 0; }
    .job-yq{ margin-top: 14px; padding-left: 10px; }
    .title2 h4{ font-size: 20px; }
    .title2 i{ margin-top: 10px; }
    .title2 p{ margin-top: 14px; }
    .feedback_form{ margin-top: 10px; }
    .feedback_form input{ width: 100%; margin-right: 0; margin-top: 10px; }
    input.submit{ margin-top: 20px; }
    .contact_us{ padding-bottom: 0; }
    .contact_us_con{ margin-top: 24px; }
    .contact_us_con .item{ width: 50%; margin-bottom: 20px; }
    .contact_us_con .item img{ margin-bottom: 10px; }
    .contact_us_con .item p{ font-size: 16px; }
	
	.car_img1 {
	    width: 100px;
	    height: 69px;
	}
	.car_info1 h2{font-size: 15px;margin-bottom: 4px;}
	.car_t1 > *{font-size: 13px;}
	
	.news_index{padding: 20px 0;}
	.news_center{margin-top: 30px;}
	.news_info1 p{height: 22px;text-overflow: ellipsis;white-space: nowrap;}
	
	.floatRight{display: none;}
}

@media only screen and (max-width: 400px) {
	.car_img1 {
	    width: 85px;
	    height: 58px;
	}
	.car_info1{margin-top: 0;}
}
@media screen and ( max-width: 321px ){
    .into_top .item h4{ font-size: 14px; }
	.car_info1 {width: 70%;}
}