html {
    color: #000;
    background: #FFF
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0
}
table {
    border-collapse: collapse;
    border-spacing: 0
}
fieldset, img {
    border: 0
}
address, caption, cite, code, dfn, em, strong, th, var {
    font-style: normal;
    font-weight: normal
}
ol, ul {
    list-style: none
}
caption, th {
    text-align: left
}
h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal
}
q:before, q:after {
    content: ''
}
abbr, acronym {
    border: 0;
    font-variant: normal
}
sup {
    vertical-align: text-top
}
sub {
    vertical-align: text-bottom
}
input, textarea, select {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    *font-size: 100%
}
legend {
    color: #000
}
body {
    font-family: "Arial" , "Microsoft JhengHei";
    overflow-x: hidden;
}
a {
    text-decoration: none;
    color: #1e1e1e;
}
.all {
    width: 100%;
}
.inner {
    width: 1200px;
    margin: 0 auto;
}


/***********************头部***********************/
.header {
    width: 100%;
    height: 80px;
    position: fixed;
    top: 0;
    z-index: 999;
    background: #fff;
    overflow: visible !important;
    border-bottom: 1px solid #dcd8d7;
}
.header .inner {
    width: 1200px;
    position: absolute;
    left: 50%;
    margin-left: -600px;
}
.header .logo {
    width: 160px;
    float: left;
}
.header .logo a {
    line-height: 80px;
    display: block;
}
.header .logo img {
    width: 100%;
    display: inline-block;
    vertical-align: middle;
}
.header .nav {
    float: right;
}
.header .nav .search {
    float: right;
    padding-top: 30px;
    padding-bottom: 26px;

}
.header .nav .search .language {
    font-size: 12px;
    height: 21px;
    overflow: hidden;
    float: left;
    padding-left: 10px;
}
.header .nav .search .language ul li {
    float: left;
    padding: 0 10px;
    margin-top: 2px;
    line-height: 16px;
    border-right: 1px solid #000;
}
.header .nav .search .language ul li a:hover {
    color: #84be05;
}
.header .nav .search .language ul li:last-child {
    border-right: none;
}
.header .nav .search .search_all {
    width: 120px;
    height: 21px;
    background: #e4e4e4;
    border-radius: 10px;
    position: relative;
    float: left;
    margin-left: 10px;
}
.header .nav .search .search_all input {
    outline: none;
    border: none;
}
.header .nav .search .search_all .search1 {
    width: 70%;
    height: 21px;
    background: #e4e4e4;
    border-radius: 10px;
    padding-left: 10px;
    font-size: 12px;
    line-height: 21px;
    position: absolute;
    top: 0;
}
.header .nav .search .search_all .search2 {
    position: absolute;
    right: 9px;
    top: 5px;
    width: 12px;
    height: 12px;
    background: url(search.png) no-repeat center center;
}
.header .nav .navlist {
    float: left;
    padding-top: 32px;
}
.header .nav .navlist ul li {
    float: left;
    width: 108px;
    height: 45px;
    font-size: 15px;
    text-align: center;
    color: #000;
    line-height: 16px;
    position: relative;
    overflow: visible !important;
    transition: all .2s linear;
}
.header .nav .navlist ul li .drop {
    width: 220px;
    background: #fff;
    position: absolute;
    top: 48px;
    left: -58px;
    z-index: 99;
    display: none;
    padding-bottom: 20px;
}
.header .nav .navlist ul li .drop p {
    width: 164px;
    text-align: left;
    font-size: 15px;
    padding-left: 40px;
    line-height: 36px;
    transition: all .2s linear;
}
.header .nav .navlist ul li .drop p:hover {
    padding-left: 55px;
}
.header .nav .navlist ul li .drop p:first-child {
    padding-top: 14px;
}
.header .nav .navlist ul li .drop p a:hover {
    color: #84be05;
}
.header .nav .navlist ul li:hover {
    border-bottom: 3px solid #84be05;
}
.header .nav .navlist ul>li>a {
    color: #000;
    width: 108px;
    display: block;
    line-height: 16px;
    border-right: 1px solid #000;
}
.all_drop {
    width: 1330px;
    position: absolute;
    left: 50%;
    top: 48px;
    margin-left: -780px;
    background: #fff;
    z-index: 99;
    padding-bottom: 20px;
    display: none;
    z-index: 300;
}
.all_drop dl {
    width: 190px;
    float: left;
    font-size: 14px;
    line-height: 36px;
    text-align: left;
}
.all_drop dl:nth-child(4) {
    margin-top: 36px;
}
.all_drop dl dt {
    font-size: 15px;
    padding-left: 24px;
    font-weight: bold;
}
.all_drop dl dt a {
    color: #979797;
}
.all_drop dl dd {
    padding-left: 24px;
    font-size: 13px;
    line-height: 30px;
    transition: all .2s linear;
}
.all_drop dl dd:hover {
    padding-left: 39px;
}
.all_drop dl dd:hover a {
    color: #84be05;
}




/*轮播图*/
.carousel {
    width: 100%;
    height: 671px;
    overflow: hidden;
    position: relative;
    margin-top: 80px;
}
.carousel .banner_text {
    position: absolute;
    width: 1200px;
    left: 50%;
    margin-left: -600px;
    font-size: 40px;
    text-align: center;
    z-index: 666;
    color: #fff;
    top: 300px;
    font-weight: bold;
    line-height: 50px;
}
.carousel .swiper-container {
    width: 1920px;
    height: 671px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -960px;
}
.carousel .btn_left {
    position: absolute;
    left: 350px;
}
.carousel .btn_right {
    position: absolute;
    right: 350px;
}
.carousel .btn_bottom {
    position: absolute;
    bottom: 15px;
}
.carousel .swiper-slide {
    background-position: center;
    background-size: cover;
}
.carousel .nowtext {
    position: absolute;
    bottom: 270px;
    width: 1200px;
    left: 50%;
    margin-left: -600px;
    font-size: 60px;
    text-align: center;
    z-index: 666;
    color: #fff;
    font-weight: bold;
}
.carousel .nowtext p:last-child {
    font-weight: normal;
    font-size: 24px;
}


