@charset "utf-8";
.no_padding{
    padding: 0;
}

.header {
    position: relative;
    z-index: 99;
    transition: all .3s;
}
.header .headerTop{
    background: #efefef;
}
.header .headerTop .conBox{
    overflow: hidden;
}
.header .headerTop .tollFree{
    float: left;
    line-height: 45px;
}
.header .headerTop .tollFree span,
.header .headerTop .tollFree a{
    font-size: 14px;
    color: #1c1c1c;
}
.header .headerTop .tollFree a{
    padding-left: 12px;
    margin-left: 5px;
    background: url("/public/static/images/home/zh-cn/headerIco2.png") no-repeat left center;
}
.header .headerTop .rightBox{
    float: right;
}
.header .headerTop .langBox{
    float: left;
}
.header .headerTop .langBox a{
    display: block;
    width: 145px;
    height: 45px;
    text-align: center;
    background: #dcdcdc;
}
.header .headerTop .langBox span{
    display: inline-block;
    font-size: 14px;
    color: #1c1c1c;
    line-height: 45px;
    padding-right: 25px;
    background: url("/public/static/images/home/zh-cn/lang.png") no-repeat right center;
}
.header .headerTop .customizedService{
    float: left;
    width: 145px;
    height: 45px;
    text-align: center;
    transition: all .3s;
}
.header .headerTop .customizedService a{
    line-height: 45px;
    font-size: 16px;
    font-weight: 700;
    color: #1c1c1c;
    padding-left: 25px;
    display: inline-block;
    background: url("/public/static/images/home/zh-cn/headerIco1.png") no-repeat left center;
}
.header .headerTop .customizedService:hover a{
    color: #0b237e;
    background: url("/public/static/images/home/zh-cn/headerIco1-1.png") no-repeat left center;
    transition: all .3s;
}

.header .logo_box{
    padding-top: 25px;
    padding-bottom: 30px;
}
.header .logo_box,
.header .logo_box a{
    font-size: 0;
    line-height: 0;
}

.header .navConBox{
    position: relative;
}
.header .navConBox .nav{
    float: right;
}
.header .navConBox .nav_list {
    padding: 30px 0 25px;
    font-size: 0;
    line-height: 0;
    position: relative;
}
.header .navConBox .nav_list > li {
    display: -moz-inline-stack;
    display: inline-block;
    *display: inline;
    vertical-align: top;
    zoom: 1;
    text-align: center;
}
.header .navConBox .nav_list > li > a {
    display: block;
    margin: 0 5px;
    border-top: 2px solid #ffffff;
    border-bottom: 1px solid #ffffff;
}
.header .navConBox .nav_list > li > a > span {
    display: inline-block;
    padding: 14px 15px;
    min-width: 86px;
    line-height: 1;
    font-size: 14px;
    color: #1c1c1c;
    transition: all .5s;
    position: relative;
}
.nav_list > li > a > i {
    position: absolute;
    top: 0;
    right: 0;
    vertical-align: top;
    width: 24px;
    height: 42px;
    background: url("/public/static/images/home/zh-cn/reset/dropdown_menu.png") no-repeat center;
    -moz-transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -ms-transition: all linear .3s;
}
.nav_list > li:hover i {
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}
.header .navConBox .nav_list > li.active > a,
.header .navConBox .nav_list > li.on > a {
    border-top: 2px solid #000000;
    border-bottom: 1px solid #a6a6a6;
}
.header .navConBox .nav_list > li.active > a > span,
.header .navConBox .nav_list > li.on > a > span{
    color: #2e53a4;
}
.nav_normal > li {
    position: relative;
}
.nav_normal > li .dropdown_menu {
    position: absolute;
    top: 100%;
    left: 6px;
    padding: 10px 0;
    min-width: 190px;
    display: none;
    z-index: 1;
    background: #2e53a4;
}
.nav_normal .dropdown_menu li {
    width: 100%;
}
.nav_normal .dropdown_menu li a {
    display: block;
    width: 100%;
    height: 35px;
    text-align: left;
    padding: 0 25px;
    line-height: 35px;
    font-size: 14px;
    color: #ffffff;
    white-space: nowrap;
}
.nav_normal .dropdown_menu li:hover > a{
    background: #ffffff;
    color: #161616;
}



.m_header {
    display: none;
}


.footer_box{
    overflow: hidden;
    padding-bottom: 80px;
    background: #2c53a3;
}
.footer_box .fast_navigation{
    overflow: hidden;
    padding-top: 65px;
}
.footer_box .fast_navigation .itemBox{
    overflow: hidden;
}
.footer_box .fast_navigation .itemBox .item{
    float: left;
}
.footer_box .fast_navigation .itemBox .item .fLogo{
    line-height: 0;
    margin-bottom: 40px;
}
.footer_box .fast_navigation .itemBox .item .text h3{
    font-size: 16px;
    color: #ffffff;
    margin-bottom: 10px;
    padding-bottom: 0;
    font-weight: bold;
    line-height: 0;
}
.footer_box .fast_navigation .itemBox .item .text a{
    font-size: 36px;
    color: #ffffff;
    font-weight: 300;
}

.footer_box .fast_navigation .itemBox .item:nth-of-type(1),
.footer_box .fast_navigation .itemBox .item:nth-of-type(2),
.footer_box .fast_navigation .itemBox .item:nth-of-type(3),
.footer_box .fast_navigation .itemBox .item:nth-of-type(4){
    width: 15%;
}
.footer_box .fast_navigation .itemBox .item:nth-of-type(5){
    width: 22.5%;
}
.footer_box .fast_navigation .itemBox .item:nth-of-type(6){
    width: 17.5%;
}
.footer_box .fast_navigation .itemBox .item > h3{
    font-size: 16px;
    color: #ffffff;
    font-weight: 700;
    padding-bottom: 15px;
    position: relative;
    text-transform: uppercase;
}
.footer_box .fast_navigation ul{
    overflow: hidden;
}
.footer_box .fast_navigation li,
.footer_box .fast_navigation li a{
    font-size: 14px;
    color: #ffffff;
    line-height: 1.6;
    border-bottom: 1px solid transparent;
}
.footer_box .fast_navigation li a:hover {
    border-bottom: 1px solid #ffffff;
}
.footer_box .fast_navigation .ewm{
    margin-top: 40px;
}
.footer_box .fast_navigation .ewm .img{
    line-height: 0;
    margin-bottom: 3px;
}
.footer_box .fast_navigation .ewm img{
    border: 5px solid #ffffff;
}
.footer_box .fast_navigation .ewm p{
    color: #ffffff;
    padding-left: 5px;
}

.footerForm .info{
    position: relative;
    margin-bottom: 15px;
}
.footerForm .info .label_control{
    position: absolute;
    left: 10px;
    top: 0;
    line-height: 30px;
    font-size: 14px;
    color: #ffffff;
}
.footerForm .info .tips{
    position: absolute;
    right: 10px;
    top: 0;
    line-height: 30px;
    font-size: 12px;
    color: #ffffff;
    font-weight: 300;
}
.footerForm .info input[type="text"]{
    width: 100%;
    height: 30px;
    background: #416cc5;
    border: 0;
    font-size: 14px;
    color: #ffffff;
    padding: 0 10px;
}
.footerForm .info textarea{
    width: 100%;
    height: 90px;
    background: #416cc5;
    border: 0;
    font-size: 14px;
    color: #ffffff;
    padding: 10px;
    resize: none;
}
.footerForm .info input[type="submit"]{
    width: 100%;
    height: 30px;
    border: 0;
    margin-top: 10px;
    background: #416cc5;
    color: #ffffff;
    cursor: pointer;
    float: right;
    transition: all .3s;
}
.footerForm .info input[type="submit"]:hover{
    background: #0b237e;
    transition: all .3s;
}
.footer_box .friendshipLink{
    margin-bottom: 40px;
}
.footer_box .footerServicePhone{
    margin-top: -50px;
    padding-bottom: 70px;
}
.footer_box .footerServicePhone h3{
    font-size: 16px;
    color: #ffffff;
    font-weight: 700;
    position: relative;
    text-transform: uppercase;
}
.footer_box .footerServicePhone a{
    font-size: 36px;
    color: #ffffff;
    line-height: 1.6;
    font-weight: 300;
}
.footer_box .friendshipLink span,
.footer_box .friendshipLink a{
    display: inline-block;
    font-size: 14px;
    color: #fffefe;
    float: left;
}
.footer_box .friendshipLink a{
    margin-right: 10px;
    border-bottom: 1px solid transparent;
}
.footer_box .friendshipLink a:hover{
    border-bottom: 1px solid #ffffff;
}

.footer_box .footer_copyright{
    padding: 15px 0;
    overflow: hidden;
    background: #0b237e;
}
.footer_box .footer_copyright .text{
    float: left;
}
.footer_box .footer_copyright p,
.footer_box .footer_copyright p span,
.footer_box .footer_copyright p a{
    color: #ffffff;
    font-size: 14px;
    line-height: 24px;
    font-weight: 300;
}
.footer_box .footer_copyright p a.site_map{
    margin-right: 10px;
}
.footer_box .footer_copyright p span{
    display: inline-block;
    margin: 0 10px;
}
.footer_box .footer_copyright a:hover{
    text-decoration: underline;
}

