@media(max-width:1600px) {
    .head,
    .about,
    .product,
    .new,
    .job,
    .foot,
    .inhead,
    .bread,
    .inproduct,
    .infoot,
    .incontact,
    .feedback,
    .newshow,
    .innew,
    .abnav,
    .inabout,
    .organize,
    .honor,
    .culture,
    .history,
    .invest,
    .injob {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media(max-width:1440px) {
    .nav ul li a {
        font-size: 18px;
    }
    .news {
        margin-top: 50px;
    }
    .newmore {
        margin-top: 50px;
    }
    .proitem_more {
        margin-top: 25px;
    }
    .products {
        margin-top: 30px;
    }
    .proitem_list a {
        font-size: 18px;
        margin-top: 15px;
    }
    .proitem_title {
        font-size: 24px;
        margin-top: 15px;
    }
    .abcon {
        font-size: 20px;
        margin-top: 20px;
    }
    .sj_top span {
        font-size: 36px;
    }
    .sj {
        margin-top: 30px;
    }
    .abbot {
        margin-top: 1px;
    }
    .abmore {
        margin-top: 30px;
    }
    .culbot_con {
        font-size: 20px;
    }
}

@media(max-width:1366px) {
	.nav ul li a {
    font-size: 16px;
    color: #5a5a5a;
    display: block;
}
 .abcon {
        font-size: 16px;
        margin-top: 0px;
    }
	.proitem_title {
        font-size: 18px;
        margin-top: 15px;
    }
	.proitem_list a {
        font-size: 14px;
        margin-top: 15px;
    }
	.sample_bottom_a {
            display: block;
            background-color: #ffff;
            float: left;
            width: 285px;
            height: 320px;
            border-radius: 20px;
            margin: 10px 20px;
			box-shadow: 0px 5px 10px rgba(204, 204, 204, 0.5);
        }
        .lxwm_bottom_top {
            width: 1260px;
            height: 420px;
            background-color: #fff;
            box-shadow: 0px 5px 10px #888888;
        }
		.lxwm_bottom_bottom {
            width: 1260px;
            height: 420px;
            background-color: #fff;
            box-shadow: 0px 5px 10px #888888;
            margin-top: 30px;
        }
		.lxwms {
            width: 100%;
            background-color: #f6f6f6;
            height: 1300px;
			overflow:hidden;
        }
		.lxwm_bottom_top_right {
            float: left;
            width: 600px;
        }
		 .lxwm_bottom_top_left {
            float: left;
            margin: 30px 30px 15px 30px;
			width:600px;
        }
		.lxwm_bottom_bottom_left {
            float: left;
            margin: 30px 30px 15px 30px;
            width:600px;
        }
		.lxwm_bottom_bottom_right {
            float: left;
            width: 600px;
        }
		.lxwm_middle {
            margin: 50px 0px;
			padding-left:20px;
        }
        .sample_bottom_a_img {
            width: 271px;
            height: 260px;
            margin: 10px;
        }
		 .sample_bottom_a_p {
            font-size: 16px;
            color: #000;
            margin: 0px;
            line-height: 30px;
            width: 215px;
            display: inline-block;
            margin-left: 30px;
        }
		 .lxwm {
            width: 1350px;
            margin: auto;
        }
    .left_inpro_list_top {
        font-size: 16px;
    }
    .proshow_adv_con {
        font-size: 16px;
    }
    .incontact_item_con {
        font-size: 20px;
    }
    .inabcon {
        font-size: 16px;
    }
    .invest_bot_fr_list a {
        font-size: 20px;
        margin-top: 25px;
    }
    .invest_top_con {
        font-size: 20px;
    }
    .invest_top_title {
        font-size: 24px;
    }
    .invest_top_more a {
        font-size: 20px;
        height: 55px;
        line-height: 55px;
        width: 210px;
    }
	

.fitem_con {
    font-size: 14px;
    color: #fff;
    line-height: 2.5;
    margin-top: 8px;
}

.fbot {
    width: 100%;
    text-align: center;
    margin-top: 75px;
    font-size: 0;
	height:160px;
}
.fitem {
        height:172px!important;
        padding: 30px 35px 0;
    }
	.lxwm {
            width: 1260px;
            margin: auto;
        }
		.about {
    width: 100%;
    overflow: hidden;
	height:465px;
}
.product {
    width: 100%;
    overflow: hidden;
    margin-top: 80px;
	height:365px;
}
.job {
    width: 100%;
    overflow: hidden;
    text-align: center;
	height:325px;
}
.foot {
    width: 100%;
    overflow: hidden;
	height:350px;
}
 .sj {
        margin-top: 0px;
    }
	.abtop_left {
    float: left;
    width: 51%;
    margin-top: 60px;
}
.abbot_pic {
    height: 40px;
    line-height: 40px;
}
.abtitles {
    font-weight: normal;
    color: #fff;
    font-size: 34px;
    margin-top: -65px;
}
 .sj_top span {
        font-size: 34px;
    }
	.foots {
    max-width: 1400px;
    margin: auto;
	margin-top:45px;
}
.saoma {
    display: inline-block;
    background: #fff;
    margin: 0 30px;
    width: 146px;
}
.saoma img {
    float: left;
    height: 119px;
}
.saoma span {
    font-size: 16px;
    color: #5a5a5a;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    display: block;
    float: left;
    height: 119px;
}
 .fbot {
        margin-top: 10px!important;
    }
	 .lxwm_top {
            line-height: 30px;
            text-align: center;
            padding-top: 50px;
            border-bottom: 1px solid #c9c9c9;
            width: 1260px;
            margin: 0px;
        }
		.proitem_list{
	overflow:hidden;
	height:80px;
}

	.abbots {
    width: 13%;
    float: left;
    text-align: center;
    display: table;
    border-radius: 100%;
    border: 1px solid #fff;
    cursor: pointer;
    margin-right: calc(40% / 3);
}
.injob {
        padding-left: 0px;
        padding-right: 0px;
    }

}

@media(max-width:1280px) {
    .fbot {
        margin-top: 25px;
    }
    .fitem {
        height: 200px;
        padding: 30px 35px 0;
    }
    .title {
        font-size: 36px;
    }
    .jobs {
        margin-top: 25px;
    }
    .jobtitle {
        font-size: 18px;
    }
    .jobtitles {
        margin-top: 20px;
        font-size: 16px;
    }
    .jobnum {
        font-size: 26px;
        margin-top: 15px;
    }
    .jobmore {
        margin-top: 30px;
    }
    .jobmore a {
        font-size: 16px;
        height: 45px;
        line-height: 45px;
        padding: 0px 50px;
    }
    .news {
        margin-top: 25px;
    }
    .newmore a {
        font-size: 16px;
        height: 45px;
        line-height: 45px;
    }
    .proitem_pic {
        height: 55px;
        line-height: 55px;
    }
    .proitem_pic img {
        height: 55px;
    }
    .proitem_more {
        display: none;
    }
    .abmore {
        display: none;
    }
    .proshow_adv_con {
        font-size: 14px;
    }
    .proshow_adv_con1 {
        min-height: 175px;
    }
    .injob_bots_con {
        font-size: 24px;
    }
    .injob_bots_title {
        font-size: 30px;
    }
    .injob_bots_title img {
        height: 55px;
    }
}

@media(max-width:1200px) {}

@media(max-width:1024px) {
    .mobile-inner-header {
        display: block;
        z-index: 999;
    }
    .head {
        display: none;
    }
    .abouts {
        margin-top: 0;
    }
    .about {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .abbot_pic {
        height: 36px;
        line-height: 36px;
    }
    .abbot_pic img {
        height: 36px;
    }
    .abbot_title {
        font-size: 20px;
    }
    .product,
    .new {
        margin-top: 0;
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .job,
    .foot {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .copy {
        position: static;
    }
    .fitem {
        padding: 20px;
    }
    .inhead {
        display: none;
    }
    .breads {
        font-size: 18px;
    }
    .left_inpro {
        display: none;
    }
    .mobilepnav {
        display: block;
    }
    .right_inpro {
        width: 100%;
    }
    .infoot {
        display: none;
    }
    .proshow {
        width: 100%;
    }
    .incontact_item {
        padding: 30px;
    }
    .innewpic {
        display: none;
    }
    .innewintro {
        width: 100%;
    }
    .left_inab {
        width: 100%;
    }
    .right_inab {
        width: 100%;
        margin-top: 20px;
    }
    .culbot_con {
        font-size: 16px;
    }
    .cultop_before {
        padding: 20% 10.8% 0;
    }
    .injob_bots {
        padding: 30px;
    }
    .injob_bots_con {
        font-size: 20px;
    }
}

@media(max-width:768px) {
    .mobile-inner-header img {
        height: 45%;
    }
    .abtop_left {
        width: 100%;
    }
    .abtitle {
        font-size: 50px;
    }
    .abtitles {
        font-size: 20px;
        margin-top: -40px;
    }
    .abcon {
        font-size: 14px;
    }
    .abtop_right {
        width: 100%;
        padding: 0 5px;
    }
    .sj_top span {
        font-size: 26px;
    }
    .abbot {
        display: none;
    }
    .title {
        font-size: 22px;
    }
    .proitem_title {
        font-size: 18px;
    }
    .proitem_list a {
        font-size: 14px;
        margin-top: 10px;
    }
    .newmore {
        display: none;
    }
    .newitem {
        width: 32%;
        margin-right: 2%;
    }
    .newbefore_pic {
        height: 25px;
        line-height: 25px;
    }
    .newbefore_pic img {
        height: 25px;
    }
    .newbefore_title {
        font-size: 12px;
        margin-top: 10px;
    }
    .jobtitle {
        font-size: 14px;
    }
    .jobnum {
        margin-top: 5px;
    }
    .jobmore {
        margin-top: 15px;
    }
    .fitem {
        width: 100%;
        height: auto;
        margin-bottom: 8px;
    }
    .fitem_con {
        font-size: 14px;
    }
    .saoma {
        width: 49%;
        margin: 0 0.5%;
    }
    .saoma span {
        font-size: 16px;
        height: 135px;
    }
    .saoma img {
        height: 135px;
    }
    .copy {
        line-height: 40px;
        font-size: 14px;
    }
    .copy a {
        display: block;
        font-size: 14px;
    }
    .bread {
        height: 45px;
        line-height: 45px;
    }
    .breads img {
        width: 20px;
    }
    .inpro {
        width: 49%;
        margin-right: 2%;
        margin-bottom: 10px;
    }
    .inpro:nth-child(3n) {
        margin-right: 2%;
    }
    .inpro:nth-child(2n) {
        margin-right: 0;
    }
    .inpro p {
        font-size: 14px;
        line-height: 30px;
        background-size: 18px;
    }
    .inproduct {
        padding-top: 25px;
        padding-bottom: 25px;
    }
    .incopy {
        line-height: 40px;
        font-size: 14px;
    }
    .incopy a {
        display: block;
        font-size: 14px;
    }
    .proshow_top_fl {
        width: 100%;
    }
    .proshow_top_fr {
        width: 100%;
        margin-top: 20px;
    }
    .proshow_top_fr_title {
        font-size: 20px;
    }
    .proshow_top_fr_con {
        font-size: 14px;
    }
    .proshow_adv {
        width: 100%;
    }
    .proshow_adv_title {
        font-size: 20px;
    }
    .proshow_adv_con1,
    .proshow_adv_con2 {
        min-height: unset;
    }
    #map1 {
        padding-top: 15px;
    }
    .intitle {
        font-size: 22px;
    }
    .incontact_item {
        width: 100%;
        height: auto;
        margin-bottom: 20px;
    }
    .incontact_item_title {
        font-size: 18px;
        margin-top: 20px;
    }
    .incontact_item_con {
        font-size: 16px;
        margin-top: 15px;
    }
    .incontact_item_pic {
        height: 40px;
        line-height: 40px;
    }
    .incontact_item_pic img {
        height: 40px;
    }
    .intitles {
        font-size: 18px;
    }
    .feedbacks form div input {
        width: 100%;
        margin-bottom: 10px;
        font-size: 14px;
        height: 40px;
    }
    .feedbacks form div {
        margin-bottom: 0;
    }
    .feedbacks form textarea {
        margin-bottom: 10px;
        height: 100px;
        font-size: 14px;
    }
    .feedbacks form input[type=submit] {
        width: 100%;
        font-size: 14px;
        height: 40px;
    }
    .abnav {
        height: 40px;
        line-height: 40px;
    }
    .abnav a {
        font-size: 14px;
        padding: 0 2px;
    }
    .inabtitle {
        font-size: 18px;
    }
    .inabcontainer {
        margin-top: 15px;
    }
    .inabline {
        width: 65px;
        height: 4px;
    }
    .inabcon {
        font-size: 14px;
    }
    .workshops img {
        margin-top: 10px;
        width: 49%;
    }
    .workshops img:nth-child(3n) {
        margin-right: 2%;
    }
    .workshops img:nth-child(2n) {
        margin-right: 0;
    }
    .honors a {
        width: 49%;
    }
    .honors a:nth-child(2n) {
        margin-right: 0;
    }
    .cultops {
        width: 100%;
        margin-bottom: 15px;
    }
    .culbot_pic {
        width: 100%;
    }
    .culbot_intro {
        width: 100%;
        position: static;
        padding: 20px;
    }
    .culbot_intros {
        padding: 0;
    }
    .culbot_title {
        font-size: 20px;
    }
    .cultop_before_con {
        font-size: 16px;
    }
    .cultop_before_title {
        font-size: 26px;
    }
    .cultop_before {
        padding: 25% 10.8% 0;
    }
    .hiscircle {
        display: none;
    }
    .historys {
        padding: 0;
        background: none;
    }
    .historys::before {
        display: none;
    }
    .hisyear {
        width: 100%;
        text-align: left;
    }
    .hiscon {
        width: 100%;
    }
    .hisyear {
        font-size: 18px;
    }
    .hiscon {
        font-size: 14px;
    }
    .hisitem {
        margin-bottom: 20px;
    }
    .invests {
        margin-top: 20px;
    }
    .invest_top_item {
        width: 100%;
        margin-bottom: 15px;
        padding: 15px;
    }
    .invest_top_title {
        font-size: 20px;
    }
    .invest_top_con {
        font-size: 16px;
    }
    .invest_top_more {
        margin-top: 15px;
    }
    .invest_top_more a {
        font-size: 14px;
        height: 40px;
        line-height: 40px;
        width: 150px;
    }
    .invest_bot_fl {
        width: 100%;
    }
    .invest_bot_fr {
        width: 100%;
        margin-top: 15px;
    }
    .invest_bot_fr_title {
        font-size: 20px;
    }
    .invest_bot_fr_list a {
        font-size: 16px;
        margin-top: 15px;
    }
    .injob_maintitle {
        font-size: 16px;
        margin-top: 15px;
    }
    .injob_top {
        margin-top: 20px;
    }
    .injob_top_topic span {
        font-size: 14px;
    }
    .injob_top_topic,
    .injob_top_list_top {
        height: 46px;
        line-height: 45px;
    }
    .injob_top_list_top span {
        font-size: 10px;
        width: 32%;
    }
    .injob_top_list_top span:nth-child(2n) {
        width: 16%;
    }
    .injob_top_list {
        margin-top: 10px;
    }
    .injob_top_list_top span img {
        height: 20px;
    }
    .injob_top_list_bot {
        padding: 15px;
        font-size: 14px;
    }
    .injob_bot {
        margin-top: 20px;
    }
    .injob_bots {
        width: 100%;
        margin-bottom: 10px;
        padding: 15px;
    }
    .injob_bots_title {
        font-size: 20px;
    }
    .injob_bots_title img {
        margin-left: 10px;
        margin-top: -4px;
        height: 15px;
    }
    .injob_bots_con {
        font-size: 16px;
    }
}

@media(max-width:420px) {
	.jjfa_bottom_a {
            display: block;
            background-color: #ffff;
            float: left;
            width: 350px;
            height: 290px;
            margin: 10px 5px;
            text-decoration: none;
        }
		.jjfa_bottom_a_img {
            width: 350px;
        }
		 .jjfa_middle1 {
            width: 100%;
            background-color: #fff;
			height:220px;
        }
    .innewtitle {
        font-size: 18px;
    }
    .innewcon {
        font-size: 15px;
    }
    .innewmore {
        margin-top: 25px;
    }
	.inabcontainer_item{
	width:142px;
	height:63px;
	float:left;
	margin:5px;
	border:1px solid #999;
}
.inabcontainer_item_img{
	width:140px;
}
 .sample_middle {
            width: 340px;
            height: 70px;
            margin: 0px auto 0px auto;
            background-color: #fff;
        }
		.sample_middle_a2 {
            width: 95px;
            height: 80px;
            line-height: 80px;
            text-align: center;
            color: #000;
            display: block;
            border-radius: 50px;
            font-size: 12px;
            float: left;
            margin-left: 12px;
            text-decoration: none;
        }
		 .sample_bottom {
            width: 380px;
            overflow: hidden;
            margin: 30px auto 0px auto;
        }
		.sample_bottom_a {
            display: block;
            background-color: #ffff;
            float: left;
            width: 300px;
            height: 310px;
            border-radius: 20px;
            margin: 10px 20px;
			box-shadow: 0px 5px 10px rgba(204, 204, 204, 0.5);
        }
		.sample_bottom_a_p {
            font-size: 16px;
            color: #000;
            margin: 0px;
            line-height: 30px;
            width: 225px;
            display: inline-block;
            margin-left: 30px;
        }
		.jjfa_middle {
            width: 380px;
            height: 70px;
            margin: 0px auto 0px auto;
        }
		.jjfa_bottom {
            width: 380px;
            overflow: hidden;
            margin: 30px auto 0px auto;
        }
		.e_container-1 {
            width: 100%;
            height: 270px;
            background-color: rgba(72, 75, 88, 1);
        }
        
        .cbox-1-0 {
            width: 380px;
            margin: auto;
            padding: 61px 10px;
        }
        
        .e_text-2 {
            color: rgba(233, 131, 0, 1);
            font-size: 18px;
            font-weight: bold;
            line-height: normal;
            margin-bottom: 20px;
        }
        
        .e_text-3 {
            line-height: 1.5;
            font-size: 14px;
            color: rgba(255, 255, 255, 1);
			width:350px;
			padding-right:10px;
		}
		.lxwms {
            width: 100%;
            background-color: #f6f6f6;
            height: 2170px;
        }
		.lxwm {
            width: 380px;
            margin: auto;
        }
		.lxwm_top {
            line-height: 30px;
            text-align: center;
            padding-top: 50px;
            border-bottom: 1px solid #c9c9c9;
            width: 380px;
            margin: 0px auto;
        }
		.lxwm_bottom_top {
            width: 380px;
            height: 900px;
            background-color: #fff;
            box-shadow: 0px 5px 10px #888888;
        }
		.lxwm_bottom_bottom {
            width: 380px;
            height: 420px;
            background-color: #fff;
            box-shadow: 0px 5px 10px #888888;
            margin-top: 30px;
        }
		.lxwm_bottom_top_left {
            float: none;
            margin: 30px 0px 15px 0px;
			padding:10px 0px 0px 10px;
			width:320px;
        }
        
        .lxwm_bottom_top_right {
            float: none;
            width: 380px;
        }
		.lxwm_bottom_top_right {
            float: none;
            width: 380px;
        }
		 .lxwm_bottom_bottom_left {
            float: none;
            margin: 30px 0px 15px 0px;
			padding:10px;
			width:380px;
        }
        
        .lxwm_bottom_bottom_right {
            float: none;
            width: 380px;
        }
        #art_content img {
    max-width: 320px!important;
}
.proitem_list{
	overflow:hidden;
	height:93px;
}
.lxwm_top_title {
            font-size: 24px;
            color: #000;
            margin: auto;
            font-weight: bold;
			width:353px;
        }
        
        .lxwm_top_content {
            color: #000;
            margin-top: 30px;
            font-size: 16px;
			padding-bottom:30px;
        }
		.inabnav a{
		 display:inline-block;
		 font-size:16px;
		 color:#fff;
		 background:#0f5ca7;
		 padding:10px 20px;
		 margin:5px 15px;
		 border-radius:30px;
		 width:104px;
		 height:42px;
		 }
		 .sample_bottom_a_img {
            width: 280px;
            height: 220px;
            margin: 10px;
        }
		.hisitem:nth-child(2n) .hiscon {
    float: left;
    text-align: left;
}
.jobs {
        margin-top: 10px;
    }
	.job,
    .foot {
        padding-top: 15px;
        padding-bottom: 15px;
    }
	 .proitem_title {
        font-size: 16px;
    }
    .proitem_list a {
        font-size: 12px;
        margin-top: 10px;
    }
	.fitem {
        width: 48%;
        height: auto;
        margin-bottom: 8px;
    }
	.fitem {
        height:155px!important;
        padding: 37px 35px 0;
    }
	.foots {
    max-width: 1400px;
    margin: auto;
	margin-top:0px;
}
.fitem_con {
        font-size: 10px;
    }
	.proshow_top_fl_pic{
	width:380px;
	height:330px;
	}
	 .proshow_top_fr {
        width: 100%;
        margin-top: 20px;
		padding-left:20px;
    }
	.proshow_top_fl_pic img {
    width: 90%;
}
}

@media(max-width:376px) {}

@media(max-width:360px) {}