/*关于我们*/
.about {
    padding-top: 90px;
    padding-bottom: 42px;
}
.about .about_title_pic {
    text-align: center;
}
.about .about_title_pic img {
    display: inline-block;
}
.about .about_title {
    font-size: 30px;
    font-weight: bold;
    color: #555555;
    text-align: center;
    line-height: 84px;
}
.about .about_memo {
    font-size: 14px;
    line-height: 24px;
    color: #555555;
    margin-bottom: 60px;
}
.about .about_more {
    width: 188px;
    height: 46px;
    margin: 0 auto;
    font-size: 14px;
    line-height: 46px;
    margin-bottom: 52px;
    border: 2px solid #f2f1f0;
    text-transform: uppercase;
    background: url(arrow.png) no-repeat 145px center;
}
.about .about_more a {
    padding-left: 30px;
}
.about .about_02 {
    width: 70px;
    height: 70px;
    margin: 0 auto;
    background: url(about_02.png) center center;
}
.about .yingyong {
    width: 446px;
    height: 55px;
    margin: 0 auto;
    margin-top: 25px;
    line-height: 55px;
    text-align: center;
    border: 1px solid #3786c3;
    transition: all .2s linear;
    margin-bottom: 110px;
}
.about .yingyong a {
    color: #3786c3;
    display: block;
    transition: all .2s linear;
}
.about .yingyong a:hover {
    background: #3786c3;
    color: #fff;
}
.about .about_pic ul {
    overflow: hidden;
}
.about .about_pic ul li {
    float: left;
    width: 200px;
    height: 200px;
    margin-right: 40px;
}
.about .about_pic ul li:last-child {
    margin-right: 0;
}
.about .about_pic ul li .img {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.about .about_pic ul li .img img {
    width: 100%;
    transition: all 1s linear;
}
.about .about_pic ul li:hover .img img {
    transform: rotate(360deg);
}

/*产品*/
.product {
    padding-top: 56px;
    padding-bottom: 88px;
    border-top: 1px solid #f4f4f4;
    background: url(product_bg.jpg) no-repeat right top;
}
.product .water {
    width: 1200px;
    height: 70px;
    margin: 0 auto;
    font-size: 70px;
    text-align: center;
    color: #3786c3;
    /*background: url(about_02.png) center center;*/
}
.product .yingyong {
    width: 446px;
    height: 55px;
    margin: 0 auto;
    margin-top: 25px;
    line-height: 55px;
    text-align: center;
    transition: all .2s linear;
    margin-bottom: 42px;
}
.product .yingyong a {
    color: #3786c3;
    display: block;
    font-size: 34px;
    /*transition: all .2s linear;*/
}
/*.product .yingyong a:hover {
    background: #3786c3;
    color: #fff;
}*/
.product .product_list {
    overflow: hidden;
}
.product .product_list .left {
    float: left;
    width: 600px;
}
.product .product_list .left ul li {
    width: 285px;
    height: 175px;
    float: left;
    overflow: hidden;
    position: relative;
}
.product .product_list .left ul li img {
    width: 100%;
    transition: all .2s linear;
}
.product .product_list .left ul li:hover img {
    /*transform: scale(1.1);*/
}
.product .product_list .left ul li:first-child {
    width: 589px;
    height: 362px;
    margin-bottom: 20px;
}
.product .product_list .left ul li:nth-child(2) {
    margin-right: 19px;
}
.product .product_list .left ul li .mask {
    width: 100%;
    height: 36px;
    background: #000;
    opacity: .3;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: all .2s linear;
}
.product .product_list .left ul li:hover .mask {
    bottom: -36px;
}
.product .product_list .left ul li p {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    line-height: 36px;
    font-size: 16px;
    color: #fff;
    padding-left: 16px;
    transition: all .2s linear;
}
.product .product_list .left ul li:hover p {
    bottom: -36px;
}
.product .product_list .right {
    float: right;
    width: 589px;
}
.product .product_list .right ul li {
    float: left;
    width: 285px;
    height: 175px;
    overflow: hidden;
    position: relative;
}
.product .product_list .right ul li img {
    width: 100%;
    transition: all .2s linear;
}
.product .product_list .right ul li:hover img {
    /*transform: scale(1.1);*/
}
.product .product_list .right ul li:hover {

}
.product .product_list .right ul li:first-child {
    margin-right: 19px;
}
.product .product_list .right ul li:nth-child(3) {
    margin-top: 20px;
    width: 589px;
    height: 362px;
}
.product .product_list .right ul li .mask {
    width: 100%;
    height: 36px;
    background: #000;
    opacity: .3;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: all .5s linear;
}
.product .product_list .right ul li:hover .mask {
    bottom: -36px;
}
.product .product_list .right ul li p {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    line-height: 36px;
    font-size: 16px;
    color: #fff;
    padding-left: 16px;
    transition: all .5s linear;
}
.product .product_list .right ul li:hover p {
    bottom: -36px;
}


.product .product_list ul li .hover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.product .product_list ul li .hover .hover_mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #3686c3;
    opacity: 0;
    visibility: hidden;
    transition: all .3s linear .2s;
}
.product .product_list ul li:hover .hover  .hover_mask {
    visibility: visible;
    opacity: .6;
}
.product .product_list ul li .hover .hook {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.product .product_list ul li .hover .hook span {
    color: #fff;
    display: block;
    font-size: 14px;
    visibility: hidden;
    opacity: 0;
    width: 80%;
    margin: 0 auto;
    padding-top: 30px;
    transition: all .3s linear .2s;
}
.product .product_list ul li:hover .hover .hook span {
    opacity: 1;
    visibility: visible;
}
/*药剂*/
.med {
    width: 1920px;
    height: 904px;
    position: relative;
    left: 50%;
    margin-left: -960px;
    background: url(med.jpg) no-repeat center center;
}
.med ul {
    position: absolute;
    top: 405px;
    left: 400px;
    width: 500px;
    height: 330px;
}
.med ul li {
    width: 130px;
    height: 130px;
    border: 1px solid #fff;
    border-radius: 6px;
    float: left;
    margin-right: 38px;
    margin-bottom: 50px;
    font-size: 34px;
    font-weight: bold;
    text-align: center;
    transition: all .2s linear;
}
.med ul li a {
    color: #fff;
    transition: all .2s linear;
}
.med ul li:nth-child(3n) {
    margin-right: 0;
}
.med ul li:first-child {
    line-height: 130px;
}
.med ul li:nth-child(2) {
    padding-top: 24px;
    height: 106px;
}
.med ul li:nth-child(3) {
    padding-top: 24px;
    height: 106px;
}
.med ul li:nth-child(4) {
    padding-top: 24px;
    height: 106px;
}
.med ul li:nth-child(5) {
    font-size: 28px;
}
.med ul li:nth-child(5) span {
    transition: all .2s linear;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    display: block;
    padding-top: 39px;
    text-transform: uppercase;
    padding-bottom: 16px;
}
.med ul li:nth-child(6) {
    padding-top: 24px;
    height: 106px;
}
.med ul li:hover {
    background: #fff;
}
.med ul li:hover a , .med ul li:hover span {
    color: #3786c3;
}
/*全球分部*/
.earth {
    overflow: hidden;
    width: 1920px;
    position: relative;
    left: 50%;
    margin-left: -960px;
}
.earth .left {
    width: 980px;
    height: 610px;
    float: left;
    background: url(left.png) no-repeat right 60px;
}
.earth .right {
    float: left;
    padding-left: 88px;
    padding-top: 256px;
}
.earth .right .title {
    color: #2b78b4;
    font-size: 32px;
    line-height: 46px;
    font-family: "Simsun";
}
.earth .right .no2 {
    font-size: 20px;
    color: #666;
    margin-top: 12px;
}
.earth .right .no3 {
    width: 280px;
    height: 55px;
    border: 1px solid #909090;
    border-radius: 8px;
    text-align: center;
    line-height: 55px;
    font-size: 18px;
    color: #3f3f3f;
    margin-top: 34px;
}
.earth .right .no3 a {
    display: block;
    border-radius: 8px;
    transition: all .2s linear;
}
.earth .right .no3 a:hover {
    background: #3686c3;
    color: #fff;
}

/*底部*/
.footer {
    padding-top: 40px;
    background: #ecf1f5;
    overflow: hidden;
}
.footer .foot_title {
    font-size: 16px;
    color: #0064af;
    padding-left: 40px;
    margin-bottom: 25px;
}
.footer dl {
    float: left;
    width: 200px;
    height: 215px;
}
.footer dl dt a {
    color: #979797;
    font-size: 14px;
    padding-bottom: 15px;
    padding-left: 40px;
    display: inline-block;
}
.footer dl dd a {
    font-size: 12px;
    color: #4a4a4a;
    padding-left: 40px;
    line-height: 30px;
}
.footer .erweima {
    width: 174px;
    float: left;
    text-align: center;
}
.footer .erweima p:first-child {
    font-size: 14px;
    color: #979797;
    margin-bottom: 26px;
}
.bottom {
    width: 1120px;
    margin: 0 auto;
    line-height: 48px;
    background: #ecf1f5;
    text-align: left;
    color: #4a4a4a;
    font-size: 12px;
    width: 1200px;
    float: left;
    padding-left: 40px;
}
.bottom a {
    color: #4a4a4a;
}
.footer .foot_nav {
    width: 1200px;
    margin-top: 30px;
    margin-bottom: 20px;
    padding-left: 20px;
    float: left;
}
.footer .foot_nav ul li {
    float: left;
    padding: 0 20px;
    font-size: 15px;
    font-weight: bold;
    line-height: 15px;
    border-right: 1px solid #0064af;
}
.footer .foot_nav ul li:last-child {
    border-right: 0;
}
.footer .foot_nav ul li a {
    color: #0064AF;
}

/*page*/
.banner_page {
    width: 100%;
    clear: both;
    height: 689px;
    position: relative;
}
.banner_page img {
    height: 100%;
    position: absolute;
    left: 50%;
    margin-left: -960px;
}
.banner_page .mask {
    background: #fff;
    opacity: 0.6;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 60px;
    z-index: 99;
}
.banner_page .nav {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 60px;
    overflow: hidden;
    z-index: 99;
}
.banner_page .nav .catalog {
    float: left;
}
.banner_page .nav .catalog ul li {
    width: 96px;
    float: left;
    line-height: 57px;
    text-align: center;
}
.banner_page .nav .catalog ul li.cur {
    border-bottom: 3px solid #c70025;
}
.banner_page .nav .catalog ul li a {
    color: #666666;
}
.banner_page .nav .crumbs {
    line-height: 60px;
    font-size: 16px;
    color: #666;
    float: right;
}
.banner_page .nav .crumbs a {
    color: #666;
}

.content {
    width: 100%;
    min-height: 300px;
    padding-top: 50px;
    padding-bottom: 50px;
    font-size: 14px;
    color: #666666;
    background: #fafafa;
}
.banner_page  .rztext {
    position: absolute;
    width: 1200px;
    left: 50%;
    margin-left: -600px;
    font-size: 40px;
    text-align: center;
    z-index: 666;
    color: #fff;
    top: 300px;
    font-weight: bold;
    line-height: 50px;
}


/*新闻*/
.content .new {
    overflow: hidden;
}
.content .new li {
    width: 320px;
    height: 275px;
    padding-left: 30px;
    padding-right: 30px;
    float: left;
    background: #fff;
    padding-top: 55px;
    margin-right: 20px;
    margin-bottom: 30px;
}
.content .new li:nth-child(3n) {
    margin-right: 0;
}
.content .new li .left {
    margin-bottom: 40px;
}
.content .new li .left span:first-child {
    font-size: 60px;
    color: #000;
    font-family: "Simsun"
}
.content .new li .left span:last-child {
    font-size: 14px;
    color: #848384;
    padding-left: 6px;
}
.content .new li:hover .left span {
    color: #0c4fb4;
}
.content .new li .right .title {
    font-size: 18px;
    color: #000;
    margin-bottom: 18px;
    font-family: "Simsun";
}
.content .new li:hover .right .title {
    color: #0c4fb4;
}
.content .new li .right .memo {
    font-size: 13px;
    color: #848384;
    margin-bottom: 24px;
    line-height: 20px;
    text-indent: 2em;
}
.content .new li .right .more {
    font-size: 12px;
    color: #848384;
}
.content .news_detail {
    overflow: hidden;
}
.content .news_detail .left {
    width: 800px;
    padding: 0 30px;
    padding-bottom: 30px;
    float: left;
    min-height: 400px;
    border: 1px solid #0c4fb4;
}
.content .news_detail .right {
    float: right;
    width: 320px;
    border: 1px solid #0c4fb4;
}
.content .news_detail .left .title {
    text-align: center;
    line-height: 86px;
    font-size: 24px;
    color: #000;
    border-bottom: 1px solid #0c4fb4;
}
.content .news_detail .left .news_content {
    padding-top: 30px;
    line-height: 24px;
    font-size: 14px;
    color: #666;
}
.content .news_detail .right .tt {
    line-height: 40px;
    background: #0c4fb4;
    font-size: 18px;
    padding-left: 12px;
    color: #fff;
}
.content .news_detail .right ul li {
    font-size: 13px;
    padding-left: 12px;
    color: #666;
    line-height: 32px;
    border-bottom: 1px dotted #ccc;
}
/*图文*/
.content .cp {
    overflow: hidden;
}
.content .cp li {
    width: 380px;
    margin-right: 20px;
    background: #fff;
    float: left;
    margin-bottom: 30px;
    padding-bottom: 20px;
}
.content .cp li:nth-child(3n){
    margin-right: 0;
}
.content .cp li .img {
    width: 380px;
    height: 240px;
    overflow: hidden;
}
.content .cp li .img img {
    width: 100%;
    transition: all .2s linear;
}
.content .cp li:hover .img img{
    transform: scale(1.1);
}
.content .cp li .tt {
    padding-left: 30px;
    padding-right: 30px;
    margin-top: 30px;
    font-size: 16px;
    color: #000;
}
.content .cp li .memo {
    padding-left: 30px;
    padding-right: 30px;
    margin-top: 20px;
    font-size: 14px;
    color: #666;
    line-height: 24px;
}
.content .cp li:hover .memo {
    color: #0c4fb4;
}
.content .cp li .more {
    padding-left: 30px;
    padding-right: 30px;
    margin-top: 20px;
    font-size: 12px;
    color: #0c4fb4;
}
.content .cp li:hover .tt {
    color: #0c4fb4;
}





/*页码*/
.pages {
    padding-top: 20px;
    text-align: center;
}
.pages a {
    width: 20px;
    line-height: 20px;
    display: inline-block;
    border: 1px solid #0c4fb4;
}
.pages a.active {
    background: #0c4fb4;
    color: #fff;
}




/*关于我们*/
.para1 {
    background: #fafafa;
    padding: 36px 0;
    overflow: hidden;
    border-bottom: 1px solid #ccc;
}
.para1 .contact_title {
    font-size: 24px;
    text-align: left;
    padding-bottom: 42px;
}
.para1 .contact_title p:first-child {
    color: #0064AF;
    font-size: 30px;
}
.para1 .contact_title p:last-child {
    font-family: "Apple";
    color: #0064AF;
    font-size: 24px;
}
.para1 .left {
    float: left;
    width: 560px;
    font-size: 14px;
    line-height: 24px;
    text-align: justify;
    color: #666;
}
.para1 .right {
    width: 560px;
    float: right;
}
.para1 .right img {
    width: 100%;
}

/*经营理念*/
.para2 {
    padding: 36px 0;
    overflow: hidden;
    border-bottom: 1px solid #ccc;
}
.para2 .contact_title {
    font-size: 24px;
    text-align: right;
    padding-bottom: 42px;
}
.para2 .contact_title p:first-child {
    color: #0064AF;
    font-size: 30px;
}
.para2 .contact_title p:last-child {
    font-family: "Apple";
    color: #0064AF;
    font-size: 24px;
}
.para2 .right {
    float: right;
    width: 560px;
    font-size: 14px;
    line-height: 24px;
    text-align: justify;
    color: #666;
}
.para2 .left {
    width: 560px;
    float: left;
}
.para2 .left img {
    width: 100%;
}


/*历史沿革*/
.para3 {
    padding: 36px 0;
    overflow: hidden;
}
.para3 .contact_title {
    font-size: 24px;
    text-align: left;
    padding-bottom: 42px;
}
.para3 .contact_title p:first-child {
    color: #0064AF;
    font-size: 30px;
}
.para3 .contact_title p:last-child {
    font-family: "Apple";
    color: #0064AF;
    font-size: 24px;
}
.para3 .history {
    width: 100%;
    position: relative;
}
.para3 .history .swiper-container {
    width: 100%;
    padding-bottom: 20px;
}
.para3 .history .swiper-button-next {
    position: absolute;
    right: -35px;
    top: 60px;
}
.para3 .history .swiper-button-prev {
    position: absolute;
    left: -35px;
    top: 60px;
}
.para3 .history .swiper-container .swiper-slide .img {
    position: relative;
    width: 100%;
    height: 100%;
}
.para3 .history .swiper-container .swiper-slide .mask {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
}
.para3 .history .swiper-container .swiper-slide img {
    width: 100%;
}
.para3 .history .swiper-container .swiper-slide img {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
    transition: all .2s linear;
}
.para3 .history .swiper-container .swiper-slide:hover img {
    -webkit-filter: none;
    -moz-filter: none;
    -ms-filter: none;
    -o-filter: none;
    filter: none;
}
.para3 .history .swiper-container .swiper-slide:hover img {
    
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: -4px;
}


/*维明据点*/
.para4 {
    padding: 36px 0;
    overflow: hidden;
    background: #fafafa;
    border-top: 1px solid #ccc;
}
.para4 .contact_title {
    font-size: 24px;
    text-align: right;
    padding-bottom: 42px;
}
.para4 .contact_title p:first-child {
    color: #0064AF;
    font-size: 30px;
}
.para4 .contact_title p:last-child {
    font-family: "Apple";
    color: #0064AF;
    font-size: 24px;
}
.para4 .page1 {
    overflow: hidden;
    padding-bottom: 35px;
    border-bottom: 1px dotted #ccc;
}
.para4 .page1 .title {
    font-size: 24px;
    color: #0064af;
    padding-top: 30px;
    padding-bottom: 20px;
}
.para4 .page1 .page_left {
    float: left;
    width: 560px;
}
.para4 .page1 .page_left img {
    width: 100%;
}
.para4 .page1 .ul_01 {
    float: right;
    width: 560px;
}
.para4 .page1 .ul_01 li {
    height: 80px;
    margin-bottom: 30px;
    padding-left: 130px;
    background-size: contain;
}
.para4 .page1 .ul_01 li p {
    color: #000;
    padding-top: 15px;
}
.para4 .page1 .ul_01 li:first-child {
    background-size: contain;
    background: url(tel.png) no-repeat center left;
}
.para4 .page1 .ul_01 li:nth-child(2) {
    background: url(fax.png) no-repeat center left;
}
.para4 .page1 .ul_01 li:nth-child(3) {
    background: url(map.png) no-repeat center left;
}

/*产品中心*/
.pro {
    padding: 40px 0;
    background: #fafafa;
}
.pro .tt {
    font-size: 30px;
    color: #0064AF;
}
.pro .page1 .tt p:first-child {
    color: #0064AF;
    font-size: 30px;
}
.pro .page1 .tt p:last-child {
    font-family: "Apple";
    color: #0064AF;
    font-size: 24px;
}


.pro .item {
    overflow: hidden;
    padding: 40px 0;
}
.pro .item ul li {
    width: 277px;
    float: left;
    margin-right: 30px;
    margin-bottom: 30px;
    box-shadow: 5px 5px 5px #ccc;
}
.pro .item ul li .img {
    width: 100%;
    height: 180px;
    overflow: hidden;
}
.pro .item ul li .img img {
    transition: all .2s linear;
}
.pro .item ul li:hover .img img {
    transform: scale(1.1);
}
.pro .item ul li .img img {
    width: 100%;
}
.pro .item ul li:nth-child(4n) {
    margin-right: 0;
}
.pro .item ul li p {
    line-height: 42px;
    background: #fff;
    padding-left: 20px;
}

/*产品详情页面*/
.inn {
    width: 1400px;
    margin: 0 auto;
}
/*产品中心*/
.products {
    padding: 45px 0;
    padding-bottom: 0;
    background: #fafafa;
}
.products .title {
    font-size: 40px;
    color: #0064AF;
    padding-bottom: 40px;
}
.products .title p:last-child {
    font-family: "Apple";
    color: #0064AF;
    font-size: 24px;
}
.products .inn {
    background: #fff;
}
.products .page1 {
    overflow: hidden;
    padding-top: 50px;
    padding-bottom: 50px;
    border-bottom: 1px dotted #ccc;
}
.products .page1 .item .tt {
    font-size: 24px;
    color: #0064AF;
    margin-bottom: 12px;
    margin-top: 30px;
}
.products .page1 .item:first-child .tt {
    margin-top: 0;
}
.products .page1 .item .text {
    font-size: 15px;
    color: #666;
    text-align: justify;
}
/*.products .page1 .left {
    float: left;
    width: 560px;
}
.products .page1 .left .tt {
    font-size: 30px;
    color: #0064AF;
    padding-bottom: 30px;
}
.products .page1 .left ul li {
    font-size: 14px;
    color: #666;
    line-height: 36px;
    padding-left: 20px;
    position: relative;
}
.products .page1 .left ul li b {
    position: absolute;
    top: 16px;
    left: 8px;
    width: 6px;
    height: 6px;
    background: #0064AF;
    border-radius: 50%;
}
.products .page1 .right {
    width: 560px;
    float: right;
    padding-top: 68px;
}
.products .page1 .right img {
    width: 100%;
}
.products .page2 {
    overflow: hidden;
    padding-top: 50px;
    padding-bottom: 50px; 
    border-bottom: 1px dotted #ccc;
} 
.products .page2 .tt {
    font-size: 30px;
    color: #0064AF;
    text-align: left;
    padding-bottom: 30px;
}
.products .page2 .left {
    width: 360px;
    float: left;
    text-align: justify;
    color: #666;
    padding-right: 40px;
    line-height: 36px;
}
.products .page2 .middle {
    width: 360px;
    float: left;
    margin: 0 20px;
    text-align: justify;
}
.products .page2 .middle img {
    width: 100%;
}
.products .page2 .right {
    width: 360px;
    float: left;
    text-align: justify;
    color: #666;
    padding-left: 40px;
}
.products .page2 .right ul li {
    float: left;
    color: #666;
    width: 160px;
    line-height: 36px;
    padding-left: 20px;
    position: relative;
}
.products .page2 .right ul li b {
    position: absolute;
    width: 6px;
    height: 6px;
    background: #0064AF;
    border-radius: 50%;
    position: absolute;
    left: 8px;
    top: 16px;
}*/
.products .classification {
    overflow: hidden;
    padding-top: 50px;
    padding-bottom: 50px;
    border-bottom: 1px dotted #ccc;
}
.products .classification .tt {
    font-size: 24px;
    color: #0064AF;
    text-align: left;
    padding-bottom: 30px;
}
.products .classification ul li {
    padding: 12px 0;
    overflow: hidden;
    border-bottom: 1px solid #ccc;
}
.products .classification ul li:first-child {
    border-top: 3px solid #0064AF;
}
.products .classification ul li p {
    font-size: 14px;
    line-height: 20px;
    float: left;
    color: #666;
}
.products .classification ul li:first-child p {
    font-size: 16px;
    font-weight: bold;
    color: #000;
}
.products .classification ul li p:first-child {
    width: 15%;
    padding: 0 2%;
}
.products .classification ul li p:nth-child(2) {
    width: 6%;
    padding: 0 2%;
}
.products .classification ul li p:nth-child(3) {
    width: 36%;
    padding: 0 2%;
}
.products .classification ul li p:nth-child(4) {
    width: 25%;
    padding: 0 2%;
}
.products .classification ul li p:nth-child(5) {
    width: 20%;
    padding: 0 2%;
}


.products .page3 {
    overflow: hidden;
    background: #fafafa;
    padding-top: 50px;
    padding-bottom: 50px;
    border-bottom: 1px dotted #ccc;
}
.products .page3 .tt {
    font-size: 30px;
    color: #0064AF;
    text-align: left;
    padding-bottom: 30px;
}
.products .page3 ul li {
    width: 400px;
    float: left;
}
.products .page3 ul li .img {
    width: 260px;
    height: 260px;
    margin: 0 auto;
    border-radius: 50%;
    position: relative;
    overflow: hidden;
}
.products .page3 ul li .img img {
    width: 100%;
    border-radius: 50%;
    transition: all .2s linear .3s;
}
.products .page3 ul li .mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: .6;
    border-radius: 50%;
    transition: all .3s linear;
}
.products .page3 ul li .txt {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 28px;
    transition: all .3s linear;
}
.products .page3 ul li .txt p {
    color: #333333;
}
.products .page3 ul li .txt p:first-child {
    font-size: 24px;
    padding-top: 60px;
    line-height: 36px;
}
.products .page3 ul li:hover .mask {
    left: -260px;
}
.products .page3 ul li:hover .txt {
    left: -260px;
}
.products .page3 ul li:hover img {
    transform: scale(1.1);
}
 .page4 {
    overflow: hidden;
    height: 450px;
    background: #fafafa;
/*    padding-top: 50px;
    padding-bottom: 50px;*/
}
 .page4 {
    text-align: center;
}
 .page4 .img {
    width: 1920px;
    position: relative;
    left: 50%;
    margin-left: -960px;
}
.page4 .mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 450px;
    background: #0064AF;
    opacity: .4;
}
.page4 img {
    display: inline-block;
}
.page4 p {
    position: absolute;
    top: 120px;
    left: 50%;
    font-size: 40px;
    font-weight: bold;
    margin-left: -400px;
    width: 800px;
    color: #fff;
    line-height: 32px;
}
.page4 a {
    width: 200px;
    height: 40px;
    position: absolute;
    bottom: 190px;
    left: 50%;
    background: #fff;
    margin-left: -100px;
    border-radius: 40px;
    font-size: 18px;
    line-height: 40px;
    text-align: center;
    color: #004e9b;
    transition: all .2s linear;
}
.page4 a:hover {
    background: #004e9b;
    color: #fff;
}


