@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 {color:#be080d;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;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: 100px; 
    background:#fff;/*实现IE背景透明*/
    z-index: 99;
    position: relative;
}

header .nav {
    position: relative;
}

header .lan{position: absolute;right:  0;padding-left: 20px;font-size: 14px;font-weight: bold;color: #fff;height: 18px;line-height: 18px;top: 50%;margin-top: -9px;background: url(../images/en.png) no-repeat left center;}
header .search {
    position: absolute;
    right: 5px;
    width: 204px;
    top: 50%;
    margin-top: -17px;
    background: #fff;
    border-radius: 40px;
    border: 1px solid #c0c0c0;
}
header .search input {
    padding: 0 0 0 10px;
    color: #a0a0a0;
    font-size: 12px;
    height: 34px;
    line-height: 34px;
    width: 150px;
    border: 0px;
    outline: none;
    text-indent: 2em;
    background: transparent;
    
    
}
header  .search button {
    padding: 0px;
    width: 40px;
    height: 33px;
    background: transparent;
    border: 0px;
    cursor: pointer;
    float: right;
}
header .search button img {
    vertical-align: middle;
    background: transparent;
}
header .search {
    position: absolute;
    right: 5px;
    width: 204px;
    top: 50%;
    margin-top: -17px;
    background: #fff;
    border-radius: 40px;
    border: 1px solid #c0c0c0;
}
header .search input {
    padding: 0 0 0 10px;
    color: #a0a0a0;
    font-size: 12px;
    height: 34px;
    line-height: 34px;
    width: 150px;
    border: 0px;
    outline: none;
    text-indent: 2em;
    background: transparent;
    
    
}
header  .search button {
    padding: 0px;
    width: 40px;
    height: 33px;
    background: transparent;
    border: 0px;
    cursor: pointer;
    float: right;
}
header .search button img {vertical-align: middle;background: transparent;}
header .tips{position: absolute;top: 50%;width:330px;height: 25px;right: 0;margin-top: -12px;padding-right: 70px;}
header .logo{width:206px;height: 66px;position: absolute;top: 50%;margin-top:-33px;padding-left: 70px;}
header img{width: 100%;}
.header{position: relative;}
#index .nav-index, #about .nav-about, #news .nav-news, #contact .nav-contact, #advantage .nav-maidian, #product .nav-product, header span a:hover {
    color: #000;
}
    #index .nav-index i, #about .nav-about i, #news .nav-news i, #contact .nav-contact i, #advantage .nav-maidian i, #product .nav-product i, header span a:hover i {
        display: block;
    }
