﻿
@media screen and (max-width:1830px){


}


@media screen and (max-width:1680px){


}


@media screen and (max-width:1600px){


}



@media screen and (max-width:1440px){

.w{ width:1280px;}
.dfNav-subbox .w{ padding-left:116px;}

}


@media screen and (max-width:1300px){

.w{ width:1200px;}
.dfNav-subbox .w{ padding-left:109px;}

}


@media screen and (max-width:834px){

.w{ width:94%;}
.dfHead .top{
       height: 17vw;
}
.floatingAd{ display:none;}


.dfHead{ background-image: url(../image/dfHead-bg.jpg); background-position: center; background-size: cover; height:240px;}
.dfHead-logo{ width:100%; padding:0 3%; position:absolute; top:60px; left:0; z-index:2; display:none !important;}
.dfHead-banner{ }
.dfHead-banner li{ height:150px;}
.dfHead-banner li span.pc-img{ display:none;}
.dfHead-banner li span.m-img{ display:block;}
.dfHead-nail{ top:auto; right:6px; bottom:10px;}
.dfHead-nail a{ background:url(../image/dingding.png) no-repeat 6px center; background-size:14px auto; padding:0 15px 0 25px; line-height:28px; font-size:14px;}
.dfHead{
background-image:none;
        height: 200px;
}
.mobile-srhBtn{ display:block;}
.dfHead-search{ width:94%; right:3%; bottom:15px; height:36px; display:none;}
.dfHead-search .inpt{ width:100%; height:36px; padding:10px 15px; line-height:26px; font-size:15px;}
.dfHead-search .btn{ background-size:20px auto; width:45px; height:36px; position:absolute; right:0; top:0;}


.menuBtn{ display:block;}
.dfNav{ display:none;}
.dfNews-floor{ padding:20px 0;}
.dfNews-hot{ display:none;}
.dfNews-title{ line-height:36px; padding-bottom:15px;}
.dfNews-title .cn{ font-size:18px; padding:0 15px;}
.dfNews-figure{ width:100%;}
.dfNews-figure li{ height:220px;}
.dfNews-figure li .tit{ font-size:16px; padding:0 15px; height:40px; line-height:40px;}
.dfNews-figure .swiper-pagination{ bottom:45px !important;}
.dfNews-figure .swiper-pagination-bullet{ width:8px; height:8px; margin:0 4px !important;}

.dfNews-right{ width:100%; margin-top:20px;}
.dfNews-rightHead .tab{ width:100%;}
.dfNews-rightHead .tab a{ width:33.333%; text-align:center; font-size:18px; margin-right:0; padding-bottom:10px;}
.dfNews-rightHead .tab a.active{ font-size:18px;}
.dfNews-rightHead .tab a.active:before{ height:2px;}
.dfNews-rightList li{ font-size:15px; margin-top:12px;}

.dfBusiness-floor{ padding:20px 0;}
.dfBusiness-title{ font-size:18px; font-weight:bold; padding-bottom:10px;}
.dfBusiness-list{ margin-left:0; margin-top:15px;}
.dfBusiness-list li{ width:48%; margin-left:0; margin-top:6px; padding:15px 0; overflow:hidden;}
.dfBusiness-list li .icon{ float:left; width:55px; padding-left:5px;}
.dfBusiness-list li .word{ width:calc(100% - 55px); float:right; padding:0 10px;}
.dfBusiness-list li .num{ background-size:100% auto; margin-top:0; font-size:20px;}
.dfBusiness-list li .tit{ font-size:17px; padding:0;}
.dfBusiness-list li:nth-child(2n+2){ float:right;}
.dfBusiness-list li:last-child{ width:100%;}

.dfUnit-floor{ padding:20px 0;}
.dfUnit-title{ font-size:18px; font-weight:bold; padding-bottom:10px;}
.dfUnit-list{ margin-top:15px;}
.dfUnit-list li{ width:33.333%; padding:5px;}
.dfUnit-list li .pic{ height:30px;}
.dfUnit-list li .pic img{ max-height:100%;} 
.dfUnit-list li .tit{ line-height:18px; height:36px; font-size:13px; padding:0; margin-top:5px; overflow:hidden;}
.dfUnit-list li .tit br{ display:block;}

.dfGroup-floor{ padding:0 0 20px 0;}
.dfGroup-item{ width:100%; margin-right:0; margin-top:20px;}
.dfGroup-itemHead .cn{ font-size:18px; font-weight:bold;}
.dfGroup-itemHead .en{ font-size:16px; padding:6px 0 0 5px;}
.dfGroup-itemCont{ margin-top:10px; padding:10px;}
.dfGroup-itemCont .list{ padding-bottom:0;}
.dfGroup-itemCont .list li{ font-size:15px; margin-top:10px;}

.dfSupply-floor{ padding:20px 0;}
.dfSupply-scroll{ width:100%;}
.dfSupply-scroll li{ height:300px;}
.dfSupply-scroll .swiper-pagination-bullet{ width:10px; height:10px; margin:0 10px 0 0 !important;}
.dfSupply-scroll .title{ line-height:40px; padding:0 30px; font-size:17px;}
.dfSupply-links{ width:100%; margin-top:10px;}
.dfSupply-links a{ height:125px;}
.dfSupply-links a .tit{ font-size:16px; padding:10px 0;}
.dfSupply-links a:last-child{ margin-top:10px;}

.dfVideo-title .tab a{ font-size:17px; margin-right:10px; padding-bottom:10px;}
.dfVideo-title .tab a.active{ font-size:18px;}
.dfVideo-title .mo{ top:0;}
.dfVideo-list{ margin-top:15px;}
.dfVideo-list li .pic{ height:140px;}
.dfVideo-list li .tit{ font-size:15px; margin-top:10px;}

.dfLinks{ margin-top:25px; padding:15px 0;}
.dfLinks-title .cn{ font-size:16px; font-weight:bold;}
.dfLinks-title .en{ font-size:15px; padding:4px 0 0 5px;}
.dfLinks-cont{ padding-top:10px;}
.dfLinks-cont a{ font-size:14px; margin-right:12px; line-height:24px;}

.dfFooter{ padding:15px 0; line-height:22px; font-size:13px;}
.dfFooter .code{ width:100%; position:relative; top:auto; margin-top:5px;}
.dfFooter .code img{ width:70px;}
.dfFooter .name{ display:block;}

.pmenu{ line-height:30px;}
.pmenu .w{ width:100%;}
.pmenu-second{ width:100%;}
.pmenu-second a{ width:50%; padding:0; text-align:center; line-height:40px; margin-right:0;}
.pmenu-second a.return{ display:none;}
.pmenu-add{ width:100%; padding-right:3%; text-align:right; line-height:34px; display:none;}

.pmain{ padding-bottom:30px;}
.pabout-main{ padding-top:25px;}
.pabout-tit{ width:25px;}
.pabout-txt{ width:calc(100% - 25px); padding-left:15px;}
.pabout-txt .t{ font-size:19px;}
.pabout-txt .c{ font-size:15px; line-height:28px; margin-top:10px;}
.pabout-figure li{ margin-top:15px;}

.pabout-chairman{ padding-top:25px;}
.pabout-chairman .name{ font-size:17px; line-height:26px; margin-top:15px; padding-left:15px;}
.pabout-chairman .name:before{ width:12px; height:12px;}
.pabout-chairman .text{ font-size:15px; line-height:28px; margin-top:20px;}

.phonor-tit{ font-size:19px; padding:25px 0 15px 0;}
.pabout-team li{ margin-top:20px; padding:10px;}
.pabout-team li .pic{ width:100px;}
.pabout-team li .word{ width:calc(100% - 100px); padding:0 0 0 15px;}
.pabout-team li .word .t .name{ font-size:18px;}
.pabout-team li .word .t .post{ font-size:15px; padding-left:0; line-height:22px; margin-top:5px; display:block;}
.pabout-team li .word .t .title{ display:none;}
.pabout-team li .word .c{ font-size:15px; line-height:26px;}
.pabout-team li .word .st{ margin-top:15px; font-size:17px;}
.pabout-team li .word .sc{ font-size:15px; line-height:26px;}

.phonor-txt{ font-size:15px; line-height:28px; padding:15px;}
.phonor-list{ margin-left:-15px;}
.phonor-list li{ width:calc(50% - 15px); margin:15px 0 0 15px; height:100px;}

.pdevel-warp{ padding-top:25px;}
.pdevel-tit{ display:none;}
.pdevel-list{ width:100%; margin-left:0;}
.pdevel-list:before{ left:55px;}
.pdevel-list li{ padding:10px 0;}
.pdevel-list li .year{ width:60px; font-size:20px;}
.pdevel-list li .year:before{ width:10px; height:10px; left:51px;}
.pdevel-list li .text{ width:calc(100% - 60px); padding-left:15px; margin-top:0; font-size:15px; line-height:28px;}


.pabout-culture{ margin-left:0;}
.pabout-culture li{ width:100%; margin-left:0; margin-top:15px;}
.pabout-culture li:first-child{ margin-top:0;}
.pabout-culture li .tit{ font-size:22px;}
.pabout-culture li .txt{ height:auto; font-size:15px; line-height:28px;}

.pbusiness-list li{ padding:15px 0;}
.pbusiness-list li .pic{ width:100%; float:none !important;}
.pbusiness-list li .word{ width:100%; position:relative; left:auto !important; right:auto; top:auto; padding:20px 0;}
.pbusiness-list li .word .i{ width:54px;}
.pbusiness-list li .word .t{ font-size:18px; margin-top:10px;}
.pbusiness-list li .word .m{ width:115px; font-size:14px; line-height:32px; position:relative; left:auto; bottom:auto; transform:none; margin:auto; margin-top:10px;}
.pbusiness-list li .word .m:before{ top:12px;}
.pbusiness-list li .word:before{ right:-6px; width:6px;}
.pbusiness-list li .word:after{ height:6px; bottom:-6px; right:-6px;}
.pbusiness-list li:hover .word{ transform:none;}
.pbusiness-list li:nth-child(2n+2) .word:before{ left:-6px;}
.pbusiness-list li:nth-child(2n+2) .word:after{ left:-6px;}


.pnews-left{ width:100%; padding-top:0;}
.pnews-detaTop{ padding:25px 0 20px 0;}
.pnews-detaTop .t{ font-size:20px; padding-bottom:10px; font-weight:bold; line-height:28px;}
.pnews-detaTop .c span{ padding:0 5px;}
.pnews-detaInfo{ font-size:15px; line-height:28px; padding-bottom:20px;}
.pnews-detaPage a{ font-size:14px; padding:12px 0; line-height:22px;}
.pnews-detaPage a span{ padding-right:10px;}
.pnews-leftList li{ padding:15px 0;}
.pnews-leftList li .pic{ width:115px; height:80px;}
.pnews-leftList li .word{ width:calc(100% - 115px); padding-left:15px;}
.pnews-leftList li .word .t{ font-size:16px; line-height:25px; text-overflow: -o-ellipsis-lastline; text-overflow: ellipsis; white-space:normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.pnews-leftList li .word .c{ display:none;}
.pnews-leftList li .word .d{ font-size:14px; margin-top:10px;}
.pnews-right{ display:none;}


.ppage{ padding-top:25px; font-size:14px; line-height:32px;}
.ppage a{ padding:0 11px; margin:3px; line-height:30px; display:none;}
.ppage a:first-child, .ppage a:last-child{ display:inline-block;}
.ppage a:nth-child(2){ display:inline-block;}
.ppage a:nth-last-child(2){ display:inline-block;}
.ppage .nowpage{ padding:0 11px; margin:3px; line-height:30px; display:none;}
.ppage select{ width:50px; height:32px; line-height:30px; margin:3px; font-size:14px;}
.ppage > div{ display:none;}

.ptalent-tab{ padding:25px 0 0 0;}
.ptalent-tab a{ background-size:100% 100%; width:33.333%; float:left; margin:0; line-height:40px; font-size:16px; min-width:inherit;}
.ptalent-tab a.active, .ptalent-tab a:hover{ background-size:100% 100%;}
.ptalent-list{ margin-left:-15px;}
.ptalent-list li{ width:calc(50% - 15px); margin:15px 0 0 15px;}
.ptalent-list li .pic{ height:180px;}
.ptalent-list li .txt{ padding:12px 10px;}
.ptalent-list li .txt .t{ font-size:16px;}
.ptalent-list li .txt .c{ font-size:15px; line-height:22px; height:44px; text-overflow: -o-ellipsis-lastline; text-overflow: ellipsis; white-space:normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.ptalent-pup{ width:100%; left:0; margin-left:0; padding:15px;}
.ptalent-pup .word .i img{ width:70%;}
.ptalent-pup .word .t{ font-size:17px; margin-top:15px;}
.ptalent-pup .word .c{ font-size:15px; margin-top:15px; padding-right:10px;}
.ptalent-pup .word::-webkit-scrollbar{ width:5px; height:5px; }
.ptalent-pup .word::-webkit-scrollbar-thumb{ width:5px; height:5px; }


.pcooper-list li{ padding-bottom:25px;}
.pcooper-list li .li-pic{ width:100%; float:none !important;}
.pcooper-list li .li-box{ position:relative; width:100%; left:auto !important; right:auto; top:auto;}
.pcooper-list li .li-boxRecord{ padding:15px;}
.pcooper-list li .li-boxRecord:before{  width:calc(100% - 10px); height:calc(100% - 10px); left:5px; top:5px;}
.pcooper-list li .li-boxRecord .rt{ font-size:16px;}
.pcooper-list li .li-boxRecord .rc a{ background-size:100% 100%; width:48.5%; line-height:36px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin:10px 0 0 0;}
.pcooper-list li .li-boxRecord .rc a:nth-child(2n+2){ float:right;}
.pcooper-list li .li-boxNews{ padding:15px;}
.pcooper-list li .li-boxNews a{ font-size:15px; margin-top:10px;}
.pcooper-list li .li-boxNews a:first-child{ margin-top:0;}
.pcooper-list li .li-boxMore{ padding:0 15px 15px 0;}
.pcooper-list li .li-boxMore a{ width:120px; line-height:32px; font-size:14px;}
.pcooper-list li .li-boxMore a:before{ top:12px;}

.padmis-menu{ margin-left:-12px; padding-top:0;}
.padmis-menu li{ width:calc(50% - 12px); margin:15px 0 0 12px;}
.padmis-menu li:nth-child(2n+1){ margin-top:15px;}
.padmis-menu li .tit{ font-size:15px; margin-top:10px;}

.penroll-list li{ font-size:15px; line-height:45px;}
.penroll-list li a{ max-width:calc(100% - 130px);}
.penroll-list li .red{ margin:12px 0 0 0;}

.pjoin-item{ margin-top:20px;}
.pjoin-item-pic{ width:100%;}
.pjoin-item-pic img{ width:100%;}
.pjoin-item-list{ width:100%; padding:0;}
.pjoin-item-list li{ font-size:15px; margin-top:10px; padding-right:0; line-height:24px;}
.pjoin-item-list li .d{ font-size:14px; position:relative; display:block; right:auto; top:auto;}
.pjoin-item-list li .v{ display:none;}

.pjoin-pup{ width:100%; left:0; margin-left:0; padding:15px;}
.pjoin-pup .title{ font-size:17px; padding-bottom:10px;}
.pjoin-pup .word{ height:calc(100% - 60px); font-size:15px; line-height:28px; padding-right:10px;}
.pjoin-pup .word::-webkit-scrollbar{ width:5px; height:5px; }
.pjoin-pup .word::-webkit-scrollbar-thumb{ width:5px; height:5px; }


.pshoot-title{ font-size:19px; padding:25px 0 15px 0;}
.pvideo-list{ margin-left:0;}
.pvideo-list li{ width:100%; margin:15px 0 0 0;}
.pvideo-list li .pic img{ height:auto !important;}
.pvideo-list li .tit{ background-size:20px auto; font-size:16px; padding-left:30px; margin-top:10px;}

.pshoot-tab{ width:100%;}
.pshoot-tab a{ width:50%; padding:15px 0; text-align:center; float:left;}
.pshoot-tab a .icon{ width:100%; float:none; display:inline-block;}
.pshoot-tab a .icon img{ width:40px;}
.pshoot-tab a .cn{ font-size:16px;}
.pshoot-tab a .en{ font-size:14px;}
.pshoot-figure{ display:none;}

.pshoot-list{ margin-left:-12px;}
.pshoot-list li{ width:calc(50% - 12px); margin:15px 0 0 12px;}
.pshoot-list li .pic{ height:90px;}
.pshoot-list li .tit{ font-size:15px; margin-top:10px;}

.psearch-box{ display:none; padding-top:20px;}
.psearch-box .dfHead-search{ width:100%; display:block;}
.psearch-keywords{ padding:20px 0; font-size:16px;}
.psearch-list li{ font-size:15px; margin-top:15px; line-height:26px;}

}




@media screen and (max-width:640px){


}




