
/*---字体变大---*/
@media screen and (max-device-width: 320px) {
body { -webkit-text-size-adjust: none }
}

@media screen and (max-device-width: 480px) {
body { -webkit-text-size-adjust: none }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
body { -webkit-text-size-adjust: none }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
body { -webkit-text-size-adjust: none }
}

@media (max-width:1440px) {

.sybt{margin: 0 auto 2%;}
#certify .swiper-container{padding-bottom: 0px;}
.i-wrap4 .right .day{padding-bottom: 25%;margin-top: 17%}
.section5 .foot{width: 35%;bottom: 30%;}
.zyf_cb .nav-list{width: 40%}
#content{max-width: 1300px}




.txt .gynrr .sub_txt img{width: 100%;height: auto;}
.txt .gynrr .prod_tit ul li{margin-right: 2%;}
.txt .gynrr .prod_tit ul li a{padding: 0 25px;}
.txt .gynrr .cur_2 ul li b{width: 70%;}







}


@media (max-width:1366px) {
.f_cb{height: 90px;}
.f_cb .logo{line-height: 90px;}
.f_cb .nav-list{line-height: 90px;}
.f_cb .tit img{width: 100%;height: 90px;}
.f_cb .tit1 img{width: 100%;height: 90px;}
.nav-box{top:90px;}

.nav-box .nav-list-box h2 a{font-size: 22px;}
.sybt{margin: 3% auto 2%;font-size: 32px;}
.sybt span{font-size: 20px;}
.nav-box .nav-list-box .navul{padding-top: 1%;}
#certify{max-width: 1150px;}
#certify .swiper-slide{height: 320px !important;}
#certify .swiper-slide p{left: 30%;}
section.page3{max-width: 1100px;}
section.page3 .left_3{width: 46%;margin-top: 1%;}
section.page3 .right_3{width: 51%;}
section.page3 .right_3 .p_31{font-size: 28px;margin-bottom: 3%;}
section.page3 .right_3 ul li{width: 32%; display: inline-block;}
section.page3 .right_3 ul .tzl{width: 60%;}
section.page3 .right_3 ul li span{font-size: 44px;}

section.page4{max-width: 1150px;}
section.page4 .fl_amin img{width: 100%;height: auto;}
section.page5{max-width: 1100px;}
.i-wrap4 .left{margin-top: 4%;}
.i-wrap4 .left h1{font-size: 35px;}
.i-wrap4 .right {margin-top: -10px}
.i-wrap4 .right li{width: 230px;}
.i-wrap4 .right .day{font-size: 60px;padding-bottom: 10%; margin-top: 10%;}
.i-wrap4 .right .latest{display: none;}
.i-wrap4 .right .font{height: 60px;}
.section5 .foot{width: 37%; bottom: 45%;}
.zyf_cb .nav-list{width: 45%}
#content{max-width: 1200px;}
.footer .footnav{padding-top: 7%;}
.txt .gynrr .gsqk ul p{margin-bottom: 1%;}
.txt .gynrr .gsqk ul{margin-top: 2.2%}
.txt .gynrr .yfzl .yf p span{margin-right: 10%;}
.txt .gynrr .yfzl .yf{text-indent: 9%;}
.txt .gynrr .cur_2 ul li b{width: 60%;}
.nav-box .nav-list-box li{padding: 2% 0;}
.nav-box .nav-list-box .first .d-firstDrop{padding-top: 5%;}


}

@media (max-width:1240px) {

.zyf_cb .nav-list{width: 55%}
.txt .gynrr .gsqk ul li{ width: 33.3%;margin-top: 0.8%}

}


@media (max-width:1210px) {
.txt .gynrr .xwtb .nsd1{text-align: right;}
.txt .gynrr .xwtb .nsd1 img{width: 70%}
.txt .gynrr .prod_tit ul li{margin-top: 2%}
.txt .gynrr .prod_tit{margin-top: -2%;margin-bottom: 13%;}
.txt .gynrr .cur_2 .cur2_p3 img{width: 100%;height: auto;}





}


@media (max-width:1150px) {


.txt .gynrr .yfzl .yf p span{margin-right: 7%;}
.txt .gynrr .yfzl .yf{text-indent: 6%;}
.txt .gynrr .agent .jmdlys{width: 55%;}



}


