@charset "utf-8";

@media screen and (min-width:0px) and (max-width:319px) {
    
}

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

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

@media screen and (min-width:641px) and (max-width:860px) {
	
}

@media screen and (min-width:861px) and (max-width:1024px) {
    
}

@media screen and (min-width:1025px) and (max-width:1279px) {
    .historyBox .bx-wrapper .bx-prev { left: -4%; }
    .historyBox .bx-wrapper .bx-next { right: -4%; }
    .txtitem .t { font-size: 38px; }
    .mapBox { width: 50%; }
    .messBox { width: 42%; }
}

@media screen and (min-width:1280px) and (max-width:1360px) {
    .historyBox .bx-wrapper .bx-prev { left: -10%; }
    .historyBox .bx-wrapper .bx-next { right: -10%; }
    .txtitem .t { font-size: 42px; }
}

@media screen and (min-width:1361px) and (max-width:1440px) {
    .historyBox .bx-wrapper .bx-prev { left: -12%; }
    .historyBox .bx-wrapper .bx-next { right: -12%; }
}

@media screen and (min-width:1024px) {
	.add-iboxVideo{ background-attachment: fixed;}
    #newUl li:hover { background-color: #fff; transition: all 300ms ease 0s; -moz-transition: all 300ms ease 0s; /* Firefox 4 */ -webkit-transition: all 300ms ease 0s; /* Safari and Chrome */ -o-transition: all 0.2s ease-in-out 0s; /* Opera */ }
    #newUl li:hover .img .black { display: block; }
    .prolistItem a:hover .img .black { display: block; transition: all 300ms ease 0s; }
    .prolistItem a:hover .img .pmore { display: block; margin-top: -24px; transition: all 300ms ease 0s; }
    .prolistItem a:hover .ki { height: 10px; transition: all 300ms ease 0s; }
    .messbtn:hover { background-color: #E60027; border: 1px solid #E60027; }
    #newUl .img { height:132px; overflow:hidden }
}

@media screen and (min-width:0px) and (max-width:1024px) {
    
}

@media screen and (min-width:0px) and (max-width:860px) {
}

@media screen and (max-width:1024px){
	.vwrap .videobox { width: 700px; margin-left: -350px; }
	.inner { width: 100%; }
    .top .inner .logo { margin-left: 5%;}
    .bannerfont { margin-top: -180px; }
    .banerBtns { bottom: 78px; }
    .iboxbot { width: 100%; height: auto; display: block; }
    .latestbox { height: 40px; line-height: 40px; background-color: #c9c2c2;}
    .latestbox-c { height: 40px; }
    .latestbox-c li { height: 40px; line-height: 40px; }
    .latestbox-bl .bx-prev { height: 40px; }
    .latestbox-br .bx-next { height: 40px; }
    .ifooter { padding: 0px; }
    .ifooter .inner { padding: 0px 0px 90px; }
    .ifooter .backtop { margin-right: 2%; }
    .ifooter .foot, .ifooter .footMobile { width: 90%; margin: 0px auto; }
    .pbanner { height: 380px; }
    .pbanner .pb_centered { display: none; }
    .pbanner .inner { width: 90%; left: 5%; margin: 0px; }
    .pbanner .pbanner-txt { top: 32%; }
    .ipmenu { height: 235px; }
    .ipmenu .pbanner-txt { top: 45%; }
    .pbanner-txt p.zh { font-size: 28px; }
    .pbanner-txt p.en{ font-size: 16px;}
    .innerBox { width: 90%; margin: 0px auto; }
    .pbox { padding: 50px 0px; }
    .pboxT { padding-bottom: 50px; }
    .pboximg .pbi { display: none; }
    .pboximg .pbinner { width: 90%; left: 5%; margin: 0px; }
    #newpage { padding: 40px 0px; }
    #newpage .newNav { padding-bottom: 20px; }
    #historyPage { padding: 50px 0px 0px; }
    .historyDemo { padding: 70px 0px; }
    .historyBox { width: 90%; }
    .historyBox .bx-wrapper .bx-prev { left: -2%; }
    .historyBox .bx-wrapper .bx-next { right: -2%; }
    #culturePage { margin-bottom: 40px; }
    #culturePage .c { width: 100%; margin-bottom: 40px; }
    .productDL { top: 0px; }
    #radiationPage { padding: 50px 0px; }
    #marketPage { height: 420px; }
    #marketPage .pb_centered { display: none; }
    #marketPage .marketCon { width: 90%; left: 5%; margin: 0px; top: 40%; }
    #marketPage .marketCon .markettxt { width: 70%; padding: 6%; left: 9%; margin: 0px; }
    #COOPERATIONPage { padding: 50px 0px; }
    .radiationPbox { padding: 35px 0px; }
    #responsibilityPage { padding: 40px 0px; }
    #welfarePage { padding: 40px 0px; }
    #lovePage { height: 500px; }
    #lovePage ul { height: 500px; width: 100%; }
    #lovePage ul li { height: 500px; }
    #lovePage ul li img { display: none; }
    .loveTxt { width: 80%; left: 5%; margin-left: 0px; padding: 8% 5% 80px; }
    #teamPage { padding: 40px 0px; }
    #hrPage { padding: 40px 0px; }
    #joinPage { padding: 40px 0px; }
    .join-dl .jname, .join-dl .jnum, .join-dl .jbtn { padding: 0px 5%; }
    .join-dl .jnum { display: none; }
    .join-dl .jname { width: auto; }
    .join-dl .jcbox { padding: 25px 5%; }
    .messbtn:active { background-color: #E60027; border: 1px solid #E60027; }
    .subordContact-con{ position: relative; right: auto; top: 0px; width: 100%;}
    #subordmapBox{ height: 400px;}
    .subordContact-con dl{ float: none; width: 100%;}
    .subordContact-con dt{ height: auto; padding:8% 5%;}
    .subordContact-con dd{ padding:8% 5%;}
	
	.nav dd.navL1 { width: 11%; padding-left: 5%; }
    .newbox { width: 96%; margin: 0px auto; padding: 10px 2% 0px; background-color: #f1f0f0; }
    .newbox li { width: 24.25%; height: auto; padding-top: 1%; margin-left: 1%; }
    .inewbox { width: 60%; }
    .irightbox { width: 38%; }
    .newbox li.nd1 div .t { padding: 5% 0px 6px; font-size: 34px; }
    .newbox li.nd1 div .c { letter-spacing: 0.8em; padding-left: 0.8em; }
    #introductionPage .information .en { font-size: 24px; }
    #introductionPage .information .c { height: auto; }
    .molecularlist { margin-left: -3.3%; }
    .molecularlist li { margin-left: 3.3%; width: 30%; }
    .molecularlist li a { padding: 50px 7% 0px; width: 86%; }
    .pboximg { height: 400px; }
    #historyDl dd .tyear { width: 20%; }
    #historyDl dd .tcon { width: 70%; padding: 42px 5%; }
    #newUl ul { margin-left: -3.3%; }
    #newUl li { margin-left: 3.3%; padding: 25px 3% 34px; width: 24%; }
    #videoUl ul { margin-left: -2.3%; }
    #videoUl ul li { margin: 0px 0px 2.3% 2.3%; width: 31%; height: auto; }
    #videoUl ul li a, #videoUl ul li a img { height: auto; }
    .txtitem { padding-top: 5%; }
    .txtitem .t { font-size: 28px; }
    .prolistDD { margin-left: -1.3%; }
    .prolistItem { margin: 0px 0px 25px 1.3%; width: 32%; }
    .prolistItem .pi { bottom: -25px; }
    .proBox { margin: 0px 0px 25px 1.3%; }
    .radiationList .con .t1, .radiationList .con .t2, .radiationList .con .t3 { float: none; width: 94%; padding-left: 6%; }
    .radiationList .con .t1 { line-height: 1.2; padding-bottom: 10px; }
    .selectYear { margin-bottom: 50px; }
    .welfareList { margin-left: -3.3%; }
    .welfareList li { width: 30%; margin: 0px 0px 0px 3.3%; }
    .welfareList li .img { width: 100%; height: auto; }
    .mapBox { width: 50%; }
    .messBox { width: 44%; padding: 0px 3%; }
    .bookList ul { margin-left: -4%; }
    .bookList li { width: 21%; margin-left: 4%; }
    
	.addbanner{ margin-top: 62px;}
	.addbanner .pimg{ display: none;}
	.addbanner .bimg{ display: block;}
	.addbanner .slick-dots{ bottom: 5%;}
	.addbanner .slick-dots li{ margin: 0px 4px;}
	.addbanner .slick-dots li a{ width: 6px; height: 6px; border-radius: 50%; border: 2px solid #fff; background: none transparent;}
	.addbanner .slick-dots li.slick-active a { background: none #fff;}
    .ipanel { padding: 40px 0 35px; }
    .ipanel .inner { width: 830px; overflow: hidden; }
	.add-iboxNew,.add-iboxHot{ width: 408px; height: auto;}
	.add-iboxNew .txt{ font-size: 14px;}
	.add-iboxHot .timeBox{ margin-right: 15px;}
	.add-iboxHot .con{ float: none; width: auto;}
	.add-iboxHot li{ padding: 12px 20px 12px 10px; margin-bottom: 8px;}
	.add-iboxVideo-con .ico{ width: 50px; height: 50px; background-size: cover;}
	.pbanner2 .inner{ width: 90%;}
	.conceptPage{ padding-top: 50px;}
	.conceptPage .con{ margin-bottom: 50px;}
	.subordinatePage{ padding: 50px 0;}
	.add-title{ font-size: 32px;  margin-bottom: 40px;}
	.joinTab{ padding-bottom: 40px;}
	.joinTab a{ width: 110px; height: 46px; line-height: 46px;}
	.companyList .title{ font-size: 18px; padding-bottom: 10px; margin-bottom: 15px;}
	.companyList .bor{ display: none;}
	.companyList .item{ padding: 25px;}
	.pbanner-txt .pbtn{ padding-top: 6px;}
	.pbox3{ padding: 60px 0px;}
	.slider-nav{ margin-bottom: 45px;}
}
@media screen and (max-width:860px){
	.vwrap .videobox { width: 560px;height: 360px; margin: -180px 0px 0px -298px; }
	
    .navbox { padding: 78px 0px 16px; border: 0px none; }
    .nav { display: none; }
    .navMobile { display: block; }
    .newbox { margin: 0px auto; width: 100%; display: block; background: #f1f0f0; padding-top: 10px; }
    .newbox li { width: 47%; padding: 2% 0px 0px 2%; float: left; margin: 0px; }
    .newbox li.nd1 { margin: 0px; }
    .inewbox { width: 100%; float: none; margin-bottom: 20px; }
    .irightbox { width: 100%; float: none; }
    .inewbox { height: auto; }
    .inewul, .inewul ul li { height: auto; }
    .inewbox .bx-wrapper .bx-next, .inewbox .bx-wrapper .bx-prev { top: 50%; margin-top: -19px; }
    .inewbox .inewby { padding: 8% 5%; }
    .inewbox .txt { height: auto; padding-bottom: 10%; }
    .ihotbox { margin-bottom: 20px; }
    .ivideobox, .ivideobox a, .ivideobox a img { height: auto; }
    .foot { display: none; }
    .footMobile { display: block; }
    #introductionPage .information { float: none; width: 100%; padding-bottom: 50px; }
    #introductionPage .illustration { float: none; width: 100%; }
    #introductionPage .information .c { padding: 40px 0px; height: auto; margin: 0px; line-height: 1.8; }
    .molecularlist { margin: 0px; }
    .molecularlist li { float: none; margin: 0px 0px 18px; height: auto; display: block; }
    .molecularlist li a { width: 88%; padding: 40px 6% 38px; height: auto; }
    .molecularlist li .t { height: auto; margin-bottom: 32px; }
    .molecularlist li .c { height: auto; margin-bottom: 42px; }
    .pboximg { height: 260px; }
    #historyDl { padding: 50px 0px; }
    #historyDl dd { padding-bottom: 20px; }
    #historyDl dd .tyear { width: 60px; height: 58px; font: 18px/58px arial, helvetica, sans-serif; float: inherit; }
    #historyDl dd .tcon { width: 90%; padding: 35px 5%; float: inherit; }
    .newmenu .more span { padding: 0px 16px; }
    #newUl ul { margin: 0px; }
    #newUl li { float: none; width: 88%; padding: 25px 6% 24px; margin: 36px 0 0 0; }
    #newUl .img { height:auto; }
    #newUl .t { height: auto; }
    .npBox a .time { display: none; }
    #videoUl ul { margin: 0px; }
    #videoUl ul li { float: none; margin: 0px 0px 6% 0px; width: 100%; height: auto; }
    #videoUl ul li a, #videoUl ul li a img { height: auto; }
    .productDL .img, .productDL .con, .productDL dd.proItem1 .img { float: none; width: 100%; }
    .txtitem { padding: 8% 0px; }
    .txtitem .t { font-size: 30px; }
    .prolistDD { margin: 0px; }
    .prolistItem { float: none; width: 100%; margin: 0px 0px 25px 0px; }
    .prolistItem .pi { bottom: -25px; }
    .proAct .img .pmore { display: none; }
    .proimg { padding: 30px 5% 46px; }
    .probanner .bx-wrapper .bx-prev { left: 0%; }
    .probanner .bx-wrapper .bx-next { right: 0%; }
    .proBox { margin: 0px 0px 25px 0px; float: none; }
    .welfareList { margin: 0px; }
    .welfareList li { float: none; width: 100%; margin: 0px 0px 20px 0px; }
    .welfareList li .img { width: 100%; height: auto; }
    .welfareList li .txt { height: auto; line-height: 1.4; padding: 15px 4%; }
    .mapBox { width: 100%; margin: 0px auto; float: none; height: 280px; }
    .messBox { width: 90%; padding: 0px 5% 50px; float: none; margin: 0px auto; height: auto; }
    .messBox .c { height: auto; }
    .messTBL td.fr { width: 50px; }
    .boxSharp { display: none; }
    .probtn a.prosharp { display: none; }
    #videocontainer { width: 100%; height: 100%; }
    .theme-popover { width: 100%; height: 50%; margin: 0px; border: none; top: 25%; left: 0px; background: none; }
    .theme-popover .close { right: 0px; z-index: 99999; top: 0px; }
    
    .oabox, .langebox, .navlink{ width: 96px;}
    .latestbox-t { padding: 0px 8px; width: auto; }
    .newbox li.nd1 div .t { padding: 12% 0px 10px; }
    .historyUl .year { padding: 0px 15% 40px; }
    .historyUl .txt { padding: 0px 15%; }
    .radiationList .img { display: none; }
    .radiationList .con { padding: 0px; }
    .radiationList li { padding: 4% 2%; }
    .radiationList .con .t1, .radiationList .con .t2, .radiationList .con .t3 { float: none; width: 94%; padding-left: 3%; }
    .radiationList .con .t1 { line-height: 1.2; padding-bottom: 10px; }
    .selectYear { margin-bottom: 50px; }
    .bookList ul { margin-left: -4%; }
    .bookList li { width: 21%; margin-left: 4%; }
    
	
    .ipanel .inner { width: 600px;}
	.add-iboxNew,.add-iboxHot{ width: auto; float: none;}
	.add-iboxNew{ margin-bottom: 25px;}
    .teamList { margin-left: -2%; }
    .teamList li { width: 48%; margin: 0px 0px 2% 2%; }
	.add-title{ font-size: 28px;}
	.ptlist{ padding-top: 50px;}
	.companyList dd,.companyList dl.twoDL .img{ float: none; width: 100%;}
	.companyList .img{ background-color: transparent;}
	.companyList .item{ padding: 35px 5%;}
	.companyList .title{ font-size: 24px;}
	.honorList li{ width: 48%;}
	.slider-nav{ padding: 0px 40px;}
	.slider-nav .slick-arrow { display: block; background-color: #a4a4a4; width: 35px; height: 100%; z-index: 106; bottom: 0%;}
	.slider-nav .slick-arrow:before{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #e3001e; transform: scale(0); -webkit-transform: scale(0); transition: all .5s; -webkit-transition: all .5s; opacity: 0; visibility: hidden\9; z-index: -1;}
	.slider-nav .slick-arrow:hover:before { transform: none; -webkit-transform: none; opacity: 1; visibility: visible\9;}
	.slider-nav .slick-arrow i { position: absolute; background: url(../images/a_l3.png) no-repeat scroll center center; background-size: 6px auto; width: 100%; height: 100%;}
	.slider-nav .slick-prev { left: 0px; }
	.slider-nav .slick-next { right: 0px; }
	.slider-nav .slick-next i { background-image: url(../images/a_r3.png); }
}
@media screen and (max-width:641px){
	.vwrap .videobox { width: 400px; margin-left: -218px; height: 260px; margin-top: -130px; }
	.vwrap .close{ right: -5px; top: -32px;}
	.oabox,.langebox,.navlink{ display: none; }
    .latestbox-t { padding: 0px 8px; width: auto; }
    .latestbox-c li .r { display: none; }
    .newbox li.nd1 div .t { padding: 10% 0px 6px; font-size: 34px; }
    .newbox li.nd1 div .c { letter-spacing: 0.8em; padding-left: 0.8em; }
    .historyUl .year { padding: 0px 12% 40px; }
    .historyUl .txt { padding: 0px 12%; }
    .selectYear { width: auto; margin-bottom: 50px; }
    .prolistDt .selectYear { width: 222px; }
    .radiationList .img { display: none; }
    .radiationList .con { padding: 0px; }
    .radiationList li { padding: 4% 2%; }
    .radiationList .con .t1, .radiationList .con .t2, .radiationList .con .t3 { float: none; width: 90%; padding-left: 5%; }
    .radiationList .con .t1 { line-height: 1.2; padding-bottom: 10px; }
    .bookList ul { margin-left: -5%; }
    .bookList li { width: 45%; margin-left: 5%; }
	
    .ipanel .inner { width: 90%;}
    .add-iboxVideo-con{ width: 90%;}
    .add-iboxVideo-con h3{ font-size: 24px;}
    .add-iboxVideo-con .c{ margin-bottom: 35px;}
    .add-iboxHot .timeBox{ width: 68px;}
    .add-iboxHot .timeBox .day{ font-size: 24px;}
    .add-iboxHot .timeBox .year{ font-size: 12px;}
    .teamList { margin: 0px; }
    .teamList li { width: 100%; margin: 0px 0px 5% 0px; }
	.conceptPage{ padding-top: 40px;}
	.conceptPage .con{ margin-bottom: 40px;}
	.subordinatePage{ padding: 40px 0;}
	.add-title{ font-size: 24px;  margin-bottom: 30px;}
	.subordinateList ul{ margin-left: 0;}
	.subordinateList li{ float: none; width: auto; margin-left: 0;}
	.joinTab a{ width: 100px; height: 40px; line-height: 40px;}
	.ptlist{ padding-top: 40px;}
	.companyList .title{ font-size: 18px;}
	.honorList .img{ margin: 0px 20px 20px;}
	.videobtn{ width: 120px; height: 38px; line-height: 38px;}
	.videobtn .txt{ background-size: 4px auto; padding-right: 35px;}
	.pbox3{ padding: 50px 0px;}
	.foodSafetyList dd{ padding:18px; border:0px none; background-color: #F1F1F1;}
	.foodSafetyList .t{ padding: 0px 15px 0px 30px; margin-bottom: 20px; background-size: 18px auto; background-position: 0px center; height: auto; line-height: 1.5; font-size: 14px;}
	.downBtn{ position: relative; right: auto; top: auto; width: 90px; padding: 8px 0px; height: auto;}
	.downBtn .ico{ width: 18px; height: 19px; margin-bottom: 4px; display: none;}
}
@media screen and (max-width:481px) {
	.vwrap .videobox { width: 300px; margin-left: -150px; height: 200px; margin-top: -100px; }
	
    .top .logo{ margin-top: 12px;}
    .logo img { width: 86%; display: block; }
    .oabox ,.langebox,.navlink{ display: none; }
    .shopbox { width: auto; }
    .shopbox .shopbtn span i { padding: 0px 10px 0px 30px; background: url("../images/c2.png") no-repeat scroll 6px center rgba(0, 0, 0, 0); }
    .shopbox .shopbtn span.sp2 i { background: url("../images/c1.png") no-repeat scroll 6px center rgba(0, 0, 0, 0); }
    .navbtn span { padding: 0px 12px; }
    .navbtn span i { padding-right: 32px; }
    .bannerfont { width: 90%; left: 5%; margin-left: 0px; }
    .bannerfont img { width: 90%; }
    .latestbox-t { width: auto; padding: 0px 8px; }
    .latestbox-c li .r { display: none; }
    .latestbox-c { padding: 0 62px 0 12px; }
    .bannerfont { height: 274px; }
    .newbox li.nd1 div .t { padding: 8% 0px 2px; font-size: 24px; }
    .newbox li.nd1 div .c { letter-spacing: 0.5em; padding-left: 0.5em; font-size: 14px; }
    .wList li { width: 96px; }
    .pbanner-txt p.zh { font-size: 24px; }
    .pbanner-txt p.en{ font-size: 14px;}
    .historyUl .year { padding: 0px 15% 40px; }
    .historyUl .txt { padding: 0px 15%; }
    .selectYear { width: auto; margin-bottom: 50px; }
    .prolistDt .selectYear { float: none; display: block; margin-bottom: 25px; }
    .prolistDt .more { float: none; margin: 0px 0px 25px 0px; display: inline-block; }
    .radiationList .img { display: none; }
    .radiationList .con { padding: 0px; }
    .radiationList li { padding: 5% 2%; }
    .radiationList .con .t1, .radiationList .con .t2, .radiationList .con .t3 { float: none; width: 88%; padding-left: 6%; }
    .radiationList .con .t1 { line-height: 1.2; padding-bottom: 10px; }
    .bookList ul { margin-left: -5%; }
    .bookList li { width: 45%; margin-left: 5%; }
    .sr,.sl{ float: none; width: 100%; margin-bottom: 10px;}
    .subordInfo{ padding: 50px 0px;}
    .subordMore{ padding: 50px 0px;}
    .subordInfo .innerBox{ margin-top: 0px;}
    .subordNew{ padding: 50px 0px;}
    .subordNew #newUl{ margin-bottom: 40px;}
	
	.honorList ul{ margin-left: 0;}
	.honorList li{ width: 100%; float: none; display: block; margin-left: 0;}
}
@media screen and (max-width:319px){
	.logo img { width: 86%; display: block; }
    .shopbox,.oabox ,.langebox,.navlink{ display: none; }
    .navbtn span { padding: 0px 12px; }
    .navbtn span i { padding-right: 32px; }
    .bannerfont { width: 90%; left: 5%; margin-left: 0px; }
    .bannerfont img { width: 90%; }
    .latestbox-t { display: none; }
    .latestbox-c li .r { display: none; }
    .latestbox-c { padding: 0 62px 0 12px; }
    .newbox li.nd1 div .t { padding: 6% 0px 2px; font-size: 20px; }
    .newbox li.nd1 div .c { letter-spacing: 0.5em; padding-left: 0.5em; font-size: 12px; }
    .selectYear { width: auto; margin-bottom: 50px; }
    .prolistDt .selectYear { float: none; display: block; margin-bottom: 25px; }
    .prolistDt .more { float: none; margin: 0px 0px 25px 0px; }
    .radiationList .img { display: none; }
    .radiationList .con { padding: 0px; }
    .radiationList li { padding: 6% 2%; }
    .radiationList .con .t1, .radiationList .con .t2, .radiationList .con .t3 { float: none; width: 88%; padding-left: 6%; }
    .radiationList .con .t1 { line-height: 1.2; padding-bottom: 10px; }
    .bookList ul { margin-left: 0%; }
    .bookList li { width: 100%; margin-left: 0%; }
    .sr,.sl{ float: none; width: 100%; margin-bottom: 10px;}
    .subordMore{ padding: 50px 0px;}
}