/*联系我们*/
.contact_all {
    padding-bottom: 50px;
    background: #ecf1f5;
    border-bottom: 1px solid #ccc;
}
.contact {
    width: 800px;
    margin: 0 auto;
}
.contact .tt {
    font-size: 24px;
    text-align: left;
    text-align: center;
    padding-top: 50px;
    padding-bottom: 50px;
}
.contact .tt p:first-child {
    color: #0064AF;
    font-size: 30px;
}
.contact .tt p:last-child {
    font-family: "Apple";
    color: #0064AF;
    font-size: 24px;
}
.contact .tip {
    font-size: 16px;
    color: #333;
    text-align: center;
    padding-bottom: 30px;
}
.contact .remind {
    font-size: 13px;
    color: red;
    text-align: center;
}
.contact ul {
    padding-top: 40px;
    overflow: hidden;
}
.contact ul li {
    margin: 0 40px;
    width: 320px;
    float: left;
    border-bottom: 1px dotted #ccc;
}
.contact ul li input {
    width: 100%;
    border: none;
    outline: none;
    color: #666;
    line-height: 50px;
    background: #ecf1f5;
}
.contact ul li:last-child {
    width: 725px;
    margin-top: 15px;
}
.contact ul li:last-child textarea {
    resize: none;
    outline: none;
    border:none;
    background: #ecf1f5;
}
.contact .btn {
    width: 140px;
    height: 40px;
    margin: 0 auto;
    margin-top: 30px;
    background: #0064AF;
    border-radius: 40px;
    overflow: hidden;
}
.contact .btn input:first-child {
    color: #fff;
    border: none;
    outline: none;
    width: 100%;
    height: 100%;
    height: 40px;
    background: none;
}