/*banner*/
.banner_slick img{
    clear: both;
    display: block;
    margin: auto;
}
.banner_slick .slick-prev,
.banner_slick .slick-next {
    width: 40px;
    height: 50px;
    margin-top: -25px;
    background-image: url("/public/static/images/home/zh-cn/reset/skin.png");
    background-repeat: no-repeat;
    background-color: rgba(255, 255, 255, 0);
}
.banner_slick .slick-prev {
    background-position: 0 0;
    left: 80px;
}
.banner_slick .slick-next {
    background-position: -150px 0;
    right: 80px;
}
.banner_slick .slick-dots{
    bottom: 30px;
}
.banner_slick .slick-dots li{
    width: 8px;
    height: 8px;
    background: #ffffff;
    border: 2px solid #ffffff;
}
.banner_slick .slick-dots li.slick-active{
    width: 40px;
    height: 8px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.banner .conBox{
    position: relative;
}
.banner .conBox .bannerText{
    position: absolute;
    top: 30%;
    left: 0;
    width: 46%;
    background-color: rgba(1,60,181,.8);
}
.banner .conBox .bannerText .text{
    width: 515px;
    float: right;
    padding: 50px 0 30px;
}
.banner .conBox .bannerText .text h1,
.banner .conBox .bannerText .text h2{
    font-size: 42px;
    color: #ffffff;
    font-weight: bold;
    margin-bottom: 20px;
}
.banner .conBox .bannerText .text p{
    font-size: 16px;
    color: #ffffff;
    line-height: 1.8;
}
.banner .conBox .bannerText .text a{
    display: inline-block;
    margin-top: 30px;
    font-size: 16px;
    color: #ffffff;
    border-bottom: 1px solid transparent;
}
.banner .conBox .bannerText .text a:hover{
    border-bottom-color: #ffffff;
}

.indexBox1{
    padding-top: 100px;
}
.indexBox1 .conBox{
    overflow: hidden;
}
.indexBox1 .conBox .textBox{
    position: relative;
    margin-bottom: 40px;
}
.indexBox1 .conBox .textBox .lText {
    padding-right: 70px;
}
.indexBox1 .conBox .textBox .lText span{
    font-size: 16px;
    color: #474747;
}
.indexBox1 .conBox .textBox .lText h2{
    font-size: 36px;
    color: #474747;
    font-weight: 700;
    margin-top: 5px;
    padding-bottom: 40px;
}
.indexBox1 .conBox .textBox .lText p{
    font-size: 14px;
    color: #505050;
}
.indexBox1 .conBox .textBox .lText a{
    display: inline-block;
    margin-top: 35px;
    color: #505050;
    border-bottom: 1px solid transparent;
}
.indexBox1 .conBox .textBox .lText a:hover{
    border-bottom-color: #505050;
}
.indexBox1 .indexVideo .video_click:after{
    background: url("/public/static/images/home/zh-cn/indexVideoClick.png") no-repeat center center;
}
.indexBox1 .conBox .textBox .rText{
    position: absolute;
    top: 0;
    right: 0;
    width: 300px;
    padding-top: 90px;
    padding-left: 40px;
}
.indexBox1 .conBox .textBox .rText h2,
.indexBox1 .conBox .textBox .rText span{
    display: block;
    font-size: 30px;
    color: #474747;
    font-weight: bold;
    line-height: 1.2;
}
.indexBox1 img.hide{
    display: none;
}

.indexBox2{
    margin-top: 90px;
    overflow: hidden;
}
.indexBox2 .title{
    text-align: center;
    padding-bottom: 35px;
}
.indexBox2 .title h2{
    color: #474747;
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 15px;
}
.indexBox2 .title p{
    font-size: 16px;
    color: #474747;
}
.indexBox2 .itemBox{
    margin-bottom: 20px;
    margin-left: -17px;
    margin-right: -17px;
    overflow: hidden;
}
.indexBox2 .item{
    width: 33.33%;
    float: left;
    padding: 0 17px;
}
.indexBox2 .item .imgBox{
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
}
.indexBox2 .item .imgBox > .img{
    line-height: 0;
    text-align: center;
}
.indexBox2 .item .imgBox .textBox{
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    background: #f5f5f5;
    transition: all .3s;
}
.indexBox2 .item .imgBox:hover .textBox{
    top: 0;
    transition: all .3s;
}
.indexBox2 .item .imgBox .textBox .img{
    line-height: 0;
    text-align: center;
}
.indexBox2 .item .imgBox .textBox .text{
    text-align: center;
    padding: 0 40px;
}
.indexBox2 .item .imgBox .textBox .text h3{
    font-size: 22px;
    color: #474747;
    font-weight: 700;
    margin-top: 50px;
    margin-bottom: 15px;
}
.indexBox2 .item .imgBox .textBox .text p{
    font-size: 12px;
    color: #505050;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.indexBox2 .item .imgBox .textBox .text a{
    display: inline-block;
    margin-top: 15px;
    color: #454545;
    border-bottom: 1px solid transparent;
}
.indexBox2 .item .imgBox .textBox .text a:hover{
    border-bottom-color: #454545;
}
.indexBox2 .t{
    text-align: center;
    padding-bottom: 40px;
}
.indexBox2 .t p,
.indexBox2 .t a{
    font-size: 16px;
    color: #505050;
}
.indexBox2 .t a{
    border-bottom: 1px solid #505050;
}
.indexBox2 .t a:hover{
    color: #2c53a3;
    border-bottom-color: #2c53a3;
}

.indexBox3{
    padding-top: 40px;
    /*background: url("/public/static/images/home/zh-cn/indexBj2.jpg") no-repeat top center;*/
}
.indexBox3 .conBox{
    overflow: hidden;
}
.indexBox3 .title{
    text-align: center;
}
.indexBox3 .title h2{
    font-size: 36px;
    color: #474747;
    font-weight: 700;
    margin-bottom: 20px;
}
.indexBox3 .title p{
    font-size: 16px;
    color: #474747;
}
.indexBox3 .textBox{
    position: relative;
    margin: 45px 0 30px;
    background: #2c53a3;
    padding-right: 240px;
}
.indexBox3 .textBox p{
    font-size: 16px;
    color: #ffffff;
    padding: 20px 15px 0;
    min-height: 60px;
}
.indexBox3 .textBox a{
    position: absolute;
    top: 0;
    right: 0;
    width: 240px;
    line-height: 60px;
    font-size: 18px;
    color: #2c53a3;
    font-weight: 700;
    text-align: center;
    display: block;
    background: #ffffff;
}
.indexBox3 .textBox a:hover{
    background: #2c53a3;
    color: #ffffff;
}
.indexBox3 .itemConBox{
    background: #f4f4f4;
    padding: 0 15px 35px;
}
.indexBox3 .itemConBox .itemBox{
    overflow: hidden;
    padding-top: 55px;
}
.indexBox3 .itemConBox .itemBox .item{
    width: 25%;
    float: left;
    padding: 0 7px;
    margin-bottom: 45px;
}
.indexBox3 .itemConBox .itemBox .item .img{
    line-height: 0;
    margin-bottom: 15px;
    overflow: hidden;
}
.indexBox3 .itemConBox .itemBox .item .img a{
    display: block;
    line-height: 0;
}
.indexBox3 .itemConBox .itemBox .item img{
    width: 100%;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    transition: all .3s;
}
.indexBox3 .itemConBox .itemBox .item:hover img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    transition: all .3s;
}
.indexBox3 .itemConBox .itemBox .item .text h3{
    font-size: 20px;
    color: #2c53a3;
    font-weight: 700;
    padding-left: 5px;
    margin-bottom: 10px;
    border-left: 7px solid #2c53a3;
}
.indexBox3 .itemConBox .itemBox .item .text .t{
    height: 60px;
    overflow: hidden;
}
.indexBox3 .itemConBox .itemBox .item .text p{
    font-size: 13px;
    color: #454545;
    line-height: 1.6;
    padding-right: 15px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.indexBox3 .itemConBox .itemBox .item .text a{
    display: inline-block;
    margin-top: 15px;
    font-size: 13px;
    color: #454545;
    border-bottom: 1px solid transparent;
}
.indexBox3 .itemConBox .itemBox .item .text a:hover{
    border-bottom-color: #454545;
}
.indexBox3 .itemConBox > .text{
    text-align: center;
}
.indexBox3 .itemConBox > .text a,
.indexBox3 .itemConBox > .text p{
    font-size: 16px;
    color: #505050;
}
.indexBox3 .itemConBox > .text a{
    border-bottom: 1px solid #505050;
}
.indexBox3 .itemConBox > .text a:hover{
    color: #2c53a3;
    border-bottom-color: #2c53a3;
}

.indexBox4{
    padding-top: 70px;
    overflow: hidden;
    /*background: url("/public/static/images/home/zh-cn/indexBj3.png") no-repeat top center;*/
}
.indexBox4 .conBox{
    overflow: hidden;
}
.indexBox4 .title h2{
    color: #474747;
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 40px;
    text-align: center;
}

.indexBox4 .indexNewsSlick{
    padding-bottom: 60px;
}
.indexBox4 .indexNewsSlick .slick-dots{
    bottom: 0;
}
.indexBox4 .indexNewsSlick .slick-dots li.slick-active{
    background: #666666;
}
.indexBox4 .indexNewsSlick .lNews{
    width: 50%;
    float: left;
    background: #f4f4f4;
    padding: 40px 45px 20px 60px;
}
.indexBox4 .indexNewsSlick .lNews .text h3 a{
    font-size: 22px;
    color: #454545;
    font-weight: 700;
    display: inline-block;
    margin-bottom: 10px;
}
.indexBox4 .indexNewsSlick .lNews .text h3 a:hover{
    color: #2c53a3;
}
.indexBox4 .indexNewsSlick .lNews .text p{
    color: #454545;
    line-height: 1.6;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.indexBox4 .indexNewsSlick .lNews .img{
    line-height: 0;
    margin-top: 25px;
    margin-bottom: 40px;
}
.indexBox4 .indexNewsSlick .lNews .a a{
    display: inline-block;
    color: #454545;
    margin-bottom: 20px;
    border-bottom: 1px solid transparent;
}
.indexBox4 .indexNewsSlick .lNews .a a:hover{
    border-bottom-color: #454545;
}
.indexBox4 .indexNewsSlick .rNews{
    width: 50%;
    float: left;
    padding-left: 40px;
}
.indexBox4 .indexNewsSlick .rNews .item{
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    margin-top: -1px;
    background: transparent;
    transition: all .3s;
    padding: 25px 30px;
}
.indexBox4 .indexNewsSlick .rNews .item:nth-of-type(1){
    margin-top: 0;
}
.indexBox4 .indexNewsSlick .rNews .item:hover{
    background: #ffffff;
    transition: all .3s;
}
.indexBox4 .indexNewsSlick .rNews h3{
    position: relative;
    margin-bottom: 10px;
    padding-right: 90px;
}
.indexBox4 .indexNewsSlick .rNews h3:before{
    position: absolute;
    content: '';
    width: 7px;
    height: 7px;
    left: -15px;
    top: 8px;
    background: #a0a0a0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.indexBox4 .indexNewsSlick .rNews h3 a{
    display: inline-block;
    font-size: 22px;
    color: #454545;
    font-weight: 700;
}
.indexBox4 .indexNewsSlick .rNews h3 a:hover{
    color: #2c53a3;
}
.indexBox4 .indexNewsSlick .rNews h3 .time{
    position: absolute;
    right: 0;
    top: 0;
    font-size: 16px;
    color: #8a8a8a;
}
.indexBox4 .indexNewsSlick .rNews .t{
    padding-right: 10px;
    height: 70px;
}
.indexBox4 .indexNewsSlick .rNews .t p{
    font-size: 13px;
    color: #454545;
    line-height: 1.8;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.indexBox4 .indexNewsSlick .rNews .a{
    overflow: hidden;
}
.indexBox4 .indexNewsSlick .rNews .a a{
    font-size: 0;
    width: 41px;
    height: 22px;
    display: inline-block;
    float: right;
    margin-right: 0;
    background: url("/public/static/images/home/zh-cn/indexNewsIco.png") no-repeat center center;
    transition: all .3s;
}
.indexBox4 .indexNewsSlick .rNews .a a:hover{
    margin-right: 10px;
    transition: all .3s;
}

.indexBox5{
    padding: 50px 0 60px;
}
.indexBox5 .conBox{
    overflow: hidden;
}
.indexBox5 .title h2{
    text-align: center;
    font-size: 36px;
    color: #474747;
    font-weight: 700;
    margin-bottom: 40px;
}
.indexBox5 .itemBox{
    overflow: hidden;
}
.indexBox5 .itemBox .item{
    overflow: hidden;
    border-bottom: 1px solid #e6e6e6;
}
.indexBox5 .itemBox .item .img{
    width: 11.11%;
    float: left;
    line-height: 0;
    border-bottom: 2px solid #ffffff;
    transition: all .3s;
}
.indexBox5 .itemBox .item:nth-of-type(3) .img{
    width: 12.5%;
}
.indexBox5 .itemBox .item .img:hover{
    border-bottom-color: #2c53a3;
    transition: all .3s;
}

.contactBanner{
    position: relative;
}
.contactBanner .img{
    padding-top: 540px;
    line-height: 0;
    text-align: center;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
}
.contactBanner .text{
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin-top: -42px;
}
.contactBanner .text h1{
    font-size: 52px;
    color: #ffffff;
    font-weight: 700;
    text-align: center;
    padding-bottom: 30px;
    position: relative;
}
.contactBanner .text h1:before{
    position: absolute;
    content: '';
    width: 105px;
    height: 5px;
    background: #ffffff;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.contactBox1{
    padding: 55px 0 80px;
    overflow: hidden;
}
.contactBox1 .contactFormBox{
    width: 50%;
    float: left;
}
.contactBox1 .contactForm{
    width: 600px;
    float: right;
    padding-right: 10px;
}
.contactBox1 .contactForm .text{
    margin-bottom: 50px;
}
.contactBox1 .contactForm .text h2{
    font-size: 36px;
    color: #3d3d3d;
    font-weight: 700;
    padding-left: 10px;
    margin-bottom: 25px;
    border-left: 11px solid #1b52a5;
}
.contactBox1 .contactForm .text p{
    font-size: 18px;
    color: #3d3d3d;
}
.contactBox1 .contactForm .info{
    position: relative;
    margin-bottom: 10px;
}
.contactBox1 .contactForm .info .label_control{
    position: absolute;
    top: 0;
    left: 10px;
    line-height: 45px;
    font-size: 18px;
    color: #3d3d3d;
}
.contactBox1 .contactForm .info .tips{
    position: absolute;
    top: 0;
    right: 10px;
    font-size: 12px;
    color: #ff0000;
    line-height: 45px;
}
.contactBox1 .contactForm .info input[type="text"]{
    width: 100%;
    height: 45px;
    border: 0;
    padding: 0 10px;
    background: #eeeeee;
    font-size: 18px;
    color: #3d3d3d;
}
.contactBox1 .contactForm .info textarea{
    width: 100%;
    padding: 10px;
    height: 140px;
    border: 0;
    resize: none;
    background: #eeeeee;
    font-size: 18px;
    color: #3d3d3d;
}
.contactBox1 .contactForm .info input[type="submit"]{
    margin-top: 20px;
    width: 100%;
    height: 45px;
    background: #2e53a4;
    border: 0;
    font-size: 18px;
    color: #ffffff;
    cursor: pointer;
    transition: all .3s;
}
.contactBox1 .contactForm .info input[type="submit"]:hover{
    background: #0b237e;
    transition: all .3s;
}
.contactBox1 .contactMap{
    width: 50%;
    float: left;
    padding-top: 35px;
    padding-left: 90px;
}
.contactBox1 .contactMap #baiduMapPanel{
    width: 100%;
    height: 570px;
}
@media (max-width: 20000px) {
    .BMapLabel{
        border: 1px solid #dddddd !important;
        left: 6px !important;
        top: -28px !important;
        box-sizing: border-box;
        transform: translate(-50%,-100%);
        background-color: white;
        border-radius: 8px;
        padding: 12px !important;
        box-shadow: 0 2px 7px 1px rgba(0,0,0,0.3);
    }
    .BMapLabel:before{
        content: "";
        position: absolute;
        top: 40px;
        left: 82px;
        transform: translate(-50%,0);
        width: 0;
        height: 0;
        border-left: 9px solid transparent;
        border-right: 9px solid transparent;
        border-top: 11px solid white;
    }

    .BMapLabel:after {
        content: '';
        position: absolute;
        width: 20px;
        height: 25px;
        top: 56px;
        left: 74px;
        background: url("/public/static/images/home/zh-cn/reset/us_cursor.gif") no-repeat -46px -21px !important;
        overflow: hidden;
    }
}

.contactBox2{
    background: #f6f6f6;
    padding: 35px 0 40px;
}
.contactBox2 .title h2{
    font-size: 36px;
    color: #3d3d3d;
    font-weight: 700;
    padding-left: 10px;
    margin-bottom: 25px;
    border-left: 11px solid #1b52a5;
}
.contactBox2 .itemBox{
    margin-left: -10px;
    margin-right: -10px;
    overflow: hidden;
}
.contactBox2 .item{
    width: 50%;
    height: 150px;
    padding: 0 10px;
    float: left;
    margin-bottom: 25px;
}
.contactBox2 .item .conBox{
    height: 100%;
    position: relative;
    background: #ffffff url("/public/static/images/home/zh-cn/contactInfoBj.png") no-repeat right center;
}
.contactBox2 .item .conBox h3{
    width: 180px;
    float: left;
    font-size: 18px;
    color: #3d3d3d;
    font-weight: 700;
    padding-top: 50px;
    padding-left: 25px;
}
.contactBox2 .item .conBox ul{
    margin-left: 180px;
    position: absolute;
    top: 50%;
}
.contactBox2 .item .conBox ul li{
    padding-left: 28px;
    display: block;
    margin: 5px 0;
    background-repeat: no-repeat;
    background-position: left top;
}
.contactBox2 .item .conBox ul li.contactTel{
    background-image: url("/public/static/images/home/zh-cn/contactTel.png");
}
.contactBox2 .item .conBox ul li.contactFax{
    background-image: url("/public/static/images/home/zh-cn/contactFax.png");
}
.contactBox2 .item .conBox ul li.contactPhone{
    background-image: url("/public/static/images/home/zh-cn/contactPhone.png");
}
.contactBox2 .item .conBox ul li.contactEmail{
    background-image: url("/public/static/images/home/zh-cn/contactEmail.png");
}
.contactBox2 .item .conBox ul li,
.contactBox2 .item .conBox ul li p,
.contactBox2 .item .conBox ul li a{
    font-size: 18px;
    color: #3d3d3d;
}
.contactBox2 .item .conBox ul li a{
    border-bottom: 1px solid transparent;
}
.contactBox2 .item .conBox ul li span{
    display: inline-block;
    float: left;
    min-width: 54px;
    min-height: 1px;
    font-size: 18px;
    color: #3d3d3d;
}
.contactBox2 .item .conBox ul li a:hover{
    border-bottom-color: #3d3d3d;
}

.recruitBanner{
    position: relative;
}
.recruitBanner .img{
    line-height: 0;
    text-align: center;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
}
.recruitBanner .text{
    position: absolute;
    left: 0;
    top: 50%;
    right: 0;
    margin-top: -99px;
    text-align: center;
}
.recruitBanner .text span{
    font-size: 90px;
    color: #ffffff;
    opacity: .1;
    font-weight: 700;
    line-height: 1;
    position: absolute;
    left: 0;
    right: 0;
    text-transform: uppercase;
}
.recruitBanner .text h1{
    padding-top: 40px;
    font-size: 42px;
    color: #ffffff;
    font-weight: 700;
    margin-bottom: 15px;
}
.recruitBanner .text p{
    font-size: 16px;
    color: #ffffff;
}

.recruitBox1 .title h2{
    font-size: 42px;
    color: #434343;
    font-weight: 700;
    padding: 55px 0 30px;
}
.recruitBox1 .conBox{
    position: relative;
    padding-bottom: 98px;
}
.recruitBox1 .conBox .itemBox .item{
    overflow: hidden;
}
.recruitBox1 .conBox .itemBox .item:nth-of-type(2n){
    background: #2e53a4;
}
.recruitBox1 .conBox .itemBox .item .text,
.recruitBox1 .conBox .itemBox .item .img{
    width: 50%;
    float: right;
}
.recruitBox1 .conBox .itemBox .item:nth-of-type(2n) .text,
.recruitBox1 .conBox .itemBox .item:nth-of-type(2n) .img{
    float: left;
}
.recruitBox1 .conBox .itemBox .item .img{
    line-height: 0;
}
.recruitBox1 .conBox .itemBox .item .text{
    padding: 45px;
}
.recruitBox1 .conBox .itemBox .item .text h3{
    font-size: 36px;
    color: #434343;
    font-weight: 700;
    padding-top: 70px;
    margin-bottom: 20px;
    background: url("/public/static/images/home/zh-cn/recruitIco1.png") no-repeat left top;
}
.recruitBox1 .conBox .itemBox .item .text p{
    font-size: 14px;
    color: #1c1c1c;
    line-height: 1.6;
}
.recruitBox1 .conBox .itemBox .item:nth-of-type(2n) .text h3{
    color: #ffffff;
    background: url("/public/static/images/home/zh-cn/recruitIco2.png") no-repeat left top;
}
.recruitBox1 .conBox .itemBox .item:nth-of-type(2n) .text p{
    color: #ffffff;
}
.recruitBox1 .conBox .recruitText{
    position: absolute;
    left: 1200px;
    bottom: 0;
    width: 400px;
    height: 435px;
    padding-top: 130px;
    padding-left: 155px;
    display: none;
    background: url("/public/static/images/home/zh-cn/recruitImg3.jpg") no-repeat center center;
}
.recruitBox1 .conBox .recruitText span{
    display: block;
    font-size: 36px;
    color: #ffffff;
    width: 75px;
    font-weight: 700;
    padding-bottom: 20px;
    margin-bottom: 15px;
    position: relative;
}
@media (min-width: 1920px) {
    .recruitBox1 .conBox .recruitText{
        display: block;
    }
}
.recruitBox1 .conBox .recruitText span:before{
    position: absolute;
    content: '';
    width: 7px;
    height: 7px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background: #ffffff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.recruitBox1 .conBox .recruitText span:last-child:before{
    display: none;
}

.recruitBox2{
    padding: 50px 0 125px;
    background: url("/public/static/images/home/zh-cn/recruitBj.jpg") no-repeat center center;
}
.recruitBox2 .title h2{
    text-align: center;
    font-size: 30px;
    color: #ffffff;
    font-weight: 700;
    margin-bottom: 60px;
}
.recruitBox2 .jobSearch{
    border-top: 12px solid #2e53a4;
    padding: 30px 90px;
    display: flex;
    margin-bottom: 50px;
    background: rgba(255,255,255,.8);
}
.recruitBox2 .jobSearch .info{
    width: 430px;
    float: left;
}
.recruitBox2 .jobSearch .info:last-child{
    width: auto;
}
.recruitBox2 .jobSearch .info span{
    display: inline-block;
    float: left;
    text-align: right;
    width: 115px;
    color: #050404;
    line-height: 40px;
}
.recruitBox2 .jobSearch .info .controls{
    margin-left: 115px;
}
.recruitBox2 .jobSearch .info:last-child .controls{
    margin-left: 0;
}
.recruitBox2 .jobSearch .info input[type="text"]{
    width: 100%;
    border: 0;
    height: 40px;
    padding: 0 10px;
    background: #ffffff;
    color: #ababab;
}

.recruitBox2 .jobSearch .info input[type="text"]::-webkit-input-placeholder {
    color: #ababab;
    font-size: 14px;
}
.recruitBox2 .jobSearch .info input[type="text"]::-moz-placeholder {
    color: #ababab;
    font-size: 14px;
}
.recruitBox2 .jobSearch .info input[type="text"]:-ms-input-placeholder {
    color: #ababab;
    font-size: 14px;
}
.recruitBox2 .jobSearch .info .controls{
    position: relative;
}
.recruitBox2 .jobSearch .info .controls h3{
    background: #ffffff;
    height: 40px;
    color: #ababab;
    line-height: 40px;
    cursor: pointer;
    padding: 0 10px;
    position: relative;
}
.recruitBox2 .jobSearch .info .controls h3:before{
    position: absolute;
    content: '';
    width: 10px;
    height: 9px;
    top: 50%;
    margin-top: -4px;
    right: 15px;
    background: url("/public/static/images/home/zh-cn/jobSearchIco.png") no-repeat center center;
    transition: all .3s;
}
.recruitBox2 .jobSearch .info .controls h3.on:before{
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    transition: all .3s;
}
.recruitBox2 .jobSearch .info .controls ul{
    position: absolute;
    background: #ffffff;
    left: 0;
    right: 0;
    display: none;
    z-index: 10;
}
.recruitBox2 .jobSearch .info .controls ul li{
    border-top: 1px solid #dddddd;
    line-height: 30px;
    padding: 0 10px;
    cursor: pointer;
}
.recruitBox2 .jobSearch .info .controls ul li.on,
.recruitBox2 .jobSearch .info .controls ul li:hover{
    background: #2e53a4;
    color: #ffffff;
}
.recruitBox2 .jobSearch .info input[type="submit"]{
    width: 135px;
    height: 40px;
    border: 0;
    background: #2e53a4;
    color: #ffffff;
    cursor: pointer;
    margin-left: 20px;
    transition: all .3s;
}
.recruitBox2 .jobSearch .info input[type="submit"]:hover{
    background: #0b237e;
    transition: all .3s;
}
.recruitBox2 .itemBox{
    padding: 35px 40px 50px;
    border-top: 12px solid #2e53a4;
    border-bottom: 12px solid #2e53a4;
    background: rgba(255,255,255,.8);
}
.recruitBox2 .itemBox .jobListTr{
    overflow: hidden;
    margin-bottom: 10px;
}
.recruitBox2 .itemBox .jobListTr h3 span{
    width: 20%;
    display: inline-block;
    float: left;
    height: 40px;
    line-height: 40px;
    padding: 0 25px;
    color: #ffffff;
    background: #2c53a3;
}
.recruitBox2 .itemBox .conBox .item{
    overflow: hidden;
    border-bottom: 1px solid #9a9995;
}
.recruitBox2 .itemBox .conBox .item h3{
    overflow: hidden;
    cursor: pointer;
    background: transparent;
    transition: all .3s;
}
.recruitBox2 .itemBox .conBox .item h3.on,
.recruitBox2 .itemBox .conBox .item h3:hover{
    background: #f0f0f0;
    transition: all .3s;
}
.recruitBox2 .itemBox .conBox .item h3 span{
    width: 20%;
    display: inline-block;
    float: left;
    height: 50px;
    line-height: 50px;
    padding: 0 25px;
    color: #050404;
}
.recruitBox2 .itemBox .conBox .item .textBox{
    padding: 10px 40px 30px;
    display: none;
}.recruitBox2 .itemBox .conBox .item .textBox.on{
     background: #f0f0f0;
 }
.recruitBox2 .itemBox .conBox .item .textBox .text{
    margin-bottom: 20px;
}
.recruitBox2 .itemBox .conBox .item .textBox .t{
    font-size: 16px;
    color: #050404;
    margin-bottom: 5px;
}
.recruitBox2 .itemBox .conBox .item .textBox p{
    color: #555555;
}
.recruitBox2 .itemBox .conBox .item .textBox .mText{
    display: none;
    padding-bottom: 10px;
}
.recruitBox2 .itemBox .conBox .item .aBox a{
    display: inline-block;
    width: 160px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin-top: 14px;
    margin-right: 10px;
    background: #2c53a3;
    color: #ffffff;
}
.recruitBox2 .itemBox .conBox .item .aBox a:hover{
    background: #0b237e;
}

.recruitBox3 .jobFormBox{
    padding: 60px 0;
}
.recruitBox3 .jobFormBox h2{
    text-align: center;
    font-size: 30px;
    color: #0b0b0b;
    font-weight: 700;
    margin-bottom: 25px;
}

.recruitBox3 .jobFormBox form{
    margin-left: -10px;
    margin-right: -10px;
    overflow: hidden;
}
.recruitBox3 .jobFormBox .info{
    padding: 0 10px;
    min-height: 45px;
    overflow: hidden;
    margin-bottom: 15px;
    position: relative;
}
.recruitBox3 .jobFormBox .info:nth-of-type(1),
.recruitBox3 .jobFormBox .info:nth-of-type(2){
    width: 50%;
    float: left;
}
.recruitBox3 .jobFormBox .info span{
    display: inline-block;
    float: left;
    padding-left: 10px;
    width: 80px;
    background: #eeeeee;
    line-height: 45px;
    color: #101112;
}
.recruitBox3 .jobFormBox .info span.text{
    height: 120px;
}
.recruitBox3 .jobFormBox .info .controls{
    margin-left: 80px;
}
.recruitBox3 .jobFormBox .info .jobSexBox{
    background: #eeeeee;
    padding: 0 10px;
}
.recruitBox3 .jobFormBox .info .jobSex{
    line-height: 45px;
    color: #101112;
    display: inline-block;
    margin-right: 15px;
}
.recruitBox3 .jobFormBox .info label[for="jobBoy"],
.recruitBox3 .jobFormBox .info label[for="jobGirl"]{
    margin-right: 10px;
    cursor: pointer;
}
.recruitBox3 .jobFormBox .info .tips{
    position: absolute;
    top: 0;
    right: 20px;
    line-height: 45px;
    color: #ff0000;
    font-size: 12px;
}
.recruitBox3 .jobFormBox .info input[type="text"]{
    width: 100%;
    height: 45px;
    border: 0;
    padding: 0 10px;
    background: #eeeeee;
    line-height: 45px;
    color: #101112;
}
.recruitBox3 .jobFormBox .info textarea{
    width: 100%;
    height: 120px;
    border: 0;
    padding: 12px 10px;
    resize: none;
    background: #eeeeee;
}
.recruitBox3 .jobFormBox .info:last-child{
    text-align: center;
}
.recruitBox3 .jobFormBox .info input[type="submit"]{
    width: 260px;
    height: 45px;
    border: 0;
    background: #2e53a4;
    color: #ffffff;
    cursor: pointer;
    margin: 0 2px;
    transition: all .3s;
}
.recruitBox3 .jobFormBox .info input[type="button"]{
    width: 260px;
    height: 45px;
    border: 0;
    background: #eeeeee;
    cursor: pointer;
    margin: 0 2px;
    transition: all .3s;
}
.recruitBox3 .jobFormBox .info input[type="submit"]:hover,
.recruitBox3 .jobFormBox .info input[type="button"]:hover{
    background: #0b237e;
    color: #ffffff;
    transition: all .3s;
}

.newsBanner .img{
    line-height: 0;
    text-align: center;
}

.newsConBox{
    overflow: visible;
    padding: 30px 0 80px;
}
.newsMenuBox{
    width: 260px;
    float: left;
    position: sticky;
    top: 0;
}
.newsMenuBox .newsMenu{
    padding: 0 5px 20px;
    border: 5px solid #2c53a3;
}
.newsMenuBox .newsMenu h2{
    font-size: 24px;
    color: #2c53a3;
    font-weight: 700;
    padding: 10px 0;
    margin-bottom: 20px;
    border-bottom: 2px solid #2c53a3;
}
.newsMenuBox .newsMenu > ul > li{
    padding: 10px 0;
    border-bottom: 1px solid #dcdcdc;
}
.newsMenuBox .newsMenu > ul > li > a{
    padding-left: 35px;
    position: relative;
    font-size: 16px;
    color: #454545;
}
.newsMenuBox .newsMenu > ul > li > a:before{
    position: absolute;
    content: '+';
    width: 13px;
    height: 13px;
    left: 10px;
    top: 50%;
    font-size: 12px;
    margin-top: -6px;
    background: #2c53a3;
    line-height: 10px;
    text-align: center;
    color: #ffffff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.newsMenuBox .newsMenu > ul > li.on > a,
.newsMenuBox .newsMenu > ul > li > a:hover{
    color: #2c53a3;
}
.newsMenuBox .newsMenu li .productDropDownMenu{
    display: none;
    padding-top: 10px;
}
.newsMenuBox .newsMenu li .productDropDownMenu li{
    padding-left: 50px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.newsMenuBox .newsMenu li .productDropDownMenu li a{
    color: #454545;
    border-bottom: 1px solid transparent;
}
.newsMenuBox .newsMenu li .productDropDownMenu li.active a:hover,
.newsMenuBox .newsMenu li .productDropDownMenu li a:hover{
    color: #2c53a3;
    border-bottom-color: #2c53a3;
}
.newsMenuBox .newsMenu li.on .productDropDownMenu{
    display: block;
}

.hotProductBox h2{
    line-height: 50px;
    background: #eeeeee;
    text-align: center;
    font-size: 18px;
    color: #575757;
    font-weight: 700;
    margin-top: 30px;
    margin-bottom: 8px;
}
.hotProductBox .hotProduct{
    height: 0;
    overflow: hidden;
    border: 1px solid #dcdcdc;
}
.hotProductBox .hotProduct .slick-dots li.slick-active{
    background: #333333;
}
.hotProductBox .hotProduct img{
    clear: both;
    display: block;
    margin: auto;
}

.relatedInformation h2{
    line-height: 50px;
    background: #eeeeee;
    text-align: center;
    font-size: 18px;
    color: #575757;
    font-weight: 700;
    margin-top: 30px;
    margin-bottom: 8px;
}
.relatedInformation .relatedInformationList {
    width: 100%;
    margin: 0 auto;
    border: 1px solid #ccc;
    line-height: 26px;
    font-size: 12px;
    overflow: hidden;
}
.relatedInformation .relatedInformationList li {
    height: 26px;
    padding: 0 10px;
}
.relatedInformationList a {
    color: #333;
    display: block;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.relatedInformationList a:hover {
    color: #2c53a3;
}

.newsContentBox{
    margin-left: 260px;
    padding-left: 70px;
}
.newsListBox{
    margin-bottom: 30px;
}
.newsListBox .listBox{
    padding: 25px 15px;
    border-bottom: 1px dashed #6c6c6c;
    transition: all .3s;
}
.newsListBox .listBox:hover{
    -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.3);
    -moz-box-shadow: 0 0 10px 0 rgba(0,0,0,0.3);
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.3);
    transition: all .3s;
}
.newsListBox .listBox h3{
    overflow: hidden;
    margin-bottom: 15px;
}
.newsListBox .listBox h3 a{
    font-size: 16px;
    color: #505050;
    font-weight: 700;
}
.newsListBox .listBox h3 a:hover{
    color: #2e53a4;
}
.newsListBox .listBox .text{
    padding-right: 170px;
    position: relative;
}
.newsListBox .listBox .text p{
    font-size: 15px;
    color: #505050;
    line-height: 1.6;
}
.newsListBox .listBox .text a{
    position: absolute;
    top: 0;
    right: 0;
    text-align: right;
    display: inline-block;
    font-size: 15px;
    color: #505050;
    border-bottom: 1px solid transparent;
}
.newsListBox .listBox .text a:hover{
    border-bottom-color: #505050;
}

.aboutBanner{
    position: relative;
}
.aboutBanner .img{
    line-height: 0;
    text-align: center;
    padding-top: 450px;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
}
.aboutBanner .text{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 20%;
    text-align: center;
}
.aboutBanner .text h1{
    font-size: 36px;
    color: #ffffff;
    font-weight: 700;
}

.aboutBox1{
    padding: 55px 0 110px;
    overflow: hidden;
    background: url("/public/static/images/home/zh-cn/aboutBj1.jpg") no-repeat bottom center;
}
.aboutBox1 .textBox{
    width: 50%;
    float: left;
}
.aboutBox1 .textBox .text{
    width: 600px;
    float: right;
    padding-top: 80px;
}
.aboutBox1 .textBox .title{
    padding-left: 20px;
    margin-bottom: 25px;
    border-left: 2px solid #6c6c6c;
}
.aboutBox1 .textBox .title p{
    font-size: 16px;
    color: #474747;
}
.aboutBox1 .textBox .title h2{
    margin-top: 5px;
}
.aboutBox1 .textBox .title h2 span,
.aboutBox1 .textBox .title h2{
    display: block;
    font-size: 36px;
    color: #474747;
    font-weight: 700;
    line-height: 1.3;
}
.aboutBox1 .textBox h3{
    font-size: 24px;
    color: #474747;
    font-weight: 700;
    padding-bottom: 60px;
    margin-bottom: 35px;
    border-bottom: 1px solid #e1e1e1;
}
.aboutBox1 .textBox .t{
    padding-right: 65px;
}
.aboutBox1 .textBox .t p{
    color: #505050;
    line-height: 1.6;
}
.aboutBox1 .imgBox{
    width: 50%;
    float: left;
}
.aboutBox1 .imgBox .img{
    line-height: 0;
    height: 610px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: left center;
    border-bottom-left-radius: 100px;
}

.aboutBox2{
    overflow: hidden;
    border-bottom: 1px solid #a0a0a0;
}
.aboutBox2 .title{
    text-align: center;
    height: 315px;
    padding-top: 95px;
    background-image: url("/public/static/images/home/zh-cn/aboutBj2.jpg");
    background-repeat: no-repeat;
    background-attachment: fixed;
}
.aboutBox2 .title h2{
    font-size: 24px;
    color: #ffffff;
    font-weight: 700;
    margin-bottom: 30px;
}
.aboutBox2 .title p{
    color: #ffffff;
    line-height: 1.8;
}
.aboutBox2 .itemBox .item{
    width: 33.33%;
    float: left;
    vertical-align: bottom;
    transition: all .3s;
}
.aboutBox2 .itemBox .item:hover{
    margin-top: -40px;
    padding-top: 40px;
    background: #2c53a3;
    transition: all .3s;
}
.aboutBox2 .itemBox .conBox{
    margin: 80px 50px 70px;
    padding-left: 100px;
    min-height: 66px;
    text-align: left;
    background-repeat: no-repeat;
    background-position: left top;
    transition: all .3s;
}
.aboutBox2 .itemBox .item:hover .conBox{
    margin-top: 0;
    padding-top: 88px;
    padding-left: 0;
    background-position: top center;
    text-align: center;
    transition: all .3s;
}
.aboutBox2 .itemBox .item:nth-of-type(1) .conBox{
    background-image: url("/public/static/images/home/zh-cn/aboutCultureIco1.png");
}
.aboutBox2 .itemBox .item:nth-of-type(2) .conBox{
    background-image: url("/public/static/images/home/zh-cn/aboutCultureIco2.png");
}
.aboutBox2 .itemBox .item:nth-of-type(3) .conBox{
    background-image: url("/public/static/images/home/zh-cn/aboutCultureIco3.png");
}
.aboutBox2 .itemBox .item:nth-of-type(1):hover .conBox{
    background-image: url("/public/static/images/home/zh-cn/aboutCultureIco1-1.png");
}
.aboutBox2 .itemBox .item:nth-of-type(2):hover .conBox{
    background-image: url("/public/static/images/home/zh-cn/aboutCultureIco2-1.png");
}
.aboutBox2 .itemBox .item:nth-of-type(3):hover .conBox{
    background-image: url("/public/static/images/home/zh-cn/aboutCultureIco3-1.png");
}
.aboutBox2 .itemBox .conBox h3{
    font-size: 24px;
    color: #505050;
    font-weight: 700;
    margin-bottom: 15px;
    transition: all .3s;
}
.aboutBox2 .itemBox .conBox p{
    color: #505050;
    transition: all .3s;
}
.aboutBox2 .itemBox .item:hover .conBox h3,
.aboutBox2 .itemBox .item:hover .conBox p{
    color: #ffffff;
    transition: all .3s;
}

.aboutBox3{
    padding: 145px 0 75px;
}
.aboutBox3 .title h2{
    text-align: center;
    font-size: 24px;
    color: #474747;
    font-weight: 700;
    padding-bottom: 15px;
    margin-bottom: 50px;
    position: relative;
}
.aboutBox3 .title h2:before{
    position: absolute;
    content: '';
    width: 100px;
    height: 3px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background: #2e53a4;
}
.aboutBox3 .aboutHistoryYears{
    position: relative;
    padding: 0 30px;
    margin-bottom: 45px;
}
.aboutBox3 .aboutHistoryYears:before{
    position: absolute;
    content: '';
    width: 100%;
    height: 1px;
    bottom: 20px;
    left: 0;
    right: 0;
    background: url("/public/static/images/home/zh-cn/aboutHistoryLine.png") no-repeat center center;
    -webkit-background-size: cover;
    background-size: cover;
}
.aboutBox3 .aboutHistoryYears .slick_first{
    text-align: center;
    height: 91px;
}
.aboutBox3 .aboutHistoryYears .slick_first span{
    display: inline-block;
    color: #505050;
    padding-bottom: 35px;
    padding-top: 30px;
    background: url("/public/static/images/home/zh-cn/aboutHistoryIco1.png") no-repeat bottom center;
    transition: all .3s;
}
.aboutBox3 .aboutHistoryYears .slick_first.slick-current span{
    padding-top: 0;
    font-size: 24px;
    color: #505050;
    font-weight: 700;
    padding-bottom: 59px;
    background: url("/public/static/images/home/zh-cn/aboutHistoryIco2.png") no-repeat bottom center;
    transition: all .3s;
}
.aboutBox3 .conBox{
    background: url("/public/static/images/home/zh-cn/aboutBj3.png") no-repeat center 80px;
}
.aboutBox3 .aboutHistoryContent{
    margin: 0 120px;
    padding: 0 150px;
}
.aboutBox3 .aboutHistoryContent .slick-prev,
.aboutBox3 .aboutHistoryContent .slick-next{
    width: 21px;
    height: 42px;
    top: 38%;
    margin-top: -21px;
    background: url("/public/static/images/home/zh-cn/reset/buttonstyle.png") no-repeat;
}
.aboutBox3 .aboutHistoryContent .slick-prev{
    left: 0;
    background-position: left center;
}
.aboutBox3 .aboutHistoryContent .slick-next{
    right: 0;
    background-position: right center;
}
.aboutBox3 .aboutHistoryContent .img{
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 30px;
}
.aboutBox3 .aboutHistoryContent .img img{
    clear: both;
    display: block;
    margin: auto;
    width: 100%;
}
.aboutBox3 .aboutHistoryContent .text{
    text-align: center;
}
.aboutBox3 .aboutHistoryContent .text h3{
    font-size: 20px;
    color: #505050;
    font-weight: 700;
    margin-bottom: 15px;
    line-height: 1.3;
}
.aboutBox3 .aboutHistoryContent .text p{
    color: #505050;
    line-height: 1.6;
}

.aboutBox4{
    padding-top: 110px;
    overflow: hidden;
    background: url("/public/static/images/home/zh-cn/aboutBj4.jpg") no-repeat top center;
}
.aboutBox4 .title h2{
    font-size: 24px;
    color: #ffffff;
    font-weight: 700;
    margin-bottom: 50px;
    padding-bottom: 15px;
    position: relative;
    text-align: center;
}
.aboutBox4 .title h2:before{
    position: absolute;
    content: '';
    width: 100px;
    height: 3px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background: #ffffff;
}
.aboutBox4 .conBox{
    background: #ffffff;
    margin-left: -40px;
    margin-right: -40px;
    margin-bottom: 65px;
    padding: 65px 40px 70px;
    -webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.2);
    -moz-box-shadow: 0 0 20px 0 rgba(0,0,0,0.2);
    box-shadow: 0 0 20px 0 rgba(0,0,0,0.2);
}
.aboutBox4 .aboutHonorSlick{
    padding: 0 30px;
}
.aboutBox4 .aboutHonorSlick .slick-prev,
.aboutBox4 .aboutHonorSlick .slick-next{
    width: 21px;
    height: 42px;
    margin-top: -21px;
    background: url("/public/static/images/home/zh-cn/reset/buttonstyle.png") no-repeat;
}
.aboutBox4 .aboutHonorSlick .slick-prev{
    left: -10px;
    background-position: left center;
}
.aboutBox4 .aboutHonorSlick .slick-next{
    right: -10px;
    background-position: right center;
}
.aboutBox4 .aboutHonorSlick .slick_first{
    margin: 0 10px;
}
.aboutBox4 .aboutHonorSlick .slick_first .img img{
    clear: both;
    display: block;
    margin: auto;
}

.aboutBox5 .leftContent{
    width: 33.33%;
    float: left;
    padding-right: 20px;
}
.aboutBox5 .leftContent .textBox{
    position: relative;
}
.aboutBox5 .leftContent .textBox .img{
    line-height: 0;
    text-align: center;
}
.aboutBox5 .leftContent .textBox .text{
    position: absolute;
    top: 50%;
    left: 60px;
    right: 60px;
    margin-top: -65px;
}
.aboutBox5 .leftContent .textBox .text h2{
    color: #ffffff;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 8px;
}
.aboutBox5 .leftContent .textBox .text p{
    color: #ffffff;
    line-height: 1.8;
}
.aboutBox5 .leftContent .t{
    background: #2c53a3;
    padding: 40px 60px;
}
.aboutBox5 .leftContent .t h3{
    font-size: 24px;
    color: #ffffff;
    font-weight: 700;
    margin-bottom: 10px;
}
.aboutBox5 .leftContent .t p{
    color: #ffffff;
}
.aboutBox5 .leftContent .t p a{
    font-size: 18px;
    color: #ffffff;
    font-weight: 700;
    border-bottom: 1px solid transparent;
}
.aboutBox5 .leftContent .t p a:hover{
    border-bottom-color: #ffffff;
}
.aboutBox5 .rightContent{
    width: 66.66%;
    float: left;
    padding-left: 5px;
}
.aboutBox5 .rightContent .textBox{
    padding-top: 90px;
    padding-right: 60px;
    margin-bottom: 55px;
}
.aboutBox5 .rightContent .textBox h2{
    font-size: 24px;
    color: #474747;
    font-weight: 700;
    padding-bottom: 15px;
    margin-bottom: 45px;
    position: relative;
}
.aboutBox5 .rightContent .textBox h2:before{
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    width: 95px;
    height: 3px;
    background: #2e53a4;
}
.aboutBox5 .rightContent .textBox p{
    color: #505050;
    line-height: 1.6;
}
.aboutBox5 .rightContent .itemBox{
    margin-left: -18px;
    margin-right: -18px;
    overflow: hidden;
}
.aboutBox5 .rightContent .itemBox .item{
    width: 50%;
    float: left;
    padding: 0 18px;
}
.aboutBox5 .rightContent .itemBox .img{
    line-height: 0;
    text-align: center;
    margin-bottom: 25px;
}
.aboutBox5 .rightContent .itemBox .img img{
    width: 100%;
}
.aboutBox5 .rightContent .itemBox .text{
    padding-right: 100px;
}
.aboutBox5 .rightContent .itemBox .text h3{
    font-size: 24px;
    color: #505050;
    font-weight: 700;
    margin-bottom: 10px;
}
.aboutBox5 .rightContent .itemBox .text p{
    color: #505050;
    line-height: 1.6;
}

.aboutBox6{
    margin-top: 80px;
    padding-bottom: 50px;
    overflow: hidden;
    background: url("/public/static/images/home/zh-cn/aboutBj5.jpg") no-repeat bottom center;
}
.aboutBox6 .title{
    text-align: center;
    margin-bottom: 35px;
}
.aboutBox6 .title h2{
    font-size: 24px;
    color: #474747;
    font-weight: 700;
    padding-bottom: 15px;
    margin-bottom: 10px;
    position: relative;
}
.aboutBox6 .title h2:before{
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 95px;
    height: 3px;
    background: #2e53a4;
}
.aboutBox6 .title p{
    color: #505050;
}
.aboutBox6 .title p span{
    font-size: 24px;
    color: #2c53a3;
    font-weight: 700;
}
.aboutBox6 .img{
    line-height: 0;
    text-align: center;
}

.aboutBox7{
    margin-bottom: 25px;
    max-width: 2000px;
    overflow-x: hidden;
}
.aboutBox7 .text{
    background: #2c53a3;
    position: relative;
    padding-left: 50px;
    padding-right: 370px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
}
.aboutBox7 .text:before{
    position: absolute;
    content: '';
    left: 100%;
    top: 0;
    bottom: 0;
    width: 2000px;
    background: #2c53a3;
}
.aboutBox7 .text p{
    font-size: 24px;
    color: #ffffff;
    font-weight: 700;
}
.aboutBox7 .text .a{
    width: 370px;
    position: absolute;
    top: 15px;
    right: 0;
    padding-top: 3px;
}
.aboutBox7 .text a{
    font-size: 18px;
    color: #ffffff;
    border-bottom: 1px solid transparent;
}
.aboutBox7 .text a:hover{
    border-bottom-color: #ffffff;
}

.customerServiceBanner{
    position: relative;
}
.customerServiceBanner .img{
    line-height: 0;
    text-align: center;
    padding-top: 435px;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
}
.customerServiceBanner .text{
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin-top: -18px;
    text-align: center;
}
.customerServiceBanner .text h1{
    font-size: 36px;
    color: #080808;
    font-weight: 700;
}

.customerServiceBox1{
    margin-bottom: 100px;
}
.customerServiceBox1 .title{
    text-align: center;
    padding: 55px 0 80px;
}
.customerServiceBox1 .title h2{
    font-size: 36px;
    color: #474747;
    font-weight: 700;
    margin-bottom: 10px;
}
.customerServiceBox1 .title p a,
.customerServiceBox1 .title p{
    font-size: 16px;
    color: #505050;
}
.customerServiceBox1 .title p a{
    border-bottom: 1px solid transparent;
}
.customerServiceBox1 .title p a:hover{
    border-bottom-color: #505050;
}
.customerServiceBox1 .itemBox{
    overflow: hidden;
    margin-left: -10px;
    margin-right: -10px;
    padding-bottom: 35px;
    background: url("/public/static/images/home/zh-cn/customerServiceIco.png") repeat-x left bottom;
}
.customerServiceBox1 .item{
    width: 50%;
    float: left;
    padding: 0 10px;
    overflow: hidden;
    transition: all .3s;
}
.customerServiceBox1 .item .conBox{
    background: #f5f5f5;
    overflow: hidden;
}
.customerServiceBox1 .item:hover .conBox{
    background: #2e53a4;
    transition: all .3s;
}
.customerServiceBox1 .item .img{
    float: left;
    width: 50%;
    line-height: 0;
}
.customerServiceBox1 .item .img img{
    width: 100%;
}
.customerServiceBox1 .item .text{
    float: left;
    width: 50%;
    padding: 30px 40px 0;
}
.customerServiceBox1 .item:nth-of-type(3) .img,
.customerServiceBox1 .item:nth-of-type(4) .img,
.customerServiceBox1 .item:nth-of-type(3) .text,
.customerServiceBox1 .item:nth-of-type(4) .text{
    float: right;
    width: 50%;
}
.customerServiceBox1 .item .text h3{
    font-size: 16px;
    color: #505050;
    font-weight: 700;
    margin-bottom: 10px;
    transition: all .3s;
}
.customerServiceBox1 .item .text p a,
.customerServiceBox1 .item .text p{
    font-size: 16px;
    color: #505050;
    line-height: 1.4;
    transition: all .3s;
}
.customerServiceBox1 .item .text p a{
    border-bottom: 1px solid transparent;
    transition: all .3s;
}
.customerServiceBox1 .item .text p a:hover{
    border-bottom-color: #505050;
    transition: all .3s;
}
.customerServiceBox1 .item:hover .text h3,
.customerServiceBox1 .item:hover .text p a,
.customerServiceBox1 .item:hover .text p{
    color: #ffffff;
    transition: all .3s;
}

.customerServiceBox2{
    padding: 120px 0 165px;
    background: url("/public/static/images/home/zh-cn/customerServiceBj1.jpg") no-repeat center center;
    -webkit-background-size: cover;
    background-size: cover;
}
.customerServiceBox2 .title h2{
    text-align: center;
    font-size: 36px;
    color: #ffffff;
    font-weight: 700;
    margin-bottom: 40px;
}
.customerServiceBox2 .text{
    background: #ffffff;
    padding: 50px 100px;
    text-align: center;
    border-top: 8px solid #2e53a4;
    border-bottom: 8px solid #2e53a4;
}
.customerServiceBox2 .text p{
    font-size: 16px;
    color: #505050;
    line-height: 1.5;
}

.customerServiceBox3 {
    background: url("/public/static/images/home/zh-cn/customerServiceBj2.png") no-repeat bottom center;
}
.customerServiceBox3 .title{
    text-align: center;
    padding: 90px 0;
}
.customerServiceBox3 .title h2{
    font-size: 36px;
    color: #474747;
    font-weight: 700;
    margin-bottom: 10px;
}
.customerServiceBox3 .title p{
    font-size: 16px;
    color: #505050;
}
.customerServiceBox3 .itemBox{
    overflow: hidden;
    margin-bottom: 140px;
}
.customerServiceBox3 .item{
    width: 33.33%;
    float: left;
    position: relative;
}
.customerServiceBox3 .item .img{
    position: relative;
    line-height: 0;
}
.customerServiceBox3 .item .img img.hide{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
    transition: all .3s;
}
.customerServiceBox3 .item:hover .img img.hide{
    opacity: 1;
    transition: all .3s;
}
.customerServiceBox3 .item .text{
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: -53px auto 0;
    width: 106px;
    height: 106px;
    text-align: center;
    border: 1px dashed #ffffff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.customerServiceBox3 .item .text a{
    line-height: 106px;
    display: block;
    color: #ffffff;
    font-size: 16px;
}

.serviceConceptBox1 .title{
    text-align: center;
    padding: 65px 0 40px;
}
.serviceConceptBox1 .title h2{
    font-size: 36px;
    color: #474747;
    font-weight: 700;
    margin-bottom: 25px;
}
.serviceConceptBox1 .title p{
    font-size: 16px;
    color: #505050;
    line-height: 1.6;
}
.serviceConceptBox1 .itemBox{
    overflow: hidden;
    margin-left: -5px;
    margin-right: -5px;
}
.serviceConceptBox1 .itemBox .item{
    padding: 0 5px;
    float: left;
    width: 30%;
}
.serviceConceptBox1 .itemBox .item:nth-of-type(1){
    width: 40%;
}
.serviceConceptBox1 .itemBox .item h2{
    line-height: 50px;
    text-align: center;
    font-size: 16px;
    color: #ffffff;
    font-weight: 700;
    background: #2e53a4;
}
.serviceConceptBox1 .itemBox .item .text{
    background: #eeeeee;
    min-height: 255px;
    padding: 40px 20px 40px 40px;
}
.serviceConceptBox1 .itemBox .item:nth-of-type(1) .text{
    width: 50%;
    float: left;
}
.serviceConceptBox1 .itemBox .item:nth-of-type(1) .text:nth-of-type(2){
    background: #f6f6f6;
}
.serviceConceptBox1 .itemBox .item .text h3{
    font-size: 16px;
    color: #505050;
    font-weight: 700;
    margin-bottom: 10px;
}
.serviceConceptBox1 .itemBox .item .text p{
    font-size: 16px;
    color: #505050;
    line-height: 1.6;
}

.serviceConceptBox2{
    padding-top: 130px;
}
.serviceConceptBox2 .title{
    text-align: center;
    position: relative;
    z-index: 10;
}
.serviceConceptBox2 .title h2{
    font-size: 36px;
    color: #474747;
    font-weight: 700;
    margin-bottom: 15px;
}
.serviceConceptBox2 .title p{
    font-size: 16px;
    color: #505050;
}
.serviceConceptBox2 .conBox{
    padding-top: 180px;
    margin-top: -60px;
    height: 788px;
    background: url("/public/static/images/home/zh-cn/serviceConceptBj1.png") no-repeat top center;
}
.serviceConceptBox2 .itemBox{
    margin: 0 160px;
}
.serviceConceptBox2 .itemBox .item{
    width: 25%;
    float: left;
    padding: 15px 10px;
    position: relative;
}
.serviceConceptBox2 .itemBox .item:before{
    position: absolute;
    content: '';
    width: 190px;
    height: 190px;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    border: 5px solid #2e53a4;
    border-right-color: transparent;
    border-bottom-color: transparent;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.serviceConceptBox2 .itemBox .item:nth-of-type(5):before,
.serviceConceptBox2 .itemBox .item:nth-of-type(6):before,
.serviceConceptBox2 .itemBox .item:nth-of-type(7):before,
.serviceConceptBox2 .itemBox .item:nth-of-type(8):before{
    -webkit-transform: rotate(225deg);
    -moz-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    -o-transform: rotate(225deg);
    transform: rotate(225deg);
    top: auto;
    bottom: 0;
}
.serviceConceptBox2 .itemBox .item .text{
    width: 164px;
    height: 164px;
    margin: auto;
    padding-top: 60px;
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
    position: relative;
    z-index: 2;
    background: #aeaeae;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    transition: all .3s;
}
.serviceConceptBox2 .itemBox .item:hover .text{
    background: #ffffff;
    transition: all .3s;
}
.serviceConceptBox2 .itemBox .item .text p{
    font-size: 16px;
    color: #000000;
    line-height: 1.6;
}

.serviceConceptBox3 .title{
    text-align: center;
    margin-bottom: 100px;
}
.serviceConceptBox3 .title h2{
    font-size: 36px;
    color: #474747;
    font-weight: 700;
    margin-bottom: 15px;
}
.serviceConceptBox3 .title p{
    font-size: 16px;
    color: #505050;
}
.serviceConceptBox3 .itemBox{
    margin-left: -10px;
    margin-right: -10px;
    margin-bottom: 100px;
    overflow: hidden;
}
.serviceConceptBox3 .item{
    overflow: hidden;
    width: 50%;
    float: left;
    padding: 0 10px;
}
.serviceConceptBox3 .conBox{
    background: #eeeeee;
    overflow: hidden;
}
.serviceConceptBox3 .text{
    width: 50%;
    float: left;
    padding: 100px 40px 0;
}
.serviceConceptBox3 .text h3{
    color: #000000;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 10px;
}
.serviceConceptBox3 .text p{
    font-size: 16px;
    color: #000000;
}
.serviceConceptBox3 .img{
    width: 50%;
    float: left;
    line-height: 0;
}

.applicationBanner{
    position: relative;
}
.applicationBanner .img{
    line-height: 0;
    text-align: center;
    padding-top: 450px;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
}
.applicationBanner .text{
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin-top: -50px;
    text-align: center;
}
.applicationBanner .text h1{
    font-size: 36px;
    color: #ffffff;
    font-weight: 700;
    margin-bottom: 25px;
}
.applicationBanner .text p{
    color: #ffffff;
    padding: 0 100px;
    line-height: 1.5;
}

.applicationBox1 .item{
    overflow: hidden;
    margin-top: 50px;
    background: url("/public/static/images/home/zh-cn/applicationBj.png") no-repeat bottom center;
}
.applicationBox1 .item:nth-of-type(2n){
    background: url("/public/static/images/home/zh-cn/applicationBj2.png") no-repeat bottom center;
}
.applicationBox1 .item .textBox{
    width: 46%;
    float: left;
    padding-top: 65px;
    padding-right: 40px;
}
.applicationBox1 .item .imgBox{
    width: 54%;
    float: left;
    line-height: 0;
    text-align: center;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden;
}
.applicationBox1 .item:nth-of-type(2n) .textBox,
.applicationBox1 .item:nth-of-type(2n) .imgBox{
    float: right;
}
.applicationBox1 .item:nth-of-type(2n) .textBox{
    padding-right: 0;
    padding-left: 40px;
}
.applicationBox1 .item .textBox h2{
    color: #454545;
    font-weight: 700;
    font-size: 22px;
    margin-bottom: 15px;
}
.applicationBox1 .item .textBox .t{
    height: 65px;
}
.applicationBox1 .item .textBox p{
    color: #454545;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.applicationBox1 .item .textBox a{
    display: inline-block;
    margin-top: 40px;
    padding-left: 20px;
    color: #454545;
    border-bottom: 1px solid transparent;
    background: url("/public/static/images/home/zh-cn/applicationIco.png") no-repeat left center;
}
.applicationBox1 .item .textBox a:hover{
    border-bottom-color: #454545;
}

.applicationBox2 {
    margin-bottom: 100px;
}
.applicationBox2 .itemBox{
    position: relative;
    margin-top: 120px;
    padding: 50px 35px 0;
    overflow: hidden;
}
.applicationBox2 .itemBox:before{
    position: absolute;
    content: '';
    width: 100%;
    height: 450px;
    top: 0;
    left: 0;
    right: 0;
    background: #2c53a3;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
}
.applicationBox2 .itemBox .item{
    position: relative;
    z-index: 1;
    padding: 0 15px;
    width: 33.3333%;
    float: left;
}
.applicationBox2 .itemBox .item .conBox{
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden;
    background: transparent;
    transition: all .3s;
}
.applicationBox2 .itemBox .item .conBox:hover{
    background: #2c53a3;
    transition: all .3s;
}
.applicationBox2 .itemBox .item .conBox .text{
    height: 120px;
    margin-bottom: 20px;
}
.applicationBox2 .itemBox .item .conBox .text h2{
    color: #ffffff;
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 10px;
}
.applicationBox2 .itemBox .item .conBox .text p{
    color: #ffffff;
    line-height: 1.6;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}
.applicationBox2 .itemBox .item .conBox .img{
    line-height: 0;
    text-align: center;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden;
}
.applicationBox2 .itemBox .item .conBox .a{
    padding: 15px 0;
    text-align: center;
}
.applicationBox2 .itemBox .item .conBox .a a{
    display: inline-block;
    color: #ffffff;
    border-bottom: 1px solid #ffffff;
}

.dairyBanner{
    line-height: 0;
    text-align: center;
}
.dairyBox1{
    margin-top: 40px;
}
.dairyBox1 h1{
    font-size: 36px;
    color: #474747;
    font-weight: 700;
    margin-bottom: 20px;
}
.dairyBox1 p{
    font-size: 16px;
    color: #505050;
    line-height: 1.6;
}
.dairyBox1 p span{
    font-size: 16px;
    color: #505050;
    line-height: 1.6;
    font-weight: 700;
}

.dairyBox2{
    overflow: hidden;
}
.dairyBox2 .textBox{
    width: 50%;
    float: left;
}
.dairyBox2 .textBox .text{
    width: 600px;
    float: right;
    padding-top: 100px;
}
.dairyBox2 .textBox .text h2{
    font-size: 36px;
    color: #505050;
    font-weight: 700;
}
.dairyBox2 .textBox .text .item{
    height: 66px;
    margin-top: 20px;
    background: #2e53a4;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    position: relative;
    padding-left: 70px;
}
.dairyBox2 .textBox .text .item span{
    position: absolute;
    width: 34px;
    height: 34px;
    left: 14px;
    top: 50%;
    line-height: 34px;
    text-align: center;
    margin-top: -17px;
    font-size: 16px;
    color: #505050;
    background: #ffffff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.dairyBox2 .textBox .text .item .t{
    top: 50%;
    left: 70px;
    right: 10px;
    position: absolute;
}
.dairyBox2 .textBox .text .item .t p{
    color: #ffffff;
    line-height: 1.2;
}
.dairyBox2 .imgBox{
    width: 50%;
    float: left;
    padding-left: 30px;
}
.dairyBox2 .imgBox .img{
    height: 611px;
    background-repeat: no-repeat;
    background-position: left center;
}

.dairyBox3{
    margin-top: 90px;
}
.dairyBox3 .title h2{
    text-align: center;
    font-size: 36px;
    color: #434343;
    font-weight: 700;
    margin-bottom: 45px;
}
.dairyBox3 .itemBox{
    position: relative;
    overflow: hidden;
}
.dairyBox3 .itemBox:before{
    position: absolute;
    content: '';
    width: 100%;
    height: 1px;
    bottom: 6px;
    background: url("/public/static/images/home/zh-cn/aboutHistoryLine.png") no-repeat center center;
    -webkit-background-size: cover;
    background-size: cover;
}
.dairyBox3 .itemBox .item{
    width: 10%;
    float: left;
    padding-bottom: 60px;
    padding-left: 5px;
    padding-right: 5px;
    background: url("/public/static/images/home/zh-cn/dairyIco1.png") no-repeat bottom center;
}
.dairyBox3 .itemBox .item .text{
    width: 94px;
    height: 94px;
    margin: auto;
    background: #2e53a4;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: relative;
}
.dairyBox3 .itemBox .item .text span{
    position: absolute;
    top: 50%;
    text-align: center;
    left: 5px;
    right: 5px;
    color: #ffffff;
    font-size: 13px;
    line-height: 1.5;
}

.dairyBox4 .title h2{
    text-align: center;
    margin-top: 60px;
    font-size: 36px;
    color: #434343;
    font-weight: 700;
    margin-bottom: 30px;
}
.dairyBox4 .video_click:after{
    background: url("/public/static/images/home/zh-cn/videoClick.png") no-repeat center center;
}
.dairyBox4.medicineVideoBox{
    margin-top: 60px;
}
.dairyBox4.medicineVideoBox .video_click:after{
    background: url("/public/static/images/home/zh-cn/videoClick.png") no-repeat center 30%;
}

.dairyBox5 .title h2{
    text-align: center;
    font-size: 36px;
    color: #474747;
    font-weight: 700;
    margin: 45px 0 20px;
}
.dairyBox5 .itemBox{
    overflow: hidden;
}
.dairyBox5 .itemBox .item{
    width: 211px;
    float: left;
    transition: all .3s;
}
.dairyBox5 .itemBox .item.on{
    width: 565px;
    transition: all .3s;
}
.dairyBox5 .itemBox .item .video_click{
    display: block;
    height: 275px;
    background-repeat: no-repeat;
    background-position: center center;
}
.dairyBox5 .itemBox .item .video_click:after{
    background: url("/public/static/images/home/zh-cn/videoClick.png") no-repeat center center;
    -webkit-background-size: 66px;
    background-size: 66px;
}
.dairyBox5 .itemBox .item .text{
    margin-top: 20px;
    padding-right: 130px;
    position: relative;
}
.dairyBox5 .itemBox .item .text h3{
    background: none;
}
.dairyBox5 .itemBox .item.on .text h3{
    background: url("/public/static/images/home/zh-cn/dairyVideoBj.png") no-repeat right center;
}
.dairyBox5 .itemBox .item .text h3 span{
    font-size: 22px;
    color: #454545;
    font-weight: 700;
    padding-right: 5px;
    background: #ffffff;
}
.dairyBox5 .itemBox .item .text .a{
    position: absolute;
    right: 0;
    top: 0;
    width: 130px;
    padding-left: 10px;
    text-align: left;
    display: none;
}
.dairyBox5 .itemBox .item.on .text .a{
    display: block;
}
.dairyBox5 .itemBox .item .text .a a{
    font-size: 16px;
    color: #505050;
    border-bottom: 1px solid transparent;
}
.dairyBox5 .itemBox .item .text .a a:hover{
    border-bottom-color: #505050;
}

.dairyBox6{
    margin-top: 55px;
    margin-bottom: 25px;
}
.dairyBox6 .title h2{
    font-size: 36px;
    color: #474747;
    font-weight: 700;
    padding-top: 20px;
}
.dairyBox6 .img{
    height: 544px;
    margin-top: -55px;
    background-repeat: no-repeat;
    background-position: center center;
}

.dairyBox7{
    padding: 110px 0;
    background: url("/public/static/images/home/zh-cn/dairyBj1.jpg") no-repeat center center;
    background-attachment: fixed;
}
.dairyBox7 .title h2{
    text-align: center;
    font-size: 48px;
    color: #ffffff;
    font-weight: 700;
    margin-bottom: 25px;
}
.dairyBox7 .itemBox{
    overflow: hidden;
    text-align: center;
}
.dairyBox7 .itemBox .item{
    width: 14.285%;
    float: none;
    display: inline-block;
    padding: 0 5px;
    text-align: center;
}
.dairyBox7 .itemBox .item .img{
    line-height: 0;
    text-align: center;
}
.dairyBox7 .itemBox .item .img img{
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
}

.dairyBox8{
    margin-top: 70px;
}
.dairyBox8 .title h2{
    color: #474747;
    font-size: 36px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 40px;
}
.dairyBox8 .itemBox{
    padding: 0 40px;
    height: 0;
    overflow: hidden;
}
.dairyBox8 .itemBox .slick-prev,
.dairyBox8 .itemBox .slick-next{
    width: 21px;
    height: 42px;
    margin-top: -21px;
    background: url("/public/static/images/home/zh-cn/reset/buttonstyle.png") no-repeat;
}
.dairyBox8 .itemBox .slick-prev{
    left: 0;
    background-position: left center;
}
.dairyBox8 .itemBox .slick-next{
    right: 0;
    background-position: right center;
}
.dairyBox8 .itemBox .item{
    margin: 0 5px;
    position: relative;
}
.dairyBox8 .itemBox .item .text{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    background: rgba(44,83,163,.8);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    transition: all .3s;
}
.dairyBox8 .itemBox .item:hover .text{
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    transition: all .3s;
}
.dairyBox8 .itemBox .item .t{
    top: 50%;
    position: absolute;
    left: 0;
    right: 0;
}
.dairyBox8 .itemBox .item .t p{
    font-size: 16px;
    color: #ffffff;
}

.dairyBox9{
    padding: 70px 0 50px;
}
.dairyBox9 .text{
    position: relative;
    padding: 0 120px;
}
.dairyBox9 .text h2{
    position: relative;
}
.dairyBox9 .text h2:before{
    position: absolute;
    content: '';
    left: 80px;
    right: 210px;
    height: 1px;
    top: 50%;
    border-bottom: 1px dashed #9a9995;
}
.dairyBox9 .text h2 span{
    font-size: 36px;
    color: #474747;
    font-weight: 700;
    background: #ffffff;
    position: relative;
    z-index: 2;
    padding-right: 20px;
}
.dairyBox9 .text a{
    position: absolute;
    top: 0;
    right: 120px;
    display: inline-block;
    width: 190px;
    height: 40px;
    background: #2c53a3;
    text-align: center;
    line-height: 40px;
    font-size: 16px;
    color: #ffffff;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}
.dairyBox9 .text a:hover{
    background: #0b237e;
}

.drinksBox1{
    background: url("/public/static/images/home/zh-cn/drinksBj.jpg") no-repeat bottom center;
}
.drinksBox1 .textBox{
    width: 64%;
}
.drinksBox1 .textBox .text{
    width: 100%;
    padding-top: 50px;
}
.drinksBox1 .textBox .text .item:nth-of-type(4){
    height: 85px;
}

.drinksBox2 .itemBox .item{
    width: 8.3%;
}

.drinksBox3 .title h2{
    text-align: center;
    font-size: 36px;
    color: #474747;
    font-weight: 700;
    margin: 45px 0 20px;
}
.drinksBox3 .itemBox{
    overflow: hidden;
}
.drinksBox3 .itemBox .item{
    width: 317px;
    float: left;
    transition: all .3s;
}
.drinksBox3 .itemBox .item.on {
    width: 565px;
    transition: all .3s;
}
.drinksBox3 .itemBox .item .video_click{
    display: block;
    height: 275px;
    background-repeat: no-repeat;
    background-position: center center;
}
.drinksBox3 .itemBox .item .video_click:after{
    background: url("/public/static/images/home/zh-cn/videoClick.png") no-repeat center center;
    -webkit-background-size: 66px;
    background-size: 66px;
}
.drinksBox3 .itemBox .item .text{
    margin-top: 20px;
    padding-right: 0;
    position: relative;
}
.drinksBox3 .itemBox .item.on .text{
    padding-right: 130px;
}
.drinksBox3 .itemBox .item .text h3{
    background: none;
}
.drinksBox3 .itemBox .item.on .text h3{
    background: url("/public/static/images/home/zh-cn/dairyVideoBj.png") no-repeat right center;
}
.drinksBox3 .itemBox .item .text h3 span{
    font-size: 22px;
    color: #454545;
    font-weight: 700;
    padding-right: 5px;
    background: #ffffff;
}
.drinksBox3 .itemBox .item .text .a{
    position: absolute;
    right: 0;
    top: 0;
    width: 130px;
    padding-left: 10px;
    text-align: left;
    display: none;
}
.drinksBox3 .itemBox .item.on .text .a{
    display: block;
}
.drinksBox3 .itemBox .item .text .a a{
    font-size: 16px;
    color: #505050;
    border-bottom: 1px solid transparent;
}
.drinksBox3 .itemBox .item .text .a a:hover{
    border-bottom-color: #505050;
}

.drinksBox4 .itemBox .item{
    width: 11.1111%;
    display: inline-block;
    float: none;
}

.medicineBox1{
    background: url("/public/static/images/home/zh-cn/medicineBj1.jpg") no-repeat bottom center;
}

.medicineBox2{
    margin-top: 90px;
}
.medicineBox2 .title h2{
    text-align: center;
    font-size: 36px;
    color: #434343;
    font-weight: 700;
    margin-bottom: 45px;
}
.medicineBox2 .itemBox{
    position: relative;
    overflow: hidden;
    background: url("/public/static/images/home/zh-cn/medicineBj2.png") no-repeat center center;
}
.medicineBox2 .itemBox .conBox{
    position: relative;
    height: 470px;
}
.medicineBox2 .itemBox .item{
    position: absolute;
    width: 94px;
    padding-bottom: 60px;
    background: url("/public/static/images/home/zh-cn/dairyIco1.png") no-repeat bottom center;
}
.medicineBox2 .itemBox .item .text{
    width: 94px;
    height: 94px;
    margin: auto;
    background: #2e53a4;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: relative;
}
.medicineBox2 .itemBox .item .text span{
    position: absolute;
    top: 50%;
    text-align: center;
    left: 5px;
    right: 5px;
    color: #ffffff;
    font-size: 13px;
    line-height: 1.5;
}
.medicineBox2 .itemBox .item.itemBot{
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    -o-transform: rotateX(180deg);
    transform: rotateX(180deg);
}
.medicineBox2 .itemBox .item.itemBot .text{
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    -o-transform: rotateX(180deg);
    transform: rotateX(180deg);
}

.medicineBox2 .itemBox .item1{
    top: 0;
    left: 0;
}
.medicineBox2 .itemBox .item2{
    top: 0;
    left: 150px;
}
.medicineBox2 .itemBox .item3{
    top: 0;
    left: 300px;
}
.medicineBox2 .itemBox .item4{
    top: 0;
    left: 450px;
}
.medicineBox2 .itemBox .item5{
    top: 0;
    left: 600px;
}
.medicineBox2 .itemBox .item6{
    top: 0;
    left: 750px;
}
.medicineBox2 .itemBox .item7{
    top: 140px;
    left: 750px;
}
.medicineBox2 .itemBox .item8{
    top: 0;
    left: 900px;
}
.medicineBox2 .itemBox .item9{
    top: 0;
    left: 1050px;
}
.medicineBox2 .itemBox .item10{
    bottom: 0;
    left: 1050px;
}
.medicineBox2 .itemBox .item11{
    bottom: 0;
    left: 900px;
}
.medicineBox2 .itemBox .item12{
    bottom: 0;
    left: 750px;
}
.medicineBox2 .itemBox .item13{
    bottom: 0;
    left: 600px;
}
.medicineBox2 .itemBox .item14{
    bottom: 0;
    left: 450px;
}
.medicineBox2 .itemBox .item15{
    bottom: 0;
    left: 300px;
}
.medicineBox2 .itemBox .item16{
    bottom: 0;
    left: 150px;
}

.medicineBox3 .itemBox{
    text-align: center;
}
.medicineBox3 .itemBox .item{
    display: inline-block;
    float: none;
}

.foodBox1{
    background: url("/public/static/images/home/zh-cn/foodBj.jpg") no-repeat bottom center;
}
.foodBox1 .textBox{
    width: 800px;
    float: right;
}

.foodBox2 .title h2{
    margin-top: 120px;
    margin-bottom: 32px;
}
.foodBox2 .itemBox .item{
    width: 317px;
}

.foodBox3{
    margin-top: 100px;
}

.foodBox4{
    height: 515px;
    padding: 230px 0;
    position: relative;
}
.foodBox4:before{
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: url("/public/static/images/home/zh-cn/foodBj1.png") no-repeat center center;
}
.foodBox4 .itemBox{
    display: none;
}

.healthcareBox1{
    background: url("/public/static/images/home/zh-cn/healthcareBj.jpg") no-repeat bottom center;
}
.healthcareBox1 .textBox{
    width: 800px;
    float: right;
}

.healthcareBox2 .title h2{
    margin-top: 100px;
    margin-bottom: 35px;
}

.healthcareBox3{
    padding: 0;
}
.healthcareBox3 .conBox{
    padding-right: 925px;
    position: relative;
    overflow: hidden;
    height: 515px;
}
.healthcareBox3 .title{
    padding-left: 200px;
}
.healthcareBox3 .title h2{
    text-align: left;
    font-size: 44px;
    padding-top: 40px;
    margin-bottom: 15px;
}
.healthcareBox3 .title .img{
    line-height: 0;
    margin-bottom: 10px;
}
.healthcareBox3 .imgBox{
    position: absolute;
    top: 0;
    right: 0;
    width: 925px;
    line-height: 0;
}

.healthcareBox4{
    margin-top: 70px;
}
.healthcareBox4 .title h2{
    color: #474747;
    font-size: 36px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 40px;
}
.healthcareBox4 .itemBox{
    overflow: hidden;
    margin-left: -10px;
    margin-right: -10px;
}
.healthcareBox4 .itemBox .item{
    width: 25%;
    float: left;
    padding: 0 10px;
    margin-bottom: 20px;
}
.healthcareBox4 .itemBox .item .conBox{
    position: relative;
}
.healthcareBox4 .itemBox .item .img{
    line-height: 0;
}
.healthcareBox4 .itemBox .item .text{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    background: rgba(44,83,163,.8);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    transition: all .3s;
}
.healthcareBox4 .itemBox .item:hover .text{
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    transition: all .3s;
}
.healthcareBox4 .itemBox .item .t{
    top: 50%;
    position: absolute;
    left: 0;
    right: 0;
}
.healthcareBox4 .itemBox .item .t p{
    font-size: 16px;
    color: #ffffff;
}

.dailyChemicalBox1{
    background: url("/public/static/images/home/zh-cn/dailyChemicalBj.jpg") no-repeat bottom center;
}
.dailyChemicalBox1 .textBox{
    width: 800px;
    float: right;
}

.productBanner{
    position: relative;
}
.productBanner .img{
    line-height: 0;
    text-align: center;
    height: 420px;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
}
.productBanner .textBox{
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin-top: -38px;
}
.productBanner .textBox .t{
    float: left;
    width: 125px;
    padding-right: 10px;
    border-right: 1px solid #ffffff;
}
.productBanner .textBox .t span{
    display: block;
    font-size: 38px;
    color: #ffffff;
    font-weight: 700;
    line-height: 1;
}
.productBanner .textBox .t h1{
    font-size: 28px;
    color: #ffffff;
    margin-top: 10px;
}
.productBanner .textBox .text{
    margin-left: 125px;
    padding-left: 20px;
}
.productBanner .textBox .text h2{
    font-size: 36px;
    color: #ffffff;
    font-weight: 700;
    margin-bottom: 10px;
}
.productBanner .textBox .text p{
    font-size: 16px;
    color: #ffffff;
}

.productConBox{
    overflow: visible;
    padding: 30px 0 80px;
}
.productMenuBox{
    width: 260px;
    float: left;
    position: sticky;
    top: 0;
}
.productMenuBox .productMenu{
    padding: 0 5px 20px;
    border: 5px solid #2c53a3;
}
.productMenuBox .productMenu h2{
    font-size: 24px;
    color: #2c53a3;
    font-weight: 700;
    padding: 10px 0;
    margin-bottom: 20px;
    border-bottom: 2px solid #2c53a3;
}
.productMenuBox .productMenu > ul > li{
    padding: 10px 0;
    border-bottom: 1px solid #dcdcdc;
}
.productMenuBox .productMenu > ul > li > a{
    padding-left: 35px;
    position: relative;
    font-size: 16px;
    color: #454545;
}
.productMenuBox .productMenu > ul > li > a:before{
    position: absolute;
    content: '+';
    width: 13px;
    height: 13px;
    left: 10px;
    top: 50%;
    font-size: 12px;
    margin-top: -6px;
    background: #2c53a3;
    line-height: 10px;
    text-align: center;
    color: #ffffff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.productMenuBox .productMenu > ul > li.on > a,
.productMenuBox .productMenu > ul > li > a:hover{
    color: #2c53a3;
}
.productMenuBox .productMenu li .productDropDownMenu{
    display: none;
    padding-top: 10px;
}
.productMenuBox .productMenu li .productDropDownMenu li{
    padding-left: 50px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.productMenuBox .productMenu li .productDropDownMenu li a{
    color: #454545;
    border-bottom: 1px solid transparent;
}
.productMenuBox .productMenu li .productDropDownMenu li.active a:hover,
.productMenuBox .productMenu li .productDropDownMenu li a:hover{
    color: #2c53a3;
    border-bottom-color: #2c53a3;
}
.productMenuBox .productMenu li.on .productDropDownMenu{
    display: block;
}

.hotProductBox h2{
    line-height: 50px;
    background: #eeeeee;
    text-align: center;
    font-size: 18px;
    color: #575757;
    font-weight: 700;
    margin-top: 30px;
    margin-bottom: 8px;
}
.hotProductBox .hotProduct{
    height: 0;
    overflow: hidden;
    padding: 15px 0 30px;
    border: 1px solid #dcdcdc;
}
.hotProductBox .hotProduct .slick-dots{
    bottom: 5px;
}
.hotProductBox .hotProduct .slick-dots li.slick-active{
    background: #333333;
}
.hotProductBox .hotProduct img{
    clear: both;
    display: block;
    margin: auto;
}
.hotProductBox .hotProduct .text a{
    display: block;
    text-align: center;
    font-size: 16px;
    color: #242424;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}

.relatedInformation h2{
    line-height: 50px;
    background: #eeeeee;
    text-align: center;
    font-size: 18px;
    color: #575757;
    font-weight: 700;
    margin-top: 30px;
    margin-bottom: 8px;
}
.relatedInformation .relatedInformationList {
    width: 100%;
    margin: 0 auto;
    border: 1px solid #ccc;
    line-height: 26px;
    font-size: 12px;
    overflow: hidden;
}
.relatedInformation .relatedInformationList li {
    height: 26px;
    padding: 0 10px;
}
.relatedInformationList a {
    color: #333;
    display: block;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.relatedInformationList a:hover {
    color: #2c53a3;
}

.productContentBox{
    margin-left: 260px;
}
.productListBox{
    padding-left: 70px;
}
.productListBox .itemBox{
    overflow: hidden;
}
.productListBox .itemBox .item{
    width: 50%;
    float: left;
    margin-bottom: 50px;
}
.productListBox .itemBox .item h3{
    border-top: 1px solid #2c53a3;
    text-align: center;
}
.productListBox .itemBox .item h3 a{
    display: inline-block;
    width: 215px;
    line-height: 50px;
    background: #2c53a3;
    color: #ffffff;
    font-weight: 700;
    font-size: 24px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}
.productListBox .itemBox .item .img{
    line-height: 0;
    text-align: center;
    overflow: hidden;
}
.productListBox .itemBox .item .img img{
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    transition: all .3s;
}
.productListBox .itemBox .item:hover .img img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    transition: all .3s;
}
.productListBox .itemBox .item .text{
    background: transparent;
    padding: 25px 25px 15px;
    text-align: center;
    border-bottom-left-radius: 40px;
    border-bottom-right-radius: 40px;
    transition: all .3s;
}
.productListBox .itemBox .item:hover .text{
    background: #2c53a3;
    transition: all .3s;
}
.productListBox .itemBox .item .text .t{
    margin-bottom: 10px;
    height: 60px;
    overflow: hidden;
}
.productListBox .itemBox .item .text .t p{
    font-size: 13px;
    line-height: 1.6;
    color: #454545;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    transition: all .3s;
}
.productListBox .itemBox .item .text a{
    display: inline-block;
    font-size: 14px;
    color: #454545;
    transition: all .3s;
}
.productListBox .itemBox .item:hover .text .t p,
.productListBox .itemBox .item:hover .text a{
    color: #ffffff;
    transition: all .3s;
}

.productInfo{
    padding-left: 70px;
}
.productInfo .textBox{
    margin-bottom: 65px;
}
.productInfo .textBox h2{
    font-size: 30px;
    color: #474747;
    font-weight: 700;
    margin-bottom: 20px;
}
.productInfo .textBox p{
    font-size: 14px;
    color: #505050;
    line-height: 1.6;
}
.productInfo .itemBox{
    overflow: hidden;
}
.productInfo .itemBox .item{
    width: 33.333%;
    float: left;
    overflow: hidden;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.productInfo .itemBox .img{
    line-height: 0;
    text-align: center;
    overflow: hidden;
}
.productInfo .itemBox .img img{
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    transition: all .3s;
}
.productInfo .itemBox .item:hover .img img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    transition: all .3s;
}
.productInfo .itemBox .text{
    height: 217px;
    background: #f9f9f9;
    padding: 50px 30px 0;
    transition: all .3s;
}
.productInfo .itemBox .item:hover .text{
    background: #2c53a3;
    transition: all .3s;
}
.productInfo .itemBox .text h3{
    color: #505050;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 15px;
    transition: all .3s;
}
.productInfo .itemBox .text p,
.productInfo .itemBox .text p a{
    color: #505050;
    line-height: 1.6;
    transition: all .3s;
}
.productInfo .itemBox .text p a{
    display: inline-block;
    white-space: normal;
    border-bottom: 1px solid transparent;
}
.productInfo .itemBox .text p a:hover{
    border-bottom-color: #ffffff;
}
.productInfo .itemBox .item:hover .text h3,
.productInfo .itemBox .item:hover .text p,
.productInfo .itemBox .item:hover .text p a{
    color: #ffffff;
    transition: all .3s;
}


.guobaojiListBox{
    padding-left: 45px;
}
.guobaojiListBox .textBoxCon{
    margin-bottom: 60px;
}
.guobaojiListBox .textBoxCon .img{
    line-height: 0;
    text-align: center;
    margin-bottom: 20px;
}
.guobaojiListBox .textBoxCon .text h2{
    position: relative;
    margin-bottom: 10px;
}
.guobaojiListBox .textBoxCon .text h2:before{
    position: absolute;
    content: '';
    width: 100%;
    height: 1px;
    top: 50%;
    background: #e5e5e5;
}
.guobaojiListBox .textBoxCon .text h2 span{
    font-size: 24px;
    color: #454545;
    font-weight: 700;
    background: #ffffff;
    padding-right: 15px;
    display: inline-block;
    position: relative;
    z-index: 1;
}
.guobaojiListBox .textBoxCon .text p{
    color: #454545;
    line-height: 1.6;
}
.guobaojiListCon{
    overflow: hidden;
}
.guobaojiListCon .guobaojiList{
    margin-bottom: 30px;
}
.guobaojiListCon .guobaojiList h3{
    position: relative;
    margin-bottom: 30px;
}
.guobaojiListCon .guobaojiList h3:before{
    position: absolute;
    content: '';
    width: 100%;
    height: 1px;
    top: 50%;
    background: #e5e5e5;
}
.guobaojiListCon .guobaojiList h3 a{
    display: inline-block;
    background: #ffffff;
    position: relative;
    z-index: 1;
    padding-right: 15px;
    font-size: 24px;
    color: #454545;
    font-weight: 700;
}
.guobaojiListCon .guobaojiList .conBox{
    overflow: hidden;
}
.guobaojiListCon .guobaojiList .conBox .img,
.guobaojiListCon .guobaojiList .conBox .text{
    width: 50%;
    float: left;
}
.guobaojiListCon .guobaojiList .conBox .img{
    line-height: 0;
    text-align: center;
}
.guobaojiListCon .guobaojiList .conBox .text{
    padding: 20px 30px;
}
.guobaojiListCon .guobaojiList .conBox .text p{
    color: #454545;
    line-height: 1.8;
}
.guobaojiListCon .guobaojiList .conBox .text a{
    display: inline-block;
    margin-top: 25px;
    width: 140px;
    height: 40px;
    line-height: 40px;
    color: #ffffff;
    text-align: center;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background: #2c53a3;
}
.guobaojiListCon .guobaojiList .conBox .text a:hover{
    background: #0b237e;
}

.cankuguanliBox1{
    padding-top: 55px;
}
.cankuguanliBox1 .title h2{
    color: #ffffff;
    text-align: center;
    font-weight: 700;
    font-size: 24px;
    line-height: 48px;
    background: #2c53a3;
}
.cankuguanliBox1 .title h3{
    font-size: 24px;
    color: #474747;
    font-weight: 700;
    text-align: center;
    padding: 20px 0;
}
.cankuguanliBox1 .itemBox{
    overflow: hidden;
    margin-left: -10px;
    margin-right: -10px;
}
.cankuguanliBox1 .item{
    width: 20%;
    float: left;
    padding: 0 10px;
    margin-bottom: 15px;
}
.cankuguanliBox1 .item .con{
    height: 320px;
    background: #8ca1cd;
    padding: 30px 20px 20px;
    text-align: center;
}
.cankuguanliBox1 .item.itembot .con{
    height: 225px;
}
.cankuguanliBox1 .item.items{
    float: right;
}
.cankuguanliBox1 .item.items .con{
    height: 560px;
}
.cankuguanliBox1 .item .con h3{
    font-size: 16px;
    color: #000000;
    font-weight: 700;
    padding-bottom: 5px;
}
.cankuguanliBox1 .item .con ul li{
    margin-top: 10px;
    background: #ffffff;
    line-height: 40px;
    font-size: 16px;
    color: #474747;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}

.cankuguanliBox2{
    margin-top: 20px;
}
.cankuguanliBox2 .title h2{
    color: #ffffff;
    text-align: center;
    font-weight: 700;
    font-size: 24px;
    line-height: 48px;
    background: #2c53a3;
    margin-bottom: 25px;
}
.cankuguanliBox2 .itemBox{
    overflow: hidden;
    margin-left: -5px;
    margin-right: -5px;
}
.cankuguanliBox2 .item{
    padding: 0 5px;
    width: 16.66666%;
    float: left;
}
.cankuguanliBox2 .item .con{
    background: #8ca1cd;
    text-align: center;
}
.cankuguanliBox2 .item .con p{
    color: #ffffff;
    line-height: 66px;
    font-size: 16px;
}

.cankuguanliBox3{
    padding-top: 35px;
}
.cankuguanliBox3 .title h2{
    color: #ffffff;
    text-align: center;
    font-weight: 700;
    font-size: 24px;
    line-height: 48px;
    background: #2c53a3;
}
.cankuguanliBox3 .title h3{
    font-size: 24px;
    color: #474747;
    font-weight: 700;
    text-align: center;
    padding: 20px 0;
}
.cankuguanliBox3 .img{
    margin-top: 25px;
    margin-bottom: 50px;
    border: 3px dashed #2c53a3;
}

.pmaBox1{
    padding-top: 50px;
}
.pmaBox1 .title h2{
    font-size: 24px;
    color: #474747;
    font-weight: 700;
    text-align: center;
    margin-bottom: 40px;
}
.pmaBox1 .img{
    line-height: 0;
    text-align: center;
}
.pmaBox2{
    padding-top: 70px;
    margin-bottom: 60px;
}
.pmaBox2 .title h2{
    font-size: 24px;
    color: #474747;
    font-weight: 700;
    text-align: center;
    margin-bottom: 25px;
}
.pmaBox2 .img{
    border: 3px dashed #2c53a3;
    line-height: 0;
    text-align: center;
}

.zhuisuBox1{
    padding-top: 50px;
    padding-bottom: 60px;
}
.zhuisuBox1 .title{
    text-align: center;
    padding-bottom: 50px;
}
.zhuisuBox1 .title h2{
    font-size: 24px;
    color: #474747;
    font-weight: 700;
    margin-bottom: 15px;
}
.zhuisuBox1 .title p{
    font-size: 16px;
    color: #505050;
    line-height: 1.6;
}
.zhuisuBox1 .textBox{
    position: relative;
}
.zhuisuBox1 .textBox h3{
    width: 430px;
    margin: auto;
    padding: 45px 0;
    background: #22469a;
    position: relative;
}
.zhuisuBox1 .textBox h3:before,
.zhuisuBox1 .textBox h3:after{
    position: absolute;
    content: '';
    width: 63px;
    height: 67px;
    top: 50%;
    left: -63px;
    margin-top: -33px;
    background: url("/public/static/images/home/zh-cn/zhuisuIco.jpg") no-repeat center center;
}
.zhuisuBox1 .textBox h3:after{
    left: auto;
    right: -63px;
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
.zhuisuBox1 .textBox h3 span{
    display: block;
    text-align: center;
    color: #ffffff;
    font-weight: 700;
    font-size: 16px;
    line-height: 1.6;
}
.zhuisuBox1 .textBox .t{
    width: 320px;
    text-align: center;
    position: absolute;
    padding: 55px 40px 0;
}
.zhuisuBox1 .textBox .t1{
    left: 0;
    top: 0;
}
.zhuisuBox1 .textBox .t2{
    right: 0;
    top: 0;
}
.zhuisuBox1 .textBox .t p{
    font-size: 16px;
    color: #505050;
    line-height: 1.6;
}

.zhuisuBox2 .title h2{
    font-size: 24px;
    color: #ffffff;
    font-weight: 700;
    line-height: 50px;
    background: #2c53a3;
    text-align: center;
    margin-bottom: 50px;
}
.zhuisuBox2 .itemBox{
    margin-left: -7px;
    margin-right: -7px;
    overflow: hidden;
}
.zhuisuBox2 .item{
    width: 33.33%;
    padding: 0 7px;
    float: left;
}
.zhuisuBox2 .item h3{
    line-height: 50px;
    background: #eeeeee;
    font-size: 16px;
    color: #505050;
    margin-bottom: 15px;
    text-align: center;
}
.zhuisuBox2 .item .imgBox{
    margin-left: -5px;
    margin-right: -5px;
    overflow: hidden;
}
.zhuisuBox2 .item .imgBox .img{
    width: 50%;
    float: left;
    padding: 0 5px;
    line-height: 0;
    text-align: center;
}
.zhuisuBox2 .imgCon{
    line-height: 0;
    text-align: center;
    margin: 35px 0 70px;
}

.zhuisuBox3 .textBox{
    text-align: center;
}
.zhuisuBox3 .textBox h2{
    font-size: 24px;
    color: #474747;
    font-weight: 700;
    margin-bottom: 15px;
}
.zhuisuBox3 .textBox p{
    font-size: 16px;
    color: #505050;
    line-height: 1.6;
}
.zhuisuBox3 .conBox h2{
    font-size: 24px;
    color: #ffffff;
    font-weight: 700;
    line-height: 50px;
    background: #2c53a3;
    text-align: center;
    margin: 25px 0 40px;
}
.zhuisuBox3 .conBox .itemBox{
    overflow: hidden;
}
.zhuisuBox3 .conBox .item{
    width: 33.33%;
    float: left;
    padding: 0 10px;
    text-align: center;
}
.zhuisuBox3 .conBox .item .img{
    line-height: 0;
    margin-bottom: 10px;
}
.zhuisuBox3 .conBox .item .t p{
    font-size: 16px;
    color: #505050;
}
.zhuisuBox3 .imgBox{
    line-height: 0;
    margin-top: 55px;
    margin-bottom: 70px;
}

.dingzhiBox{
    padding: 50px 0;
}
.dingzhiBox .dingzhiForm{
    width: 60%;
    float: left;
}
.dingzhiBox .dingzhiForm .text{
    margin-bottom: 25px;
}
.dingzhiBox .dingzhiForm .text h2{
    color: #272727;
    font-weight: 700;
    font-size: 26px;
    margin-bottom: 10px;
}
.dingzhiBox .dingzhiForm .text p{
    color: #5a5a5a;
    line-height: 1.6;
}
.dingzhiBox .dingzhiForm .form{
    margin-left: -10px;
    margin-right: -10px;
    overflow: hidden;
}
.dingzhiBox .dingzhiForm .form .info{
    width: 50%;
    float: left;
    padding: 0 10px;
    margin-bottom: 15px;
    position: relative;
}
.dingzhiBox .dingzhiForm .form .info.w100{
    width: 100%;
}
.dingzhiBox .dingzhiForm .form .info .label_control{
    position: absolute;
    left: 20px;
    top: 0;
    line-height: 48px;
    color: #545454;
    font-size: 14px;
}
.dingzhiBox .dingzhiForm .form .info .tips{
    position: absolute;
    top: 0;
    right: 20px;
    line-height: 48px;
    color: #ff0000;
    font-size: 14px;
}
.dingzhiBox .dingzhiForm .form .info input[type="text"]{
    width: 100%;
    height: 48px;
    background: #efefef;
    border: 0;
    color: #545454;
    font-size: 14px;
    padding: 0 10px;
}
.dingzhiBox .dingzhiForm .form .info textarea{
    width: 100%;
    height: 130px;
    padding: 10px;
    color: #545454;
    font-size: 14px;
    background: #efefef;
    border: 0;
    resize: none;
}
.dingzhiBox .dingzhiForm .form .info input[type="submit"]{
    width: 200px;
    height: 44px;
    text-align: center;
    color: #ffffff;
    font-size: 18px;
    border: 0;
    margin-top: 20px;
    background: #2c53a3;
    cursor: pointer;
    transition: all .3s;
}
.dingzhiBox .dingzhiForm .form .info input[type="submit"]:hover{
    background: #22469a;
    transition: all .3s;
}

.dingzhiBox .dingzhiTextBox{
    width: 40%;
    padding-left: 80px;
    float: left;
}
.dingzhiBox .dingzhiTextBox .conBox{
    background: #2c53a3;
    padding: 50px 30px 126px;
    position: relative;
    overflow: hidden;
}
.dingzhiBox .dingzhiTextBox .conBox:before{
    position: absolute;
    content: '';
    width: 400px;
    height: 400px;
    right: -170px;
    bottom: -195px;
    background: #0b237e;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.dingzhiBox .dingzhiTextBox .conBox h2{
    color: #ffffff;
    font-weight: 700;
    font-size: 26px;
    margin-bottom: 10px;
}
.dingzhiBox .dingzhiTextBox .conBox p,
.dingzhiBox .dingzhiTextBox .conBox a{
    font-size: 16px;
    color: #ffffff;
    line-height: 1.6;
}
.dingzhiBox .dingzhiTextBox .conBox a{
    display: inline-block;
    margin-right: 10px;
    border-bottom: 1px solid transparent;
}
.dingzhiBox .dingzhiTextBox .conBox a:hover{
    border-bottom-color: #ffffff;
}
.dingzhiBox .dingzhiTextBox .conBox .t{
    margin-bottom: 20px;
    position: relative;
    z-index: 1;
}

.productImgBox .conBox{
    position: relative;
}
.productImgBox .imgBox{
    height: 0;
    overflow: hidden;
}
.productImgBox .imgBox .slick-dots li.slick-active{
    background: #333333;
}
.productImgBox .imgBox .img img{
    clear: both;
    display: block;
    margin: auto;
}

.productInfoBox .conBox{
    position: relative;
    padding-right: 420px;
    padding-bottom: 100px;
}
.productInfoBox .conBox .textBox{
    padding-right: 55px;
}
.productInfoBox .conBox .textBox .title{
    padding-top: 30px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e5e5e5;
}
.productInfoBox .conBox .textBox .title span{
    display: block;
    font-size: 24px;
    color: #2e53a4;
    font-weight: 700;
    padding-bottom: 15px;
}
.productInfoBox .conBox .textBox .text{
    padding: 20px 0;
}
.productInfoBox .conBox .textBox .text p{
    font-size: 16px;
    color: #505050;
    line-height: 1.6;
}
.productInfoBox .conBox .textBox .a{
    padding-top: 30px;
}
.productInfoBox .conBox .textBox .a a{
    width: 200px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    display: inline-block;
    background: #e3e3e3;
    color: #2e53a4;
    font-size: 16px;
    margin-right: 10px;
}
.productInfoBox .conBox .textBox .a a:hover{
    background: #2e53a4;
    color: #ffffff;
}
.productInfoBox .conBox .imgBox{
    position: absolute;
    top: 0;
    right: 0;
    width: 420px;
}
.productInfoBox .conBox .imgBox .img{
    width: 50%;
    float: left;
    line-height: 0;
    border-top: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
}
.productInfoBox .conBox .imgBox .img:nth-of-type(1),
.productInfoBox .conBox .imgBox .img:nth-of-type(2){
    border-top: 1px solid #ffffff;
}
.productInfoBox .conBox .imgBox .img:nth-of-type(1),
.productInfoBox .conBox .imgBox .img:nth-of-type(3){
    border-left: 1px solid #ffffff;
}

.productDetailConBox1{
    overflow: hidden;
}
.productDetailConBox1 .productVideo{
    width: 50%;
    float: left;
    padding-right: 10px;
}
.productDetailConBox1 .productVideo .video_click:after{
    background: url("/public/static/images/home/zh-cn/videoClick.png") no-repeat center center;
    background-size: 84px 84px;
    opacity: .8;
    transition: all .3s;
}
.productDetailConBox1 .productVideo .video_click:hover:after{
    opacity: 1;
    transition: all .3s;
}
.productDetailConBox1 .productTedian{
    width: 50%;
    float: left;
    padding-left: 15px;
}
.productDetailConBox1 .productTedian h3{
    padding-left: 25px;
    padding-top: 20px;
    padding-bottom: 20px;
    position: relative;
    font-size: 24px;
    color: #474747;
    font-weight: 700;
}
.productDetailConBox1 .productTedian h3:before{
    position: absolute;
    content: '';
    width: 13px;
    height: 13px;
    left: 0;
    top: 50%;
    margin-top: -6px;
    background: #2c53a3;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.productDetailConBox1 .productTedian ul li{
    padding-left: 25px;
    margin-bottom: 5px;
    background: url("/public/static/images/home/zh-cn/productIco.png") no-repeat left center;
}
.productDetailConBox1 .productTedian ul li p{
    font-size: 16px;
    color: #505050;
    line-height: 1.5;
}
.productDetailConBox1 .productTedian .imgBox{
    overflow: hidden;
    margin-left: -5px;
    margin-right: -5px;
    margin-top: 40px;
}
.productDetailConBox1 .productTedian .img{
    width: 50%;
    float: left;
    padding: 0 5px;
    line-height: 0;
    text-align: center;
}

.productDetailConBox2{
    padding-top: 100px;
}
.productDetailConBox2 h3{
    padding-left: 25px;
    position: relative;
    font-size: 24px;
    color: #474747;
    font-weight: 700;
    margin-bottom: 10px;
}
.productDetailConBox2 h3:before{
    position: absolute;
    content: '';
    width: 13px;
    height: 13px;
    left: 0;
    top: 50%;
    margin-top: -6px;
    background: #2c53a3;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.productDetailConBox2 table tr td{
    border: 2px solid #ffffff;
    background: #eeeeee;
    font-size: 16px;
    color: #505050;
    height: 40px;
    padding-left: 35px;
}

.productDetailConBox3{
    padding-top: 100px;
}
.productDetailConBox3 h3{
    padding-left: 25px;
    position: relative;
    font-size: 24px;
    color: #474747;
    font-weight: 700;
    margin-bottom: 10px;
}
.productDetailConBox3 h3:before{
    position: absolute;
    content: '';
    width: 13px;
    height: 13px;
    left: 0;
    top: 50%;
    margin-top: -6px;
    background: #2c53a3;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.RelatedProductBox{
    padding: 0 40px;
}
.RelatedProductBox .slick-prev,
.RelatedProductBox .slick-next{
    width: 21px;
    height: 42px;
    background: url("/public/static/images/home/zh-cn/reset/buttonstyle.png") no-repeat;
}
.RelatedProductBox .slick-prev{
    left: 0;
    background-position: left center;
}
.RelatedProductBox .slick-next{
    right: 0;
    background-position: right center;
}
.RelatedProductBox .slick_first{
    margin: 0 10px;
}
.RelatedProductBox .slick_first .img{
    border: 1px solid #dcdcdc;
    margin-bottom: 20px;
}
.RelatedProductBox .slick_first .text{
    text-align: center;
}
.RelatedProductBox .slick_first .text a{
    display: block;
    font-size: 22px;
    color: #454545;
    font-weight: 700;
}

.productDetailConBox4{
    padding: 85px 0 55px;
}
.productDetailConBox4 .text{
    background: #2c53a3;
    padding: 20px 40px;
    overflow: hidden;
}
.productDetailConBox4 .text p{
    display: inline-block;
    float: left;
    font-size: 18px;
    color: #ffffff;
}
.productDetailConBox4 .text a{
    display: inline-block;
    float: right;
    font-size: 18px;
    color: #ffffff;
    border-bottom: 1px solid transparent;
}
.productDetailConBox4 .text a:hover{
    border-bottom-color: #ffffff;
}

.zonglanBox1 .textBox{
    text-align: center;
    padding: 60px 0 70px;
}
.zonglanBox1 .textBox h1{
    font-size: 24px;
    color: #474747;
    font-weight: 700;
    margin-bottom: 20px;
}
.zonglanBox1 .text p{
    font-size: 16px;
    color: #505050;
    line-height: 1.5;
}
.zonglanBox1 .itemBox{
    height: 342px;
    position: relative;
    padding: 20px 15px;
    overflow: hidden;
    background: url("/public/static/images/home/zh-cn/zonglanBj1.png") no-repeat center center;
}
.zonglanBox1 .item{
    width: 16.66666%;
    float: left;
    text-align: center;
    position: relative;
    height: 300px;
    padding-top: 180px;
}
.zonglanBox1 .item:nth-of-type(2n){
    padding-top: 0;
    padding-bottom: 180px;
}
.zonglanBox1 .item .img{
    line-height: 0;
    position: absolute;
    top: 0;
    text-align: center;
    overflow: hidden;
    margin: 0 10px;
    z-index: 2;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.zonglanBox1 .item:nth-of-type(2n) .img{
    top: auto;
    bottom: 0;
}
.zonglanBox1 .item .img img{
    width: 100%;
}
.zonglanBox1 .item .text{
    position: relative;
    padding-top: 70px;
    margin-top: -25px;
    padding-left: 20px;
    padding-right: 20px;
}
.zonglanBox1 .item:nth-of-type(2n) .text{
    padding-top: 0;
    padding-bottom: 70px;
    margin-top: 15px;
}
.zonglanBox1 .item .text h3{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 70px;
    padding-top: 40px;
    font-size: 24px;
    font-weight: 700;
    color: #474747;
}
.zonglanBox1 .item:nth-of-type(2n) .text h3{
    top: auto;
    bottom: 0;
    padding-top: 0;
    padding-bottom: 40px;
}
.zonglanBox1 .item .text h3:before{
    position: absolute;
    font-size: 72px;
    color: #474747;
    opacity: .1;
    font-weight: 900;
    left: 0;
    right: 0;
    top: 0;
    text-align: center;
}
.zonglanBox1 .item:nth-of-type(2n) .text h3:before{
    top: auto;
    bottom: 0;
}
.zonglanBox1 .item:nth-of-type(1) .text h3:before{
    content: '01';
}
.zonglanBox1 .item:nth-of-type(2) .text h3:before{
    content: '02';
}
.zonglanBox1 .item:nth-of-type(3) .text h3:before{
    content: '03';
}
.zonglanBox1 .item:nth-of-type(4) .text h3:before{
    content: '04';
}
.zonglanBox1 .item:nth-of-type(5) .text h3:before{
    content: '05';
}
.zonglanBox1 .item:nth-of-type(6) .text h3:before{
    content: '06';
}
.zonglanBox1 .item .text p{
    font-size: 16px;
    color: #505050;
    margin-top: 10px;
}
.zonglanBox1 .item:nth-of-type(2n) .text p{
    margin-bottom: 10px;
    margin-top: 0;
}

.zonglanBox2{
    margin-top: 60px;
    position: relative;
}
.zonglanBox2 .imgBox{
    position: relative;
    padding-top: 880px;
    background-repeat: no-repeat;
    background-position: top center;
    -webkit-background-size: cover;
    background-size: cover;
}
.zonglanBox2 .imgBox a{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.zonglanBox2 .imgBox .video_click:after{
    background-position: center 120px;
}
.zonglanBox2 .conBox{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 30px 0 20px;
    background: rgba(44,83,163,.78);
}
.zonglanBox2 .conBox .itemBox{
    text-align: center;
}
.zonglanBox2 .conBox .item{
    display: inline-block;
    width: 280px;
    margin: 0 8px 25px;
    padding-top: 30px;
    position: relative;
}
.zonglanBox2 .conBox .item span{
    position: absolute;
    width: 60px;
    height: 60px;
    background: #ffffff;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    font-size: 24px;
    color: #2e53a4;
    display: inline-block;
    line-height: 60px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.zonglanBox2 .conBox .item .img{
    line-height: 0;
    text-align: center;
}
.zonglanBox2 .conBox .item .text{
    background: #ffffff;
}
.zonglanBox2 .conBox .item .text p{
    font-size: 16px;
    color: #505050;
    line-height: 40px;
}

.zhinengBox1{
    max-width: 2000px;
    overflow: hidden;
    padding: 60px 0 80px;
}
.zhinengBox1 .title{
    text-align: center;
    margin-bottom: 25px;
}
.zhinengBox1 .title h2{
    font-size: 24px;
    color: #474747;
    font-weight: 700;
    margin-bottom: 10px;
}
.zhinengBox1 .title p{
    font-size: 16px;
    color: #505050;
    line-height: 1.6;
}
.zhinengBox1 .conBox{
    position: relative;
}
.zhinengBox1 .conBox .con{
    width: 320px;
    padding-right: 15px;
}
.zhinengBox1 .conBox .con .text{
    background: #2c53a3;
    position: relative;
    padding: 60px 0 60px 30px;
}
.zhinengBox1 .conBox .con .text:before{
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    width: 500px;
    right: 300px;
    background: #2c53a3;
}
.zhinengBox1 .conBox .con .text p{
    font-size: 16px;
    color: #ffffff;
    line-height: 1.6;
}
.zhinengBox1 .conBox .con .imgBox{
    margin-top: 15px;
    padding-left: 25px;
    padding-bottom: 10px;
    border-left: 3px solid #2e53a4;
    border-bottom: 3px solid #2e53a4;
}
.zhinengBox1 .conBox .con .imgBox .img{
    line-height: 0;
    margin-bottom: 10px;
}
.zhinengBox1 .conBox .poaImg{
    position: absolute;
    width: 1280px;
    left: 320px;
    top: 0;
}

.zhinengBox2{
    overflow: hidden;
}
.zhinengBox2 .text{
    width: 50%;
    float: left;
}
.zhinengBox2 .text h2{
    color: #474747;
    font-weight: 700;
    font-size: 24px;
    line-height: 1.8;
}
.zhinengBox2 .text.r{
    padding-top: 10px;
    padding-left: 30px;
}
.zhinengBox2 .text p{
    font-size: 16px;
    color: #505050;
    line-height: 1.4;
}

.zhinengBox3{
    background: url("/public/static/images/home/zh-cn/zhinengBj.png");
}
.zhinengBox3 .imgBox{
    margin-left: -5px;
    margin-right: -5px;
    overflow: hidden;
    padding: 55px 0 80px;
}
.zhinengBox3 .imgBox .img{
    width: 20%;
    float: left;
    padding: 0 5px;
    line-height: 0;
    text-align: center;
    position: relative;
}
.zhinengBox3 .imgBox .img:before{
    position: absolute;
    content: '';
    top: -25px;
    left: 5px;
    width: 65px;
    height: 25px;
    background: #2c53a3;
}
.zhinengBox3 .imgBox .img:nth-of-type(2n):before{
    top: auto;
    bottom: -25px;
}

.zhinengBox4{
    background: url("/public/static/images/home/zh-cn/zhinengBj.png");
}
.zhinengBox4 .textBox{
    text-align: center;
    margin-bottom: 40px;
}
.zhinengBox4 .textBox h2{
    font-size: 24px;
    color: #474747;
    font-weight: 700;
    padding-bottom: 10px;
}
.zhinengBox4 .textBox p{
    font-size: 16px;
    color: #505050;
    line-height: 1.6;
}
.zhinengBox4 .conBox .text{
    width: 320px;
    float: left;
    height: 650px;
    position: relative;
    padding: 80px 30px 60px 50px;
}
.zhinengBox4 .conBox .text:before{
    position: absolute;
    content: '';
    height: 375px;
    width: 725px;
    bottom: 0;
    right: 0;
    background: url("/public/static/images/home/zh-cn/zhinengImg10.jpg") no-repeat center center;
}
.zhinengBox4 .conBox .text p{
    font-size: 16px;
    color: #505050;
    line-height: 1.6;
}
.zhinengBox4 .conBox .img{
    margin-left: 320px;
    padding-top: 650px;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
}

.zhinengBox5{
    padding-bottom: 40px;
    background: url("/public/static/images/home/zh-cn/zhinengBj.png");
}
.zhinengBox5 .title{
    text-align: center;
    padding: 40px 0 30px;
}
.zhinengBox5 .title h2{
    font-size: 24px;
    color: #474747;
    font-weight: 700;
    padding-bottom: 10px;
}
.zhinengBox5 .title p{
    font-size: 16px;
    color: #505050;
    line-height: 1.6;
}
.zhinengBox5 .conBox{
    background: #ffffff;
    overflow: hidden;
}
.zhinengBox5 .conBox > .img{
    width: 60%;
    float: left;
    line-height: 0;
}
.zhinengBox5 .conBox .textBox{
    width: 40%;
    text-align: center;
    float: left;
    padding: 55px 30px 0;
}
.zhinengBox5 .conBox .textBox h3{
    font-size: 16px;
    color: #505050;
    margin-bottom: 40px;
}
.zhinengBox5 .conBox .textBox .img{
    line-height: 0;
    margin-bottom: 10px;
}

.fenjianBox1 .title{
    padding: 45px 0 40px;
    text-align: center;
}
.fenjianBox1 .title h1{
    color: #474747;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 10px;
}
.fenjianBox1 .title p{
    font-size: 16px;
    line-height: 1.5;
    color: #505050;
}
.fenjianBox1 .conBox{
    overflow: hidden;
}
.fenjianBox1 .leftImg{
    width: 60.5%;
    padding-top: 675px;
    float: left;
    position: relative;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
}
.fenjianBox1 .leftImg a{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.fenjianBox1 .rightBox{
    width: 39.5%;
    float: left;
}
.fenjianBox1 .rightBox .con{
    padding-left: 25px;
    width: 580px;
    overflow: hidden;
}
.fenjianBox1 .rightBox h2{
    padding: 30px 0;
}
.fenjianBox1 .rightBox h2 span{
    display: inline-block;
    padding-right: 80px;
    font-size: 24px;
    color: #474747;
    font-weight: 700;
    background: url("/public/static/images/home/zh-cn/fenjianIco.png") no-repeat right center;
}
.fenjianBox1 .rightBox .imgBox{
    overflow: hidden;
    padding: 0 5px;
    width: 50%;
    float: left;
}
.fenjianBox1 .rightBox .img{
    margin-bottom: 17px;
    line-height: 0;
    position: relative;
}
.fenjianBox1 .rightBox .img span{
    position: absolute;
    display: inline-block;
    line-height: 1;
    bottom: 15px;
    left: 15px;
    font-size: 16px;
    font-weight: 700;
    color: #ffffff;
}

.fenjianBox2{
    height: 715px;
    margin-top: 100px;
    background: url("/public/static/images/home/zh-cn/fenjianImg6.jpg") no-repeat center center;
}
.fenjianBox2 .text{
    width: 535px;
    height: 440px;
    padding: 110px 40px 0 105px;
    background: rgba(46,83,164,.88);
}
.fenjianBox2 .text h2{
    color: #ffffff;
    font-weight: 700;
    font-size: 24px;
    margin-bottom: 25px;
}
.fenjianBox2 .text ul li{
    padding-left: 15px;
    position: relative;
    margin-bottom: 5px;
}
.fenjianBox2 .text ul li:before{
    position: absolute;
    content: '';
    width: 6px;
    height: 6px;
    left: 0;
    top: 8px;
    background: #ffffff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.fenjianBox2 .text ul li p{
    font-size: 16px;
    color: #ffffff;
}

.fenjianBox3 .title h2{
    text-align: center;
    font-size: 24px;
    color: #474747;
    font-weight: 700;
    padding: 50px 0 20px;
}
.fenjianBox3 .conBox{
    margin-left: -7px;
    margin-right: -7px;
    overflow: hidden;
}
.fenjianBox3 .conBox .img{
    width: 50%;
    float: left;
    padding: 0 7px;
    line-height: 0;
}
.fenjianBox3 .conBox .img img{
    border: 3px solid #eeeeee;
    border-top-right-radius: 80px;
}
.fenjianBox3 .conBox .img:nth-of-type(2) img{
    border-top-right-radius: 0;
    border-top-left-radius: 80px;
}

.fenjianBox4 .title{
    padding: 120px 0 40px;
}
.fenjianBox4 .title h2{
    width: 220px;
    float: left;
    display: inline-block;
    font-size: 24px;
    color: #474747;
    padding-top: 3px;
    font-weight: 700;
}
.fenjianBox4 .title .t{
    margin-left: 220px;
    padding-left: 40px;
}
.fenjianBox4 .title .t p{
    font-size: 16px;
    color: #505050;
}

.fenjianBox5{
    margin-top: -15px;
    position: relative;
    z-index: 2;
    margin-bottom: 100px;
}
.fenjianBox5 .itemBox{
    overflow: hidden;
}
.fenjianBox5 .item{
    width: 25%;
    float: left;
    position: relative;
}
.fenjianBox5 .item:after{
    position: absolute;
    content: '';
    top: -55px;
    right: 145px;
    width: 1px;
    height: 310px;
    background: #414141;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.fenjianBox5 .item .text{
    width: 200px;
    height: 200px;
    background: #eeeeee;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin: 0 auto 35px;
    position: relative;
    transition: all .3s;
    z-index: 2;
}
.fenjianBox5 .item .text:hover{
    background: #2c53a3;
    transition: all .3s;
}
.fenjianBox5 .item .text:before{
    position: absolute;
    content: '';
    width: 200px;
    height: 30px;
    left: 0;
    right: 0;
    bottom: -35px;
    margin: auto;
    background: url("/public/static/images/home/zh-cn/fenjianIco2.png") no-repeat center center;
}
.fenjianBox5 .item .text .t{
    position: absolute;
    top: 50%;
    left: 30px;
    right: 30px;
    text-align: center;
    z-index: 2;
}
.fenjianBox5 .item .text .t p{
    font-size: 16px;
    color: #000000;
    line-height: 1.5;
    transition: all .3s;
}
.fenjianBox5 .item .text:hover .t p{
    color: #ffffff;
    transition: all .3s;
}

.qitaBox1{
    margin-top: 30px ;
}
.qitaBox1 .imgBox{
    position: relative;
    margin-bottom: 15px;
}
.qitaBox1 .imgBox .img{
    line-height: 0;
    text-align: center;
}
.qitaBox1 .imgBox .text{
    position: absolute;
    top: 0;
    left: 0;
}
.qitaBox1 .imgBox .text span{
    display: inline-block;
    width: 225px;
    height: 195px;
    text-align: center;
    line-height: 195px;
    color: #ffffff;
    font-size: 24px;
    font-weight: 700;
    background: #2e53a4;
    border-bottom-right-radius: 80px;
}
.qitaBox1 .qitaTable {
    width: 50%;
    float: left;
    padding-right: 5px;
}
.qitaBox1 .qitaTable .slider_table{
    padding-bottom: 0;
}
.qitaBox1 .qitaTable table{
    margin: 0;
}
.qitaBox1 .qitaTable table tr td{
    background: #eeeeee;
    height: 24px;
    padding: 0 10px;
    font-size: 13px;
    text-align: center;
    border: 1px solid #ffffff
}
.qitaBox1 .qitaTable .t p{
    font-size: 13px;
    color: #363636;
}
.qitaBox1 .qitaInfo{
    width: 50%;
    float: left;
    padding-left: 5px;
}
.qitaBox1 .qitaInfo .con{
    background: #2e53a4;
    padding: 110px 30px 80px 55px;
}
.qitaBox1 .qitaInfo .con li{
    padding-left: 15px;
    position: relative;
    margin-bottom: 5px;
}
.qitaBox1 .qitaInfo .con li:before{
    position: absolute;
    content: '';
    width: 7px;
    height: 7px;
    background: #ffffff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    left: 0;
    top: 10px;
}
.qitaBox1 .qitaInfo .con li p{
    font-size: 16px;
    color: #ffffff;
    line-height: 1.6;
}

.qitaBox2{
    margin-top: 50px;
}
.qitaBox2 .title h2{
    text-align: center;
    font-size: 24px;
    font-weight: 700;
    color: #474747;
    margin-bottom: 25px;
}
.qitaBox2 .conBox{
    overflow: hidden;
}
.qitaBox2 .imgBox{
    width: 50%;
    position: relative;
    float: left;
}
.qitaBox2 .imgBox .img{
    padding-top: 380px;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
}
.qitaBox2 .imgBox .text{
    position: absolute;
    width: 600px;
    top: 0;
    left: 0;
    padding: 70px 20px 0 70px;
}
.qitaBox2 .imgBox .text ul li{
    padding-left: 15px;
    position: relative;
    margin-bottom: 5px;
}
.qitaBox2 .imgBox .text li:before{
    position: absolute;
    content: '';
    width: 7px;
    height: 7px;
    background: #2e53a4;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    left: 0;
    top: 10px;
}
.qitaBox2 .imgBox .text li p{
    font-size: 16px;
    color: #505050;
    line-height: 1.6;
}


.qitaBox3{
    margin-top: -60px;
    position: relative;
    z-index: 2;
}
.qitaBox3 .conBox{
    overflow: hidden;
    background: #ffffff;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
    padding: 30px 90px;
    -webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,0.3);
    -moz-box-shadow: 0 0 15px 0 rgba(0,0,0,0.3);
    box-shadow: 0 0 15px 0 rgba(0,0,0,0.3);
    margin-bottom: 75px;
}
.qitaBox3 .conBox .slider_table{
    padding-bottom: 0;
}
.qitaBox3 .conBox table{
    margin-top: 0;
}
.qitaBox3 .conBox table tr td{
    background: #eeeeee;
    height: 34px;
    padding: 0 10px;
    text-align: center;
    border: 2px solid #ffffff;
}

.qitaBox4{
    max-width: 2000px;
    overflow: hidden;
}
.qitaBox4 .textBox .text{
    width: 600px;
    float: left;
    padding: 30px 0 15px;
    background: #2c53a3;
    position: relative;
    border-top-right-radius: 80px;
}
.qitaBox4 .textBox .text:before{
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    right: 100%;
    width: 1200px;
    background: #2c53a3;
}
.qitaBox4 .textBox .text h2{
    font-size: 24px;
    color: #ffffff;
    font-weight: 700;
    display: inline-block;
    float: left;
    width: 130px;
}
.qitaBox4 .textBox .text .t{
    margin-left: 130px;
    padding-left: 20px;
    padding-right: 50px;
}
.qitaBox4 .textBox .text .t h3{
    color: #ffffff;
    font-weight: 700;
    font-size: 24px;
    margin-bottom: 5px;
}
.qitaBox4 .textBox .text .t p{
    font-size: 16px;
    color: #ffffff;
    line-height: 1.6;
}
.qitaBox4 .imgBox{
    overflow: hidden;
}
.qitaBox4 .imgBox .img{
    line-height: 0;
    text-align: center;
    width: 33.333%;
    float: left;
}

.qitaBox5{
    margin-top: 90px;
    overflow: hidden;
}
.qitaBox5 .img{
    width: 50%;
    float: left;
    line-height: 0;
    text-align: center;
}
.qitaBox5 .text{
    width: 50%;
    float: left;
    padding-top: 105px;
}
.qitaBox5 .text h2{
    font-size: 24px;
    color: #474747;
    font-weight: 700;
    margin-bottom: 25px;
    padding-left: 50px;
}
.qitaBox5 .text .t{
    padding: 15px 0 30px 50px;
    background: #2c53a3;
    border-bottom-left-radius: 80px;
    position: relative;
}
.qitaBox5 .text .t:before{
    position: absolute;
    content: '';
    background: #2c53a3;
    top: 0;
    bottom: 0;
    width: 1200px;
    left: 100%;
}
.qitaBox5 .text .t h3{
    color: #ffffff;
    font-weight: 700;
    font-size: 24px;
    margin-bottom: 10px;
}
.qitaBox5 .text .t p{
    font-size: 16px;
    color: #ffffff;
    line-height: 1.6;
}

.qitaBox6{
    margin-top: 70px;
}
.qitaBox6 .text{
    position: relative;
    z-index: 2;
    padding: 35px 125px 25px;
    overflow: hidden;
    background: #2c53a3;
    border-top-left-radius: 80px;
    border-top-right-radius: 80px;
}
.qitaBox6 .text h2{
    color: #ffffff;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 20px;
}
.qitaBox6 .text h3{

}
.qitaBox6 .text h3{
    color: #ffffff;
    font-weight: 700;
    font-size: 24px;
    margin-bottom: 10px;
}
.qitaBox6 .text p{
    font-size: 16px;
    color: #ffffff;
    line-height: 1.6;
}
.qitaBox6 .imgBox{
    overflow: hidden;
    margin-top: -125px;
}
.qitaBox6 .imgBox .img{
    width: 50%;
    float: left;
    line-height: 0;
}

.errorHotProductBox{
    padding-bottom: 50px;
}
.errorHotProductBox .itemBox{
    padding: 0 40px;
}
.errorHotProductBox .itemBox .slick-prev,
.errorHotProductBox .itemBox .slick-next{
    width: 21px;
    height: 42px;
    margin-top: -21px;
    background: url("/public/static/images/home/zh-cn/reset/buttonstyle.png");
}
.errorHotProductBox .itemBox .slick-prev{
    left: 0;
    background-position: left center;
}
.errorHotProductBox .itemBox .slick-next{
    right: 0;
    background-position: right center;
}
.errorHotProductBox .itemBox .item{
    margin: 0 10px;
    text-align: center;
}
.errorHotProductBox .itemBox .item a{
    font-size: 16px;
    color: #242424;
    font-weight: 300;
    display: inline-block;
    margin-top: 5px;
}


@media (max-width: 1620px){
    .banner .conBox .bannerText{
        width: 45%;
    }
    .fenjianBox1 .rightBox .con{
        width: 100%;
    }
}
@media (max-width: 1450px){
    .footer_box .fast_navigation .itemBox .item:nth-of-type(7){
        padding-left: 20px;
    }
    .indexBox1{
        background: none;
    }
    .indexBox1 img{
        display: none;
    }
    .indexBox1 img.hide{
        display: block;
    }
    .indexBox2 .item .title{
        padding-top: 185px;
    }
    .indexBox2 .item:nth-of-type(1):before{
        height: 550px;
    }
    .indexBox2 .item .imgBox .textBox .text h3{
        margin-top: 30px;
    }
    .footer_box .fast_navigation .itemBox .item .text a{
        font-size: 30px;
    }

    .healthcareBox3 .title{
        padding-left: 0;
    }

    .zhinengBox1 .conBox .poaImg{
        width: 1210px;
    }
    .zhinengBox2{
        padding-bottom: 30px;
    }
    .zhinengBox2 .text h2{
        line-height: 1.4;
    }
    .zhinengBox2 .text.r{
        padding-top: 0;
    }
}
@media (max-width: 1220px){
    .header .navConBox .nav_list > li > a{
        margin: 0 3px;
    }
    .header .navConBox .nav_list > li > a > span{
        min-width: 68px;
        padding: 14px 10px;
    }
    .nav_list > li > a > i{
        right: -7px;
    }
    .header .navConBox .customizedService{
        width: 100px;
    }
    .header .navConBox .customizedService a{
        font-size: 14px;
    }
    .header .navConBox .langBox{
        margin-left: 0;
    }
    .header .navConBox .langBox span{
        display: none;
    }

    .banner .conBox .bannerText{
        top: 50%;
        width: 620px;
        margin-top: -110px;
    }
    .banner .conBox .bannerText .text h1{
        font-size: 30px;
    }
    .banner .conBox .bannerText .text p,
    .banner .conBox .bannerText .text a{
        font-size: 14px;
    }
    .banner .conBox .bannerText .text a{
        margin-top: 20px;
    }

    .indexBox1 .conBox .textBox .lText h2,
    .indexBox2 .title h2,
    .indexBox4 .title h2,
    .indexBox5 .title h2,
    .productBanner .textBox .t span,
    .productBanner .textBox .text h2,
    .applicationBanner .text h1,
    .dairyBox1 h1,
    .dairyBox2 .textBox .text h2,
    .dairyBox3 .title h2,
    .dairyBox4 .title h2,
    .dairyBox5 .title h2,
    .dairyBox6 .title h2,
    .dairyBox7 .title h2,
    .dairyBox8 .title h2,
    .dairyBox9 .text h2 span,
    .drinksBox3 .title h2,
    .medicineBox2 .title h2,
    .healthcareBox4 .title h2,
    .customerServiceBanner .text h1,
    .customerServiceBox1 .title h2,
    .customerServiceBox2 .title h2,
    .customerServiceBox3 .title h2,
    .serviceConceptBox1 .title h2,
    .serviceConceptBox2 .title h2,
    .serviceConceptBox3 .title h2,
    .aboutBox1 .textBox .title h2 span,
    .aboutBox1 .textBox .title h2,
    .aboutBanner .text h1,
    .recruitBox1 .conBox .itemBox .item .text h3,
    .contactBox1 .contactForm .text h2,
    .contactBox2 .title h2{
        font-size: 30px;
    }
    .indexBox1 .conBox .textBox .lText span,
    .indexBox2 .item .title p,
    .indexBox2 .t p, .indexBox2 .t a,
    .indexBox3 .textBox p,
    .indexBox3 .title p,
    .dairyBox1 p,
    .dairyBox1 p span,
    .dairyBox5 .itemBox .item .text .a a,
    .dairyBox9 .text a,
    .customerServiceBox1 .item .text p a,
    .customerServiceBox1 .item .text p,
    .customerServiceBox2 .text p,
    .customerServiceBox3 .title p,
    .customerServiceBox3 .item .text a,
    .serviceConceptBox1 .title p,
    .serviceConceptBox1 .itemBox .item .text p,
    .serviceConceptBox2 .title p,
    .serviceConceptBox2 .itemBox .item .text p,
    .serviceConceptBox3 .title p,
    .serviceConceptBox3 .text p,
    .aboutBox7 .text a{
        font-size: 14px;
    }
    .indexBox1{
        padding-top: 60px;
    }
    .indexBox1 .conBox .textBox{
        padding-right: 0;
        margin-bottom: 0;
    }
    .indexBox1 .conBox .textBox .lText{
        padding-right: 0;
        margin-bottom: 20px;
    }
    .indexBox1 .conBox .textBox .lText h2{
        padding-bottom: 20px;
    }
    .indexBox1 .conBox .textBox .lText a{
        margin-top: 15px;
    }

    .indexBox2{
        margin-top: 80px;
    }
    .indexBox2 .itemBox{
        margin-bottom: 0;
        margin-left: -10px;
        margin-right: -10px;
    }
    .indexBox2 .item{
        padding: 0 10px;
    }
    .indexBox2 .item .title{
        padding-top: 55px;
        padding-right: 30px;
    }
    .indexBox2 .item .title a{
        width: 40px;
        height: 40px;
        -webkit-background-size: cover;
        background-size: cover;
        margin-top: 20px;
    }
    .indexBox2 .item .imgBox .textBox .text{
        padding: 0 15px;
    }
    .indexBox2 .item .imgBox .textBox .text h3{
        font-size: 18px;
        margin-top: 20px;
    }
    .indexBox2 .item .imgBox .textBox .text a{
        margin-top: 10px;
    }

    .indexBox3 .title h2{
        margin-bottom: 10px;
    }
    .indexBox3 .textBox{
        margin: 30px 0;
        padding-right: 130px;
    }
    .indexBox3 .textBox a{
        width: 120px;
        font-size: 16px;
    }
    .indexBox3 .itemConBox .itemBox .item{
        margin-bottom: 30px;
    }
    .indexBox3 .itemConBox .itemBox .item .text h3{
        font-size: 18px;
    }
    .indexBox3 .itemConBox .itemBox .item .text p{
        padding-right: 0;
    }
    .indexBox3 .itemConBox > .text a,
    .indexBox3 .itemConBox > .text p{
        font-size: 14px;
    }

    .indexBox4 .indexNewsSlick .lNews{
        padding: 20px;
    }
    .indexBox4 .indexNewsSlick .rNews{
        padding-left: 20px;
    }
    .indexBox4 .indexNewsSlick .lNews .text h3 a,
    .indexBox4 .indexNewsSlick .rNews h3 a{
        font-size: 18px;
    }
    .indexBox4 .indexNewsSlick .lNews .text p,
    .indexBox4 .indexNewsSlick .rNews .t p{
        line-height: 1.4;
    }
    .indexBox4 .indexNewsSlick .rNews .item{
        padding-right: 0;
    }
    .indexBox4 .indexNewsSlick .rNews .t{
        height: 55px;
    }
    .indexBox4 .indexNewsSlick .rNews .a{
        margin-top: 5px;
    }
    .indexBox4 .indexNewsSlick .rNews h3 a{
        display: block;
        overflow: hidden;
        text-overflow:ellipsis;
        white-space: nowrap;
    }
    .indexBox4 .indexNewsSlick .rNews h3 .time{
        font-size: 14px;
    }

    .footer_box .fast_navigation .itemBox .item:nth-of-type(1),
    .footer_box .fast_navigation .itemBox .item:nth-of-type(2),
    .footer_box .fast_navigation .itemBox .item:nth-of-type(3),
    .footer_box .fast_navigation .itemBox .item:nth-of-type(4){
        width: 14%;
    }
    .footer_box .fast_navigation .itemBox .item:nth-of-type(6){
        width: 21.5%;
    }
    .footer_box .fast_navigation .ewm p{
        padding-left: 0;
    }
    .footerForm .info{
        margin-bottom: 10px;
    }
    .footerForm .info.imgVerifyCode .tips{
        top: 24px !important;
    }

    .productBanner .img{
        height: 285px;
    }
    .productBanner .textBox .t h1{
        font-size: 20px;
    }
    .productMenuBox .productMenu h2{
        font-size: 20px;
    }
    .productListBox{
        padding-left: 20px;
    }
    .productListBox .itemBox .item h3 a{
        font-size: 20px;
    }
    .productInfo{
        padding-left: 20px;
    }
    .productInfo .textBox h2{
        font-size: 20px;
    }

    .zonglanBox1 .textBox{
        padding: 50px 0 30px;
    }
    .zonglanBox1 .itemBox{
        height: auto;
        background: none;
        padding: 0;
    }
    .zonglanBox1 .item .img{
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
    }
    .zonglanBox1 .item .text{
        padding-left: 10px;
        padding-right: 10px;
    }
    .zonglanBox1 .item .text h3{
        font-size: 20px;
    }
    .zonglanBox1 .item .text h3:before{
        font-size: 54px;
    }
    .zonglanBox1 .item .text p{
        font-size: 14px;
    }

    .zonglanBox2 .conBox .item{
        width: 25%;
        float: left;
        margin: 0 auto 10px;
        padding: 30px 5px 0;
    }

    .zhinengBox1{
        padding-bottom: 50px;
    }
    .zhinengBox1 .conBox .con{
        width: 100%;
        overflow: hidden;
        padding-right: 0;
    }
    .zhinengBox1 .conBox .con .text{
        width: 425px;
        float: left;
    }
    .zhinengBox1 .conBox .con .text:before{
        display: none;
    }
    .zhinengBox1 .conBox .con .imgBox{
        margin-left: 405px;
        margin-top: 0;
        border-left: 0;
        border-bottom: 0;
        padding-left: 20px;
        overflow: hidden;
    }
    .zhinengBox1 .conBox .con .imgBox .img{
        width: 50%;
        float: left;
        text-align: right;
        margin-bottom: 0;
    }
    .zhinengBox1 .conBox .poaImg{
        width: 100%;
        position: initial;
        top: auto;
        bottom: auto;
        right: auto;
        left: auto;
    }

    .qitaBox1 .imgBox .text span{
        width: 170px;
        height: 125px;
        line-height: 125px;
    }
    .qitaBox1 .qitaInfo .con{
        padding: 60px 30px;
    }
    .qitaBox1 .qitaInfo .con li{
        margin-bottom: 6px;
    }

    .zhuisuBox1 .textBox h3{
        width: 290px;
    }

    .applicationBox1 .item .textBox{
        padding-top: 0;
    }

    .applicationBanner .img{
        padding-top: 380px;
    }


    .dairyBox2{
        width: 992px;
        margin: auto;
    }
    .dairyBox2 .textBox{
        width: 100%;
    }
    .dairyBox2 .textBox .text{
        width: 100%;
        padding-top: 50px;
        padding-left: 10px;
        padding-right: 10px;
    }
    .dairyBox2 .imgBox{
        display: none;
    }
    .dairyBox5 .itemBox .item{
        width: 142px;
    }
    .dairyBox5 .itemBox .item .text{
        padding-right: 0;
    }
    .dairyBox5 .itemBox .item.on .text{
        padding-right: 130px;
    }
    .dairyBox6 .img{
        margin-top: 0;
        padding-top: 27.75%;
        height: auto;
        -webkit-background-size: cover;
        background-size: cover;
    }

    .drinksBox1{
        background: none;
    }
    .dairyBox3 .itemBox:before{
        display: none;
    }
    .drinksBox2 .itemBox .item{
        width: 16.6666%;
        padding-bottom: 0;
        margin-bottom: 10px;
        background: none;
    }
    .drinksBox4 .itemBox .item{
        width: 16.66666%;
    }

    .drinksBox1 .textBox .text{
        padding-left: 0;
        padding-right: 0;
    }

    .medicineBox2 .itemBox{
        background: none;
    }
    .medicineBox2 .itemBox .conBox{
        height: auto;
    }
    .medicineBox2 .itemBox .item{
        position: initial;
        width: 12.5%;
        float: left;
        background: none;
        padding-bottom: 0;
        margin-bottom: 10px;
    }
    .medicineBox2 .itemBox .item.itemBot,
    .medicineBox2 .itemBox .item.itemBot .text{
        -webkit-transform: rotateX(0);
        -moz-transform: rotateX(0);
        -ms-transform: rotateX(0);
        -o-transform: rotateX(0);
        transform: rotateX(0);
    }
    .foodBox3{
        margin: 50px 0;
    }
    .foodBox4{
        height: auto;
        padding: 110px 0;
    }
    .foodBox4:before{
        display: none;
    }
    .foodBox4 .itemBox{
        display: block;
    }
    .foodBox2 .title h2{
        margin-top: 45px;
    }
    .dairyBox6 .title h2{
        padding-top: 0;
    }

    .healthcareBox3 .conBox{
        padding-right: 0;
    }
    .healthcareBox3 .title{
        width: 100%;
        position: relative;
        z-index: 10;
    }

    .customerServiceBanner .img{
        padding-top: 340px;
    }
    .customerServiceBox1 .item{
        width: 100%;
        margin-bottom: 10px;
    }
    .customerServiceBox1 .item:nth-of-type(2n) .img,
    .customerServiceBox1 .item:nth-of-type(2n) .text{
        float: right;
    }
    .customerServiceBox1 .item:nth-of-type(2n+1) .img,
    .customerServiceBox1 .item:nth-of-type(2n+1) .text{
        float: left;
    }

    .aboutBanner .img{
        padding-top: 340px;
    }

    .aboutBox1 .textBox{
        width: 992px;
        margin: auto;
        float: none;
        overflow: hidden;
    }
    .aboutBox1 .textBox .text{
        width: 100%;
        float: left;
        padding-top: 0;
        margin-bottom: 30px;
    }
    .aboutBox1 .textBox h3{
        padding-bottom: 20px;
        margin-bottom: 20px;
    }
    .aboutBox1 .textBox .t{
        padding-right: 0;
    }
    .aboutBox1 .imgBox{
        width: 992px;
        margin: auto;
        float: none;
        overflow: hidden;
    }
    .aboutBox1 .imgBox .img{
        border-bottom-left-radius: 0;
        padding-top: 60%;
        height: auto;
        -webkit-background-size: cover;
        background-size: cover;
    }

    .aboutBox2 .itemBox .conBox{
        margin: 80px 20px 70px;
    }
    .aboutBox3{
        padding: 50px 0;
    }
    .aboutBox3 .title h2{
        margin-bottom: 20px;
    }
    .aboutBox5 .rightContent .textBox{
        padding-top: 0;
        padding-right: 0;
    }

    .recruitBox1 .title h2{
        font-size: 38px;
    }

    .recruitBox2 .jobSearch{
        padding: 30px;
    }
    .recruitBox2 .jobSearch .info{
        width: 380px;
    }

    .contactBox1 .contactFormBox{
        width: 100%;
    }
    .contactBox1 .contactForm{
        width: 992px;
        margin: auto;
        float: none;
        padding-right: 0;
    }
    .contactBox1 .contactMap{
        width: 100%;
        float: left;
        padding: 0;
    }
    .contactBox1 .contactMap #baiduMapPanel{
        width: 992px;
        margin: auto;
    }

    .contactBanner .img{
        padding-top: 340px;
    }
    .contactBanner .text h1{
        font-size: 44px;
    }
    .contactBox2 .item .conBox ul li,
    .contactBox2 .item .conBox ul li p,
    .contactBox2 .item .conBox ul li span,
    .contactBox2 .item .conBox ul li a,
    .contactBox1 .contactForm .text p{
        font-size: 16px;
    }
    .contactBox2 .item .conBox ul li{
        background-position: left -3px;
    }
}
@media (max-width: 992px){
    h1, h2, h3, h4, h5, h6{
        line-height: 1.4;
    }
    body{
        padding-top: 60px;
    }
    /*移动端隐藏模块*/
    .header {
        display: none;
    }

    /*移动端头部*/
    .m_header {
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        background: #ffffff;
        border-bottom: 1px solid #f0f0f0;
        z-index: 99999;
    }

    .m_header {
        height: 60px;
    }

    .m_lang{
        position: absolute;
        right: 10px;
        top: 50%;
        margin-top: -10px;
    }
    .m_lang a{
        display: inline-block;
        float: left;
        font-size: 14px;
        color: #1c1c1c;
        margin-left: 5px;
        padding-right: 30px;
        line-height: 20px;
        background-repeat: no-repeat;
        background-position: right center;
    }
    .logo_box {
        text-align: left;
        height: 60px;
        margin: 0 60px;
        line-height: 0;
        font-size: 0;
        zoom: 1;
    }

    .logo_box img {
        height: 70%;
        margin-top: 9px;
    }

    /*移动端菜单按钮*/
    .nav_toggle {
        color: #fff;
        -webkit-transform: scale(0.7);
        -moz-transform: scale(0.7);
        -ms-transform: scale(0.7);
        -o-transform: scale(0.7);
        transform: scale(0.7);
        transform-origin: 50% 50%;
        position: absolute;
        top: 50%;
        left: 10px;
        margin-top: -13px;
        z-index: 999;
    }

    .nav_toggle {
        cursor: pointer;
        padding: 10px 35px 16px 0;
    }

    .nav_toggle span,
    .nav_toggle span:before,
    .nav_toggle span:after {
        cursor: pointer;
        height: 3px;
        width: 40px;
        background: #10497e;
        position: absolute;
        display: block;
        content: '';
    }

    .nav_toggle span:before {
        top: -10px;
    }

    .nav_toggle span:after {
        bottom: -10px;
    }

    .nav_toggle span,
    .nav_toggle span:before,
    .nav_toggle span:after {
        transition: all 500ms ease-in-out;
        -webkit-transition: all 500ms ease-in-out;
        -moz-transition: all 500ms ease-in-out;
        -o-transition: all 500ms ease-in-out;
    }

    .nav_toggle.active span {
        background-color: transparent;
    }

    .nav_toggle.active span:before,
    .nav_toggle.active span:after {
        top: 0;
    }

    .nav_toggle.active span:before {
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
    }

    .nav_toggle.active span:after {
        transform: translateY(-10px) rotate(-45deg);
        -webkit-transform: translateY(-10px) rotate(-45deg);
        -ms-transform: translateY(-10px) rotate(-45deg);
        top: 10px;
    }

    /*移动端导航*/
    .m_header .m_nav {
        display: none;
        position: fixed;
        top: 60px;
        left: 0;
        bottom: 0;
        width: 100%;
        background: #ffffff;
        z-index: 2;
        overflow: auto;
        border-top: 1px solid #f0f0f0;
        margin-top: -1px;
    }

    .m_header .m_nav_list a {
        display: block;
        width: 100%;
        padding: 0 20px;
        line-height: 35px;
        text-align: left;
        font-size: 14px;
        color: #000000;
    }

    .m_header .m_nav_list a span{
        font-size: 14px;
        color: #000000;
    }

    .m_header .m_nav_list > li {
        position: relative;
        border-bottom: 1px solid #f0f0f0;
        transition: transform .5s ease;
        transform: matrix(1, -1, 0, 1, 200, 100);
    }

    .m_header .m_nav_list > li > i {
        position: absolute;
        width: 20px;
        height: 20px;
        background: #000;
        top: 8px;
        right: 10px;
        background: url("/public/static/images/home/zh-cn/reset/li_click.png") no-repeat top center;
    }

    .m_header .m_nav_list > li > a {
        opacity: 0;
    }

    .m_header .m_nav_list .dropdown .dropdown_menu {
        height: 0;
        overflow: hidden;
    }

    .m_header .m_nav_list .dropdown .dropdown_menu.on {
        height: auto;
    }

    .m_header .m_nav_list .dropdown_menu > li {
        border-top: 1px solid #f0f0f0;
        background: #f5f5f5;
    }

    .footer_box .fast_navigation .itemBox .item:nth-of-type(1),
    .footer_box .fast_navigation .itemBox .item:nth-of-type(2),
    .footer_box .fast_navigation .itemBox .item:nth-of-type(3),
    .footer_box .fast_navigation .itemBox .item:nth-of-type(4){
        display: none;
    }
    .footer_box .fast_navigation .itemBox .item{
        width: 50% !important;
    }
    .footer_box .fast_navigation .ewm{
        margin-top: 15px;
    }

    .banner .conBox .bannerText{
        width: 100%;
        top: auto;
        bottom: 0;
    }
    .banner .conBox .bannerText .text{
        width: 767px;
        margin: auto;
        float: none;
        padding: 10px 0;
    }
    .banner .conBox .bannerText .text h1{
        font-size: 20px;
        margin-bottom: 10px;
    }
    .banner .conBox .bannerText .text p{
        line-height: 1.4;
    }
    .banner .conBox .bannerText .text a{
        margin-top: 5px;
    }
    .banner .conBox .bannerText .text p,
    .banner .conBox .bannerText .text a{
        font-size: 13px;
    }

    .indexBox2 .itemBox{
        margin-left: -5px;
        margin-right: -5px;
    }
    .indexBox2 .item .title{
        padding: 0;
        overflow: hidden;
        margin-bottom: 30px;
    }
    .indexBox2 .title h2{
        color: #474744;
    }
    .indexBox2 .item .title p{
        color: #505050;
    }
    .indexBox2 .item .title a{
        font-size: 14px;
        width: auto;
        height: auto;
        color: #505050;
        margin-top: 10px;
    }
    .indexBox2 .item{
        width: 33.33%;
        padding: 0 5px;
    }
    .indexBox2 .item .imgBox{
        margin-bottom: 10px;
    }
    .indexBox2 .item .imgBox .textBox .img{
        padding: 0 25px;
    }

    .indexBox3 .textBox{
        padding: 20px 40px;
    }
    .indexBox3 .textBox p{
        padding: 0;
        min-height: 0;
        text-align: center;
    }
    .indexBox3 .textBox a{
        position: initial;
        margin: auto;
        top: auto;
        bottom: auto;
        right: auto;
        left: auto;
        line-height: 40px;
        margin-top: 10px;
    }

    .indexBox3 .itemConBox .itemBox{
        margin-left: -5px;
        margin-right: -5px;
    }
    .indexBox3 .itemConBox .itemBox .item{
        padding: 0 5px;
    }
    .indexBox3 .itemConBox .itemBox .item .text a{
        margin-top: 10px;
    }

    .indexBox4{
        padding-top: 50px;
        padding-bottom: 40px;
        margin-bottom: 0;
    }
    .indexBox4 .indexNewsSlick .lNews{
        width: 100%;
        margin-bottom: 30px;
        background: #f0f0f0;
    }
    .indexBox4 .indexNewsSlick .rNews{
        width: 100%;
        padding-left: 0;
        margin-top: -1px;
    }
    .indexBox4 .indexNewsSlick .rNews .t{
        height: auto;
    }
    .indexBox4 .indexNewsSlick .slick_first{
        display: none;
    }
    .indexBox4 .indexNewsSlick .slick_first:nth-of-type(1){
        display: block;
    }
    .indexBox4 .indexNewsSlick .lNews .img{
        margin: 10px 0 20px;
    }
    .indexBox5{
        padding-top: 10px;
    }
    .footer_box .fast_navigation .itemBox .item .text a{
        font-size: 24px;
    }
    .footer_box .footer_copyright .text{
        width: 100%;
        float: none;
        text-align: center;
    }
    .footer_box .footer_copyright .bdsharebuttonbox{
        float: none;
        display: block;
        text-align: center;
    }


    .productBanner .textBox .text p{
        font-size: 14px;
    }
    .productMenuBox{
        width: 220px;
    }
    .productContentBox{
        margin-left: 220px;
    }
    .productInfo .textBox{
        margin-bottom: 40px;
    }
    .productInfo .itemBox .text{
        padding: 20px 10px 0;
    }

    .guobaojiListBox{
        padding-left: 20px;
    }
    .guobaojiListBox .textBoxCon .text h2 span,
    .guobaojiListCon .guobaojiList h3 a{
        font-size: 20px;
    }
    .guobaojiListCon .guobaojiList .conBox .text{
        padding: 0 0 0 20px;
    }
    .guobaojiListCon .guobaojiList .conBox .text p{
        line-height: 1.4;
    }
    .guobaojiListCon .guobaojiList .conBox .text a{
        margin-top: 15px;
    }

    .productInfoBox .conBox{
        padding-right: 0;
    }
    .productInfoBox .conBox .textBox{
        padding-right: 0;
    }
    .productInfoBox .conBox .textBox .a{
        padding-top: 0;
        padding-bottom: 30px;
    }
    .productInfoBox .conBox .imgBox{
        position: initial;
        top: auto;
        right: auto;
        overflow: hidden;
    }
    .productDetailConBox1 .productVideo{
        width: 100%;
    }
    .productDetailConBox1 .productVideo img{
        width: 100%;
    }
    .productDetailConBox1 .productTedian{
        width: 100%;
        padding-left: 0;
    }

    .zonglanBox1 .item{
        width: 33.33%;
        padding: 0;
        height: auto;
    }
    .zonglanBox1 .item .img{
        position: initial;
        top: auto;
        bottom: auto;
        left: auto;
        right: auto;
    }
    .zonglanBox1 .item .text{
        margin: 0;
        padding-top: 0;
        margin-bottom: 15px;
    }
    .zonglanBox1 .item:nth-of-type(2n){
        padding-bottom: 0;
    }
    .zonglanBox1 .item:nth-of-type(2n) .text{
        margin-top: 0;
        padding-bottom: 0;
    }
    .zonglanBox1 .item .text h3{
        position: initial;
        padding: 40px !important;
        padding-bottom: 0 !important;
        top: auto !important;
        bottom: auto !important;
        right: auto !important;
        left: auto !important;
    }
    .zonglanBox1 .item .text h3:before{
        top: 0 !important;
        bottom: auto !important;
    }
    .zonglanBox1 .item:nth-of-type(2n) .text p{
        margin-bottom: 0;
        margin-top: 10px;
    }

    .zonglanBox2 .imgBox{
        padding-top: 44%;
    }
    .zonglanBox2 .imgBox .video_click:after{
        background-position: center center;
    }
    .zonglanBox2 .conBox{
        position: initial;
        bottom: auto;
    }
    .zonglanBox2 .conBox .item .text p{
        font-size: 14px;
    }

    .zhinengBox1 .title h2,
    .zhinengBox2 .text h2,
    .zhinengBox4 .textBox h2,
    .zhinengBox5 .title h2{
        font-size: 20px;
    }
    .zhinengBox1 .title p,
    .zhinengBox1 .conBox .con .text p,
    .zhinengBox2 .text p,
    .zhinengBox4 .textBox p,
    .zhinengBox4 .conBox .text p,
    .zhinengBox5 .title p{
        font-size: 14px;
    }
    .zhinengBox1{
        padding: 40px 0;
    }
    .zhinengBox1 .conBox .con .text{
        width: 100%;
        padding: 30px;
        margin-bottom: 30px;
    }
    .zhinengBox1 .conBox .con .imgBox{
        display: none;
    }
    .zhinengBox2 .text{
        width: 100%;
        margin-bottom: 10px;
    }
    .zhinengBox2 .text.r{
        padding-left: 0;
    }
    .zhinengBox3 .imgBox{
        padding-bottom: 60px;
    }
    .zhinengBox4 .conBox .text{
        width: 100%;
        height: auto;
        padding: 0;
        margin-bottom: 30px;
    }
    .zhinengBox4 .conBox .text:before{
        display: none;
    }
    .zhinengBox4 .conBox .img{
        width: 100%;
        margin-left: 0;
        float: left;
    }
    .zhinengBox5 .conBox > .img{
        width: 100%;
    }
    .zhinengBox5 .conBox > .img img{
        width: 100%;
    }
    .zhinengBox5 .conBox .textBox{
        width: 100%;
        float: left;
        text-align: left;
        padding: 20px;
    }
    .zhinengBox5 .conBox .textBox h3{
        font-size: 14px;
        margin-bottom: 10px;
    }
    .zhinengBox5 .conBox .textBox .imgBox{
        overflow: hidden;
    }
    .zhinengBox5 .conBox .textBox .img{
        width: 50%;
        float: left;
    }

    .fenjianBox1 .leftImg{
        width: 100%;
        padding-top: 55%;
    }
    .fenjianBox1 .rightBox{
        width: 767px;
        margin: auto;
        float: none;
    }
    .fenjianBox1 .rightBox .con{
        padding-left: 0;
    }
    .fenjianBox2{
        margin-top: 40px;
    }
    .fenjianBox4 .title{
        padding: 50px 0;
    }
    .fenjianBox5 .item{
        width: 50%;
    }
    .fenjianBox5 .item:after{
        right: 185px;
    }

    .qitaBox1 .qitaTable{
        width: 100%;
        padding-right: 0;
    }
    .qitaBox1 .qitaInfo{
        width: 100%;
        padding-left: 0;
        margin-top: 20px;
    }
    .qitaBox1 .qitaInfo .con{
        padding: 30px;
    }
    .qitaBox2 .imgBox .text{
        width: 100%;
        padding: 50px 20px 0;
    }
    .qitaBox3 .conBox{
        padding: 30px;
    }
    .qitaBox4 .textBox .text{
        width: 100%;
    }
    .qitaBox5{
        margin-top: 50px;
    }
    .qitaBox5 .img{
        width: 100%;
    }
    .qitaBox5 .text{
        width: 100%;
        padding-top: 20px;
    }
    .qitaBox6 .text{
        padding: 35px 50px 25px;
    }
    .qitaBox6 .imgBox{
        margin-top: 0;
    }

    .zhuisuBox1 .textBox .t{
        width: 180px;
        padding: 45px 15px 0;
    }

    .zhuisuBox1 .title h2,
    .zhuisuBox2 .title h2,
    .zhuisuBox3 .conBox h2,
    .zhuisuBox3 .textBox h2{
        font-size: 20px;
    }
    .zhuisuBox1 .title p,
    .zhuisuBox1 .textBox .t p,
    .zhuisuBox1 .textBox h3 span,
    .zhuisuBox2 .item h3,
    .zhuisuBox3 .textBox p,
    .zhuisuBox3 .conBox .item .t p{
        font-size: 14px;
    }
    .zhuisuBox2 .title h2{
        margin-bottom: 30px;
    }

    .zhuisuBox2 .item{
        width: 100%;
        margin-bottom: 30px;
    }

    .applicationBox1 .item{
        background: none !important;
    }
    .applicationBox2 .itemBox:before{
        height: 370px;
    }

    .applicationBox1 .item .textBox h2,
    .applicationBox2 .itemBox .item .conBox .text h2{
        font-size: 20px;
    }

    .applicationBanner .text p{
        padding: 0;
    }

    .dairyBox2{
        width: 767px;
    }
    .dairyBox3 .itemBox:before{
        display: none;
    }
    .dairyBox3 .itemBox .item{
        background: none;
        width: 20%;
        padding-bottom: 0;
        margin-bottom: 10px;
    }

    .dairyBox5 .itemBox .item,
    .dairyBox5 .itemBox .item.on{
        width: 565px;
        margin: 0 auto 20px;
        float: none;
    }

    .dairyBox5 .itemBox .item.on .text,
    .dairyBox5 .itemBox .item .text{
        padding-right: 130px;
    }
    .dairyBox5 .itemBox .item.on .text h3,
    .dairyBox5 .itemBox .item .text h3{
        background: url("/public/static/images/home/zh-cn/dairyVideoBj.png") no-repeat right center;
    }
    .dairyBox5 .itemBox .item .text .a{
        display: block;
    }
    .dairyBox9 .text{
        padding: 0;
    }

    .drinksBox3 .itemBox .item{
        width: 565px;
        margin: 0 auto 20px;
        float: none;
    }

    .healthcareBox3 .imgBox{
        display: none;
    }

    .customerServiceBox2 .text{
        padding: 40px 20px;
    }
    .customerServiceBox3 .title{
        padding: 50px 0 30px;
    }

    .download_bt{
        font-size: 20px;
    }

    .serviceConceptBox1 .itemBox .item{
        width: 100% !important;
        margin-bottom: 10px;
    }
    .serviceConceptBox1 .itemBox .item .text{
        min-height: 0;
    }
    .serviceConceptBox1 .itemBox .item:nth-of-type(1) .text{
        min-height: 240px;
    }
    .serviceConceptBox2{
        padding-top: 50px;
    }
    .serviceConceptBox2 .itemBox{
        margin: 0;
        overflow: hidden;
    }
    .serviceConceptBox2 .conBox{
        height: auto;
        padding-bottom: 50px;
        margin-bottom: 50px;
    }
    .serviceConceptBox3 .title{
        margin-bottom: 40px;
    }
    .serviceConceptBox3 .itemBox{
        margin-bottom: 60px;
    }
    .serviceConceptBox3 .text{
        padding: 35px 20px 0;
    }

    .dingzhiBox .dingzhiForm{
        width: 100%;
    }
    .dingzhiBox .dingzhiTextBox{
        width: 100%;
        float: left;
        padding-left: 0;
    }
    .dingzhiBox .dingzhiForm .text h2,
    .dingzhiBox .dingzhiTextBox .conBox h2{
        font-size: 20px;
    }
    .dingzhiBox .dingzhiForm .form .info input[type="submit"],
    .dingzhiBox .dingzhiTextBox .conBox p,
    .dingzhiBox .dingzhiTextBox .conBox a{
        font-size: 14px;
    }
    .dingzhiBox .dingzhiTextBox .conBox{
        padding: 50px 20px;
    }
    .dingzhiBox .dingzhiTextBox .conBox:before{
        width: 300px;
        height: 300px;
    }

    .aboutBox1 .textBox,
    .aboutBox1 .imgBox{
        width: 767px;
    }
    .aboutBox1 .textBox h3,
    .aboutBox2 .title h2,
    .aboutBox2 .itemBox .conBox h3,
    .aboutBox3 .title h2,
    .aboutBox4 .title h2,
    .aboutBox5 .leftContent .t h3,
    .aboutBox5 .rightContent .textBox h2,
    .aboutBox5 .rightContent .itemBox .text h3,
    .aboutBox6 .title h2,
    .aboutBox7 .text p{
        font-size: 20px;
    }
    .aboutBox3 .aboutHistoryContent .text h3{
        font-size: 16px;
    }

    .aboutBox3 .aboutHistoryContent{
        margin: 0;
    }
    .slick-dots{
        left: 0;
        right: 0;
    }
    .aboutBox5 .leftContent{
        width: 100%;
        background: #2c53a3;
        padding: 20px;
    }
    .aboutBox5 .leftContent .textBox .img{
        display: none;
    }
    .aboutBox5 .leftContent .textBox .text{
        position: initial;
        top: auto;
        bottom: auto;
        left: auto;
        right: auto;
        margin: 0;
    }
    .aboutBox5 .leftContent .t{
        display: none;
    }
    .aboutBox5 .rightContent{
        width: 100%;
    }
    .aboutBox5 .rightContent .textBox h2{
        margin-bottom: 15px;
        margin-top: 20px;
    }
    .aboutBox5 .rightContent .textBox{
        margin-bottom: 30px;
    }

    .aboutBox3 .aboutHistoryContent{
        padding: 0 80px;
    }

    .newsMenuBox{
        width: 220px;
    }
    .newsContentBox{
        margin-left: 220px;
        padding-left: 20px;
    }

    .recruitBox1 .title h2{
        text-align: center;
    }
    .recruitBox1 .conBox .itemBox .item{
        margin-bottom: 10px;
    }
    .recruitBox1 .conBox .itemBox .item .text,
    .recruitBox1 .conBox .itemBox .item .img{
        width: 100%;
    }
    .recruitBox1 .conBox .itemBox .item .text{
        padding: 0;
        padding-bottom: 10px;
    }
    .recruitBox1 .conBox .itemBox .item:nth-of-type(2n) .text{
        padding: 20px;
    }
    .recruitBox1 .conBox .itemBox .item .img  img{
        width: 100%;
    }
    .recruitBox2 .jobSearch .info{
        width: 100%;
        margin-bottom: 10px;
    }
    .recruitBox2 .jobSearch .info input[type="submit"]{
        margin-left: 115px;
    }

    .recruitBox1 .title h2{
        font-size: 32px;
    }

    .contactBox1 .contactForm,
    .contactBox1 .contactMap #baiduMapPanel{
        width: 767px;
    }
    .contactBox2 .item{
        width: 100%;
    }
    .contactBanner .text h1{
        font-size: 36px;
    }

    .contactBox2 .item .conBox ul li,
    .contactBox2 .item .conBox ul li p,
    .contactBox2 .item .conBox ul li span,
    .contactBox2 .item .conBox ul li a,
    .contactBox1 .contactForm .text p{
        font-size: 14px;
    }
    .dairyBox4 .video_click:after,
    .dairyBox4.medicineVideoBox .video_click:after{
        -webkit-background-size: 66px;
        background-size: 66px;
    }
}
@media (max-width: 767px){
    .footer_box{
        padding-bottom: 0;
    }

    .indexBox1 .conBox .textBox .lText h2,
    .indexBox2 .title h2,
    .indexBox4 .title h2,
    .indexBox5 .title h2,
    .indexBox3 .title h2,
    .productBanner .textBox .t span,
    .productBanner .textBox .text h2,
    .productBanner .textBox .t h1,
    .applicationBanner .text h1,
    .dairyBox1 h1,
    .dairyBox2 .textBox .text h2,
    .dairyBox3 .title h2,
    .dairyBox4 .title h2,
    .dairyBox5 .title h2,
    .dairyBox6 .title h2,
    .dairyBox7 .title h2,
    .dairyBox8 .title h2,
    .dairyBox9 .text h2 span,
    .drinksBox3 .title h2,
    .medicineBox2 .title h2,
    .healthcareBox4 .title h2,
    .serviceConceptBox1 .title h2,
    .serviceConceptBox2 .title h2,
    .serviceConceptBox3 .title h2,
    .aboutBox1 .textBox .title h2 span,
    .aboutBox1 .textBox .title h2,
    .aboutBanner .text h1,
    .recruitBox1 .conBox .itemBox .item .text h3,
    .recruitBox2 .title h2,
    .recruitBox3 .jobFormBox h2,
    .contactBox1 .contactForm .text h2,
    .contactBox2 .title h2{
        font-size: 26px;
    }
    .banner .conBox .bannerText .text{
        width: 100%;
        padding: 10px;
    }
    .indexBox1{
        padding-top: 40px;
    }
    .indexBox1 .conBox .textBox .rText h2,
    .indexBox1 .conBox .textBox .rText span{
        font-size: 22px;
    }
    .indexBox2{
        margin-top: 50px;
    }
    .indexBox3 .itemConBox{
        margin: 0;
    }
    .indexBox3 .itemConBox .itemBox{
        padding-top: 40px;
    }
    .indexBox3 .itemConBox .itemBox .slick-dots{
        bottom: 0;
    }
    .indexBox3 .itemConBox .itemBox .slick-dots .slick-active{
        background: #2c53a3;
    }
    .indexBox3 .itemConBox .itemBox .item .text .t{
        overflow: hidden;
    }
    .indexBox3 .itemConBox > .text{
        margin-top: 10px;
    }

    .indexBox2 .item .imgBox .textBox{
        bottom: -48px;
        background: rgba(245,245,245,.8);
    }
    .indexBox2 .item .imgBox:hover .textBox{
        top: auto;
        bottom: 0;
    }
    .indexBox2 .item .imgBox .textBox .img,
    .indexBox2 .item .imgBox .textBox .text p,
    .indexBox2 .item .imgBox .textBox .text a{
        display: none;
    }
    .indexBox2 .item .imgBox .textBox .text h3{
        margin: 10px 0;
        font-size: 14px;
    }

    .indexBox3 .textBox a{
        font-size: 14px;
        line-height: 36px;
    }

    .indexBox5 .title h2{
        margin-bottom: 20px;
    }

    .productBanner .img{
        height: 185px;
    }
    .productBanner .textBox{
        top: auto;
        bottom: 10px;
    }
    .productBanner .textBox .t span{
        display: none;
    }
    .productBanner .textBox .t h1{
        font-weight: 700;
        margin-top: 0;
    }
    .productBanner .textBox .text p{
        display: none;
    }
    .productMenuBox{
        display: none;
    }
    .productContentBox{
        width: 100%;
        margin-left: 0;
        padding-left: 0;
    }
    .productListBox,
    .productInfo,
    .guobaojiListBox{
        padding-left: 0;
    }

    .productInfoBox .conBox .textBox .title span,
    .productDetailConBox1 .productTedian h3,
    .productDetailConBox2 h3,
    .productDetailConBox3 h3{
        font-size: 20px;
    }
    .productInfoBox .conBox .textBox .text p,
    .productInfoBox .conBox .textBox .a a,
    .productDetailConBox1 .productTedian ul li p,
    .productDetailConBox2 table tr td,
    .productDetailConBox4 .text p,
    .productDetailConBox4 .text a{
        font-size: 14px;
    }
    .productInfoBox .conBox .textBox .a a{
        width: 140px;
    }
    .productInfoBox .conBox{
        padding-bottom: 50px;
    }
    .productDetailConBox2{
        padding-top: 50px;
    }
    .productDetailConBox3{
        padding-top: 50px;
    }
    .productDetailConBox4{
        padding: 30px 0 50px;
    }
    .zhinengBox3 .imgBox .slick-dots .slick-active{
        background: #2c53a3;
    }


    .fenjianBox1 .title h1,
    .fenjianBox1 .rightBox h2 span,
    .fenjianBox2 .text h2,
    .fenjianBox3 .title h2,
    .fenjianBox4 .title h2{
        font-size: 20px;
    }
    .fenjianBox1 .title p,
    .fenjianBox1 .rightBox .img span,
    .fenjianBox2 .text ul li p,
    .fenjianBox4 .title .t p,
    .fenjianBox5 .item .text .t p{
        font-size: 14px;
    }
    .fenjianBox1 .rightBox{
        width: 100%;
        float: left;
        padding: 0 10px;
    }
    .fenjianBox2{
        height: auto;
        position: relative;
        -webkit-background-size: cover;
        background-size: cover;
    }
    .fenjianBox2:before{
        position: absolute;
        content: '';
        width: 10px;
        top: 0;
        bottom: 0;
        left: 0;
        background: rgba(46,83,164,.88);
    }
    .fenjianBox2:after{
        position: absolute;
        content: '';
        width: 10px;
        top: 0;
        bottom: 0;
        right: 0;
        background: rgba(46,83,164,.88);
    }
    .fenjianBox2 .text{
        width: 100%;
        height: auto;
        padding: 40px 0;
    }
    .fenjianBox4 .title{
        overflow: hidden;
    }
    .fenjianBox4 .title h2{
        width: 100%;
        padding-top: 0;
        padding-bottom: 10px;
    }
    .fenjianBox4 .title .t{
        width: 100%;
        margin-left: 0;
        float: left;
        padding-left: 0;
    }
    .fenjianBox5{
        margin: 40px 0;
    }
    .fenjianBox5 .item:after{
        display: none;
    }
    .fenjianBox5 .item .text{
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
    }

    .qitaBox1 .imgBox .text span,
    .qitaBox2 .title h2,
    .qitaBox4 .textBox .text h2,
    .qitaBox4 .textBox .text .t h3,
    .qitaBox5 .text h2,
    .qitaBox5 .text .t h3,
    .qitaBox6 .text h2,
    .qitaBox6 .text h3{
        font-size: 20px;
    }
    .qitaBox1 .qitaInfo .con li p,
    .qitaBox2 .imgBox .text li p,
    .qitaBox4 .textBox .text .t p,
    .qitaBox5 .text .t p,
    .qitaBox6 .text p{
        font-size: 14px;
    }
    .qitaBox2 .imgBox{
        width: 100%;
    }
    .qitaBox3{
        margin-top: 40px;
    }
    .qitaBox3 .conBox{
        margin-bottom: 40px;
    }
    .qitaBox4 .textBox .text h2{
        width: 100%;
        padding-bottom: 10px;
    }
    .qitaBox4 .textBox .text .t{
        margin-left: 0;
        float: left;
        padding-left: 0;
    }

    .cankuguanliBox1 .title h2,
    .cankuguanliBox1 .title h3,
    .cankuguanliBox2 .title h2,
    .cankuguanliBox3 .title h2,
    .cankuguanliBox3 .title h3{
        font-size: 20px;
    }
    .cankuguanliBox2 .item .con p{
        font-size: 14px;
    }
    .cankuguanliBox1 .itemBox{
        margin-left: -5px;
        margin-right: -5px;
    }
    .cankuguanliBox1 .item{
        width: 25%;
        padding: 0 5px;
        margin-bottom: 10px;
    }
    .cankuguanliBox1 .item:last-child{
        width: 100%;
    }
    .cankuguanliBox1 .item.items .con{
        height: 225px;
    }
    .cankuguanliBox2 .item{
        width: 33.33%;
        margin-bottom: 10px;
    }

    .pmaBox1 .title h2,
    .pmaBox2 .title h2{
        font-size: 20px;
    }
    .pmaBox2{
        padding-top: 50px;
    }

    .zhuisuBox1{
        padding: 50px 0;
    }
    .zhuisuBox1 .textBox h3:before, .zhuisuBox1 .textBox h3:after{
        display: none;
    }
    .zhuisuBox1 .textBox .t{
        position: initial;
        top: auto;
        bottom: auto;
        left: auto;
        right: auto;
        width: 100%;
        padding-top: 0;
    }
    .zhuisuBox1 .textBox h3{
        width: 100%;
        padding: 20px 0;
        margin-bottom: 20px;
    }

    .applicationBox1 .item .textBox{
        width: 100%;
        padding: 0 !important;
    }
    .applicationBox1 .item .textBox a{
        margin-top: 15px;
        margin-bottom: 20px;
    }
    .applicationBox1 .item .imgBox{
        width: 100%;
    }
    .applicationBox2 .itemBox{
        padding-left: 20px;
        padding-right: 20px;
    }
    .applicationBox2 .itemBox .item{
        padding: 0 10px;
    }
    .applicationBox2 .itemBox:before{
        height: 280px;
    }

    .dairyBox2{
        width: 100%;
    }
    .dairyBox2 .textBox .text .item{
        height: auto;
        min-height: 66px;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        border-radius: 15px;
    }
    .dairyBox2 .textBox .text .item .t{
        position: initial;
        margin: auto !important;
        padding: 15px 15px 15px 0;
    }
    .dairyBox3{
        margin-top: 40px;
    }
    .dairyBox3 .title h2{
        margin-bottom: 20px;
    }
    .dairyBox4 .title h2{
        margin: 40px 0 40px;
    }

    .dairyBox7 .itemBox .item{
        width: 20%;
    }
    .dairyBox8{
        margin-top: 40px;
    }
    .dairyBox8 .title h2{
        margin-bottom: 20px;
    }
    .dairyBox9 .text h2 span{
        background: none;
    }
    .dairyBox9{
        padding: 40px 0;
    }
    .dairyBox9 .text h2:before{
        display: none;
    }
    .dairyBox9 .text a{
        position: initial;
        top: auto;
        bottom: auto;
        left: auto;
        right: auto;
        margin-top: 10px;
    }

    .medicineBox2 .itemBox .item{
        width: 16.66666%;
    }

    .drinksBox1 .textBox .text .item:nth-of-type(4){
        height: auto;
    }

    .serviceConceptBox2 .itemBox .item:before{
        display: none;
    }
    .serviceConceptBox2 .itemBox .item .text{
        width: 100%;
        height: auto;
        padding: 20px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

    .aboutBox1 .textBox, .aboutBox1 .imgBox{
        width: 100%;
        padding: 0 10px;
    }
    .aboutBox2 .itemBox .item{
        width: 100%;
    }
    .aboutBox2 .itemBox .conBox{
        margin: 20px 0;
    }
    .aboutBox2 .itemBox .item:hover{
        margin: 0;
        padding: 0;
        background: none;
        transition: all .3s;
    }
    .aboutBox2 .itemBox .item:hover .conBox{
        padding-left: 100px;
        min-height: 66px;
        text-align: left;
        padding-top: 0;
        margin-top: 20px;
        background-repeat: no-repeat;
        background-position: left top;
    }
    .aboutBox2 .itemBox .item:nth-of-type(1):hover .conBox{
        background-image: url("/public/static/images/home/zh-cn/aboutCultureIco1.png");
    }
    .aboutBox2 .itemBox .item:nth-of-type(2):hover .conBox{
        background-image: url("/public/static/images/home/zh-cn/aboutCultureIco2.png");
    }
    .aboutBox2 .itemBox .item:nth-of-type(3):hover .conBox{
        background-image: url("/public/static/images/home/zh-cn/aboutCultureIco3.png");
    }
    .aboutBox2 .itemBox .item:hover .conBox h3,
    .aboutBox2 .itemBox .item:hover .conBox p{
        color: #505050;
        transition: all .3s;
    }
    .aboutBox4 .conBox{
        margin: 0;
    }
    .aboutBox7 .text{
        padding-right: 0;
    }
    .aboutBox7 .text .a{
        width: 100%;
        position: initial;
        top: auto;
        left: auto;
        right: auto;
        bottom:auto;
    }

    .newsMenuBox{
        width: 100%;
        position: initial;
    }
    .newsMenuBox .hotProductBox{
        display: none;
    }
    .newsContentBox{
        width: 100%;
        margin-left: 0;
        padding-left: 0;
        overflow: hidden;
        float: left;
    }

    .newsListBox .listBox .text p,
    .newsListBox .listBox .text a{
        font-size: 14px;
    }

    .recruitBox2 .itemBox{
        padding: 30px 10px;
    }

    .recruitBox1 .title h2{
        font-size: 30px;
    }


    .contactBox1 .contactForm,
    .contactBox1 .contactMap #baiduMapPanel{
        width: 100%;
        padding: 0 10px;
    }
    .contactBox1 .contactMap #baiduMapPanel{
        height: 420px;
    }

    .contactBanner .text h1{
        font-size: 30px;
    }

    .contactBox2 .item .conBox{
        padding: 20px;
    }
    .contactBox2 .item .conBox h3{
        width: 100%;
        padding: 0;
    }
    .contactBox2 .item .conBox ul{
        margin-left: 0;
        width: 100%;
        float: left;
        position: initial;
        margin-top: 10px !important;
    }
    .recruitBox2 .itemBox .jobListTr h3 span,
    .recruitBox2 .itemBox .conBox .item h3 span{
        padding: 0 10px;
    }

    .indexBox2 .t{
        padding-bottom: 0;
    }
}
@media (max-width: 640px){
    .indexBox1 .conBox .textBox .lText h2,
    .indexBox2 .title h2,
    .indexBox4 .title h2,
    .indexBox5 .title h2,
    .indexBox3 .title h2,
    .productBanner .textBox .t span,
    .productBanner .textBox .text h2,
    .productBanner .textBox .t h1,
    .applicationBanner .text h1,
    .dairyBox1 h1,
    .dairyBox2 .textBox .text h2,
    .dairyBox3 .title h2,
    .dairyBox4 .title h2,
    .dairyBox5 .title h2,
    .dairyBox6 .title h2,
    .dairyBox7 .title h2,
    .dairyBox8 .title h2,
    .dairyBox9 .text h2 span,
    .drinksBox3 .title h2,
    .medicineBox2 .title h2,
    .healthcareBox4 .title h2,
    .serviceConceptBox1 .title h2,
    .serviceConceptBox2 .title h2,
    .serviceConceptBox3 .title h2,
    .aboutBox1 .textBox .title h2 span,
    .aboutBox1 .textBox .title h2,
    .aboutBanner .text h1,
    .recruitBox1 .conBox .itemBox .item .text h3,
    .recruitBox2 .title h2,
    .recruitBox3 .jobFormBox h2,
    .contactBox1 .contactForm .text h2,
    .contactBox2 .title h2{
        font-size: 24px;
    }
    .banner .conBox .bannerText .text{
        position: relative;
    }
    .banner .conBox .bannerText .text h1{
        margin-bottom: 0;
        font-size: 16px;
    }
    .banner .conBox .bannerText .text a{
        position: absolute;
        top: 10px;
        right: 10px;
        margin: 0;
        font-size: 12px;
    }
    .banner .conBox .bannerText .text p{
        display: none;
    }

    .indexBox1 .indexVideo .video_click:after{
        background: url("/public/static/images/home/zh-cn/reset/videoclick.png") no-repeat center center;
        -webkit-background-size: 60px;
        background-size: 60px;
    }
    .footer_box .fast_navigation{
        padding-top: 40px;
    }
    .footer_box .fast_navigation .itemBox .item{
        width: 100% !important;
    }
    .footer_box .fast_navigation .itemBox .item:nth-of-type(6){
        padding-left: 0;
        margin: 20px 0;
    }
    .footer_box .fast_navigation .itemBox .item .fLogo{
        margin-bottom: 25px;
    }
    .footer_box .fast_navigation .itemBox .item .text h3,
    .footer_box .fast_navigation .itemBox .item > h3{
        font-size: 14px;
    }
    .footer_box .fast_navigation .ewm,
    .footer_box .footerServicePhone{
        display: none;
    }
    .footer_box .footerServicePhone a{

    }

    .productBanner .textBox .t{
        width: 100%;
        padding-right: 0;
        border-right: 0;
        margin-bottom: 10px;
    }
    .productBanner .textBox .text{
        margin-left: 0;
        padding-left: 0;
    }
    .productBanner .textBox .text h2{
        font-size: 16px;
        font-weight: 400;
    }

    .guobaojiListCon .guobaojiList .conBox .img, .guobaojiListCon .guobaojiList .conBox .text{
        width: 100%;
        padding: 0;
    }

    .productDetailConBox4 .text{
        padding: 15px 20px;
    }
    .productDetailConBox4 .text p{
        display: block;
        width: 100%;
    }
    .productDetailConBox4 .text a{
        float: left;
    }
    .productDetailConBox2 table tr td{
        padding: 5px 10px;
    }
    .zonglanBox1 .item,
    .zonglanBox2 .conBox .item{
        width: 50%;
    }
    .zonglanBox1 .item:nth-of-type(2n) .text p{
        height: 42px;
    }
    .qitaBox1 .imgBox .text span{
        width: auto;
        height: auto;
        line-height: 40px;
        padding: 0 30px;
    }
    .qitaBox3 .conBox{
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        border-radius: 15px;
    }
    .qitaBox4 .textBox .text{
        border-top-right-radius: 40px;
    }
    .qitaBox5 .text .t{
        border-bottom-left-radius: 40px;
    }
    .qitaBox6 .text{
        border-top-left-radius: 40px;
        border-top-right-radius: 40px;
    }

    .applicationBox2{
        margin-bottom: 40px;
    }
    .applicationBox2 .itemBox{
        margin-top: 40px;
        padding: 0;
    }
    .applicationBox2 .itemBox:before{
        display: none;
    }
    .applicationBox2 .itemBox .item{
        width: 100%;
        margin-bottom: 10px;
        background: #2c53a3;
        padding: 20px 10px;
    }
    .applicationBox2 .itemBox .item .conBox .text{
        height: auto;
    }
    .medicineBox2 .itemBox .item{
        width: 20%;
    }

    .healthcareBox4 .itemBox .item{
        width: 50%;
    }
    .customerServiceBox1 .item .img{
        width: 100% !important;
    }
    .customerServiceBox1 .item .text{
        width: 100% !important;
        padding: 20px;
    }
    .customerServiceBox2{
        padding: 80px 0;
    }

    .serviceConceptBox1 .itemBox .item:nth-of-type(1) .text{
        width: 100%;
        min-height: 0;
    }
    .serviceConceptBox1 .itemBox .item .text{
        padding: 20px !important;
    }
    .serviceConceptBox2 .conBox{
        margin-top: 0;
        background: none;
        padding: 40px 0;
        margin-bottom: 0;
    }
    .serviceConceptBox2 .itemBox .item{
        width: 100%;
        padding: 0;
        margin-bottom: 10px;
    }
    .serviceConceptBox2 .itemBox .item:hover .text{
        background: #aeaeae;
    }
    .customerServiceBox3 .itemBox{
        margin-bottom: 80px;
    }
    .serviceConceptBox3 .item{
        width: 100%;
        margin-bottom: 10px;
    }

    .aboutBox5 .rightContent .itemBox{
        margin: 0;
    }
    .aboutBox5 .rightContent .itemBox .item{
        width: 100%;
        padding: 0;
        margin-bottom: 30px;
    }
    .aboutBox5 .rightContent .itemBox .img{
        margin-bottom: 10px;
    }
    .aboutBox5 .rightContent .itemBox .text{
        padding-right: 0;
    }

    .aboutBox6{
        margin-top: 30px;
    }

    .recruitBox2{
        padding: 50px 0;
    }
    .recruitBox2 .title h2{
        margin-bottom: 20px;
    }
    .recruitBox2 .jobSearch{
        padding: 30px 10px;
    }
    .recruitBox2 .jobSearch .info span{
        width: 100%;
        text-align: left;
        line-height: 1;
        padding-bottom: 5px;
    }
    .recruitBox2 .jobSearch .info .controls{
        width: 100%;
        margin-left: 0;
        float: left;
    }
    .recruitBox2 .jobSearch .info input[type="submit"]{
        margin-left: 0;
    }
    .recruitBox3 .jobFormBox .info:nth-of-type(1),
    .recruitBox3 .jobFormBox .info:nth-of-type(2){
        width: 100%;
    }
    .recruitBox2 .itemBox .conBox .item .textBox{
        padding: 10px 20px 30px;
    }
    .recruitBox2 .itemBox .conBox .item .textBox .mText{
        display: block;
    }
    .recruitBox2 .itemBox .jobListTr h3,
    .recruitBox2 .itemBox .conBox .item h3{
        position: relative;
    }
    .recruitBox2 .itemBox .jobListTr h3 span:nth-of-type(2),
    .recruitBox2 .itemBox .conBox .item h3 span:nth-of-type(2),
    .recruitBox2 .itemBox .jobListTr h3 span:nth-of-type(4),
    .recruitBox2 .itemBox .conBox .item h3 span:nth-of-type(4),
    .recruitBox2 .itemBox .jobListTr h3 span:nth-of-type(5),
    .recruitBox2 .itemBox .conBox .item h3 span:nth-of-type(5){
        display: none;
    }
    .recruitBox2 .itemBox .jobListTr h3 span:nth-of-type(1),
    .recruitBox2 .itemBox .conBox .item h3 span:nth-of-type(1){
        width: 100%;
        padding-right: 110px;
    }
    .recruitBox2 .itemBox .jobListTr h3 span:nth-of-type(3),
    .recruitBox2 .itemBox .conBox .item h3 span:nth-of-type(3){
        width: 110px;
        float: right;
        position: absolute;
        top: 0;
        right: 0;
    }
}
@media (max-width: 585px) {
    .dairyBox5 .itemBox .item, .dairyBox5 .itemBox .item.on,
    .drinksBox3 .itemBox .item{
        width: 100%;
    }
}
@media (max-width: 540px){
    .indexBox3 .itemConBox{
        padding-left: 15px;
        padding-right: 15px;
    }
    .indexBox3 .itemConBox .itemBox .item .text h3{
        font-size: 16px;
    }
    .indexBox3 .itemConBox .itemBox .item .text p{
        font-size: 12px;
    }
    .productListBox .itemBox .item{
        width: 100%;
    }
    .productInfo .itemBox{
        width: 290px;
        margin: auto;
    }
    .productInfo .itemBox .item{
        width: 100%;
        margin-bottom: 10px;
    }
    .productInfo .itemBox .text{
        height: auto;
        padding: 20px 10px;
    }
    .qitaBox3 .conBox table{
        min-width: 400px;
    }

    .qitaBox4 .textBox .text{
        border-top-right-radius: 0;
        padding: 20px;
        margin-bottom: 20px;
    }
    .qitaBox4 .textBox .text:before{
        display: none;
    }
    .qitaBox4 .textBox .text .t{
        padding-right: 0;
    }
    .qitaBox4 .imgBox{
        margin-left: 10px;
        margin-right: 10px;
    }
    .qitaBox4 .imgBox .img{
        width: 100%;
        margin-bottom: 10px;
    }
    .qitaBox5 .text .t{
        padding: 20px;
        border-bottom-left-radius: 0;
    }
    .qitaBox5 .text h2{
        padding-left: 20px;
    }
    .qitaBox5 .text .t:before{
        display: none;
    }
    .qitaBox6{
        margin-top: 40px;
    }
    .qitaBox6 .text{
        padding: 20px;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }
    .qitaBox6 .imgBox{
        margin: 0 10px;
    }
    .qitaBox6 .imgBox .img{
        width: 100%;
        margin-top: 10px;
    }

    .cankuguanliBox1 .item{
        width: 50%;
    }
    .cankuguanliBox1 .title h2,
    .cankuguanliBox2 .title h2,
    .cankuguanliBox3 .title h2{
        line-height: 1.2;
        padding: 10px;
    }

    .dairyBox3 .itemBox .item{
        width: 33.33%;
    }
    .medicineBox2 .itemBox .item{
        width: 25%;
    }

    .dingzhiBox .dingzhiForm .form .info{
        width: 100%;
    }

    .newsListBox .listBox .text{
        padding-right: 0;
    }
    .newsListBox .listBox .text a{
        position: initial;
        top: auto;
        bottom: auto;
        left: auto;
        right: auto;
        margin-top: 10px;
    }

}
@media (max-width: 480px){
    .productInfoBox .conBox .imgBox{
        width: 100%;
    }
    .fenjianBox5 .item{
        width: 100%;
    }

    .medicineBox2 .itemBox .item{
        width: 33.333%;
    }


    .customerServiceBox3 .item{
        width: 100%;
        margin-bottom: 10px;
    }
    .customerServiceBox3 .item .img img{
        width: 100%;
    }
}