@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:#38beef;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: 95px; 
    background: #fff;
    z-index: 99;
    position: relative;
}
header .logo{height: 95px;line-height: 95px;display: inline-block;padding-right: 20px;}
header .logo img{height: 55px;}

header .search{position: absolute;right:  0;font-size: 14px;height: 20px;top: 50%;margin-top: -10px;display: inline-block;}
header .search span{background: url(../images/search.png) no-repeat;width: 20px;height: 20px; display: inline-block;cursor: pointer;} 
header .search a{    display: inline-block;
    background: #38beef;
    color: #fff;
    border-radius: 100%;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;}
header span {padding-left: 30px;}
header span a{display: inline-block;font-size: 16px;line-height: 95px;height: 95px;color: #392f36;padding: 0 25px;position:relative;}
header span a i{height: 2px;width: 50px;background: #38beef;position: absolute;left: 50%;margin-left: -25px;bottom: 30px;display: none;}
.popup-search{ position:fixed; left:0; top:0; z-index:9999; width:100%; height:100%; opacity:0; visibility:hidden; -webkit-transition:opacity .15s; transition:opacity .15s;}
.popup-search.open{ opacity:1; visibility:visible; -webkit-transition:opacity .45s; transition:opacity .45s;}
.popup-search .popup__overlay{ position:absolute; width:100%; height:100%; background:#000; opacity:.85; filter:Alpha(opacity=85);}
.popup-search .close{ position:absolute; right:30px; top:20px;}
.popup-search .close a{ display:block; width:44px; height:44px; line-height:44px; font-size:42px; text-align:center; color:#fff;}
.popup-search .searchlist{ position:absolute; left:50%; top:50%; display:block; margin-left:-325px; margin-top:-30px; width:650px; height:48px;}
.popup-search .searchbtn{ position:absolute; right:0; top:0; display:block; margin:0; padding:0; width:80px; height:48px; line-height:48px; font-size:16px; text-align:center; color:#999; background:none; border:0; outline:0; cursor:pointer;}
.popup-search .searchtxt { display:block; box-sizing:border-box; margin:0; padding:0 5px; padding-right:85px; width:100%; height:48px; line-height:48px; font-size:16px; color:#999; background:none; border:0; border-bottom:1px solid #888; outline:0;}
#index .nav-index, #product .nav-products, #news .nav-news, #contact .nav-contact, #about .nav-about, #factory .nav-about, #strength .nav-about, #join .nav-join, #service .nav-service, header span a:hover {
    color: #38beef;
}
    #index .nav-index i, index .nav-index i, #product .nav-products i, #news .nav-news i, #contact .nav-contact i, #about .nav-about i, #factory .nav-about i, #strength .nav-join i, #join .nav-join i, #service .nav-service i, header span a:hover i {
        display: block;
    }
.swiper-pagination-bullet-active {
    opacity: 1;
    background: #fff !important;
}
.swiper-pagination-bullet {
    background: #645f54;

}
.banner{margin: 0 auto;width: 100%;}
.banner img {
    width: 100%;
    height: auto;
}
        .productcate{background: #fff;padding: 80px 0 54px 0;}
        .productcate ul{width: 105%;overflow: hidden;}
        .productcate li{width: 310px;height: 282px;float: left;margin-right: 20px;position: relative;margin-bottom: 26px;}
        .productcate .left {width: 310px;height: 590px;margin-left: 20px;position: relative;}
        .productcate .photo{ display:table; width:310px; height:282px; overflow:hidden; position:relative; z-index:1;}
        .productcate .photo .cell{ display:table-cell; vertical-align:middle; text-align:center;}
        .productcate .photo img{width: 310px; -webkit-transition:.45s; transition:.45s}
        .productcate .info{padding: 0 30px;position: absolute;top: 0;left: 0;z-index: 999;}
        .productcate .info h2{text-transform: uppercase; font-size: 24px;color: #fff;font-weight: bold;width: 200px;padding-top:40px;}
        .productcate .info span{margin-top: 20px;text-transform: uppercase; display: inline-block; background: rgba(56,190,239,0.75);color: #fff;font-size: 16px;width: 105px;text-align: center;line-height: 32px;height: 32px;border-radius: 32px;}
        .productcate .more .info h2{width: 250px;text-align: center;padding-top: 65px;}
        .productcate .left .view{position:absolute;top:190px;left: 0;z-index: 999;width: 100%;text-align: center;}
        .productcate .left h2{text-transform: uppercase;text-align: center; font-size: 24px;color: #fff;font-weight: bold;padding-top:40px;}
        .productcate .left span{margin-top: 20px;text-transform: uppercase; display: inline-block; background: rgba(255,255,255,0.75);color: #000;font-size: 16px;width: 105px;text-align: center;line-height: 32px;height: 32px;border-radius: 32px;}

        .i-about{background:#fff url(../images/aboutbg.jpg) no-repeat;min-height: 750px;position: relative;}
        .i-about .intr{background: rgba(56,190,239,0.75);position: absolute;left: 0;bottom: 0;height: 420px;right: 0;}
        .i-about  .title{text-align: center;padding: 70px 0;}
        .i-about .intr h2{font-size: 18px;color: #fff;text-align: center;padding-top: 70px;}
        .i-about .intr .body{color: #fff;font-size:18px;;line-height: 35px;text-align: center;padding-top: 25px;}
        .i-about .intr .more{padding-top: 50px;text-align: center;}
        .i-about .intr .more a{text-transform: uppercase;font-weight:bold;font-size: 18px; display: inline-block;text-align: center;color: #fff;line-height: 58px;height: 58px;border: 1px solid #fff;width: 230px;}
   
        .r-news{background: #fff;height: 750px;}
        .r-news .section{position: relative;padding: 50px 0;}
        .r-news .section .bg{background: #38beef;height: 750px;position: absolute;top: 0;left: 0;width: 390px;}
        .r-news .title h2{text-align: right; font-size: 14px;color: #999;background: url(images/newstitle.png) no-repeat right top;padding-top: 40px;}
        .i-news .swiper-pagination{position:absolute;top: -300px;left: 60%;bottom: auto;}
        .swiper-control {position: absolute;top: 220px;left: 130px;width: 82px;}
        .swiper-control .prev{background: url(../images/left.png) no-repeat; margin-right: 30px;width: 82px;height: 82px;display:block;z-index: 2;cursor:pointer;position: relative;}
        .swiper-control .next{background: url(../images/right.png) no-repeat;margin-top: 20px; width: 82px;height: 82px;display:block;cursor:pointer;z-index: 2;position: relative;}
        .r-news .news-info {width: 980px;margin-left: 315px;margin-top: 30px;}
        .r-news .news-info .swiper-container{padding: 20px 15px 20px 0;}
        .r-news .news-info .item{width: 311px;background:#fff;box-shadow:0 0 8px rgba(0,0,0,0.2);height: 465px;border-radius: 5px;}
        .r-news .news-info .photo{display:table; width:311px; height:269px; overflow:hidden; position:relative; z-index:1;}
        .r-news .news-info .photo .cell{ display:table-cell; vertical-align:middle; text-align:center;}
        .r-news .news-info .photo img{max-height: 269px;max-width: 311px;border-radius: 5px;}
        .r-news .news-info .info h2{font-weight: bold;color: #000;font-size: 16px;padding: 30px 20px;}
        .r-news .news-info .info p{line-height: 25px;color: #666;font-size: 14px;padding: 0 20px;}
        .r-news .news-info .info .more{margin-top: 15px; line-height: 31px;height: 31px; color: #999999;font-size: 16px;text-transform: uppercase;background: url(../images/nmore.png) no-repeat right 20px center;}
        .swiper-pagination-news{position: absolute;left: 90px;bottom: 100px;width: 200px;border-bottom:1px solid #67cdff;}
        .swiper-pagination-news .swiper-pagination-current{font-size: 85px;font-weight: bold;color: #fff;padding-right: 10px;position: relative;}
        .swiper-pagination-news i{position: absolute;height: 2px;background: #fff;width: 30px;left: 0;bottom: -1px;}
        .swiper-pagination-news  .swiper-pagination-total{color: #67cdff;font-size: 50px}
        .company{background:#fff url(../images/our.jpg) no-repeat 50% 0;position: relative;min-height: 750px;}
        .company .title{text-align: center;padding-top: 130px;padding-bottom: 80px;}
        .time-line{width:1300px;margin:20px auto;position: relative;}
		.time-line .left-btn,.time-line .right-btn{width: 21px;height: 39px;background: url(../images/arrow.png) no-repeat;position: absolute;margin-top:-15px;cursor: pointer;}
		.time-line .left-btn{left:0;top:50%;margin-top: -19px;}
		.time-line .right-btn{right:0;top:50%;margin-top: -19px;transform: rotate(180deg);}
		.time-line .time-box{width: 1260px;margin: 0 auto;overflow: hidden;}
		.time-line .time-box ul{overflow: hidden;position: relative;height: 320px;}
		.time-line .time-box ul:after{content: "";background: #fff;height: 1px;width: 100%;position: absolute;left:0;top:50%;}
		.time-line .time-box li{margin-top: 166px;width:210px; height: 160px;float: left;box-sizing: border-box;position: relative; cursor: pointer;}
		.time-line .time-box li:nth-child(2n){margin-top: 0;}
        .time-line .time-box li:after{content: "";width: 29px;height: 29px;background: url(../images/point.png) no-repeat;position: absolute;left:50%;margin-left:-14px;bottom: 151px; z-index: 1;}
        .time-line .time-box li:nth-child(2n):before{bottom: auto;top: -10px;transform: rotate(-225deg);}
		.time-line .time-box li:nth-child(2n):after{bottom: auto;top:145px;}
        .time-line .time-box h3{font-size: 24px;font-weight: bold;color: #fff;text-align: center;}
        .time-line .time-box li:nth-child(2n-1) h3{padding-bottom: 30px;padding-top: 30px;}
        .time-line .time-box li:nth-child(2n) p{height: 73px;padding-bottom: 10px;}
        .time-line .time-box li:nth-child(2n) h3{padding-bottom: 30px;}
        .time-line .time-box p{color: #fff;font-size: 14px;}
/*搜索*/
.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;}
.contact{background: #fff;padding: 60px 0;}
.contact .title {padding-bottom: 60px;text-align: center;text-transform: uppercase;}
.contact .title h2{font-weight: bold;font-size: 35px;color: #38beef;padding-bottom: 20px;}
.contact .title p{color: #666;font-size: 14px;}
.contact .linkinfo{position: relative;}
.contact .linkinfo .wx {position: absolute;top: 60px;right: 65px;}
.contact .linkinfo h2{color: #38beef;font-size: 18px;font-weight: bold;padding: 20px 0;}
.contact .linkinfo .info p{font-size: 18px;color: #666;padding-left: 30px;padding-bottom: 12px;line-height: 35px;}
.contact .linkinfo .info p.address{background: url(../images/map.png) no-repeat left top 10px;width: 500px;}
.contact .linkinfo .info p.tel{background: url(../images/tel2.png) no-repeat left top 10px;}
.contact .linkinfo .info p.fax{background: url(../images/fax.png) no-repeat left top 10px;}
.contact .linkinfo .info p.mobile{background: url(../images/mobile.png) no-repeat left top 10px;}
.contact .linkinfo .info p.email{background: url(../images/email.png) no-repeat left top 10px;}
.contact .linkinfo .info p.web{background: url(../images/web.png) no-repeat left top 10px;}
.wx .wechat{text-align: center;}
.wx .wechat img{border: 1px solid #666666;padding: 10px;}
.wx .wechat p{font-size: 16px;text-transform: uppercase;color: #666;padding-top: 10px;}
.areaMap{margin: 100px 0;}
#amap-container{ height:500px;}

.culture{padding: 60px 0;background: #fff;}
.culture ul{width: 105%;}
.culture li{ width: 313px;border: 1px solid #eeeeee;border-bottom: 11px solid #38beef;background: #fff;float: left;margin-right: 14px;margin-bottom: 20px;height: 434px;}
.culture 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);}
.culture .p_photo{ display:table; width:312px; height:212px; overflow:hidden; position:relative; z-index:1;}
.culture .p_photo .cell{ display:table-cell; vertical-align:middle; text-align:center;}
.culture .p_photo img{ max-height:212px;max-width: 312px; -webkit-transition:.45s; transition:.45s}
.culture .info {text-align: center;padding: 0 20px;}
.culture .info h2{padding: 30px;background: url(../images/ct.png) no-repeat center bottom;font-size: 18px;font-weight: bold;color: #38beef;}
.culture .info p{font-size: 14px;line-height: 28px;color: #666;padding-top: 10px;}
.culture .title {padding-bottom: 60px;text-align: center;text-transform: uppercase;}
.culture .title h2{font-weight: bold;font-size: 30px;color: #38beef;padding-bottom: 20px;}
.culture .title p{color: #666;font-size: 14px;}
        .newslist{background: #fff;padding: 20px 0 50px 0;}
        .c-breadcrumb{line-height:60px; font-size:14px; background: #f8f8f8;}
        .c-breadcrumb span{color: #999;font-size: 14px;}
        .c-breadcrumb a{ color: #999;font-size: 14px;}
        .c-breadcrumb a:hover{ color:#38beef; text-decoration:underline;}
        .c-breadcrumb .navtxt{ display:inline-block; margin-left:12px; padding-left:22px; background:url(../images/home.png) no-repeat left center;}
        .cate-box{padding: 25px 0;background: #fff;}
        .news-cate {background: #fff;}
        .news-cate a{padding: 0 30px;font-size: 16px;}
        .news-cate a.active{color:#38beef}
        .newslist{background: #fff;}
        .news-box li {height: 216px;border: 1px solid #cbcbcb;margin: 35px 0;}
        .news-box .photo{ display:table; width:176px; height:152px; overflow:hidden; position:relative; z-index:1;}
        .news-box .photo .cell{ display:table-cell; vertical-align:middle; text-align:center;}
        .news-box .photo img{ max-width: 176px;max-height: 152px;}
        .news-box li .left{width: 176px;padding: 32px;float: left;}
        .news-box li .right{float: left;width: 1026px;padding-right: 32px;}
        .news-box li:hover {box-shadow:0 0 8px rgba(0,0,0,0.2);}
        .news-box li:hover .more{background: #38beef;color: #38beef;border-color: #38beef;color: #fff;}
        .news-box li .note h2{color: #000;font-size: 18px;position: relative;border-bottom: 1px solid #cbcbcb;font-weight: bold;padding-top: 32px;padding-bottom: 16px;}
        .news-box li .note .time{font-size: 14px;color: #999;position: absolute;right: 0;top: 50%;}
        .news-box li .note p{margin: 15px 0;line-height: 30px;font-size: 14px;color: #666666;}
        .news-box li  .more{height: 34px;line-height: 34px; text-transform: uppercase; width: 130px;border: 1px solid #e1e1e1;font-size: 14px;color: #666;text-align: center;}
     /*内容标题样式*/
    .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; }
	.meta .info{ margin:0 0 10px; }
	.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; }
        
.cate-box{padding: 25px 0;background: #fff;}
.news-cate {background: #fff;}
.news-cate a{padding: 0 30px;font-size: 16px;}
.nygoodlist{background: #fff;}
.nygoodlist ul{width: 105%;overflow: hidden;}
.nygoodlist .section{width: 1412px;max-width:1412px;}
.nygoodlist li{ float:left; display:inline; width:330px; margin-top:30px; margin-right:30px;}
.nygoodlist li a{ display:block; border:1px solid #ededed; outline:none;}
.nygoodlist li .image{ height:330px; overflow:hidden;}
.nygoodlist li .image_cell{ display:table-cell; width:330px; height:330px; text-align:center; vertical-align:middle;}
.nygoodlist li .image img{ max-height:100%;}
.nygoodlist li .title{ margin:10px 0 0; padding:0 5px; line-height:25px; text-align:center; color:#5a5a5a;}
.nygoodlist li .title_div1{ font-size:16px;}
.nygoodlist li .title_div2{ margin:8px 0 0; font-size:14px;}
.nygoodlist li .thumblist{ margin:15px 0 32px; height:42px; overflow:hidden;}
.nygoodlist li .thumblist dl{ font-size:0; text-align:center;}
.nygoodlist li .thumblist dt{ display:inline-block; margin:0 5px; *display:inline; *zoom:1;}
.nygoodlist li .thumblist dt img{ width:40px; height:40px; border:1px solid #dedede;}
.nygoodlist li a:hover{ box-shadow:0 0 10px #dedede;}

.trans_msg{ width:500px; height:500px; background:#fff; border:1px solid #ededed; box-shadow:0 0 10px #eee;filter:alpha(opacity=100,enabled=1) revealTrans(duration=.2,transition=1) blendtrans(duration=.2);}
.trans_msg table,.trans_msg td,.trans_msg tr{ border:0;}     
   /*商品缩略图样式*/
        .goods-box{ position:relative; margin-bottom:15px; padding:30px; font-size:12px;  }
        .goods-pic{ position:relative; float:left; width:710px; *z-index:1; }
        .pic-box{ float:left; }
        .pic-preview{ width:580px; height: 580px; border:1px solid #e8e8e8; }

        .pic-scroll{ width:112px; float: left;position: relative;margin-left: 15px;}
        .pic-scroll .prev{background: url(../images/up.jpg) no-repeat center top;position: absolute;left: 50%; margin-left: -56px;top: 0;width: 112px;height: 32px;display: block;cursor:pointer;z-index: 999;}
        .pic-scroll .next{background: url(../images/down.jpg) no-repeat center bottom;;position: absolute;left: 50%; margin-left: -56px;bottom:0;width: 112px;height: 32px;display: block;cursor:pointer;z-index: 999;}
        .pic-scroll .items{ position:relative; float:left; width:113px;overflow:hidden;height: 518px;padding:32px 0;}
        .pic-scroll .items ul{margin:0; padding:0; height: 999999px; position: absolute; }
        /*商品规格*/
    .goods-spec{ position:relative; margin:0 0 0 760px; overflow:hidden; }
	.goods-spec h1{ display:block; color:#000; font-size:24px; font-weight:700; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;padding-bottom: 22px;border-bottom: 1px solid #b3b3b3; }
    .goods-spec .des-box {min-height: 455px;}
    .goods-spec .des-box  .info{ margin-top:20px; font-size:14px; line-height:2em; word-wrap:break-word;color: #666666; }
    .goods-spec .des-box{ position:relative; margin-top:10px; }

    /* 图片放大镜样式*/
.tb-pic a{display:table-cell;text-align:center;vertical-align:middle;}
.tb-pic a img{vertical-align:middle;width: 100%;}
.tb-pic a{line-height:1;}
.tb-thumb li{width: 128px; height:128px;overflow:hidden;}
.tb-s650, .tb-s650 a{height:580px;width:580px;}
.jqzoom{max-height:580px;max-width:580px;}
.tb-s650 a{*font-size:271px;}
.tb-s40 a{*font-size:35px;}
.tb-s40, .tb-s40 a{height: 110px;width:110px;}
.tb-booth{border:1px solid #eeeeee;position:relative;z-index:1;float: left;}
.tb-thumb .tb-selected div{border:1px solid #C30008;}
.tb-thumb li div{border:1px solid #eeeeee;margin: 10px 0;}
div.zoomDiv{z-index:999;position:absolute;top:0px;left:0px;width:580px;height:580px;background:#ffffff;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;}

.online{text-align: left;width: 306px;height: 50px;line-height: 50px;color: #fff;text-transform: uppercase;}
.online .txt{font-size: 18px; float: left; background: #38beef;color: #fff;width: 110px;height: 50px;text-align: center;line-height: 50px;display: block;border: 1px solid #38beef;border-bottom-left-radius: 5px;border-top-left-radius: 5px;border-right: none;}
.online .tel{font-size: 20px;float: left; background: #f5f5f5;color: #272727;text-align: center;height: 50px;line-height: 50px;display: block;width: 190px;border: 1px solid #f5f5f5;border-bottom-right-radius: 5px;border-top-right-radius: 5px;border-left: none;}

.product-next{position: absolute;top: 0;right: 0;width: 90px;}
.product-next .prev, .product-next .next{display: inline-block;}
.product-next .prev a{background: url(../images/l.png) no-repeat;width: 33px;height: 33px;display: inline-block;}
.product-next .next a{background: url(../images/r.png) no-repeat;width: 33px;height: 33px;display: inline-block;margin-left: 20px;}
.related {padding-top: 80px;}
.related .title{padding-bottom: 25px;position: relative;}
.related .title .more{position: absolute;right: 0;bottom: 45px;}
.related .title .more a{text-transform: uppercase;color: #999;font-size: 14px;}
.related h2{text-transform: uppercase; position: relative;font-weight: bold; font-size: 20px;color: #38beef;border-bottom: 1px solid #b3b3b3;padding: 20px 0;}
.related h2 i{position:absolute;width: 223px;bottom: -1px;left: 0;height: 2px;background: #38beef;}
.related h2 p{color: #999;font-size: 16px;text-transform:capitalize;}
 .honor{padding: 60px 0;background: #fff;}
        .honor ul{width: 105%;}
        .honor li{width: 307px;border: 1px solid #eeeeee;background: #fff;float: left;margin-right: 20px;margin-bottom: 20px;}
        .honor 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);}
        .honor .p_photo{ display:table; width:100%; height:310px; overflow:hidden; position:relative; z-index:1;}
        .honor .p_photo .cell{ display:table-cell; vertical-align:middle; text-align:center;}
        .honor .p_photo img{ max-height:100%; -webkit-transition:.45s; transition:.45s}
        .honor .info{font-size: 18px;background: #cbcbcb;position: relative;line-height: 60px; text-align: center;color: #272727;border-top: 1px solid #eee;}
        .honor li:hover .info {color: #fff;background: #cbcbcb;}
        .honor .title {padding-bottom: 60px;text-align: center;text-transform: uppercase;}
        .honor .title h2{font-weight: bold;font-size: 35px;color: #38beef;padding-bottom: 20px;}
        .honor .title p{color: #666;font-size: 14px;}

.footer {background: #fff;}
.footer .footer-box{padding: 85px 0;}
.footer .footer-box .linkinfo{width: 460px;float: left;}
.footer .footer-box .linkinfo .tel{background: url(../images/tel.png) no-repeat left top;padding-left: 60px;margin: 22px 0 30px;}
.footer .footer-box .linkinfo .tel span{display:block;font-weight: bold;font-size: 33px;color: #38beef;}
.footer .footer-box .linkinfo .tel span.tips{font-size: 14px;color: #666;font-weight: normal;}
.footer .footer-box .linkinfo .address{font-size: 14px;color: #666;line-height: 35px;padding-bottom: 30px;}
.footer .footer-box .linkinfo  img{padding-right: 10px;}
.footer .footer-box .product{width: 304px;float: left;}
.footer .footer-box .about{width: 215px;float: left;}
.footer .footer-box .news{width: 188px;float: left;padding-left: 30px;}
.footer .footer-box .other{width: 103px;float:left;}
.footer .footer-box li h4{color: #38beef;font-size: 18px;font-weight: bold;text-transform: uppercase;}
.footer .footer-box .column li{padding: 10px 0;}
.footer .footer-box .column li a{color: #666;font-size: 14px; text-decoration: none;}
.footer .copyright{background: #38beef;padding: 35px 0;color: #fff;}
.footer .copyright a{color: #fff;}
.footer .copyright span{display: inline-block;width: 49%;}
.footer .copyright span.support{text-align: right;}