/*招聘*/
.recruit {
    width: 800px;
    margin: 0 auto;
}
.recruit .tt {
    font-size: 24px;
    text-align: left;
    text-align: center;
    padding-top: 50px;
    padding-bottom: 50px;
}
.recruit .tt p:first-child {
    color: #0064AF;
    font-size: 30px;
}
.recruit .tt p:last-child {
    font-family: "Apple";
    color: #0064AF;
    font-size: 24px;
}
.recruit ul li {
    padding: 12px 0;
    overflow: hidden;
    width: 100%;
    border-top: 1px dotted #ccc;
}
.recruit ul li:last-child {
    border-bottom: 1px dotted #ccc;
}
.recruit ul li p {
    float: left;
    font-size: 14px;
    width: 17%;
    color: #333;
}
.recruit ul li:first-child p {
    font-size: 16px;
}
.recruit ul li p:nth-child(1) {
    width: 32%;
}
.recruit ul li:first-child {
    border-top: 3px solid #0064AF;
}
.recruit ul li:hover p {
    color: #0064AF;
}
.recruit .rec_body .education {
    font-size: 15px;
    line-height: 30px;
}
.recruit .requirement1 {
    margin-top: 25px;
}


/*专业服务*/

/*世界级纺织助剂研发*/
.special_banner {
    width: 1920px;
    height: 671px;
    position: relative;
    left: 50%;
    margin-left: -960px;
}
.special_banner .banner_text {
    position: absolute;
    width: 1200px;
    left: 50%;
    margin-left: -600px;
    font-size: 40px;
    text-align: center;
    z-index: 666;
    color: #fff;
    top: 300px;
    font-weight: bold;
    line-height: 50px;
}
.special_banner img {
    width: 100%;
}
.special {   
    overflow: hidden;
}
.special .inner {
    width: 1000px;
    background: #fff;
    padding: 50px 100px 50px 100px;
}
.special .left {
    width: 1000px;
}
.special .left .title {
    font-size: 24px;
    text-align: left;
    padding-bottom: 42px;
    color: #0064AF;
    font-size: 30px;
}
.special .left .title p:first-child {
    color: #0064AF;
    font-size: 30px;
}
/*.special .left .title p:last-child {
    font-family: "Apple";
    color: #0064AF;
    font-size: 24px;
}*/
.special .left .special_con {
    font-size: 15px;
    line-height: 24px;
    text-align: justify;
    color: #666;
    padding: 40px 0;
    border-bottom: 2px solid #0064AF;
}
.special .left .special_con .tt {
    font-size: 24px;
    color: #0064AF;
    margin-bottom: 12px;
}
.special .left .special_con .tt span {
    font-size: 18px;
    font-family: "Apple";
}
.special .special_con .tt_p {
    padding-left: 45px;
}
.special .special_con .special_tt {
    padding-top: 12px;
    padding-left: 45px;
    font-size: 20px;
    color: #0064AF;
    padding-bottom: 12px;
}
.special .special_con ul {
    padding-left: 45px;
}
.special .special_con ul li {
    padding-left: 16px;
    position: relative;
}
.special .special_con ul li b {
    position: absolute;
    width: 5px;
    height: 5px;
    background: #666;
    border-radius: 50%;
    left: 4px;
    top: 9px;
}


