﻿@charset "utf-8";
/*全局样式*/
@import url("base.css");
body {margin:0 auto;padding:0;width:100%;color:#333;font:14px/1.5 Arial,"Microsoft Yahei";background:#f5f5f5;-webkit-font-smoothing:antialiased;}
input,button,select,textarea,img,p,h1,h2,h3,h4,h5 {margin:0;padding:0;border:0;font-family:'Microsoft YaHei','微软雅黑';}
a {color:#333;text-decoration:none;}
a:hover {text-decoration:none;-webkit-transition:all 0.2s linear;transition:all 0.2s linear;}
ol,ul,li,dl,dd {margin:0 auto;padding:0;list-style-type:none;}
i,em {font-style:normal;}
table {border-collapse:collapse;border-spacing:0;}
/*Clear Fix*/
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display:inline-block;}
.clearfix {display:block;}
.mr5{margin-left: 5px !important;}
.mr10{margin-right: 10px !important;}
.clear {clear:both;font-size:0px;height:0px;overflow:hidden;}
.line5 {clear:both;font-size:0px;height:5px;overflow:hidden;}
.line10 {clear:both;font-size:0px;height:10px;overflow:hidden;}
.line15 {clear:both;font-size:0px;height:15px;overflow:hidden;}
.mt50{margin-top: 50px !important;}
.mb50{margin-bottom: 50px !important;} 
/*页面布局*/
.section {position:relative;margin:0 auto;width:1300px;max-width:1300px;text-align:left;}
.wrapper {position:relative;margin:0 auto;padding:0;width:100%;height:auto;text-align:left;overflow:hidden;}
.wrapper:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.wrap-box {width:1300px;}
.bg-wrap {margin:0;padding:0;background:#fff;}
.bg-wrap:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.bg-wrap.nobg {background:none;}
.pad-15 {position:relative;padding:15px;}
.pt-30 {padding-top:30px;}
.icon {position:absolute;display:block;width:20px;height:20px;background:url(../images/icon.png) no-repeat;zoom:1;}
.fl {float:left !important;}
.fr {float:right !important;}
.main-title .title {text-align:center;text-transform:uppercase;}
.main-title h1 {font-size:30px;font-weight:bold;color:#1b1b1b;text-align:center;padding-top:50px;border-bottom:1px solid #d3d3d3;color:#c80007;}
.pagination {margin:28px 0 0;text-align:center;font-size:14px;}
.main-title .nav-tit {padding:30px 0;text-align:center;color:#a7a7a7;font-size:18px;}
.main-title .nav-tit a {margin-left:10px;color:#a7a7a7;background:#ffffff;border:2px solid #a7a7a7;padding:5px 0;width:180px;display:inline-block;}
.main-title .nav-tit a:hover,.nav-tit a.selected {color:#fff;background:#c6000d;border-color:#c6000d;}
.location{ padding:5px 0; width:100%; height:40px; line-height:40px; color:#999; font-size:12px; text-align:left; }
.location a{ margin:0 5px; }
.location span{ color:#666; }

/*头部*/
header{
    height: 118px; 
    background:#fff;/*实现IE背景透明*/
    z-index: 99;
}
header  .logo{float: left;line-height: 118px;}
header .nav {
    position: relative;
}

#index .index, header span a:hover{color: #1b1b1b;}
#index .index i,header span a:hover i{display: block;}
header .nav a{padding-bottom: 25px;}
header .nav a:hover{padding-bottom: 20px;border-bottom: 1px solid #1b1b1b;}
header .nav {float: right;line-height: 118px;}
header .nav li{display: inline-block;font-size: 16px;color: #1b1b1b;padding: 0 30px;position: relative;}
header .sub {display: none;}
header .sub a{padding: 20px 25px;display: block;font-size: 16px;line-height: 1;}
header .sub a:hover{background: #359940;color: #fff;border: 0;}
header .sub{position: absolute;width: 200px;z-index: 999;left: 0;top: 80px;background: #fff;}
header span a i{position: absolute;bottom: 35px;width: 50%;height:2px;background: #1b1b1b;left: 50%;display: none;margin-left: -25%;}
header .nav  a.onemore:after {

    content: ">";
    position: absolute;
    right: 10px;
    top: 0;
    color: #1b1b1b;
    font-family: SimSun,sans-serif;
    font-size: 18px;
    font-weight: bold;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
header .nav  a.onemore:hover:after {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
    bottom: 60px !important;
}
.swiper-pagination-bullet {
    background: #464b3a;
    width: 48px;
    height: 5px;
}
.swiper-pagination-bullet-active {
    opacity: 1;
    background: #f6f6f6 !important;
    width: 48px;
    border-radius: 0px;
}

.banner{margin: 0 auto;width: 100%;}
.banner img {
    width: 100%;
    height: auto;
}
 .productcate .left,.productcate .right{width: 50%;float: left;}
        .productcate .left a {display: block;}
        .productcate .left .cate{position: relative;}
        .productcate .left .cate img, .productcate .left  img{width: 100%;}
        .productcate .left .cate .info{top: 150px;left: 80px;position:absolute;}
        .productcate .left .cate .jia{position: absolute;bottom: 125px;left: 80px;}
        .productcate .right .jia{position: absolute;bottom: 50px;right: 60px;display: none;}
        .productcate .certificate{background: url(../images/zzbg.jpg) no-repeat 0 50%;min-height: 1198px;position: relative;}
        .productcate .certificate .list{padding-left: 25%;padding-top: 80px;width: 520px;}
        .productcate .certificate .list h2{font-size: 30px;color: #fff;font-weight: bold;text-transform: uppercase;padding-bottom: 80px;}
        .productcate .certificate .list li{border-bottom: 1px solid #fff;padding: 5px 0;}
        .productcate .certificate .list li a{color: #fff;font-size:18px;line-height: 70px;height: 70px;padding-left: 20px; padding-right: 80px; background: url(../images/more.png) no-repeat right 20px center;}
        .productcate .certificate .list li a:hover{    background-color: rgba(255, 255, 255, 0.3);}
        .productcate .certificate .list .more{text-align: right;padding-top: 40px;}
        .productcate .certificate .list .more a{color: #fff;font-size: 16px;}
        .productcate .certificate  .germany{position: absolute;left: 25%; bottom: 120px;}
        .productcate .certificate  .germany img{width: 100%;}
        .productcate .left .cate h2{color: #fff;font-weight: bold;font-size: 55px;}
        .productcate .left .cate p{color: #fff;font-size: 30px;text-transform: uppercase;padding-top: 15px;}
        .productcate .right .catelist .item{width: 50%;float: left;position: relative;}
        .productcate .right .catelist .item img{width: 100%;}
        .productcate .right .catelist .item .info{position: absolute;left: 50px;top: 60px;}
        .productcate .right .catelist .item .info h2{color: #fff;font-weight: bold;font-size: 35px;}
        .productcate .right .catelist .item .info p{color: #fff;font-size: 22px;text-transform: uppercase;padding-top: 5px;}
        .productcate .right  .ovrly{width: 100%;overflow: hidden;position: relative;}

.productcate .right  .ovrly .ovrlyT {
    background: rgba(0, 0, 0, 0.7);
    width: 100%;
    height: 50%;
    left: 0;
    top: 0;
    position: absolute;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
.productcate .right  .ovrly .ovrlyB {
    background: rgba(0, 0, 0, 0.7);
    width: 100%;
    height: 50%;
    left: 0;
    position: absolute;
    top: 50%;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.productcate .right .item:hover .ovrly .ovrlyT {
    left: 0;
    top: -50%;
}
.productcate .right .item:hover .ovrly .ovrlyB {
    left: 0;
    top: 100%;
}
.productcate .right .item:hover .jia{display: block;}
   .productcate .right .i-news{background: url(../images/newsbg.jpg) no-repeat 0 50%;min-height: 1167px;}
   .productcate .right .i-news h2{padding: 80px 0 80px 70px;color: #fff;font-weight: bold;font-size: 30px;}
   .productcate .right .i-news  ul{width: 650px;}
   .productcate .photo {display:table;width: 248px;;height:176px;overflow:hidden;position:relative;z-index:1;float: left;}
   .productcate .photo .cell {display:table-cell;vertical-align:middle;text-align:center;}
   .productcate .photo img {max-height:176px;-webkit-transition:.45s;transition:.45s;max-width:248px;}
   .productcate .right li{margin-bottom: 40px;}
   .productcate .news-info{width: 282px;float: left;background: #fff;padding: 20px;height: 136px;}
   .productcate .news-info .title{color: #1b1b1b;font-size: 18px;font-weight: bold;}
   .productcate .news-info p{color: #7a7a7a;font-size: 14px;margin: 15px 0;}
   .productcate .news-info .date{color: #7a7a7a;font-size: 14px;}
   .productcate .right .i-news .more{text-align: right;width: 644px;}
   .productcate .right .i-news .more a{display: inline-block; text-align: center;height: 43px;width: 162px;border: 1px solid #fff;line-height: 43px;color: #fff;font-size: 16px;}
  
/*搜索*/
.search-tit {display:block;margin:0 30px;padding-top:15px;line-height:38px;border-bottom:1px solid #f0f0f0;}
.search-tit h3 {display:inline-block;color:#333;font-size:16px;font-weight:normal;}
.search-tit span {margin-left:15px;color:#999;font-size:14px;}
.search-tit span strong {margin:0 2px;color:#1e7bb3;font-weight:600;}
.n-list {padding:15px 30px;}
.n-list li {display:block;padding-bottom:15px;border-bottom:1px solid #f0f0f0;overflow:hidden;}
.n-list li:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.n-list li h2 {padding:15px 0 15px;font-size:18px;line-height:24px;font-weight:normal;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.n-list li h2 a {color:#333;text-decoration:none;}
.n-list li h2 a:hover {color:#8CAC52;}
.n-list li .note b {position:relative;display:block;float:left;margin-right:16px;width:118px;height:118px;border:1px solid #e8e8e8;font-style:normal;}
.n-list li .note b img {min-width:100%;min-height:100%;width:100%;_height:100%;}
.n-list li .note p {display:block;font-size:14px;max-height:84px;line-height:28px;font-weight:500;color:#666;overflow:hidden;}
.n-list li .note .info {padding-top:10px;height:20px;line-height:20px;}
.n-list li .note .info span {margin-right:10px;color:#999;font-size:12px;}
.n-list li .note .info span i {margin-right:3px;font-size:12px;}
.n-list .nodata {margin-top:30px;color:#666;font-size:14px;line-height:100px;text-align:center;}
/*分页*/
div.digg {margin:0;padding:0;text-align:left;font-size:14px;display:inline-block;}
div.digg a {display:block;float:left;padding:5px 12px;margin:0 0 0 8px;border:1px solid #e1e2e3;line-height:20px;height:20px;color:#666666;background:#fff;text-decoration:none;border-radius:3px;}
div.digg a:hover {border:1px solid #35993f;background:#35993f;color:#fff;}
div.digg span {display:block;float:left;padding:5px 0;line-height:20px;height:20px;}
div.digg span.current {padding:5px 12px;margin:0 0 0 8px;color:#fff;font-weight:bold;background:#35993f;border-radius:3px;}
div.digg span.disabled {border:1px solid #eee;padding:5px 12px;margin:0 0 0 8px;color:#ddd;}
.i-about{background: url(../images/aboutbg.jpg) no-repeat 0 50%;min-height: 899px;}
.i-about .message {padding-left: 460px;}
.i-about .des{padding-left: 460px;padding-top: 185px; font-size: 16px;line-height: 35px;color: #000000;}
.i-about .message .title{color:#1b1b1b;font-size: 24px;padding-top: 60px;padding-bottom: 20px;}
.i-about .message .input{width: 400px;margin:0 10px;float: left;}
.i-about .message .input input{outline: none; width: 390px;height: 42px;line-height: 42px;background: rgba(255, 255, 255, 0.5);border-radius: 5px;padding-left: 10px;}
.i-about .message .content{margin-top: 10px;min-height: 90px;margin-left: 10px;}
.i-about .message .content textarea{outline: none;min-height: 150px;width: 810px;background: rgba(255, 255, 255, 0.5);margin-top: 20px;padding-left:10px;padding-top: 10px;border-radius: 5px;}
.i-about .message .submit{width: 120px;height: 35px;margin-left: 10px; color: #fff;line-height: 35px;background: #000;text-align: center;margin-top: 35px;cursor: pointer;}
.i-about .company{font-size: 60px;font-weight: bold;color: #000;position: absolute;top: 185px;}
.footer {
    padding: 15px 0;
    background: #32983e;
    position: relative;
}
.footer .logo{padding-top: 50px;text-align: center;}
.footer .contact-info{padding-top: 60px;padding-bottom: 30px;}
.footer .contact-info li{float: left;padding-left: 40px;}
.footer .contact-info li.address{width: 450px;}
.footer .contact-info li.company{width: 415px;}
.footer .contact-info li.wx{border-left: 1px solid #fff;width: 300px;}
.footer .contact-info li.wx .wechat{margin-top: 20px; background: url(../images/wx.png) no-repeat left center;padding-left: 50px;display: inline-block;padding-right: 25px;}
.footer .contact-info li.wx .wechat p{padding: 0;color: #fff;font-size: 14px;}
.footer .contact-info li b{font-size: 14px;color: #fff;}
    .footer .nav {
        border-top: 1px solid #fff;
        padding: 35px 0;
        text-align: center;
        color:#fff;
    }
.footer .nav a{padding: 0 25px;color: #fff;font-size: 14px;}
.footer .contact-info li p{font-size: 14px;color: #fff;padding-top: 8px;}
.footer .copyright {text-align: center;color: #fff;padding: 10px 0;}
.footer .copyright  a{color: #fff;}
.about-box{padding: 90px 0;background: #fff;}
.about-box  .des-box .des{font-size: 16px;line-height: 35px;color: #000;padding: 50px 0;}
        .about-box .about-img{position: absolute;left: 0;top: -180px;}
        .about-box .dot{width: 128px;height: 70px;position: absolute;right: 0; top: 0;background: #359940;}
        .about-box  .item {padding-left: 475px;}
        .about-box  .item h2{font-size: 30px;font-weight: bold;color: #0e0e0e;}
        .contact-box{padding: 70px 0;background: #fff;}
        .contact-box .map{height: 600px;width: 830px;padding-left: 470px;}
        .contact-box .map #amap-container{height: 600px;}
        .contact-box .linkinfo{padding: 0 30px; position: absolute;width: 390px;height: 760px;background: #359940 url(../images/cbg.png) no-repeat left 30px bottom 130px;top: -150px;}
        .contact-box .linkinfo h2{font-weight: bold;color: #fff;padding-top: 150px;font-size: 56px;}
        .contact-box .linkinfo .service{padding: 35px 0; color: #fff;font-size: 40px;}
        .contact-box .linkinfo .address{font-size: 15px;color: #fff;padding-bottom: 40px;}
.product-box {padding-top: 140px;}
.product-box .title {position: absolute;top: -200px;left: 0;}
.product-box .title .left{float: left;background: #000;height: 100px;width: 860px;padding: 10px 50px;position: relative;}
.product-box .title .left .en{line-height: 1;font-weight: bold;color: #fff;font-size: 38px;text-transform: uppercase;}
.product-box .title .left .cn{color: #fff;position: absolute;font-size: 35px;top: 45px;right: 78px;}
.product-box .title .right{float: left;background: #359940;width: 340px;height: 120px;line-height: 120px; font-weight: bold;color: #fff;font-size: 48px;text-align: center;}
.product-info .photo {padding-right: 114px; display:table;width: 536px;;height:536px;overflow:hidden;position:relative;z-index:1;float: left;}
.product-info .photo .cell {display:table-cell;vertical-align:middle;text-align:center;}
.product-info .photo img {max-height:536px;-webkit-transition:.45s;transition:.45s;max-width:536px;}   
.product-info .product-img{width: 650px;float: left;}
.product-info .info{width: 650px;float: left;}
.product-info .info {color: #000;font-size: 14px;line-height: 30px;}
.cate-box {
    padding-top: 60px;
}

    .cate-box .title2 {
        border-bottom: 5px solid #000;
        font-size: 36px;
        font-weight: bold;
        padding-bottom: 15px;
        color: #000;
        position: relative;
    }

    .cate-box .des {
        padding: 40px 0;
    }

    .cate-box .title2 span {
        position: absolute;
        right: 0;
    }    
        .newslist{background: #fff;padding: 50px 0;}
  
        .news-box ul{width: 105%;}
        .news-box li{float: left;width: 650px;height: 171px;margin-bottom: 40px;}
        .news-box li h2{font-size: 18px;color: #1b1b1b;font-weight: bold;padding-bottom: 19px;}
        .news-box li .note{float: left;width: 360px;padding: 0 25px; }
        .news-box li .note p{font-size: 14px;color: #7a7a7a;}
        .news-box li .photo {float: left; display:table;width: 240px;;height:171px;overflow:hidden;position:relative;z-index:1;float: left;}
        .news-box li .photo .cell {display:table-cell;vertical-align:middle;text-align:center;}
        .news-box li .photo img {max-height:171px;-webkit-transition:.45s;transition:.45s;max-width:240px;}   
        .news-box li .note .time{font-size: 14px;color: #7a7a7a;padding: 15px 0;}
        .news-box li .note .more{padding: 0; background:#feffff url(../images/nmore.png) no-repeat center center;width: 114px;height: 30px;border: 1px solid #bfbfbf;}

    /*内容标题样式*/
    .meta{ margin:0; padding:50px 50px 0 50px; }
	.meta:after{ clear:none; content:""; display:block; height:0; visibility:hidden; }
	.meta h2{ padding:0; color:#1b1b1b; font-size:30px; font-weight:bold;line-height:1em; text-align: center;}
	.meta .info{ margin:25px 0;text-align: center; }
	.meta .info span{ margin-right:10px; color:#999; font-size:12px; line-height:14px; }
    .meta .info span i{ margin-right:5px; display:inline-block; font-size:14px; }
    .meta .note{ margin-top:10px; padding:15px 20px; background:#f5f5f5; line-height:22px; color:#757575; font-size:12px; }
    /*内容详细样式*/
    .entry{ font-size:14px; line-height:2em; word-wrap:break-word; }
	.entry img{ max-width:100%!important; height:auto!important; }
	.entry h2,.entry h3,.entry h4{ margin:0.8em auto; padding-bottom:5px; border-bottom:1px solid #f6f6f6; color:#333; }
	.entry h2{ font-size:1.2em; }
	.entry h3,.entry h4{ font-size:1.1em; }
	.entry strong{ color:#DC2523; }
	.entry ul,.entry ol{ margin:1em; padding:0; }
	.entry li{ margin-left:1em; }
	.entry ul li{ list-style:disc outside none; }
	.entry ol li{ list-style:decimal outside none; }
	.entry a{ text-decoration:underline; }
	.entry code{ display:block; padding:0.5em; background:#eee; border-radius:.5em; color:#777; font-family:'courier new'; font-size:12px; line-height:1.7em; }
	.entry table{ margin:10px auto; border-left:1px solid #eee; border-top:1px solid #eee; }
	.entry table th{ background:#F9F9F9; text-align:center; }
	.entry table td,.entry table th{ border-bottom:1px solid #eee; border-right:1px solid #eee; padding:0.35em 0.5em; }
    /*上下一条样式*/
    .next-box{ position:relative;color:#444; font-size:14px; padding: 40px 0;}
    .next-box p.prev{ background: url(../images/pre.png) no-repeat left center;padding-left: 30px; padding-bottom: 10px;padding-top: 10px;}
    .next-box p.next{ background: url(../images/next.png) no-repeat left center;padding-left: 30px; }
    .cer{padding: 50px 0;background: #fff;}
    .cer ul{width: 105%;}
    .cer li{width: 307px;background: #fff;float: left;margin-right: 20px;margin-bottom: 20px;}
    .cer .p_photo{ display:table; width:100%; height:457px; overflow:hidden; position:relative; z-index:1;}
    .cer .p_photo .cell{ display:table-cell; vertical-align:middle; text-align:center;}
    .cer .p_photo img{ max-height:457px; -webkit-transition:.45s; transition:.45s;max-width: 307px;}
    .cer .info{font-size: 18px;padding-top: 20px; text-align: center;color: #1b1b1b;}