@media (max-width:1024px) {


.f_cb .nav-list{width: 55%}
.nav-box .nav-list-box{width: 35%}
.nav-box .nav-list-box h2 span{width: 25%;}
.nav-box .nav-list-box .first .d-firstDrop{padding-left: 25%;}
.focus .bnwz{left: -40%;}
.focus .bnwz img{width: auto}
.rslides li{width: 180% !important;background-position: -415px  center ;}
#certify .swiper-slide p{left: 26%;}
.sybt_31{padding-top: 3%;}
.sybt{margin: 0 auto 8%;}
section.page3 .left_3{float: none;margin: 0 auto;width: 60%;}
section.page3 .right_3{float: none;margin: 0 auto;width: 60%;margin-top: 8%}
section.page4{max-width: 920px;}
section.page5{max-width: 950px;}
.i-wrap4 .left{float: none;width: 72%;margin:0 auto 0;padding: 8%}
.i-wrap4 .right{float: none;width: 72%;margin:2% auto 0;}
.i-wrap4 .more{margin-top: 7%;}
.i-wrap4 .right .day{padding-bottom: 20%; margin-top: 40%;}
.i-wrap4 .right h2{margin-bottom: 10%;}
.section5 .foot{width: 100%;bottom: 17%;text-align: center;}

.zyf_cb{background: url(../images/zytopbj.jpg) bottom;position: fixed;}
.zyf_cb .tit img{height: 85px;}
.zyf_cb .tit{display: block;}
.cattle .cattle_box{ height:100%; white-space: nowrap; padding:0;margin-top: 90px;}
#content{max-width: 1200px;width: 90%;margin-top: 90px;}
.txt .gynrl{display: none;}
.txt .gynrr{width: 100%}
.dqwz{margin-top: 12%;}
.footer{background-size: 140% 100%;}
.footer .footnav{padding-top: 9%;}
.txt .gynrr .about{margin-top: 0%}
.txt .gynrr .honor ul li span{text-indent: 3%;}
.txt .gynrr .video{margin: 0 auto;}
.txt .gynrr .prod_tit ul li{margin-top:0%}
.txt .gynrr .prod_tit{margin-top: 0%;margin-bottom: 5%;}
.txt .gynrr .hist{ margin: 0 auto}
.nav-box .nav-list-box li{padding: 3% 0;}
.nav-box .nav-list-box .first .d-firstDrop{padding-top: 7%;}
.txt .gynrr .xwtb{height: 150px;}

}