.special .right {
    float: right;
    width: 330px;
    padding-right: 5px;
}
.special .right .top {
    width: 100%;
    margin-bottom: 50px;
    border: 1px solid #ccc;
    box-shadow: 2px 2px 2px #ccc;
}
.special .right .top .title {
    height: 50px;
    background: #ccc;
    line-height: 50px;
    text-align: center;
    font-size: 30px;
    color: #fff;
}
.special .right .top ul {
    padding-top: 20px;
    padding-bottom: 20px;
}
.special .right .top ul li {
    font-size: 15px;
    line-height: 36px;
    padding-left: 30px;
}
.special .right .top ul li:hover a {
    color: #0064AF;
}
.special .right .top p {
    padding: 20px 20px 0 20px;
    font-size: 15px;
    line-height: 28px;
}
.special .right .top>a {
    width: 280px;
    height: 38px;
    display: block;
    border-radius: 48px;
    margin: 20px auto;
    background: #0064AF;
    color: #fff;
    font-size: 20px;
    line-height: 38px;
    text-align: center;
}


.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 15px;
}



/*专业服务*/
.special .world .tt {
    font-size: 30px;
    color: #0064AF;
}
.special .world .memo {
    font-size: 20px;
    color: #333;
    margin: 15px 0 30px 0;
}
.special .world .tit {
    font-size: 24px;
    color: #0064AF;
}
.special .world .tit span {
    font-size: 20px;
}
.special .world .part1 {
    padding-bottom: 30px;
}
.special .world .part2 ul {
    padding-top: 15px;
    overflow: hidden;
}
.special .world .part1 ul li {
    color: #333;
    font-size: 15px;
    line-height: 24px;
}
.special .world .part2 ul li .img {
    float: left;
}
.special .world .part2 ul li {
    overflow: hidden;
    width: 400px;
    float: left;
    margin-bottom: 30px;
}
.special .world .part2 ul li p {
    float: left;
    width: 280px;
    margin-left: 20px;
}
.special .world .part2 ul li p span {
    display: inline-block;
}
.special .world .part2 ul li p span:first-child {
    font-size: 20px;
    color: #333;
}
.special .world .part2 ul li p span:last-child {
    color: #666;

    font-size: 15px;
    line-height: 20px;
}

