﻿@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:#fff;-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; }
.banner{margin: 0 auto;width: 100%;}
.banner img {width: 100%;height: auto;}
/*搜索*/
.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 #0166b3;background:#0166b3;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:#0166b3;border-radius:3px;}
div.digg span.disabled {border:1px solid #eee;padding:5px 12px;margin:0 0 0 8px;color:#ddd;}
/*内容详情*/
.entry{ margin-top:20px; 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 p{ display:inherit; margin:1em 0; color:#333; word-wrap:break-word; }
.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{  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; }
.header .logo {float: left;display: inline;line-height: 70px;width: 320px;background: #fff;text-align: center;}
.header {position: absolute;top: 50px;z-index: 99;height: 70px;}
.header .navigation{float:left;display:inline;background: #434343;width: 955px;padding-left: 25px;}
.header .navigation li{float:left;display:inline;font-size:18px;position:relative;}
.header .navigation li a{display:block;height:70px;line-height:70px;padding:0 25px;position: relative;color: #fff;}
.header .navigation .lan-box {position:absolute;right: 0px;width: 100px;height: 70px;top: 0;}
.header .navigation .lan-box i{position: absolute;width: 1px;height: 22px;left: 0;top: 50%;margin-top: -11px;background: #fff;}
.header .navigation .lan-box .language{line-height: 70px;padding-left: 25px;display: block;}
.header .navigation .lan-box .language .cn,.header .navigation .lan-box .language .en{display:none;}

.banner .swiper-pagination-clickable .swiper-pagination-bullet{background: url(../images/pdot.png) no-repeat;width: 33px;height: 33px;}
.banner .swiper-pagination-clickable .swiper-pagination-bullet-active{border: 0; background: url(../images/active.png) no-repeat;width: 33px;height: 33px;border: none;}

.common-title {text-align: center;text-transform: uppercase;color: #3d3d3d;font-size: 36px;}
.rproduct{padding: 50px 0;}
.rproduct ul{width: 105%;overflow: hidden;padding: 30px 0;}
.rproduct li{width: 302px;overflow: hidden;float: left;margin-right: 28px;margin-bottom: 30px;border: 1px solid #d2d2d2;}
.rproduct li a .title {background: #202020; color: #ff7e00;font-size: 18px;text-transform: uppercase;padding: 5px 0;text-align: center;margin-top: 10px;}
.rproduct li a .title p:nth-child(2){color: #fff;font-size: 14px;}
.rproduct .img-box{ display:table; width:302px; height:302px; overflow:hidden; position:relative; z-index:1;}
.rproduct .img-box .cell{ display:table-cell; vertical-align:middle; text-align:center;}
.rproduct .img-box img{ width:100%; -webkit-transition:.45s; transition:.45s}
.rproduct .more{text-align: center;}
.rproduct .more a{color: #909090;font-size: 18px;display: inline-block;width: 160px;height: 40px;line-height: 40px;border: 1px solid #d2d2d2;}
.about-nav {background: #434343;height: 60px;line-height: 60px;color: #fff;font-size: 16px;}
.about-nav  a{padding: 0 30px;margin: 0 15px;color: #fff;font-size: 16px;height: 60px;line-height: 60px;display: inline-block;}
.about-nav  a:hover ,.about-nav  a.active{color: #ff7d01;border-bottom:2px solid #ff7d01;}
.certifications-box ul{width: 105%;overflow: hidden;padding: 50px 0;}
.certifications-box li{ width: 314px;display: table; overflow: hidden;float: left;margin-right: 12px;margin-bottom: 12px;border: 1px solid #eee;height: 441px;}
.certifications-box li .cell{ display:table-cell; vertical-align:middle; text-align:center;width: 314px;height: 441px;}
.certifications-box li img{ max-height:100%; -webkit-transition:.45s; transition:.45s}   
.environment-box ul,.exhibition-box ul{width: 105%;overflow: hidden;padding: 50px 0;}
.environment-box li,.exhibition-box li{ width: 316px;overflow: hidden;float: left;margin-right: 12px;margin-bottom: 12px;height: 211px;}
.environment-box li .cell,.exhibition-box li .cell{ display:table-cell; vertical-align:middle; text-align:center;}
.environment-box li img,.exhibition-box li img{ max-height:100%; -webkit-transition:.45s; transition:.45s}

.i-about{background: url(../images/aboutbg.png) no-repeat center center;min-height: 920px;background-size: cover;min-width: 1600px;}
.i-about .about-info{padding: 120px 60px 0 60px;}
.i-about h2{font-size: 36px;font-weight: bold;color: #ff7e00;padding: 20px 0;text-transform: uppercase;}
.i-about .des{margin: 0 auto;font-size: 14px;color: #c5c5c5;background: url(../images/aboutimg.jpg) no-repeat top right;padding-right: 530px;}
.i-about .des p{line-height: 25px;padding-top: 5px;}
.i-about .about-photo{padding: 10px 60px 0 60px;position: relative;}
.i-about .about-photo img{width: 100%;}
.i-about .about-photo .prev{background: url(../images/al.png) no-repeat;width: 18px;height: 32px;position: absolute;left: 40px;top: 50%;margin-top: -16px;}
.i-about .about-photo .next{background: url(../images/ar.png) no-repeat;width: 18px;height: 32px;position: absolute;right:40px;top: 50%;margin-top: -16px;}

.certificate-list{padding: 30px 64px;background: #eee; margin: 30px 0;}
.cer-box{padding: 30px 0;}
.cer-box .more{text-align: center;}
.cer-box .more a{color: #909090;font-size: 18px;display: inline-block;width: 160px;height: 40px;line-height: 40px;border: 1px solid #d2d2d2;}
.certificate-list .prev{background: url(../images/cl.png) no-repeat center center;width: 24px;height: 46px;position: absolute;left: 20px;top: 50%;margin-top: -23px;}
.certificate-list .next{background: url(../images/cr.png) no-repeat center center;width: 24px;height: 46px;position: absolute;right:20px;top: 50%;margin-top: -23px;}
.certificate-list img{width: 100%}
.ce{background: #272727;height: 100px;text-align: center;line-height: 100px;}
.youshi{background: url(../images/ysbg.jpg) no-repeat;height: 797px;}
.youshi h2{color: #fff;font-size: 48px;text-align: center;padding: 70px 0 30px 0;}
.youshi .left{width: 750px;float: left;border: 1px solid #ffbc81;height: 300px;background: url(../images/mb.png)no-repeat right 40px bottom;}
.youshi .left .tips{width: 545px;color: #fff;font-size: 30px;font-weight: bold;padding-top: 75px;padding-bottom: 35px;padding-left: 20px;text-transform: uppercase;}
.youshi .left p{color: #fff;padding-left: 20px;width: 545px;font-size: 18px;}
.youshi .right{width: 528px;padding-left: 20px;float: left;}
.youshi ul{width: 105%;overflow: hidden;padding: 10px 0;}
.youshi li{width: 284px;overflow: hidden;float: left;margin-right: 12px;margin-bottom: 30px;border: 1px solid #ffbc81;height: 214px;padding: 15px;}
.youshi li h4{background: url(../images/dot.png) no-repeat left center;color: #fff;font-size: 24px;text-transform: uppercase;padding: 35px 0 35px 22px;}
.youshi li p{font-size: 14px;color: #fff;line-height: 30px;}

.r-news{padding: 50px 0;background: #fff;}
.r-news .news-info{padding-top: 65px;}
.r-news .left{width: 532px;background: #f3f3f3;float: left;margin-right: 40px;}
.r-news .date{font-size: 14px;color: #878787;padding-left: 30px;padding-top: 30px;display: block;}
.r-news .left h2{font-size: 18px;color: #666666;padding: 15px 0 15px 30px;}
.r-news .left p{font-size: 14px;color: #999999;padding-bottom: 30px;line-height: 30px;}
.r-news .left .img-box{text-align: center;}
.r-news .left .more{display: inline-block;text-align: center;background: #fff;color: #878787;padding: 10px 40px;margin-bottom:30px;margin-left: 30px;}
.r-news .right{width:728px;float: left;}
.r-news .right li{padding:25px 0;border-bottom: 1px solid #eee;position: relative;}
.r-news .right .info{padding-right: 166px;}
.r-news .right .time{position: absolute;right: 0;top: 50%;margin-top: -36px; width: 105px;height: 72px;border-left: 1px solid #eee;}
.r-news .right .time span{display: block;line-height: 1;text-align: center;}
.r-news .right .time .day{color: #bdbdbd;font-weight: bold;font-size: 44px;}
.r-news .right .time .year{color: #bdbdbd;font-size: 14px;}
.r-news .right li h2{font-size: 18px;color: #2b2b2b;}
.r-news .news-title{color: #2b2b2b;font-size: 48px;padding: 25px 0;}
/*产品列表*/
.product-box {padding: 50px 0;}
.product-box .list{width: 105%;}
.product-box .list li{width: 298px;background: #fff;float: left;margin-right: 30px;margin-bottom: 40px;border: 1px solid #eeeeee;}
.product-box .p_photo{ display:table; width:100%; height:298px; overflow:hidden; position:relative; z-index:1;}
.product-box .p_photo .cell{ display:table-cell; vertical-align:middle; text-align:center;}
.product-box .p_photo img{ width: 100%; -webkit-transition:.45s; transition:.45s}
.product-box .info{height: 50px;padding: 5px 10px;color: #fff;background: #eeeeee;text-align: center;line-height: 50px;color: #2a2a2c;}
.product-box .info p{font-size: 16px;}
.product-box .nav-left{width: 300px;margin-right: 40px;float: left;}
.product-box .nav-box{background: #fff;}
.product-box .nav-box  li{font-size: 16px;color: #434343;border-bottom: 1px solid #dcdcdc;background: #f7f7f7;}
.product-box .nav-box a.active,.product-box .nav-box a:hover{background: #ff7d01;color: #fff;border-bottom: 1px solid #ff7d01;}
.product-box .nav-box  li p{line-height: 35px;}
.product-box .nav-box li.contact{padding: 25px;}
.product-box .nav-box  li a{color: #2b2b2b;display: block;padding: 25px;}
.product-box .nav-box  a.active a,.product-box .nav-box a:hover {color: #fff;}
.product-box .box-right{float: right;width: 960px;}
.product-box .nav-box .title{background: #434343;text-align: center;color: #fff;height: 88px;line-height: 88px;font-size: 24px;font-weight: bold;}

.product-photo {background: #f7f7f7;}
.goods-pic{width: 598px;height: 598px;border: 1px solid #eee; background-color: #fff;float: left;display: table;margin: 60px 0;;position: relative;}
.goods-spec{width: 660px;min-height: 580px; margin-top: 60px;float: left;padding-left: 40px;}
.goods-pic .cell {display: table-cell;vertical-align: middle; text-align: center;}
.goods-pic .cell img{max-width: 598px;max-height: 598px;}
.goods-spec .c-title{font-size: 18px;color: #434343;position: relative;padding: 5px 0;}
.goods-spec .c-title b{font-size: 30px;}
.goods-spec .des-box .info{font-size: 16px;color: #141414;padding: 17px 0;}
.goods-spec .list a{border: 1px solid #626262;color: #000;text-align: center;padding: 0 36px;line-height: 40px;display: inline-block;margin-right:10px;}
.goods-spec .list a.back{background: #434343;color: #fff;}
.related{padding: 0 48px;position: relative;margin-top: 280px;}
.related .prev{cursor: pointer; background: url(../images/rl.jpg) no-repeat center center;width: 48px;height: 170px;position: absolute;left: 0;top: 50%;margin-top: -85px;}
.related .next{cursor: pointer; background: url(../images/rr.jpg) no-repeat center center;width: 48px;height: 170px;position: absolute;right:0;top: 50%;margin-top: -85px;}
.related img{width: 100%}
.swiper-related .swiper-slide img{max-width: 170px;max-height: 170px;}
.product-des{background: #fff;}

.news-box {background:#fff;padding: 50px 0; }
.news-box .nav-left{width: 300px;margin-right: 40px;float: left;}
.news-box .nav-box{background: #fff;}
.news-box .nav-box  li{padding: 25px;font-size: 16px;color: #2b2b2b;border-bottom: 1px solid #ebebeb;}
.news-box .nav-box  li a{color: #2b2b2b;}
.news-box .box-right{float: right;width: 960px;}
.news-box .nav-box .title{background: #095eb4;text-align: center;color: #fff;height: 88px;line-height: 88px;font-size: 35px;font-weight: bold;}
.news-list a{display: block;width: 100%;}
.news-list li:hover{	box-shadow: 0 0 15px rgba(200,200,200,.5);}
.news-list .date{padding: 48px 0 0 20px; width:200px;height:157px; overflow:hidden; position:relative; z-index:1;float: left;border-right: 1px solid #eee;}
.news-list .date .day{color: #b5b5b5;font-size: 48px;}
.news-list .date .year{color: #b5b5b5;font-size: 18px;}
.news-list .date .view{color: #ff7d01;border-bottom: 2px solid #ff7d01;display: inline-block;display: none;}
.news-list .info{float: right;width:694px ;position: relative;padding-left: 45px; }
.news-list .info i{position: absolute;top: 50px;background: #b5b5b5;height:42px;width: 8px;left: 0;}
.news-list .info h2{font-size: 24px;font-weight: 400;color: #2b2b2b;padding-top: 15px;}
.news-list .info p{color: #666;font-size: 14px;padding: 20px 15px 20px 0;line-height: 25px;}
.news-list a:hover .info i{height: 100px;background: #ff7d01;}
.news-list a:hover .day,.news-list a:hover .year{color: #ff7d01;}
.news-list a:hover .view{display: inline-block;}
.news-list .info-box{padding: 20px;position: relative;}
.news-list .info-box p{color: #666;font-size: 14px;padding: 20px 15px 20px 0;line-height: 25px;}
.news-list .info-box h2{position: relative; background: url(../images/nview.png) no-repeat left center;padding-left: 20px;font-size: 24px;font-weight: 400;color: #2b2b2b;}

        .news-box .nav-left{width: 300px;margin-right: 40px;float: left;}
        .news-box .nav-box{background: #fff;}
        .news-box .nav-box  li{padding: 25px;font-size: 16px;color: #2b2b2b;border-bottom: 1px solid #ebebeb;}
        .news-box .nav-box  li a{color: #2b2b2b;}
        .news-box .box-right{float: right;width: 960px;}
        .news-box .nav-box .title{background: #434343;text-align: center;color: #fff;height: 88px;line-height: 88px;font-size: 35px;font-weight: bold;}
         /*内容标题样式*/
    .meta{  text-align: center;}
	.meta:after{ clear:none; content:""; display:block; height:0; visibility:hidden; }
	.meta h2{ margin:0 0 20px; padding:0; color:#0f0f0f; font-size:24px; font-weight:bold; line-height:1em; }
	.meta .info{ margin:0 0 10px; }
	.meta .info span{ margin-right:10px; color:#9a9a9a; font-size:14px; 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; }  
    /*上下一条样式*/
    .next-box{ position:relative; padding:20px 0; line-height:20px; color:#444; font-size:14px;border-top: 1px dashed #9d9d9d; }
    .next-box:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
    .next-box p{ display:block; width:49%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
    .next-box p a{ color:#9a9a9a; }
    .next-box p.prev{ float:left; }
    .next-box p.next{ float:right; }
.news-title {padding-top: 80px;}
.news-title h2{font-size:24px;color: #ff7d01;font-weight: bold;}
.areaMap{ margin:38px  auto;}
#amap-container{ height:300px;}
.contactinfo{padding: 5px 0;}
.contactinfo li {font-size: 16px;color: #000;padding:15px 0 15px 40px;}
.contactinfo .address{background: url(../images/map.png) no-repeat left center;}
.contactinfo .wx{background: url(../images/wx.png) no-repeat left center;}
.contactinfo .email{background: url(../images/email.png) no-repeat left center;}
.contactinfo .link{background: url(../images/link.png) no-repeat left center;}
.contactinfo .website{background: url(../images/web.png) no-repeat left center;}
.footer{background:#202020 url(../images/footerbg.jpg) repeat-y left; }

.footer .left {width: 400px;float: left;color: #878787;background: #282828;padding: 60px 0;}
.footer .left p{line-height: 30px;}
.footer .left b{color: #eb5405;font-size: 24px;padding: 20px 0;display: block; }
.footer .company{font-size: 30px;color: #878787;font-weight: bold;padding: 30px 0;}
.footer .right{width: 840px;padding-left: 60px;float: left;}
.footer .message .title{color:#eb5405;font-size: 24px;padding-top: 60px;padding-bottom: 20px;}
.footer .message .input{width: 400px;margin:0 10px;float: left;}
.footer .message .input input{width: 390px;height: 42px;line-height: 42px;background: #282828;border-radius: 5px;padding-left: 10px;}
.footer .message .content{margin-top: 10px;min-height: 90px;margin-left: 10px;}
.footer .message .content textarea{min-height: 150px;width: 810px;background: #282828;margin-top: 20px;padding-left:10px;padding-top: 10px;border-radius: 5px;}
.footer .message .submit{width: 120px;height: 35px;margin-left: 10px; color: #bebebe;line-height: 35px;background: #606060;text-align: center;margin-top: 35px;cursor: pointer;}
    