@media (max-width:935px) {
.zyf_cb .nav-list{display: none;}

.txt .gynrr .hiring{ min-height:150px; margin-bottom:20px;}
.txt .gynrr .hiring h1 { font-size:16px; }
.txt .gynrr .hiring h2 { font-size:14px; margin-top: 1%; }
.txt .gynrr .hiring h3{ width: 33%; height: auto;text-align: left;}
.txt .gynrr .hiring h4{ width: 33%; height: auto;text-align: left;}
.txt .gynrr .hiring h5 { width: 33%; height: auto;text-align: left; }
.txt .gynrr .hiring .hr_02 h4{text-indent: 2%}
.txt .gynrr .hiring .hr_02 h5{text-indent: 2%}
.txt .gynrr .hiring .hr_01 { width: 90%; padding: 0 3% 0 7%; margin: 3% 0 0; font-size:16px; height:35px; line-height:35px; }
.txt .gynrr .hiring .hr_02 { width: 90%; padding: 0 3% 0 7%; margin: 3px 0 0; font-size:14px; height:30px; line-height:30px; }
.txt .gynrr .hiring .hr_01 h3, .hiring .hr_02 h3 { width: 34%; height: auto; text-align: left; }
.txt .gynrr .hiring h6 { display: none; }
.txt .gynrr .hiring .hr_03 {background: #f7f7f7; color: #575757;}
.txt .gynrr .hiring .hr_03 ul { height: auto; padding:1.3% 7% 2% 7%; font-size:14px; }
.txt .gynrr .hiring .hr_03 ul li { height: auto; line-height:28px; }
.txt .gynrr .hiring .hr_03 ul li b { display:block; width:100%; height:auto; margin-bottom:1%; line-height:28px; }
.txt .gynrr .hiring .hr_03 ul li span { font-size:14px; }
.txt .gynrr .hiring .hr_03 ul a {display:none;}
.txt .gynrr .hiring .hr_03 ul li .hrb i{width: 87%;}
.txt .gynrr .gsxx .xxul{width: 78%;}


.txt .gynrr .jyms{ display:none;}
.txt .gynrr .m_hist{ display:block; width:100%; height:auto; margin:-4% auto 0; min-height:300px;}
.txt .gynrr .m_hist h1{ font-size:16px; color:#fff; margin-top:4%;}
.txt .gynrr .m_hist h1 span{ display:block; width:80px; height:30px; line-height:30px; background:#3eb134; text-align:center;border-radius: 12px;}
.txt .gynrr .m_hist ul{ margin-top:3%;}
.txt .gynrr .m_hist ul li{ font-size:15px; color:#4d4d4d; line-height:25px; background:url(../images/dian001.jpg) top left no-repeat; padding-left:10px;}
.txt .gynrr .m_hist ul li a{ color:#4d4d4d; display:block; width:100%;}
.txt .gynrr .m_hist01 h1 span{ width:220px; text-align:left; padding-left:15px;}

.txt .gynrr .prod_tit ul li{margin-top: 2%}
.txt .gynrr .prod_tit{margin-top: -2%;margin-bottom: 7%}


.hist{ display:none;}
.sub_txt01{ display:none;}
.m_hist{ display:block; width:90%; height:auto; margin:0 auto 8%; min-height:300px;}
.m_hist h1{font-size:16px; color:#fff; margin-top:4%;}
.m_hist h1 span{ display:block; width:80px; height:30px; line-height:30px; background:#3EB134; text-align:center;}
.m_hist ul{ margin-top:3%;}
.m_hist ul li{ font-size:14px; color:#4d4d4d; line-height:25px; background:url(../images/dian001.jpg) top left no-repeat; padding-left:10px;}
.m_hist ul li a{ color:#4d4d4d; display:block; width:100%;}

.m_hist01 h1 span{ width:220px; text-align:left; padding-left:15px;}
.txt .gynrr .yfzl p{font-size: 16px;}



}

@media (max-width:800px) {
.txt .gynrr .cur_2 ul li b{width: 50%;}
.txt .gynrr .agent .dlt img{width: 100%;height: auto;}
.txt .gynrr .zfms .ms2{width: 46.6%;}
.txt .gynrr .zfms .ms3{width: 45%}
.txt .gynrr .zfms .ms1{margin-bottom: 3%}
.txt .gynrr .kssh .hbone{width: 45.2%;}
.txt .gynrr .kssh .hbtwo{width: 46.7%;}
.txt .gynrr .kssh .jdzr{margin-bottom: 5%}

}


@media (max-width:768px) {

.f_cb .nav-list{display: none;}
.rslides li{width: 180% !important;background-position: -320px  center ;}
.focus .bnwz{left: -48%;}
.focus .bnwz img{width: 200%}
#certify .swiper-slide p{width: 130px; height: 50px;font-size: 22px;line-height: 50px;}
#certify .swiper-slide{height: 250px !important;}
.sybt{margin: 4% auto 5%;}
section.page3 .right_3{width: 70%;margin-top: 5%;}
section.page4{max-width: 800px;}
.i-wrap4 .left{padding: 3% 0 5% 0;}
.i-wrap4 .right li{width: 191.5px;}
.i-wrap4 .right .day{ padding-bottom: 10%; margin-top: 10%;}
.i-wrap4 .more{margin-top: 5%;}
.section5 .foot{bottom: 32%;}
.dqwz{margin-top: 17%;}
.txt .gynrr .xwtb .nsp2{width: 70%;}
.txt .gynrr .xwtb .nsd1 img{width:53%}
.footer{background-size: 150% 100%;}
.footer .footnav{padding-top: 13%;}
.txt .gynrr .video .jsmodern-video{height: 380px !important;}
.txt .gynrr .gsxx .xxul{width: 70%;}
.txt .gynrr .gsxx .xxewm{width: 30%;margin-top: 4%;}



























}




@media (max-width:640px) {
#banner{display: none;}
.mobban{display: block;}
.f_cb{height: 60px;}
.f_cb .logo{width: 45px;line-height: 60px}
.f_cb .logo img{width: 100%;height: auto;}
.f_cb .tit{width: auto;}
.f_cb .tit img{height: 60px;width: auto;}
.f_cb .tit1{width: auto;}
.f_cb .tit1 img{height: 60px;width: auto;}
.nav-box{top: 60px;}
.nav-box .nav-list-box{width: 55%;}
.nav-box .nav-list-box .navul{padding-left: 10%;}
.nav-box .nav-list-box h2 a{font-size: 20px;}
.nav-box .nav-list-box h2 span{font-size: 26px;}
.nav-box .nav-list-box a{font-size: 16px;}
.rslides2{max-width: 55.5% !important;}
.section2{height: 400px !important;}
.section2 .fp-tableCell{height: 400px !important;}
.sybt{font-size: 26px;margin: 4% auto 10%;}
.sybt span{font-size: 17px;}
.txt .gynrr .honor .sybt{margin: 0 auto 8%;}
#certify{display: none;}
#demo{display: block;width: 89%;overflow: hidden;margin: 0 auto;height: 250px;}
#demo ul li .img {position: relative;}
#demo ul li .img p{position: absolute;bottom: 0;left:37%;color: #fff; font-size: 18px;background: #3eb134;padding: 1% 3%}
#demo ul li .img img{width: 100%;height: auto;}
#demo .flex-control-nav{width:100%;position:absolute;bottom:25px;left:0;text-align:center;}
#demo .flex-control-nav li{margin:0 5px;display:inline-block;zoom:1;*display:inline;}
#demo .flex-control-paging li a{background:url(../images/dot.png) no-repeat 0 -16px;display:block;height:16px;overflow:hidden;text-indent:-99em;width:16px;cursor:pointer;}
#demo .flex-control-paging li a.flex-active{background-position:0 0;}
#demo .flex-direction-nav{display: none}
section.page3 .left_3{width: 90%}
section.page3 .right_3{width: 90%;margin-top: 10%}
section.page3 .right_3 .p_31{font-size: 22px;}
section.page3 .right_3 ul{margin-top: 5%;margin-bottom: 15%}
section.page3 .right_3 ul li{width: 100%;}
section.page3 .right_3 ul .tzl{width: 100%;}
section.page3 .right_3 ul li span{font-size: 40px;}
section.page5{margin: 30px auto 0;}
section.page4{width: 85%;margin: 0 auto}
section.page4 .fl04y{width: 100%}
section.page4 .fl04z{width: 100%}
.section4{height: 570px !important;}
.section4 .fp-tableCell{height: 570px !important;}
section.page4 .fl04y .fl004a21{font-size: 20px;}
section.page4 .fl04z .fl04zs .fl004a11{font-size: 20px;}
.i-wrap4 .left{width: 90%}
.i-wrap4 .left h1{font-size: 30px;line-height: 42px;}
.i-wrap4 .left .btns{display: none;}
#xwsjd{display: block;overflow: hidden;}
#xwsjd .flex-viewport{height: 638px;}
#xwsjd .flex-direction-nav{display: none;}
#xwsjd .flex-control-nav{display: none;}
#s1{display: none;}
.i-wrap4 .right{width: 90%;height: 639px;margin-top: 5%;}
.i-wrap4 .right li{border-top: 1px solid #eaeaea;border-bottom: 1px solid #eaeaea;width: 332px;height: 636px;}
.i-wrap4 .right .img {position: relative;}
.i-wrap4 .right .latest{display: block;}
.section5 .foot{position: static;width: 90%;margin: 0 auto;font-size: 13px;margin-top: 7%;padding:10px 0;}

.cattle{ display:none;}
.m_cattle{ width:100%; height:auto; display:block;margin-top: 60px;}
.m_cattle img{ width:100%; height:auto; border:0; margin-top:0; padding:0;}
.zyf_cb .tit img{height: 55px;}
#content{margin-top: 60px;}
.dqwz .we_p1{display: none}
.dqwz{margin-top: 20%}
.txt .gynrr .xwtb .nsd1{display: none;}
.txt .gynrr .xwtb .nsp1{font-size: 24px;}
.txt .gynrr .xwtb .nsp2{font-size: 20px;width: 100%}
.txt .gynrr .xwtb .nsi1{margin-top: 7%;}
.txt .gynrr .xwtb{margin-top: 5%}
.footer{background: #7e807d;height: auto;padding: 9px 0; }
.footer .footnav {padding-top: 0}
.footer .footnav .ft_p1{display: none;}
.footer .footnav p{text-align: center;padding: 0 0;}
.txt{margin-bottom: 20%;}
.txt .gynrr .lhrzp{width: 80%;float: none;margin: 5% auto 0}
.txt .gynrr .lhrqm{width: 100%}
.txt .gynrr .lhrqm{margin-top: 10%}
.txt .gynrr .lhrqm .lhrp1{font-size: 22px;}
/*.txt .gynrr .honor{margin-top: 4%}*/
.txt .gynrr .honor ul li{width: 46%;}
.txt .gynrr .honor ul li span{font-size: 14px;height: auto;line-height: 18px;height: 37px;padding-top: 2px;overflow: hidden;}

/*----page_phone----*/
.list-page{ display:none}
.page_phone { display:block; width:100%; height: 35px; margin: 8% auto 0;border-spacing: 10px; overflow: hidden;}
.page_phone #AspNetPager2 { width:103%; display: block; height: 35px; }
.page_phone a { display: block; float: left; width:47%; margin-right:3%; box-sizing: border-box; border-collapse: separate; border: 1px solid #D9D9D9; height: 35px; line-height: 35px; text-align: center; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; color: #333;}
.txt .gynrr .jjyfc ul{margin-left: -4.8%}
.txt .gynrr .jjyfc ul li{width: 43%;margin-left: 4%;}
.txt .gynrr .jjyfc ul li .jjybt .jjysp2 img{width: 11%;margin-top: 3px;}
.txt .gynrr .jjyfc ul li .jjybt .jjysp1{font-size: 15px;}
.txt .gynrr .jjyfc ul li .jjybt .jjysp2 i{font-size: 15px;}
.txt .gynrr .jjyfc{margin-top: 3%}
.txt .newstxt .gynrr .zxdtxyq .zxdtxyl .br{display: block;}
.txt .newstxt .gynrr .zxdtxyq .zxdtxyqp{font-size: 16px;text-align: left;}
.sxp{padding: 1.5% 0;margin-top: 6%;}
.sxp .sxpp1{border-right: none;width: 100%;text-align: left;margin-left: 0px;}
.sxp .sxpp1 .nbsp{display: none;}
.sxp .sxpp2{width: 100%;text-align: left;}
.sxp p img{display: none;}
.txt .gynrr .zxdtxyq{margin-top: 3%}
.wechat-qrcodes{left:30%;top:30%;}
.txt .newstxt .gynrr .video ul li{ width: 50%; margin-top: 3%;}
.txt .gynrr .video{margin: 2% auto 0}
.txt .gynrr .video .jsmodern-video{height: 170px !important;}
.txt .gynrr .video ul li{width: 50%;margin-top: 2.5%;min-height: 108px;}
.txt .gynrr .video .spxian{margin: 7% auto 5%;}
.txt .gynrr .hiring .hr_01{margin: 6% 0 0;}
.txt .gynrr .hiring .hr_03 ul li .hrb i{width: 75%}
.txt .gynrr .hiring .hr_03 ul{padding: 1.3% 7% 2.5% 7%;}
.txt .gynrr .gsxx .xxul{width: 100%;float: none;overflow: auto;margin-bottom: 20px;}
.txt .gynrr .gsxx .xxewm{display: none;}
.txt .gynrr .ditu{height: 300px;}
.txt .gynrr .ditu .map_kernel{height: 300px !important;}

.txt .gynrr .honor .prod_tit {margin-bottom: 5%}
.txt .gynrr .m_sub_txt{ display:block; width:100%; min-height:300px; height:auto; margin:0 auto; color:#565656; font-size:14px; line-height:26px;}
.txt .gynrr .m_sub_txt img{ width:100%; height:auto;}
.txt .gynrr .sub_txt{display:none;}
.txt .gynrr .m_hist{ margin:-2% auto 0;}
.txt .gynrr .prod_box ul li{width: 46%}
.txt .gynrr .prod_box ul li h2 span{height: 42px;overflow: hidden;}
.txt .gynrr .prod_tit ul li{margin-top: 3%}
.txt .gynrr .prod_tit{margin-top: -2%;margin-bottom: 7%}
.txt .gynrr .ysjs .ysjsd2{margin-bottom: 2%; margin-top: 2%;}
.txt .gynrr .hzcg{margin-top: 7%;}
.txt .gynrr .jsbz p{margin-bottom: 2%;}
.txt .gynrr .hzcg .hz{width:100% }
.txt .gynrr .hzcg .cg{width:100%;margin-top: 5%}
.txt .gynrr .yfzl .yf{width: 100%;margin-top: 7%;float: none;}
.txt .gynrr .yfzl .zl{width: 90%;float: none;margin: 0 auto 0;}
.txt .gynrr .yfzl .zl p{padding-top: 9%}
.txt .gynrr .cur_1 .cur1_p1{font-size: 24px;}
.txt .gynrr .cur_1 .cur1_p2{font-size: 20px}
.txt .gynrr .cur_2 .cur2_p1{font-size: 17px;}
.txt .gynrr .cur_2 ul li span{width: 168px;font-size: 18px;text-indent: 3%}
.txt .gynrr .cur_2 ul li i{display: none;}
.txt .gynrr .cur_2 ul li b{width: 100%;margin-top: 2%;margin-bottom: 3%}
.txt .gynrr .agentgy span{font-size: 22px;margin-bottom: 4%}
.txt .gynrr .agent .dlt{width: 85%;float: none;margin: 0 auto}
.txt .gynrr .agent .jmdlys{width: 100%}
.txt .gynrr .agent .jmdlys .nmerl{width: 100%}
.txt .gynrr .agent .jmdlys .nmerr{width: 100%}
.txt .gynrr .agent .fjdlt{display: none;}
.txt .gynrr .agent .sjysdlt{display: block;}
.txt .gynrr .agent{margin-top: 7%;}
.txt .gynrr .xhsm p{font-size: 20px;margin-bottom: 2%}
.txt .gynrr .zfms .ms1{border: 5px solid #ebebeb;border-radius: 6px;margin-top: 7%}
.txt .gynrr .zfms .ms2{width: 98%;border: 5px solid #ebebeb;border-radius: 6px;float: none;margin-top: 4%}
.txt .gynrr .zfms .ms3{width: 98%;border: 5px solid #ebebeb;border-radius: 6px;float: none;margin-top: 4%}
.txt .gynrr .xhsm .mdms{margin-top: 4%;}
.txt .gynrr .kssh p{margin-bottom: 2%}
.txt .gynrr .kssh .hbone{width: 98%;border: 5px solid #ebebeb;border-radius: 6px;float: none;margin-top: 4%}
.txt .gynrr .kssh .hbtwo{width: 98%;border: 5px solid #ebebeb;border-radius: 6px;float: none;margin-top: 4%}
.txt .gynrr .xhsm span{text-align: left;}
.txt .gynrr .kssh span{text-align: left;}
.txt .gynrr .gsqk ul {margin-top: 5%}
.txt .gynrr .gsqk ul li{width: 100%;margin-top: 1%}
.txt .gynrr .video ul li .videotu p span{margin-top: 54%}
.txt .gynrr .prod_tit ul li a{padding: 0 7.5px;}

}

@media (max-width:414px) {

.txt .gynrr .video ul li{min-height: 115px;}
.txt .gynrr .prod_tit ul li a{padding: 0 18px;}
}



@media (max-width:375px) {
.txt .gynrr .prod_tit ul li a{padding: 0 11px;}

}




@media (max-width:360px) {
.txt .gynrr .prod_tit ul li a{padding: 0 7.5px;}

}

@media (max-width:320px) {



}
