@media (max-width: 1279px) {
    header {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1004;
        width: 100%;
        background: #000;
        /* background: rgba(0,0,0,.20); */
    }
    #pc_nav{display: none}
    #ipone_nav {
        display: block !important;
        padding: 15px;
        height: 60px;
    }
    .works,.contactUs,.awardsHonor,.awardsHonor_con,.indexHtml,.footprint,.branding,.homeHtml,.teams{
        margin-top: 60px;
    }
    .menu_box {
        width: 100%;
        height: 0;
        background: rgba(0,0,0,0.8) !important;
        position: fixed;
        z-index: 9999999;
        right:-100%;
        top: 0;
        opacity: 0;
        transition: All 0.4s ease-in-out;
        -webkit-transition: All 0.4s ease-in-out;
        -moz-transition: All 0.4s ease-in-out;
        -o-transition: All 0.4s ease-in-out;
        border-radius:50%;
    }
    .menu_box.active {
        padding-top: 50px; 
        right: 0;
        opacity: 1;
        height: 100%;
        border-radius: 0;
    }
    .ico.active i:nth-child(1) {
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        top: 11px;
    }
    .ico.active i:nth-child(2) {
        opacity: 0;
    }
    .ico.active i:nth-child(3) {
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        top: 11px;
    }
    .ico {
        position: absolute;
        width: 32px;
        height: 26px;
        right: 15px;
        top: 50%;
		margin-top: -13px;
        z-index: 999999999;
    }
    .ico i {
        height: 2px;
        width: 100%;
        background-color: #fff;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        display: block;
        position: absolute;
        -moz-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        -webkit-transition: all 300ms ease;
        transition: all 300ms ease;
        -moz-transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    .ico i:nth-child(1) {
        top: 0;
        filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
        opacity: 1;
        -moz-transition-delay: 210ms;
        -o-transition-delay: 210ms;
        -webkit-transition-delay: 210ms;
        transition-delay: 210ms;
    }
    .ico i:nth-child(2) {
        top: 11px;
        -moz-transition-delay: 140ms;
        -o-transition-delay: 140ms;
        -webkit-transition-delay: 140ms;
        transition-delay: 140ms;
    }
    .ico i:nth-child(3) {
        top: 22px;
        -moz-transition-delay: 70ms;
        -o-transition-delay: 70ms;
        -webkit-transition-delay: 70ms;
        transition-delay: 70ms;
    }
	.menu_box a{
		display: block;
		color: #fff;
		padding: 10px 30px; 
	}
    .menu_box a.nav_a0{  
		font-size:16px;
    }
	.menu_box a.search_ollt{
		display:inline-block;
		border-bottom: 1px solid #535353;
		padding:0;
		margin:0 30px;
	}
	.menu_box a.language{ } 
	
    .menu_class{
        display: none;
    }
    .menu_class a{ 
        opacity: .7;
        padding:6px 0 6px 46px;
    }
	.menu_class a:hover{
		opacity:0.9;
	}
    .tancon h4{
        font-size: 20px
    }
    .tancon p:nth-child(2) {
        font-size: 18px;
    }
    .tancon{
        padding:10px 20px;
    }



}
@media (max-width: 1560px){
    .widHtml .right .ls_mun span:nth-child(1){font-size: 90px}
    .widHtml .right .ls_mun:nth-child(1),.widHtml .right .ls_mun:nth-child(2){margin-bottom: 40px}
    .widHtml .right .ls_mun:nth-child(2),.widHtml .right .ls_mun:nth-child(4){padding-left: 10px}
}
@media (max-width: 1440px){
    .tancon p:last-child{-webkit-line-clamp: 4;}
    /*.ydl {top: 50.5%;left: 9%;}
    .fg {left: 2%;}
    .dg {top: 44%;}
    .yans{width: 190px;height: 190px;}
    .tg{top: 62%;}
    .mlxy{top: 65%;}
    .xjp{top: 69%;}
    .yd {top: 66%;left: 67%;}*/
    .tancon h4 {
        font-size: 30px;}
    .tancon{
        padding: 27px;
    } 
	.teams .li66 { 
		padding:10%;
		font-size: 18px;
	}
}
@media (max-width: 1350px){
    .widHtml .right .ls_mun span:nth-child(1){font-size: 80px}
    .widHtml .right .ls_mun:nth-child(1),.widHtml .right .ls_mun:nth-child(2){margin-bottom: 40px}
    .widHtml .right .ls_mun:nth-child(2),.widHtml .right .ls_mun:nth-child(4){padding-left: 10px}
    .widHtml .right{padding-left: 50px;}
    .widHtml .conter p:nth-child(1), .widHtml .conter p:nth-child(2) {font-size: 19px;line-height: 32px;}
}
@media (max-width: 1279px){
    .widHtml .left{top: -60px;text-align: left}
    .widHtml .right .ls_mun span:nth-child(1){font-size: 60px}
    .widHtml .right .ls_mun:nth-child(1),.widHtml .right .ls_mun:nth-child(2){margin-bottom: 40px}
    .contactUs .right{width: 390px;}
    .contactUs .right p{margin-bottom: 8px;}
    .contactUs .right .bom p{margin-bottom: 10px;}
    .contactUs .left{width: calc(100% - 390px);width: -webkit-calc(100% - 390px);}
    .zhixip{width: 150px;}
    .widHtml .conter p:nth-child(1), .widHtml .conter p:nth-child(2) {font-size: 17px;line-height: 30px;}
    .footprint_cons p{
        -webkit-line-clamp: 3;
    }
	
	.footprint{
        display: none;
    }
    .footprint_ipone{
        display: block;
        width: 100%;  
		padding: 100px 20px;
        background: url("../images/guojia.jpg") no-repeat center center;
        background-size: cover;
    }
    .footprint_ipone ul{ 
		overflow: hidden;
		max-width: 960px; 
		margin: 0 auto;
		text-align:center;
	}
    .footprint_ipone ul li{
        margin: 10px 0;
        width: 25%;
        float: left; 
    }
    .footprint_ipone ul strong{ 
        display: block;
        color: #fff;
        font-size: 16px;
        margin-bottom: 8px;
    }
    .footprint_ipone ul span{
        color: #fff;
        display: block;
        margin-bottom: 0px;
        padding: 5px 0;
    }
    .footprint_cons{
        width: 80%;
        height: calc(100% - 60px);
        height: -webkit-calc(100% - 60px);
        top: 60px;
    }
    .footprint_cons.active{
        display: block;

    }
    .footprint_cons span.closes{
        top: 15px;
    }
    .footprint_cons p{
        margin-bottom: 20px;
        font-size: 12px;
    }
    .footprint_cons h4{
        font-size: 20px;
    }
    .footprint_cons p {
        -webkit-line-clamp: 5;
    }
	
	
}
@media (max-width: 767px){  
    .videoUP1{
        width: 100%;
        left: 0;
    }
     .Home_page .footer {
        position:relative;
    }
    .widHtml .left,.widHtml .conter,.widHtml .right{width: 100%;    padding-left: 0px;}
    .widHtml .left{
        top: -25px;
    }
    .footer{
        line-height: 20px;
        height: auto;
        padding: 12px 0;
    }
    .footer .con{
        width: 100%;
    }
    .footer .con .left{
        margin-bottom: 10px;
    }
    .footer .con .left,.footer .con .right{
        width: 100%;
        text-align: center;
        float: inherit;
        display: inline-block;
		font-size:12px;
    }
    .footer .con .left img:last-child{
        margin-right: 0;
    }
    .footer .con .right span{
        margin-left: 5px;
        color: #666;
    }
    .footer .con .right span:first-child{
        margin-left: 0;
        display: inline-block;
    }
    .shipin{
        width: 90%;
        left: 5%;
    }
    .shipin .close{
        top: 0;
        right: 0;
        width: 30px;
    }
    .contactUs .left,.contactUs .right{
        width: 100%;
        float: inherit;
        font-size: 12px;
    }
    .contactUs .right p{
        margin-bottom: 5px;
    }
    .contactUs .right .bom p {
        margin-bottom: 7px;
    }
    .contactUs .htmlcon{
        display: block;
    }
    .contactUs .left .tabs li{
        font-size: 12px;
        line-height: 16px;
        background-color: #787878;
        padding: 5px 7px;
        margin-bottom: 7px;
        border-bottom-left-radius: 3px;
        border-top-left-radius: 3px;
    }
    .contactUs .left .tabs{
        top: 16px;
    }
    .contactUs .right .bom{
        position: relative;
        margin-top: 16px;
        bottom: auto;
    }
    .contactUs .right{
        padding: 5% 10%;
    }
    .contactUs .right a {
        display: inline-block;
        padding: 8px 25px;
        color: #fff;
        margin-top: 13px;
    }
    .contactUs .right .zhixip{
        width: 33.33%;
    }
    .contactUs .right .er_weixin{
        margin-top: 16px;
    }
    .awardsHonor_con .left,.awardsHonor_con .right{
        float: inherit;
        width: 100%;
    }
    .indexHtml .widHtml{
        padding: 20px;
    }
    .indexHtml .widHtml .left img{
        width: 100px;
    }
    .widHtml .conter p{
        font-size: 12px;
        line-height: 20px;
    }
    .widHtml .conter p:nth-child(1), .widHtml .conter p:nth-child(2){
        font-size: 18px;
        line-height: 30px;
    }
    .widHtml .right .ls_mun span:nth-child(1){
        font-size: 36px;
    }
    .widHtml .right .ls_mun span:nth-child(2) {
        font-size: 16px;
    }
    .widHtml .right .ls_mun img {
        width: 16px;
    }
    .widHtml .right .ls_mun p {
        font-size: 12px;
    }
    .widHtml .right .ls_mun:nth-child(1), .widHtml .right .ls_mun:nth-child(2){
        margin-bottom: 0;
    }
    .widHtml .right .ls_mun{
        text-align: center;
    }
    .branding ul li{
        width: 50%;
        height: auto;
    }
    
    .Home_page .homeHtml{
        display: table;
    }
    .Home_page .homeHtml .videoss {
        display: table-cell;
        vertical-align: middle;
    }
    .por div{
        font-size: 1em !important;
    }
    .por1 span:first-child{
        height: 16px;
    }
    .por span{
        height: 9px;
        width: 1px;
        margin-right: 4px;
    }
    .por{
        left: 5%;
    }
    .homeHtml .vjs-big-play-centered .vjs-big-play-button{
        width: 1.8em;
        height: 1.8em !important;
    }
    .homeHtml .video-js .vjs-big-play-button .vjs-icon-placeholder:before, .homeHtml  .video-js .vjs-play-control .vjs-icon-placeholder:before, .homeHtml  .vjs-icon-play:before{
        top: 7% !important;
    }
    .teams li{
        width: 50%;
    }
    .tancon h4{
        font-size: 16px;
        margin: 0 0 10px 0;
    }
    .tancon{
        padding: 10px;
    }
    .tancon p:nth-child(2) {
        font-size: 14px;
    }
    .tancon p:last-child{
        overflow:hidden;
        display:-webkit-box;
        -webkit-box-orient:vertical;
        -webkit-line-clamp:5;
        height: 100px;
        text-overflow:ellipsis;
    }
    .teams ul.ul1,.teams ul.ul2,.teams ul.ul3{
        width: 100%;
    }
    .teams ul.ul2{
        height: auto !important;
    }
    .teams .li66 {
        padding: 5%; 
        font-size: 16px;
	}
    .teams ul.ul1 li,.teams ul.ul3 li{
        width: 50%;
    }
    .homeHtml .videoss_ipone{
        display: block;
    }
    .homeHtml .videoss{
        display: none !important;
    }
    .homeHtml .videoss_ipone .item{
        position: relative;
        margin-bottom: 20px;
        cursor: pointer;
    }
    .homeHtml .videoss_ipone .item .vio{
        position: absolute;
        left: calc(50% - 25px);
        left: -webkit-calc(50% - 25px);
        top: calc(50% - 25px);
        top: -webkit-calc(50% - 25px);
    } 
    #ipone_video{
        position: fixed;
        z-index: 2;
        height: 100%;
        width: 90%;
        top: 0;
        left: 0;
        background-color: rgba(0, 0, 0, 0.6);
    }
    #ipone_video video{
        position: fixed;
        top: 200px;
        width: 90%;
        left: 5%;
        z-index: 9;
    }
    #ipone_video span.close{
        position: absolute;
        right: 0;
        top: 200px;
        z-index: 11;
    }
    .works .row li .vio{
        padding-top: 0;
    }
    .works .row li .vio img{
        position: absolute;
        left: calc(50% - 25px);
        left: -webkit-calc(50% - 25px);
        top: calc(50% - 25px);
        top: -webkit-calc(50% - 25px);
    }
    .awardsHonor{
        padding-bottom: 30px;
    }
    .awardsHonor .row{
        height: 100%;
    }
    .awardsHonor .owl-stage-outer{
        height: calc(100% - 10px);
    }
     .awardsHonor .owl-stage,.awardsHonor .owl-item,.awardsHonor .owl-item li,.awardsHonor .owl-item li a,.awardsHonor .owl-item li a img{
         height: 100%;
         width: 100%;
     } 
    #ipone_nav ul .btnSerch{
        padding-left: 5px;
        margin-left: 0;
    }
    #ipone_nav ul.active .btnSerch{width: 240px} 

    .homeHtml .video-window .video-js .vjs-tech{
        width: 90%;
        height: 100%;
        left: 5%;
    }
    .homeHtml .video-window .videoco{
        height: 100%;
    }
    .contactUs{
        height: auto !important;
    }
    .homeHtml{
        min-height: 0px;
    }
}