header span {padding-left: 200px;}
header span a{display: inline-block;font-size: 16px;line-height: 100px;height: 100px;color: #666666;padding: 0 30px;position: relative;}
header span a i{position: absolute;bottom: 30px;width: 50%;height:2px;background: #000;left: 25%;display: none;}

header .language{ margin-left:32px; height:28px; line-height:28px; font-size:14px; position:absolute;right: 260px;top: 50%;margin-top: -14px;}
header .language .chose{ display:block; padding-left:40px;padding-right: 15px; cursor:pointer;text-align: center;}
header .language .chose.en{background: url(../images/en.png) no-repeat left center;}
header .language .chose.cn{background: url(../images/cn.png) no-repeat left center;}
header .language .chose:after{ content:">"; position:absolute; right:-5px; top:0;color: #999999; font-family:SimSun,sans-serif; font-size:22px; font-weight:bold; -webkit-transform:rotate(90deg); transform:rotate(90deg);}
header .language ul{ position:absolute; left:0; padding:5px 0; display:block;background: #000;color: #fff;}
header .language li{ font-size:14px; color:#fff;width: 100px;text-align: center;}
header .language li a{ color:#fff;text-decoration: none;}
header .language ul{visibility:hidden; opacity:0; -webkit-transform:translateY(15px); transform:translateY(15px); -webkit-transition:.35s; transition:.35s;}
header .language.active ul{ visibility:visible; opacity:1; -webkit-transform:translateY(0); transform:translateY(0);}
.swiper-pagination-bullet {
    background: #fff;
    width: 13px;
    height: 13px;

}
.swiper-pagination-bullet-active {
    opacity: 1;
    background: #fff !important;
    width: 30px;
    border-radius: 13px;
}

.banner{margin: 0 auto;width: 100%;}
.banner img {width: 100%;height: auto;}
.company-size{background: #c3c2c2;}
.company-size ul li{width: 25%;float: left;text-align: center;padding: 30px 0;}
.company-size ul li p{font-size: 18px;color: #000;}
.company-size ul li p.num{font-size: 55px;color: #000;}
     .i-product{background: #ffffff;}
         .common-title{text-align: center;position: relative;padding: 30px 0;}
         .common-title p{padding-left: 15px; display: inline-block; background: url(../images/title.png) no-repeat left center;font-size: 42px;color: #000;}
         .common-title p span.en{font-weight: bold;text-transform: uppercase;}
         .common-title i{position: absolute;height: 4px;background: #000;width: 2em;left: 50%;margin-right: -1em;bottom: 25px;}
         .i-video-box{background: url(../images/videobg.jpg); background-size: cover;height: 416px;}
         .i-video-box .tips {padding-top: 130px;padding-left: 80px;width: 350px;float: left;}
         .i-video-box .tips p{color: #fff;font-size: 40px;}
         .i-video-box .tips .more {margin-top: 35px;}
         .i-video-box .tips .more a{font-size: 21px; display: inline-block;text-align: center;color: #fff;border: 1px solid #fff;border-radius: 50px;height: 50px;line-height: 50px;width: 160px;}
         .i-video-show{float: left; height: 350px;border: 1px solid #fff;margin-top: 30px;margin-left: 120px;}
  .i-about {position: relative;}
        .i-about img{width: 100%;}
        .about-info{width: 750px;padding: 10px 0;;position: absolute;left: 52%;top: 0}

        .about-info .en{font-weight: bold;}
        .about-info  h2{margin-bottom: 25px;}
        .about-info  h2 p{font-size: 36px;font-weight: bold;color: #3b393a;line-height: 1;margin-top: 5px;}
        .about-des p{margin-top: 8px;font-size: 14px;}
@media screen  and (min-width:1920px) {
    .about-des p {
        margin-top: 8px;
        font-size: 15px;
    }
}
@media screen  and (min-width:2560px) {
    .about-des p {
        margin-top: 8px;
        font-size: 18px;
    }
}
            .i-product ul {width: 105%;margin-top: 20px;}
            .i-product ul li{width: 420px;margin-right: 20px;float: left;margin-bottom: 20px;}


            .i-product .img-box{ display:table; width:420px; height:340px; overflow:hidden; position:relative; z-index:1;}
.i-product .img-box .cell{ display:table-cell; vertical-align:middle; text-align:center;}
.i-product .img-box img{ max-width:420px; max-height:340px; -webkit-transition:.45s; transition:.45s}
.i-product li a .title {text-align: center;background: #e8e8e8;padding: 10px 0;}
.i-product li a .title p{font-size: 16px;color: #3b393a;text-transform: uppercase;}
.i-product li a .title p.name{font-size: 22px;font-weight: bold;color: #3b393a;}

.i-news{padding: 30px 0;background: #fff;}
.i-news ul{width: 105%;margin-top: 30px;}
.i-news ul li{position: relative;width: 638px;border: 1px solid #040000;float: left;height: 232px;margin-right: 20px;margin-bottom: 20px;}
.i-news .img-box{margin-right: 12px; margin-top:12px; display:table; width:195px; height:207px; overflow:hidden; position:relative; z-index:1;float: right;}
.i-news .img-box .cell{ display:table-cell; vertical-align:middle; text-align:center;}
.i-news .img-box img{ max-height:207px;min-width: 195px; -webkit-transition:.45s; transition:.45s}
.i-news .new-info{width: 380px;padding-left: 20px;float: left;}
.i-news .new-info h3{color: #000;font-size: 24px;margin-top: 12px;}
.i-news .new-info p{margin: 20px 0;}
.i-news .new-info .time{color: #000000;font-size: 21px;position: absolute;left: 20px;bottom: 12px;}
.cate {padding: 50px 0;}
.cate a{margin-right: 30px; display: inline-block;background: #f2f2f2;padding: 0 15px;color: #000;border-radius: 48px;height:48px;line-height: 48px; font-size: 20px;}
.cate a:hover,.cate .selected{color: #fff;background: #ff6a00;}

.Contact-box{padding: 30px 0;}
.Contact-box .message{margin: 20px auto;}
.Contact-box .message .input{width: 640px;margin:0 5px;float: left;margin-bottom: 10px;}
.Contact-box .message .input input{width: 645px;height: 55px;line-height: 55px;background: #fff;border-radius: 10px;text-indent: 2em;}
.Contact-box .message .content{min-height: 120px;}
.Contact-box .message .content textarea{width: 100%; min-height: 120px;;background: #fff;border-radius: 10px;text-indent: 2em;padding-top: 2em;}
.Contact-box .message .submit{border-radius: 10px; font-size: 30px;font-weight: bold; height: 80px;color: #fff;line-height: 80px;background: #36a2e7;text-align: center;margin-top: 10px;cursor: pointer;}
#amap-container{height: 500px;}
   .r-product{padding: 80px 0;background: #fafafa;}
        .product-box {background: #fff;padding: 30px 0;}
        .r-product .list{overflow: hidden;padding: 0 2px;}
        .r-product ul{width: 105%;}
        .r-product li{width: 307px;border: 1px solid #eeeeee;background: #fff;float: left;margin-right: 20px;margin-bottom: 20px;}
        .r-product li:hover{ -webkit-box-shadow:0 0 15px rgba(0,0,0,0.2); box-shadow:0 0 15px rgba(0,0,0,0.2);}
        .r-product .p_photo{ display:table; width:100%; height:310px; overflow:hidden; position:relative; z-index:1;}
        .r-product .p_photo .cell{ display:table-cell; vertical-align:middle; text-align:center;}
        .r-product .p_photo img{ max-height:310px; max-width: 307px;-webkit-transition:.45s; transition:.45s}
        .r-product .info{font-size: 18px;position: relative;line-height: 60px;text-align: center;color: #000;background: #dcdcdc;}
 
        .r-product .more{text-align: center;}
        .r-product .more a{display: inline-block;text-align: center;background: #007cc2;color: #fff;padding: 12px 57px;border-radius: 5px;}
    

        .catelist{padding: 30px 0;background: #fff;}
        .catelist .list{width: 105%;overflow: hidden;}
        .catelist a{font-size: 24px;color: #969696;height: 60px;line-height: 60px;border: 1px solid #969696;font-weight: bold;width: 307px;display: block;text-align: center;margin: 20px 20px 10px 0;float: left;}
        .catelist a:hover,.catelist a.active{color: #fff;background: #000;border-color: #000;}
     .product-box{background: #f7f7f7;}
        /*商品缩略图样式*/
        .goods-box{ position:relative; margin-bottom:15px; padding:30px; font-size:12px;  }
        .goods-pic{ position:relative; float:left; width:652px; *z-index:1; }
        .pic-box{ float:left; }
        .pic-preview{ width:615px; height:615px; border:1px solid #e8e8e8; }
        .pic-scroll{ margin-top:10px; width:615px; }
        .pic-scroll .prev{ float:left; margin-right:10px; background: url(../images/pleft.png) no-repeat center center;}
        .pic-scroll .next{ float:right; background: url(../images/pright.png) no-repeat center center;}
        .pic-scroll .prev,.pic-scroll .next{ display:block; font-family:"宋体"; text-align:center; width:21px; height:103px; line-height:103px; cursor:pointer; text-decoration:none;}
        .pic-scroll .items{ position:relative; float:left; width:553px;overflow:hidden;height: 105px; }
        .pic-scroll .items ul{ position:absolute; margin:0; padding:0; width:999999px; height:100%; }
        /*商品规格*/
    .goods-spec{ position:relative; margin:0 0 0 720px; overflow:hidden;min-height: 600px; }
	.goods-spec h1{ display:block; color:#13798e; font-size:40px; font-weight:700; line-height:1.1em; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;margin-top: 10px; }
    .goods-spec .subtitle{ color:#1a1a1a; font-size:16px; line-height:24px;position: relative; padding: 10px 0;border-bottom: 1px solid #e8e8e8;}
    .goods-spec .subtitle i{position: absolute;height: 1px;bottom: 0;left: 0;background: #13798e; width: 50px;}
    .goods-spec .des-box .info{ margin-top:20px;font-size:14px; line-height:2em; word-wrap:break-word; }
    .goods-spec .des-box{ position:relative; margin-top:10px; }
    .goods-spec .des-box h2{font-size: 16px; color: #404040;margin-top: 30px;}

    /* 图片放大镜样式*/
.tb-pic a{display:table-cell;text-align:center;vertical-align:middle;}
.tb-pic a img{vertical-align:middle;}
.tb-pic a{line-height:1;}
.tb-thumb li{float:left;width: 112px; height:112px;overflow:hidden;}
.tb-s650, .tb-s650 a{height:615px;width:615px;}
.jqzoom{max-height:615px;max-width:615px;}
.tb-s650 a{*font-size:271px;}
.tb-s40 a{*font-size:35px;}
.tb-s40, .tb-s40 a{height:103px;width:103px;margin-right: 10px;}
.tb-booth{border:1px solid #CDCDCD;position:relative;z-index:1;}
.tb-thumb .tb-selected div{border:1px solid #C30008;}
.tb-thumb li div{border:1px solid #CDCDCD;}

div.zoomDiv{z-index:999;position:absolute;top:0px;left:0px;width:615px;height:615px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
div.zoomMask{position:absolute;background:url("../images/mask.png") repeat scroll 0 0 transparent;cursor:move;z-index:1;}
 
.product-next{margin-top: 20px;}
.product-next .prev a{width: 100px;height: 35px;display: inline-block;background: #000;color: #fff;text-align: center;line-height: 35px;}
.product-next .next a{margin-left: 30px; width: 100px;height: 35px;display: inline-block;background: #000;color: #fff;text-align: center;line-height: 35px;}
 
.goods-spec .c-title{font-size: 36px;color: #22498b;padding: 5px 0;border-bottom: 1px solid #000;}
.goods-spec .c-title span{font-weight: bold;font-size: 28px;}

.goods-spec .des-box .info{font-size: 16px;color: #141414;border-top: 1px solid #dcdcdc;border-bottom: 1px solid #dcdcdc;padding: 17px 0;}
.goods-spec .entry{padding: 0 !important;}
  .about-box{padding: 50px 0;background: #fff;}
        .about-box h2{font-size: 38px;font-weight: bold;color: #000;text-align: center;padding-bottom: 30px;}
        .about-box .des p{line-height: 30px;padding: 5px 0;}
        .culture-box{background: #999;padding: 50px 0;}
        .culture-box  .name{top: 50%;margin-top: -30px;font-size: 40px;font-weight: bold;position: absolute;color: #fff;width: 380px;text-align: center;}
        .culture-box .right{padding-left: 380px;}
        .culture-box .right p{font-size: 18px;color: #fff;padding: 3px 0;}   
/*搜索*/
.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;}
  .news-box{background: #f7f7f7;}
    /*内容标题样式*/
    .meta{ margin:0; padding:50px 50px 0 50px; }
	.meta:after{ clear:none; content:""; display:block; height:0; visibility:hidden; }
	.meta h2{ margin:0 0 20px; padding:0; color:#007cc2; font-size:24px; font-weight:300; line-height:1em; text-align: center;}
	.meta .info{ margin:0 0 10px;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{ margin-top:20px; padding:0 50px 15px; 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{ 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; padding:10px 50px 20px; 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:#428bca; }
    .next-box p.prev{ float:left; }
    .next-box p.next{ float:right; }
/*底部*/
    .footer{background: #3b393a;padding: 30px 0;}
    .footer .logo{width: 320px;float: left;}
    .footer .nav{width:880px;float: left;padding-left:100px;}
    .footer .nav .navigation{border-bottom: 1px solid #e8e8e8;padding-bottom: 10px;}
    .footer .nav .navigation a{font-size: 20px;color: #e8e8e8;margin-right: 84px;}
    .footer .nav .navigation a:last-child{margin: 0;}
    .footer .nav .link-info {position: relative;}
    .footer .nav .link-info p{color: #e8e8e8;font-size: 18px;}
    .footer .nav .link-info .companyname{font-size: 32px;padding: 20px 0;color: #e8e8e8;}
    .footer .nav .link-info  .mp{position: absolute;right: 0;bottom: 0;text-align: center;}
    .footer .nav .link-info  .mp p{font-size: 16px;}