/*内页*/
.banner_nei {
    margin-top: 81px;
}
.banner_nei {
    width: 1920px;
    height: 671px;
    position: relative;
    left: 50%;
    margin-left: -960px;
}
.banner_nei .banner_text {
    position: absolute;
    width: 1200px;
    left: 50%;
    margin-left: -600px;
    font-size: 40px;
    text-align: center;
    z-index: 666;
    color: #fff;
    font-weight: bold;
    top: 300px;
    line-height: 50px;
}
.banner_nei img {
    width: 100%;
    height: 100%;
}

/*特别的*/
.especially {
    background: #f9f9f9;
}
.especially .inner {
    width: 1000px;
    background: #fff;
    padding: 50px 100px 50px 100px;
}
.especially .title {
    font-size: 30px;
    color: #0064AF;
}
.especially .iden ul {
    overflow: hidden;
    margin-top: 24px;
}
.especially .iden ul li {
    float: left;
    width: 300px;
    margin-right: 50px;
    position: relative;
    margin-bottom: 30px;
    overflow: hidden;
}
.especially .iden ul li:nth-child(3n) {
    margin-right: 0;
}
.especially .iden ul li .img {
    width: 300px;
    height: 200px;
    overflow: hidden;
}
.especially .iden ul li .img img {
    width: 100%;
    transition: all .2s linear;
}
.especially .iden ul li .mask {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 40px;
    background: #0064AF;
    opacity: .6;
    transition: all .2s linear;
}
.especially .iden ul li .text {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 40px;
    color: #fff;
    font-size: 16px;
    line-height: 40px;
    padding-left: 15px;
    transition: all .2s linear;
}
.especially .iden ul li:hover .img img {
    transform: scale(1.05);
}
.especially .iden ul li:hover .mask {
    bottom: -40px;
}
.especially .iden ul li:hover .text {
    bottom: -40px;
}
.especially .item2 ul li {
    width: 1000px;
    height: 600px;
}
.especially .item2 ul li .img {
    width: 1000px;
    height: 600px;
}

