/*!
 * http://www.ibw.cn
 * Copyright (c) 2019 ibw
 */
.con-in{width: 100%;margin: 0 auto;}
.his-in{width: 100%;margin: 0 auto;}
@media (min-width:1300px){
    .his-in,.con-in{width: 1300px;}
}
.section1{margin-top: 23px;padding-bottom: 30px;}
.sl{width: 418px;overflow: hidden;height: auto;margin-right: 30px;}
.sl,.sm{float: left;}
.sr{float: right;}
.s1p1 .ztpic{position: relative;}
.s1p1 .ztpic img{width: 100%;}
.s1p1 .ztpic .ztname{color: #fef379;font-size: 13px;position: absolute;width: 108px;height: 38px;line-height: 38px;text-align: center;right:0;top:0;background: #31753c;z-index: 999;}
.s1p1 .ztcon{line-height:44px;}
.s1p1 .ztcon a{font-size: 16px;color: #333;}
.s1p1 .ztcon span{font-size: 14px;color: #333;}
.s1p1 .ztcon a,.s1p1 .ztcon span{display: block;}

.s1p2 ul li{float: left;position: relative;width: 49%;}
.s1p2 ul li:nth-child(1){margin-right: 8px;}
.s1p2 ul li a .mtpic {overflow: hidden;}
.s1p2 ul li a .mtpic img{width: 100%;height: 100%;}
.s1p2 ul li a .mtpic .mtname{text-align: center;font-size: 14px;position: absolute;right: 0;top:0;width: 92px;height:32px;line-height: 32px;background: #31753c;color: #fef379;}
.s1p2 ul li a .mtcon{color: #fff;position: absolute;bottom:0;left:0;width: 100%;text-align: center;height: 30px;line-height: 30px;background: rgba(0, 0, 0, .6);}

.sm{width: 520px;}
/* .sm .hotnew{padding-top: 24px;} */
.sm .hotnew .hnt{text-align: center;text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.sm .hotnew .hnt a{font-size: 18px;font-weight: bold;color: #31753c;text-align: center;}
.sm .hotnew .hnc{font-size: 14px;color: #666;text-indent: 2em;line-height: 24px;padding-top: 6px;}
.sm .hotnew .hnlist{padding: 8px 0;width: 100%;overflow: hidden;}
.sm .hotnew .hnlist ul li{line-height: 30px;padding-left: 15px;position: relative;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.sm .hotnew .hnlist ul li:after{position: absolute;width: 3px;height: 3px;background: #999;left: 0;top:50%;margin-top: -1.5px;border-radius: 100%;content: '';}
.sm .hotnew .hnlist ul li a{font-size: 14px;color: #333;transition:all .4s cubic-bezier(0.075, 0.82, 0.165, 1);}

.sm .hotnew .hnlist ul li:hover a{padding-left: 10px;}


.sr{width: 300px;}



.srnotic{background: #f6fff7;}
.srnotic{padding: 13px 12px 16px 15px;}
.srnotic .srnT .srntt{font-size: 16px;font-weight: bold;background: url(../image/notic.png) no-repeat left;padding-left: 37px;;}
.srnotic .srnT .srntc{font-size: 12px;color: #999;padding-top: 2px;padding-right: 10px;}
.srnotic .srnT .srntc a{color: #999;}
.srnotic_list{padding-top: 10px;}
.srnotic_list ul li{line-height: 33px;}


.nomarlnew .nlnewfirst{padding: 10px 0;}
.nomarlnew .nlnewfirst a{font-size: 16px;color: #31753c;}
.nomarlnew .nlnewnextlist ul li{line-height: 30px;padding-left: 15px;position: relative;}
.nomarlnew .nlnewnextlist ul li:after{position: absolute;width: 3px;height: 3px;background: #999;left: 0;top:50%;margin-top: -1.5px;border-radius: 100%;content: '';}

.section2{height: auto;width: 100%;background: url(../image/bwgbg.png) no-repeat center center;background-size: cover;text-align: center;}
.section2 .bwg{padding: 6% 0;}
.section2 .bwg .bwgT{font-size: 35px;color: #fff;}
.section2 .bwg .bwgintro{font-size: 14px;color: #fff;padding: 1% 0;}
.section2 .bwg .bwgin{width: 120px;margin: 0 auto;margin-top: 1%;height:35px;border:1px solid #fff;border-radius: 20px;text-align: center;line-height: 35px;}
.section2 .bwg .bwgin a{color: #fff;}

.history ul li{width: 20%;float: left;padding: 8px;margin-right: 38px;border: 1px solid #fff;overflow: hidden;}
.history ul li:hover{border:1px solid #159e56;}
.history ul li:last-child{margin-right: 0;}

.history ul li a img{transition: all .4s linear;}
.history ul li:hover a img{transform: scale(1.1);}

.section4{padding-top: 50px;}
.s4conlist{width: 100%;}
.s4conlist ul li{width: 50%;height: 300px;float: left;position: relative;}
.s4conlist ul li.culbg{background: url(../image/s41bg.png) no-repeat center;background-size: cover;}
.s4conlist ul li.fwbg{background: url(../image/s42bg.png) no-repeat center;background-size: cover;}
.s4conlist ul li.servebg{background: url(../image/s43bg.png) no-repeat center;background-size: cover;}
.s4conlist ul li.cul{background: #f5f5f5;}
.s4conlist ul li.fw{background: #f5f5f5;}

.culbox{position: absolute;left: 7%;top: 9%;}
.culbox .culname{font-size: 35px;color: #333;position: relative;padding-bottom: 25px;}
.culbox .culname:after{position:absolute;width: 100%;content: 'Cultural';left: 0;bottom:0;font-size: 16px;color: #666;}
.culbox .culcon{font-size: 14px;color: #333;line-height: 25px;width: 100%;padding: 1% 0 3%;}

.fwbox{position: absolute;left:50%;margin-left:-44%;top: 31%;margin-top: -80px;}
.fwbox .fwc{font-size: 35px;color: #333;position: relative;padding-bottom: 20px;}
.fwbox .fwc:after{position:absolute;width: 114%;content: 'ANI-COUNTERFEITING';left: 0;bottom:0;font-size: 16px;color: #666;}
.fwbox .fwcon{padding: 5% 0 30%}

.rkbox{position:absolute;left: 7%;top: 50%;margin-top: -30px;}
.rkbox .rkname{font-weight: bold;font-size: 30px;color: #fff;}
.rkbox .rklink a{color:#fff;}

.serbox{position:absolute;left: 7%;top: 50%;margin-top: -131px;}
.serbox .sername{font-size: 35px;color: #333;position: relative;padding-bottom: 20px;}
.serbox .sername:after{position:absolute;width: 100%;content: 'customer service';left: 0;bottom:0;font-size: 16px;color: #666;}
.sercon{padding: 10% 0 28%;}
.sercon p{font-size: 14px;color: #333;line-height: 30px;}
.sercon p span{font-size: 24px;color: #c0281b;}


.vbox{display: none;background: rgba(0, 0, 0, .6);position: fixed;width: 800px;height: 600px;top: 50%;margin-top: -300px;left: 50%;margin-left: -400px;z-index: 10;}
.close{position: absolute;right: -14px;top: -12px;width: 30px;text-align: center;line-height: 30px;font-size: 16px;height: 30px;border-radius: 100%;background: #fff;color: #000;cursor: pointer;}


@media only screen and (min-width : 960px)
and (max-width : 1200px) {
    .section1{padding-bottom: 30px;}
    .sl,.sm{width: 48%;}
    .s1p1 .ztcon a{width: 70%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
    .s1p2 ul li{width: 48%;overflow: hidden;}
    .ztpic img{width: 100%;}
    .s1p2 ul li img{width: 100%;}
    .sr{display: none;}
    .sm .hotnew{padding-top: 0;}
    .sm .hotnew .hnlist ul li{line-height: 30px;margin-top: 21px;}
    .s1p1 .ztcon a, .s1p1 .ztcon span{line-height: 50px;}
}
@media (min-width:970px){
    .s1p2{display: none;}
}

@media only screen and (min-width : 1024px)
and (max-width : 1200px) {
    .his-in{width: 100%;}
    .history{padding: 0 3%;}
    .history ul li {width: 21%;margin: 1%;}
    .history ul li img{width: 100%;}
}

@media only screen and (min-width : 1200px)
and (max-width : 1300px) {
    .s1p2{display: block;}
    .srnotic_list ul li{line-height: 26px;}
    .section1{width: 96%;margin: 0 auto;padding-top: 20px;}
    .s1p2 ul li{width: 48%;overflow: hidden;}
    .ztpic img{width: 100%;}
    .s1p2 ul li img{width: 100%;}
    .history ul li {width: 22%;margin-right: 18px;}
    .history ul li img{width: 100%;}
    .sl,.sm{width: 33.3333%;}
    .nomarlnew{display: none;}
    .sr{width: 28%;}
}

@media (min-width:1300px){
    .s1p2{display: block !important;}
}

@media (max-width:886px){
    .nomarlnew{display: none;}
}

@media (max-width:960px){
    .section1{padding: 4% 0;margin-top: 0;}
    .ztpic img{width: 100%;}
    .con-in{width: 98%;}
    .sl{width:44%;margin-right: 4%}
    .sm{width: 52%;}
    .sm .hotnew{padding-top: 0;}
    .sm .hotnew .hnt{text-align: center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
    .sr{display: none;}
    .s1p2 ul li{width: 49%;overflow: hidden;}
    .s1p2 ul li:nth-child(1){margin-right: 1%;}
    .s1p2 ul li img{width: 100%;}
    .s1p1 .ztcon a {width:70%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
    .history{margin: 0 2.5%;padding-top: 15px;}
    .history ul li {width: 48%;border: 0;padding: 1%;margin-right: 0;}
    .history ul li img{width: 100%;}
    .history ul li:hover{border:0;}
    .sm .hotnew .hnlist ul li{line-height: 25px;}
    .sm .hotnew .hnlist ul li a{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: inline-block; width: 100%;}
}

@media only screen and (min-width : 960px)
and (max-width : 1000px) {
    .history{padding:0 3%;}
    .history ul li{float: left;padding: 8px;margin-right: 28px;border: 1px solid #fff;}
}

@media (max-width:640px){
    .section2 .bwg .bwgintro{padding: 4% 2%;}
    .section2 .bwg .bwgT{font-size: 25px;}
    .section1{padding: 4% 0;}
    .sl{float:none;width: 100%;}
    .sm{float: none;width: 96%;margin: 0 auto}
    .sm .hotnew .hnlist ul li{overflow: hidden;}
    .sm .hotnew .hnlist ul li a{white-space: nowrap;overflow: hidden;text-overflow:ellipsis;display: inline-block;width: 100%;}
    .culbox .culcon{width: 100%;font-size: 13px;}
    .culbox .culname,.fwbox .fwc,.rkbox .rkname,.serbox .sername{font-size: 20px;}
    .sercon p span{font-size: 16px;color: #c0281b;}
}

@media (max-width:438px){
    .serbox .sername,.fwc,.culname{padding-bottom:0 !important;}
    .culbox .culname:after{content: '';}
    .fwbox .fwc:after{content: '';}
    .serbox .sername:after{content: '';}
}

@media (max-width:320px){
    .culbox .culcon{line-height: 22px;font-size: 12px;}
}