.especially .item3 ul li {
    width: 475px;
    height: 300px;
}
.especially .item3 ul li:nth-child(odd) {
    margin-right: 50px;
}
.especially .item3 ul li:nth-child(even) {
    margin-right: 0;
}
.especially .item3 ul li .img {
    width: 475px;
    height: 300px;
}
.especially .item4 ul li {
    width: 1000px;
    height: 552px;
}
.especially .item4 ul li .img {
    width: 1000px;
    height: 552px;
}
.especially .item4 ul li .hover_mask {
    position: absolute;
    left: 0;
    top: 250px;
    width: 100%;
    height: 60px;
    background: #0064AF;
    opacity: 0;
    transition: all .2s linear .2s;
    visibility: hidden;
    padding-top: 10px;
    padding-bottom: 10px;
}
.especially .item4 ul li .hover_text {
    position: absolute;
    left: 0;
    top: 250px;
    width: 100%;
    height: 60px;
    opacity: 0;
    line-height: 30px;
    transition: all .2s linear .2s;
    visibility: hidden;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #fff;
}
.especially .item4 ul li:hover .hover_mask {
    visibility: visible;
    opacity: 0.6;
}
.especially .item4 ul li:hover .hover_text {
    visibility: visible;
    opacity: 1;
}

/*分析*/
.especially .part1 .tt {
    font-size: 24px;
    color: #0064AF;
    margin-top: 30px;
    margin-bottom: 12px;
}
.especially .part1 .memo {
    font-size: 15px;
    color: #333;
}
.especially .part2 {
    overflow: hidden;
}
.especially .part2 .tt {
    font-size: 24px;
    color: #0064AF;
    margin-top: 30px;
    font-weight: bold;
    text-align: center;
}
.especially .part2 .img {
    text-align: center;
}
.especially .part2 .img img {
    display: inline-block;
}
.especially .part2 ul {
    width: 300px;
    float: left;
}
.especially .part2 ul li {
    font-size: 15px;
    line-height: 28px;
    text-indent: 1em;
    border-left: 1px solid #666;
    border-bottom: 1px solid #666;
}
.especially .part2 ul li.cur {
    width: 299px;
    border-right: 1px solid #666;
}
.especially .part2 ul li:first-child {
    border-top: 1px solid #666;
}
.especially .part2 ul:last-child {
    border-right: 1px solid #666;
}


/*专业认证与合作伙伴*/
.especially .coop {
    margin-top: 30px;
}
.especially .coop .title {
    font-size: 24px;
    margin-bottom: 12px;
}
.especially .auth3 ul {
    overflow: hidden;
}
.especially .auth3 ul li {
    float: left;
    width: 300px;
    margin-right: 50px;
} 
.especially .auth3 ul li:last-child {
    margin-right: 0;
}
.especially .auth4 ul {
    overflow: hidden;
}
.especially .auth4 ul li {
    float: left;
    width: 400px;
    height: 115px;
    overflow: hidden;
    line-height: 115px;
    margin-right: 98px;
    vertical-align: middle;
    border: 1px solid #ccc;
    text-align: center;
}
.especially .auth4 ul li img {
    display: inline-block;
    vertical-align: middle;
}

.coop_bottom {
    width: 1920px;
    left: 50%;
    margin-left: -960px;
    height: 600px;
    position: relative;
}
.coop_bottom .mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #0064AF;
    opacity: .4;
}
.coop_bottom .text {
    width: 1000px;
    left: 50%;
    position: absolute;
    margin-left: -500px;
    top:260px;
    font-size: 40px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    line-height: 46px;
}

/*合作*/
.cooperation {
    background: #f9f9f9;
}
.cooperation .inn {
    width: 1000px;
    margin: 0 auto;
    padding: 50px 0;
}
.cooperation .title {
    font-size: 30px;
    color: #0064AF;
}
.cooperation .img {
    text-align: center;
}
.cooperation .img img {
    display: inline-block;
}

.especially .part2 dl {
    width: 500px;
    margin: 0 auto;
    font-size: 15px;
    color: #000;
    margin-top: 20px;
}
.especially .part2 dl dt {
    color: #0064AF;
    font-size: 24px;
    font-weight: bold;
}
.especially .part2 dl span {
    display: inline-block;
    line-height: 40px;
}
.especially .part2 dl dt {
    border-bottom: 1px solid #000;
}
.especially .part2 dl dt span:first-child {
    width: 36%;
    font-weight: bold;
}
.especially .part2 dl dt span:last-child {
    width: 60%;
}
.especially .part2 dl dd {
    border-bottom: 1px solid #000;
    line-height: 32px;
}
.especially .part2 dl dd span:first-child {
    width: 36%;
    font-weight: bold;
}
.especially .part2 dl dd span:last-child {
    width: 60%;
}


/*纺织助剂*/
.nowlast .inner {
    width: 1000px;
    padding: 50px 100px 50px 100px;
}
.nowlast .title {
    font-size: 30px;
    color: #0064AF;
}
.nowlast .now {
    font-size: 16px;
    color: #333;
    margin: 20px 0;
}
.nowlast .case {
    font-size: 24px;
    color: #0064AF;
    margin: 50px 0 50px 0;
    text-align: center;
    font-weight: bold;

}
.nowlast .item {
    overflow: hidden;
}
.nowlast .item .left {
    float: left;
    width: 380px;
    position: relative;
}
.nowlast .item .left {
    overflow: hidden;
}
.nowlast .item .left img {
    width: 100%;
}
.nowlast .item .right {
    float: right;
    width: 540px;
}
.nowlast .item .right ul li {
    width: 260px;
    height: 260px;
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
    position: relative;
    overflow: hidden;
}
.nowlast .item .right ul li:nth-child(2n) {
    margin-right: 0;
}
.nowlast .item .right ul li img {
    width: 100%;
}
.nowlast .item .right ul li .layer {
    width: 100%;
    height: 30px;
    position: absolute;
    bottom: 0;
    left: 0;
    line-height: 30px;
    transition: all .2s linear;
}
.nowlast .item .right ul li .layer p {
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}
.nowlast .item .right ul li .layer p.no1 {
    opacity: .6;
    background: #0064AF;
}
.nowlast .item .right ul li .layer p.no2 {
    color: #fff;
    font-weight: bold;
    padding-left: 15px;
    box-sizing: border-box;
}
.nowlast .item .right ul li:hover .layer {
    bottom: -30px;
}


.nowlast .item .left .layer {
    width: 100%;
    height: 30px;
    position: absolute;
    bottom: 0;
    left: 0;
    line-height: 30px;
    transition: all .2s linear;
}
.nowlast .item .left .layer p {
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}
.nowlast .item .left .layer p.no1 {
    opacity: .6;
    background: #0064AF;
}
.nowlast .item .left .layer p.no2 {
    color: #fff;
    font-weight: bold;
    padding-left: 15px;
    box-sizing: border-box;
}
.nowlast .item .left:hover .layer {
    bottom: -30px;
}

.nowlast .item .left .alllayer {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    transition: all .2s linear .2s;
}
.nowlast .item .left:hover .alllayer {
    visibility: visible;
    opacity: 1;
}
.nowlast .item .left .alllayer p {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    text-align: justify;
}
.nowlast .item .left .alllayer p.no1 {
    opacity: .6;
    background: #0064AF;
}
.nowlast .item .left .alllayer p.no2 {
    color: #fff;
    font-weight: bold;
    padding-left: 15px;
    box-sizing: border-box;
    width: 90%;
    margin: 0 auto;
    font-size: 15px;
}
.nowlast .item .left .alllayer p.no2 b {
    display: block;
    font-size: 18px;
    font-weight: bold;
    margin-top: 60px;
    margin-bottom: 30px;
}


.nowlast .template {
    overflow: hidden;
}
.nowlast .template .left {
    float: left;
}
.nowlast .template .right {
    float: right;
} 
.nowlast .template .category {
    width: 480px;
    overflow: hidden;
    position: relative;
    margin-bottom: 30px;
}
.nowlast .template .category img {
    width: 100%;
}
.nowlast .template .category .layer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 30px;
    transition: all .2s linear;
}
.nowlast .template .category .layer p {
    width: 100%;
    height: 30px;
    line-height: 30px;
    position: absolute;
    top: 0;
    bottom: 0;
}
.nowlast .template .category .layer p.no1 {
    opacity: 0.6;
    background: #0064AF;
}
.nowlast .template .category .layer p.no2 {
    color: #fff;
    font-weight: bold;
    padding-left: 15px;
    box-sizing: border-box;
}
.nowlast .template .category:hover  .layer{
    bottom: -30px;
}
.nowlast .template .category .hidden {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    visibility: hidden;
    opacity: 0;
    transition: all .2s linear .2s;
}
.nowlast .template .category .hidden p {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
}
.nowlast .template .category .hidden p.no1 {
    opacity: 0.6;
    background: #0064AF;
}
.nowlast .template .category .hidden p.no2 {
    color: #fff;
    font-weight: bold;
    padding-left: 15px;
    box-sizing: border-box;
}
.nowlast .template .category .hidden p.no2 span {
    display: block;
    margin: 40px 0 20px 0;
    font-weight: bold;
}
.nowlast .template .category:hover .hidden {
    visibility: visible;
    opacity: 1;
}

.products .memo {
    font-size: 15px;
    width: 1100px;
    margin: 0 auto;
    padding-bottom: 50px;
}