@charset "utf-8";
body{margin:0;padding:0;font-family:微软雅黑 ;font-size:14px;width:100%}
input,select,textarea,button{vertical-align:middle;outline:0}
h1,h2,h3,h4,h5,h6{font-weight:400}
img{border:0;vertical-align:middle}
dl,dt,li,ol,ul{list-style:none}
a{text-decoration:none;outline:0;color:#333}
*{padding:0;margin:0}
.clear{clear:both}
.clearfix:after,.clearfix:before{display:table;content:""}
.clearfix:after{clear:both}
.text{text-align:center}
.fl{float:left}
.fr{float:right}
.hide{display:none}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#9e9e9e}
input:-moz-placeholder,textarea:-moz-placeholder{color:#9e9e9e}
input::-moz-placeholder,textarea:-moz-placeholder{color:#9e9e9e}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#9e9e9e}
.wrap{width: 1200px;margin:0 auto;}
.tabbox{display:table-cell;vertical-align:middle}
a,a:hover,a:active,a:visited,a:link,a:focus,span,div{
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
    outline:none;
    background: none;
    text-decoration: none;
}
img{object-fit:cover;}


@font-face {
    font-family: 'Light';
    src:url('../font/SourceHanSansCN-Light.ttf');
}
@font-face {
    font-family: 'Regular';
    src:url('../font/SourceHanSansCN-Regular.ttf');
}
@font-face {
    font-family: 'Normal';
    src:url('../font/SourceHanSansCN-Normal.ttf');
}
@font-face {
    font-family: 'Medium';
    src:url('../font/SourceHanSansCN-Medium.otf');
}
@font-face {
    font-family: 'Heavy';
    src:url('../font/SourceHanSansCN-Heavy.otf');
}




/*moblie-nav*/
.top-left{ position:fixed;top:28px; z-index:130;display: none;width:23px; height:15px; right:1em;}
.top-left::before,
.top-left::after,
.top-left span{ position:absolute; width:100%; height:3px; border-radius:3px; background:#176bab; }
.top-left::before,
.top-left::after{ content:'';transition:transform 0.2s;}
.top-left span{ top:50%; margin-top:-1.5px;}
.top-left::before{ top:0;}
.top-left::after{ bottom:0;}
.top-menu{ position:fixed; height:100%; overflow-y:auto; width:100%;left:0; top:0;background:rgba(0,0,0,0.9); padding:21% 20px 0 0; transform:translateY(-100%); opacity:0; transition:0.2s; z-index:-1;}
.top-menu ul{ position:relative; width:100%;}
.top-menu li a{ display:block; line-height:30px; }
.top-menu li > a{ position:relative; border-bottom:1px solid #222; font-size:16px; color:#fff; line-height:3; padding:0 41px 0 25px;text-transform: capitalize;}
.top-menu li.on > a{ background-color:#222;}
.top-menu li.on > a::after{ position:absolute; content:''; width:10px; height:10px; border-right:2px solid #fff; border-top:2px solid #fff; transform:rotate(135deg); right:25px; top:50%; margin-top:-7px;}
.top-menu li dl{ position: relative;left: 0; width:100%; top:0; display:none; transition:transform 0.3s; }
.top-menu li dl.dl-show{}
.top-menu li dl dt a{color:#aaa; font-size:14px; line-height:2.5;padding: 0 41px 0 40px;}
.Top-open.top-menu{ opacity:1; transform:translateY(0); z-index:100;}
.Top-open.top-left{ position:fixed; margin-top:0; top:28px; z-index:130;}
.Top-open.top-left span{ opacity:0;}
.Top-open.top-left::before,
.Top-open.top-left::after{ top:50%;}
.Top-open.top-left::before{ transform:rotate(45deg);background: #176bab;}
.Top-open.top-left::after{transform:rotate(-45deg);background: #176bab;}
/*moblie-nav end*/
.sou-btn{position: fixed;right: 55px;top: 30px;z-index:150;display: none}

.sjd{display:none}
/*header css*/
header{position: relative;left: 0;top:0px;width: 100%;z-index: 120;transition:.5s;background:#fff;}
.w1446{width: 1446px;margin: 0 auto;position: relative;}
header .logo{line-height:112px;transition:.5s;}
header .logo img{max-height: 90%;}
header .headR{width: 70%;}
header .nav{width:75%;}
header .nav ul{display: flex;flex: 0 0 100%;justify-content: space-between;}
header .nav li{line-height:112px;position: relative;transition:.5s;text-align: center;float: left;}
header .nav li a{font-size:18px;color: #333333;font-family: 'Light';position: relative;}
header .nav li a:before{content:'';position: absolute;right:-48px;top:10%;width:1px;height: 80%;background:#707070;display: none }
header .nav li:last-child a:before,header .nav li:nth-child(2) a:before{display: none;}
header .nav li b{width:1px;height: 18px;background:#707070;position: relative;top: 6px;display: inline-block;}
header .nav li:hover a,header .nav li.on a{color: #05376c;}
header .nav li .submenu{left:-67px;position: absolute;top: 100%;z-index: 10;display: none;width:208px;}
header .nav li .submenu ul{border-radius: 0;background:#fff;display: block;}
header .nav li .submenu a {color: #515151;display: block;font-size: 16px;line-height:57px;padding: 0;font-family: 'Light';overflow: hidden;text-overflow:ellipsis;white-space:nowrap}
header .nav li .submenu li{margin: 0;float: none;line-height: 34px;width: 100%;}
header .nav li .submenu li:last-child{border-bottom:none}
header .nav li .submenu li:hover a{color: #fff;background: #176bab}
header.fixed{position: fixed;box-shadow: 0px 0px 7px 2px rgba(0,0,0,.3);z-index: 30}

header .other{display: flex;flex: 0 0 100%;justify-content: space-between;width: 20%;line-height: 112px;transition:.5s;}
header .other a{font-size: 18px;color: #333333;font-family: 'Light';}
header .other a img{position: relative;top:-3px;}
header .other span.store{position: relative;}
header .other span.store img{margin-right: 12px;}
header .other span.store .list{position: absolute;left: -15px;bottom:-124px;width: 107px;background: #fff;padding:19px 21px;display: none;border: 1px#e6e6e6 solid;}
header .other span.store .list:before{content: '';position: absolute;left: 0;top:-10px;background: url(../images/sj2.png) no-repeat center;width: 100%;height: 10px;}
header .other span.store .list a{display: block;line-height: 34px;font-size: 14px;color: #666666;border-bottom: 1px #e5e5e5 solid}
header .other span.store .list a img{width: 21px;}

.search{position: absolute;right:0;bottom:-71px;z-index: 10;background: rgba(0,0,0,.7);padding:15px 15px;width: auto;display: none;}
.search .box{width: 400px;float: right;}
.search input{width:75%;height: 40px;border:none;background: none;float: left;padding-left:1%;font-size: 16px;color:#333;border-bottom: 1px #fff solid;color: #fff;}
.search button{width: 20%;height: 40px;border:none;background:#05376c;float: right;font-size:16px;font-family: 'Regular';color: #fff;cursor: pointer;border-radius: 5px;}
.search input:focus{border-color: #2687be;}
/*header end*/
header.fixed{position: fixed;}
header.H-header.fixed{background: #fff;}
header.fixed .other,header.fixed .nav li,header.fixed .logo{line-height: 70px;}
header.fixed .nav li .submenu a{line-height: 46px;}
header:hover{background: #fff}
header.fixed .one-menu{top:70px}
.one-menu{position: fixed;left: 0;top:112px;padding: 20px;background: #F3F5F7;box-shadow: none;border: none;box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2);width: 100%;line-height: normal;display: none}
.one-menu .box{width: 1200px;margin:0 auto;}
.one-menu .L{width: 25%;position: relative;}
.one-menu .L a{display: block;}
.one-menu .L img{width: 240px;}
.one-menu .L span{position: absolute;
    text-align: center;
    width: 144px;
    height: 32px;
    line-height: 32px;
    color: #fff;
    left: 50%;
    margin-left: -74px;
    bottom: -14px;
    background-color: #000;
    border-radius: 32px;
    font-size: 16px;
}
.one-menu .C{width: 58.33333333%;position: relative;}
.one-menu .C:before{content: '';position: absolute;right:40px;top:0;width: 1px;height: 100%;background:rgba(221,221,221,1);}
.one-menu .C .padd{padding:0 40px;}
.one-menu .C ul{display: block;}
.one-menu .C li{float: left;text-align: center;width: 25%;padding:15px 0;}
.one-menu .C li dl{height: 65px;line-height: 65px;margin-bottom: 5px;}
.one-menu .C li dl img{max-height: 85%}
.one-menu .C li p{line-height: 26px;font-size: 14px;}
.one-menu .C li a:hover p{color: #05376c !important}
.one-menu .R{width: 16.66666667%;font-family: 'Regular';text-align: left;margin-top: 15px;}
.one-menu .R h4{font-size:18px !important;color: #333;margin-bottom: 15px;}
.one-menu .R p{font-size:14px !important;color: #333;line-height: 26px;}
.one-menu .R p a{color: #333;font-size:14px}
.one-menu .R dl{font-size:14px !important;margin-top: 30px; }
.one-menu .R dl a{color: #EC5923 !important;font-size:14px}
header .nav li:hover>.one-menu .R p a,header .nav li.on>.one-menu .R p a,header .nav li:hover>.one-menu .C li p,header .nav li.on>.one-menu .C li p{color: #333}




/*comm css*/
footer{overflow: hidden;background:#f9f9f9;padding:98px 0px 63px;}
footer .foot-t{}
footer .foot-t .L{width: 70%;display: flex;flex: 0 0 100%;justify-content: space-between;}
footer .foot-t .L .item{font-family: 'Light';}
footer .foot-t .L .item h4{font-size: 16px;color: #333333;margin-bottom: 29px;}
footer .foot-t .L .item a{font-size: 14px;color: #797979;line-height: 30px;display: block;}
footer .foot-t .R{text-align: center;}
footer .foot-t .R .btn{width: 140px;height: 40px;border-radius: 40px;background: #666666;line-height: 40px;font-size: 12px;margin: 0 auto;}
footer .foot-t .R .btn a{color: #fff;display: block;}
footer .foot-t .R .btn img{margin-right:5px;position: relative;top:-2px; }
footer .foot-t .R .tel{font-size:36px;color: #1b1b1b;font-family: 'Regular';margin: 20px 0}
footer .foot-t .R .shop{}
footer .foot-t .R .shop a{margin: 0 7px;}
footer .foot-b{margin-top: 70px;}
footer .foot-b .L{font-size: 14px;color: #9b9b9b;font-family: 'Regular';}
footer .foot-b .R{font-size: 14px;color: #9b9b9b;font-family: 'Regular';}
footer .foot-b .R a{position: relative;display: inline-block;margin: 0 12px;}
footer .foot-b .R a img{opacity: .5}
footer .foot-b .R a span{position: absolute;left:-34px;bottom:38px;width: 79px;height: 77px;border:6px #eee solid;display: none}
footer .foot-b .R a span img{width: 100%;height: 100%;}
footer .foot-b .R a span:before{content: '';position: absolute;right: 0;left: 0;margin:0 auto;width: 12px;height: 10px;background: url(../images/sj1_03.png) no-repeat center;bottom: -16px;}
footer .foot-b .R a:hover span{display: block;}
footer .foot-b .R a:hover img{opacity: 1}
.nybanner{position: relative;}
.nybanner img{width: 100%;display: block;}
.nybanner span{max-width: 60%;text-align: center;font-size:66px;color: #fefefe;font-family: 'Regular';text-shadow:0px 4px 5px rgba(90, 88, 88, 0.8);
    position: absolute;left: 50%;top:50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); 
}
.nybox{padding:75px 0;}
.ny-head{text-align: center;font-size:40px;color: #333333;font-family: 'Normal';}




/*服务中心*/
.service{margin-top: 46px;}
.service .top{}
.service .top img{max-width: 100%;}
.service .list1{margin-top: 57px;}
.service .list1 ul{display: flex;flex: 0 0 100%;justify-content: space-between;}
.service .list1 li{height: 316px;background: #f7f7f7;width: 465px;text-align: center;display: table}
.service .list1 li .tabbox{padding: 0 95px;}
.service .list1 li span{height: 73px;line-height: 73px;margin-bottom: 5px;display: block;}
.service .list1 li h4{font-size:30px;color: #333333;font-family: 'Normal';margin-bottom: 20px;}
.service .list1 li p{font-size:16px;color: #737373;line-height: 24px;font-family: 'Light';height: 48px;overflow: hidden;}
.service .txt{margin: 52px 41px 145px;font-size:20px;color: #333333;line-height:36px;font-family: 'Regular';}
.service .list2{width: 1070px;margin: 0 auto 100px}
.service .list2 ul{display: flex;flex: 0 0 100%;justify-content: space-between;}
.service .list2 li{text-align: center;width: 255px;position: relative;padding:0 10px;}
.service .list2 li span{height: 73px;line-height: 73px;margin-bottom: 18px;display: block;}
.service .list2 li p{font-size: 16px;color: #676767;font-family: 'Light';}
.service .list2 li:before{content: '';position: absolute;right: 0;width: 1px;height: 100%;background:#eee;top: 0;}
.service .list2 li:last-child:before{display:none}




/*关于我们-荣誉资质*/
.ny-sub{background: #f5f5f5;padding: 17px 0;}
.ny-sub .L{line-height: 44px;}
.ny-sub .L a{font-size: 16px;color: #515151;font-family: 'Light';margin:0 21px;position:relative;}
.ny-sub .L a.all{padding-left: 30px;position:relative;}
.ny-sub .L a.all:after{content: '';position: absolute;left:-21px;top:-2px;width: 26px;height: 26px;background: url(../images/tb2.png) no-repeat center;}
.ny-sub .L a:before{content: '';position: absolute;right:-21px;top:0;width: 1px;height: 100%;background: #b8b8b8;}
.ny-sub .L a:last-child:before{display: none}
.ny-sub .L a.on{color: #176bab}
.ny-sub .R{border:1px #dcdcdc solid;border-radius: 44px;padding:0 17px;}
.ny-sub .R input{height: 44px;width: 134px;background: #f5f5f5;border:none;font-size: 16px;color: #333;font-family: 'Light';}
.ny-sub .R button{height: 44px;width: 37px;background: #f5f5f5;border:none;cursor: pointer;}
.pag{text-align: center;}
.pag a{padding:0 22px;line-height: 51px;background: #eee;font-size: 16px;color: #333;font-family: 'Light';display: inline-block;margin: 0 3px;transition:.5s;}
.pag a:hover{background: #176bab;color: #fff;}
.honor{margin-top: 79px;}
.honor .list{margin-right: -2%;}
.honor .list li{float: left;margin: 0 2% 95px 0;text-align: center;width: 31.33%;cursor: pointer;}
.honor .list li span{height: 288px;background: #f4f4f4;border-radius: 5px;display: block;line-height: 288px;transition:.5s;}
.honor .list li span img{max-width: 90%;max-height: 90%;}
.honor .list li p{line-height: 64px;font-size:20px;color: #333;font-family: 'Light';overflow: hidden;text-overflow:ellipsis;white-space:nowrap;padding: 0 1em;}
.honor .list li:hover span{box-shadow: 0px 0px 10px 4px rgba(0,0,0,.3)}



/*新闻*/
.news{margin: 100px 0;}
.news ul{margin-right: -2%}
.news li{float: left;width: 31.33%;margin: 0 2% 53px 0;transition:.5s;}
.news li .pic{height: 226px;overflow: hidden;}
.news li .pic img{width: 100%;height: 100%;transition:.5s;}
.news li .txt{border:1px #e5e5e5 solid;padding:30px 36px;}
.news li .txt h4{font-size: 24px;color: #333333;font-family: 'Normal';overflow: hidden;text-overflow:ellipsis;white-space:nowrap}
.news li .txt dl{color: #999999;margin: 23px 0 30px;font-family: 'Light';padding-left: 31px;background: url(../images/tb3.png) no-repeat left center;}
.news li .txt p{font-size: 14px;color: #6b6b6b;line-height: 24px;font-family: 'Light';height: 48px;overflow:hidden;}
.news li:hover{box-shadow: 0px 0px 10px 4px rgba(231,230,230,.8)}
.news li:hover .pic img{transform:scale(1.1);transition:.5s;}





/*联系我们*/
.map{height: 637px;border-bottom: 3px #176bab solid;background: #eee;}
.allmap_box{margin:0 0 5px 0;padding:0.2em 0}
.allmap_box li.gsname{line-height: 26px;font-size: 14px;font-weight: 600;color: #CC5522;}
.allmap_box li.gsaddre{line-height: 26px;font:12px arial,sans-serif;}

.relation{margin:65px auto;width: 1150px;}
.relation .t{}
.relation .t h4{margin-bottom: 34px;font-size: 36px;color: #333;font-family: 'Normal';}
.relation .t ul{margin-right: -3%}
.relation .t li{float: left;width: 44%;margin:0 2% 20px 0;line-height: 35px;font-size: 16px;color: #666;font-family: 'Light';padding-left: 3%;position: relative;}
.relation .t li img{position: absolute;left: 0;top:7px;}
.relation .b{margin-top: 96px;}
.relation .b h4{font-size: 30px;color: #333;font-family: 'Light'}
.relation .b .list{margin-top: 50px;}
.relation .b .list li{margin-bottom:20px;display: flex;flex: 0 0 100%;justify-content: space-between; }
.relation .b .list li input{height: 44px;border:1px #e5e5e5 solid;padding:0 1%;width: 47%;font-size: 14px;color: #333;font-family: 'Light';}
.relation .b .list li textarea{resize: none;border:1px #e5e5e5 solid;padding:15px 1%;width: 98%;height: 308px;font-size: 14px;color: #333;font-family: 'Light';}
.relation .b .list li button{width: 148px;height: 43px;background: #176bab;color: #fff;border:none;cursor: pointer;margin: 0 auto;font-size: 18px;font-family: 'Light'}
.relation .b .list li textarea:focus,.relation .b .list li input:focus{border-color: #176bab}










/*产品详情*/
.cp-top{height: 51px;border-top:1px #e5e5e5 solid;background: #f4f7f9;text-align: right;line-height: 51px;}
.cp-top a{font-size: 16px;color: #333;font-family: 'Light';padding:0 10px;margin-left: 59px;position: relative;}
.cp-top a.btn{padding:0 22px;height: 32px;line-height: 32px;background: #176bab;border-radius: 32px;font-size: 14px;color: #fff;display: inline-block;}
.cp-top a.btn:before{display: none}
.cp-top a:before{content: '';position: absolute;right:0;bottom:-15px;width: 0%;height: 4px;background:#176bab}
.cp-top a.on:before{width: 100%;}
.cp-intro{padding:36px 0 83px;}
.cp-intro .box{width: 1284px;margin:0 auto;}
.cp-intro .L{width: 650px;position: relative;padding:41px 0;}
.gallery-top {height: 479px;width: 516px;float: right;position: relative;overflow: hidden;border:1px #e5e5e5 solid;}
.gallery-top li img,.gallery-thumbs li img{max-width: 90%;max-height: 90%;
    position: absolute;left: 50%;top:55%;
    -moz-transform: translate(-50%, -55%);
    -ms-transform: translate(-50%, -55%);
    -webkit-transform: translate(-50%, -55%);
    transform: translate(-50%, -55%);
}
.gallery-top .cp-pag{background:rgba(0,0,0,0.7);color: #fff;display:inline-block;border-radius: 5px;width: auto !important;
    padding: 3px 10px;font-size: 12px;left: 43% !important;transition:.5s;opacity: 0;}
.gallery-top:hover .cp-pag{opacity: 1}
.gallery-thumbs {box-sizing: border-box;width: 93px;position: relative;height: 479px;margin: 0;float: left;}
.gallery-thumbs li {opacity: 1;border:1px #fff solid;border-top: none;border-bottom: none;height: 91px;width: 98%;}
.gallery-thumbs li:after{content: '';position:absolute;left: 0px;top:0;width:100%;height:1px;background: #fff;}
.gallery-thumbs li:before{content: '';position:absolute;left: 0;bottom:0;width:100%;height:1px;background: #fff;}
.gallery-thumbs li.swiper-slide-thumb-active:before,.gallery-thumbs li.swiper-slide-thumb-active:after {background: #176bab;}
.gallery-thumbs .swiper-slide-thumb-active{border-color: #176bab;opacity: 1}
.cp-intro .L .cp_right,.cp-intro .L .cp_left{width:93px;height:11px;position: absolute;transition:.5s;margin-top: 0}
.cp-intro .L .cp_right{background: url(../images/down.png) no-repeat center !important;right:auto;top:auto !important;bottom: 0;left: 0}
.cp-intro .L .cp_left{background: url(../images/top.png) no-repeat center !important;left:0px;top:0% !important;}
.cp-intro .R{width: 598px;margin-top: 41px}
.cp-intro .R h2{font-size: 48px;color: #333333;font-family: 'Regular';margin-bottom: 33px;}
.cp-intro .R li{font-size: 18px;color: #424242;font-family: 'Light';margin-bottom:22px;line-height: 24px;overflow: hidden;}
.cp-intro .R li span{width:auto;float: left}
.cp-intro .R li dl{display: inline-block;width: 80%;float: left}
.cp-referral{margin: 80px 0 100px;border-top: 1px #e5e5e5 solid;padding-top: 30px;}
.cp-referral h2{font-size: 24px;color: #333333;font-family: 'Normal';margin-bottom: 40px;text-align: center;}
.cp-referral img{max-width: 100%}
.cp-referral p{font-size: 18px;color: #333333;font-family: 'Normal';margin-bottom:17px;line-height: 24px;}
.related{}
.related h2{font-size:36px;color: #333333;font-family: 'Light';margin-bottom:44px;text-align: center;}
.related ul{margin-right: -3%}
.related li{float: left;width: 30%;margin: 0 3% 3% 0;border:1px #e5e5e5 solid;text-align: center;position: relative;transition:.5s;}
.related li .pic{height: 368px;display: block;margin-top:17px;line-height: 368px}
.related li .pic img{max-width: 90%;max-height: 90%;}
.related li .txt{margin: 10px 0 5px;padding:0 20px;}
.related li .txt h4{font-size: 20px;color: #333333;font-family: 'Medium';overflow: hidden;text-overflow:ellipsis;white-space:nowrap}
.related li .txt p{font-size: 18px;color: #6a6a6a;font-family: 'Normal';overflow: hidden;text-overflow:ellipsis;white-space:nowrap}
.related li.hot:before{content: '';position: absolute;right:30px;top:21px;width: 49px;height: 29px;background:url(../images/tb4.png) no-repeat center;}
.related li:hover{box-shadow: 0px 0px 10px 4px rgba(231,230,230,.8)}

.parameter{}
.parameter .box{width: 1200px;margin:0 auto;}
.parameter h2{text-align: center;font-size: 38px;color: #000;font-family: 'Medium';margin-bottom: 30px;}
.parameter h4{font-size: 30px;color: #000;font-family: 'Normal';border-bottom:1px solid #D9D9D9;padding-bottom: 5px;}
.parameter ul{margin-top: 1em;margin-right: -4%;}
.parameter li{float: left;width: 46%;margin:0 4% 2% 0;font-size: 14px;color: #000;font-family: 'Normal';}


/*关于我们*/
.about-info{padding:43px 0 70px;}
.about-info .box{width: 1439px;margin: 0 auto;}
.about-info .txt{margin-top: 75px;font-size: 18px;color: #505050;font-family: 'Light';line-height: 36px;}
.about-info .other{margin-top: 75px;display: flex;flex: 0 0 100%;justify-content: space-between;}
.about-info .other li{width: 19%;padding:0 3%;position: relative;}
.about-info .other li span{height: 76px;line-height: 76px;display: block;text-align: center;}
.about-info .other li h4{font-size: 24px;color: #666;font-family: 'Light';margin: 28px 0 30px;text-align: center;}
.about-info .other li p{font-size: 14px;color: #676767;font-family: 'Light';line-height: 24px;}
.about-info .other li:before{content: '';position: absolute;right:0;top:0;width: 1px;height: 100%;background:#f4f4f4}
.about-info .other li:last-child:before{display: none}
.about-info h2{font-size:40px;color: #333333;font-family: 'Normal';text-align: center;}
.about-mv{padding:53px 0;background: #f4f4f4;}
.about-mv span{width: 1251px;height: 704px;margin:0 auto;display: block;border-radius: 8px;overflow: hidden;position: relative;}
.about-mv span video{width: 100%;height: 100%;}
/*.about-mv span:before{content: '';position: absolute;left: 50%;top:55%;width: 70px;height: 70px;background: url(../images/play.png) no-repeat center;background-size: 100%;
    -moz-transform: translate(-50%, -55%);
    -ms-transform: translate(-50%, -55%);
    -webkit-transform: translate(-50%, -55%);
    transform: translate(-50%, -55%);
}*/
.about-aptitude{padding: 55px 0}
.about-aptitude .more{text-align: center;font-size:24px;color: #0078cc;font-family: 'Normal';display: block;}
.about-aptitude h2{text-align: center;font-size:40px;color: #333;font-family: 'Normal';}
.about-aptitude .mian{margin: 90px 0 40px;position:relative;}
.about-sw li{text-align: center;}
.about-sw li span{height: 288px;background: #f4f4f4;border-radius: 5px;display: block;line-height: 288px;}
.about-sw li span img{max-width: 90%;max-height: 90%;}
.about-sw li p{line-height: 64px;font-size:20px;color: #333;font-family: 'Light';overflow: hidden;text-overflow:ellipsis;white-space:nowrap;padding: 0 1em;}
.about_right,.about_left{top:43% !important;}
.about_right{background: url(../images/right1.png) no-repeat center !important;}
.about_left{background: url(../images/left1.png) no-repeat center !important;}



/*商超冷链*/
.product2{margin:105px 0; }
.product2-top{}
.product2-top .txt{}
.product2-top .txt .name{width: 230px;text-align: center;margin-top: 60px;}
.product2-top .txt .name h4{color: #176bab;font-size: 30px;font-family: 'Regular';margin-bottom: 14px;}
.product2-top .txt .name p{text-transform: uppercase;color: #8e8e8e;font-size:12px;font-family: 'Light';}
.product2-top .txt .main{width: 768px;line-height:36px;font-size:18px;color: #4f4f4f;font-family: 'Light';}
.product2-top .pic{margin-top: 94px;display: none}
.product2-top .pic img{width: 100%;}
.product2-list{margin-top: 50px;}
.product2-list .menu{position: relative;}
.product2-list .menu .padd{display: flex;flex: 0 0 100%;justify-content: space-between;padding:0 40px;}
.product2-list .menu:before{content: '';position: absolute;left:0;top:50%;width:100%;height:1px;z-index: 1;background: #eee}
.product2-list .menu a{height: 119px;line-height: 119px;width: 119px;text-align: center;/*background: #eaf5fd;*/border-radius: 119px;border: 1px #2574b1 dashed;display: inline-block;z-index: 5;position: relative;font-size:16px;color: #515151;font-family: 'Light';transition:.5s;position: relative;background:#fff}
.product2-list .menu a:before{content: '';position: absolute;width: 100px;height: 100px;border-radius: 100%;z-index: -1;transition:.5s;left: 50%;top:50%;background:#eaf5fd;
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); 
}
.product2-list .menu a:hover:before{width: 100%;height: 100%;}
.product2-list .menu a:after{content: '';position: absolute;width: 100px;height: 100px;border-radius: 100%;z-index: -2;transition:.5s;left: 50%;top:50%;background:#176bab;opacity: 0;
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); 
}
.product2-list .menu a.on:after{width: 102%;height:102%;background: #176bab;opacity: 1}
.product2-list .menu a.on:before{width: 0;height: 0;opacity: 0}
.product2-list .menu a.on{color: #fff;border: 1px #176bab solid;}


.product2-list .list{margin-top: 96px;}
.product2-list .list li{margin-bottom: 32px;height: 453px;box-shadow: 0px 0px 20px 4px rgba(232,231,231,.8);}
.product2-list .list li .padd{padding:52px 55px;}
.product2-list .list li .L{width: 45%;margin-top: 43px;}
.product2-list .list li .L h4{font-size: 30px;color: #333333;font-family: 'Regular';margin-bottom: 21px;}
.product2-list .list li .L p{font-size: 18px;color: #6a6a6a;font-family: 'Light';}
.product2-list .list li .L a{width: 178px;height: 48px;border:1px #176bab solid;display: inline-block;text-align: center;line-height: 48px;color: #176bab;font-family: 'Normal';margin-top: 100px;transition:.5s;}
.product2-list .list li .R{width: 50%;text-align: center;line-height: 349px;height: 349px;}
.product2-list .list li .R img{max-width: 90%;max-height: 90%}
.product2-list .list li:hover .L a{background: #176bab;color: #fff;}



/*商用冷柜*/
.product-mask{width:100%;height:100%;position:fixed;top:0;bottom:0;left:0;right:0;z-index:250;background-color:rgba(0,0,0,.4);opacity:0;pointer-events:none}
.product-mask.on{opacity:1;pointer-events:auto}
.product-popups{max-height:100%;position:fixed;left:0;right:0;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);background-color:#fff;z-index:300;margin:0 30px;opacity:0;pointer-events:none}
.product-popups.on{opacity:1;pointer-events:auto}
@media (min-width: 1260px){
    .product-popups {
        width: 1140px;
        left: 50%;top:50%;
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); 
    }
    .product-album {
        padding: 0 88px;
    }
}
.n-title{text-align:center;font-size:36px}
.n-title:after{content:'';display:block;width:1.5em;height:2px;background-color:#176bab;margin:10px auto 15px}
.product-popups-bd{height:100%;padding:30px 0}
.product-album .buyButton{color:#fff;background-color:#176bab;font-size:14px;padding:3px 0;display:block;vertical-align:top;-webkit-border-radius:3px;border-radius:3px;position:relative;transition:.3s;text-align:center;font-size:18px;min-width:168px;line-height:38px;width:226px;margin:30px auto 0}
.product-close-btn{width:20px;height:20px;display:block;position:absolute;right:5px;top:5px;background:url(../images/productIcon12.png) center no-repeat !important;-o-background-size:cover;background-size:cover}
@media (min-width: 768px){
    .product-close-btn {
        width: 38px;
        height: 38px;
        left: 100%;
        right: auto;
        margin-left: 22px;
        background: url(../images/productIcon12.png) !important;
    }
}
.product-album .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
      transition: 300ms;
      transform: scale(0.6) !important;
}
.product-album .swiper-slide-active{transform: scale(1) !important;}
.product-album li {width: 420px;}
.product-album img {width: 100%;display: block;border: 1px solid #ebebeb;}
.product-r,.product-l{width: 29% !important;height: 100% !important;top:0 !important;background: none !important}
.product-detail{display: none}


/*home*/
.H-header{position: absolute;background: transparent;}
.banner{position: relative;}
.banner2{position: relative;display: none}
.banner li img{width: 100%;}
.banner-sw2{height: 100%;}
.banner2 li img{width: 100%;/*height: 100%;*/}
.banner_left,.banner_right{width: 59px !important;height: 110px !important;opacity: 1 !important;cursor: pointer;top:46% !important;background-size: 100% !important;display: none}
.banner_left{background: url(../images/left2.png) no-repeat rgba(0,0,0,.5) center !important;left: 76px !important;}
.banner_right{background: url(../images/right2.png) no-repeat rgba(0,0,0,.5) center !important;right: 76px !important;}
.banner_left2,.banner_right2{width: 45px !important;height:67px !important;opacity: 1 !important;cursor: pointer;top:46% !important;display: none}
.banner_left2{background: url(../images/left2.png) no-repeat rgba(0,0,0,.5) center !important;left:10px !important;background-size: 19px !important;}
.banner_right2{background: url(../images/right2.png) no-repeat rgba(0,0,0,.5) center !important;right: 10px !important;background-size: 19px !important;}

.banner-pag{display: none}
.banner .swiper-pagination-bullet,.banner2 .swiper-pagination-bullet{width:10px !important;height:10px !important;opacity: 1 !important;background: #eee}
.banner .swiper-pagination-bullet-active,.banner2 .swiper-pagination-bullet-active{background: #176bab}



.brand{margin-top: 103px;}
.brand .t{width: 900px;margin:0 auto;}
.brand .t h2{text-align: center;font-size:40px;color: #333333;font-family: 'Normal';margin-bottom: 33px;}
.brand .t dl{font-size: 16px;color: #575757;font-family: 'Light';line-height: 30px;}
.brand .b{margin: 66px auto 0;width: 100%;width: 1446px;transition: .5s}
.brand .b video{width: 100%;height: 625px;}
.brand .b.fixed{width: 100%;}
.brand .b.fixed video{object-fit: cover;border: none !important;}



.newsA{margin: 97px 0 88px;}
.newsA .menu{}
.newsA .menu h4{font-size: 30px;color: #232323;font-family: 'Normal';display: inline-block;}
.newsA .menu a{font-size: 14px;color: #696969;font-family: 'Light';display: inline-block;margin:0 43px;position: relative; padding-bottom: 8px;}
.newsA .menu a.on{color: #176bab}
.newsA .menu a.on:before{content: '';position: absolute;left:0;bottom:0;right:0;width:11px;height:2px;background:#176bab;margin: 0 auto;}
.newsA .list{margin-top: 34px;}
.newsA .list ul{margin-right: -2%}
.newsA .list li{float: left;width: 31.33%;margin: 0 2% 2% 0}
.newsA .list li .pic{height: 248px;overflow: hidden;border-radius: 8px;}
.newsA .list li .pic img{width: 100%;height: 100%;transition:.5s;}
.newsA .list li .txt{margin-top: 30px;font-family: 'Light';}
.newsA .list li .txt h4{font-size: 24px;color: #353535;margin-bottom: 5px;overflow: hidden;text-overflow:ellipsis;white-space:nowrap}
.newsA .list li .txt p{font-size:12px;color: #848484;}
.newsA .list li:hover .pic img{transform:scale(1.1);transition:.5s;}

.datum{background: url(../images/b1_03.jpg) no-repeat center;background-size: cover;padding:111px 0;}
.datum ul{display: flex;flex: 0 0 100%;justify-content: space-between;}
.datum li{text-align: center;width: 23%;color: #fff;font-family: 'Regular';}
.datum li h4{font-size: 18px;margin-bottom: 20px;}
.datum li h4 span{font-size: 48px;font-family: 'Heavy';line-height: 55px;margin-right: 8px;}
.datum li p{font-size: 18px;}

.hotSale{padding:86px 0 113px;}
.hotSale-t{text-align: center;font-size:40px;color: #333333;font-family: 'Regular';}
.hotSale-b{margin-top: 102px;}
.hotSale-top{position: relative;}
.hotSale-top li{text-align: center;font-size:20px;color: #5d5d5d;font-family: 'Normal';cursor: pointer;/*padding-bottom: 47px;*/overflow: hidden;text-overflow:ellipsis;white-space:nowrap}
.hotSale-top li span{display: block;width: 100%;margin-bottom: 10px;height: 55px;line-height: 55px;}
.hotSale-top li span img{max-height: 90%;max-width: 90%}
/*.hotSale-top li:before{content: '';position: absolute;right:0;bottom:0;width:100%;height:14px;background:url(../images/tb6.png) no-repeat center;}
.hotSale-top li.on{color: #176bab}
.hotSale-top li.on:before{background:url(../images/tb7.png) no-repeat center;}*/
.hotSale-top li dl{position: absolute;left: 0;bottom: 0;height: 14px;overflow: hidden;width: 100%;display: none}
.hotSale-top li dl b{height: 14px;transition:.5s;position: relative;display: block;}
.hotSale-top li dl .b1{background:url(../images/tb7.png) no-repeat center;bottom:100%;}
.hotSale-top li dl .b2{background:url(../images/tb6.png) no-repeat center;bottom:14px;}
.hotSale-top li.on .b1,.hotSale-top li:hover .b1{bottom:0;}
.hotSale-top li.on .b2,.hotSale-top li:hover .b2{bottom:-100%;}
.hotSale-top li.on,.hotSale-top li:hover{color: #176bab}

.hotSale-sw{width: 85%;}
.hotSale_left,.hotSale_right{width: 52px !important;height: 52px !important;opacity: 1 !important;cursor: pointer;}
.hotSale_left{background: url(../images/left3.png) no-repeat #eeeeee center !important;}
.hotSale_left:hover{background: url(../images/left3.png) no-repeat #176bab center !important;}
.hotSale_right{background: url(../images/right3.png) no-repeat #eeeeee center !important;}
.hotSale_right:hover{background: url(../images/right3.png) no-repeat #176bab center !important;}
.hotSale-bom{margin-top: 75px;height: 618px;}
.hotSale-bom .L{width: 621px;height: 617px;border:1px #eeeeee solid;transition:.5s;position: relative; display: none}
.hotSale-bom .L:before{content: '';position: absolute;right:28px;top:22px;width:49px;height:29px;background:url(../images/tb4.png) no-repeat;background-size: 100%}
.hotSale-bom .L .biao{position: absolute;left: 32px;top:36px;font-size: 35px;color: #212020;font-family: 'Medium';line-height: 45px;font-weight: bold;display: none}
.hotSale-bom .L .pic{height: 409px;line-height: 409px;text-align: center;margin-top: 111px;}
.hotSale-bom .L .pic img{max-height: 90%;max-width: 90%;transition:1s;}
.hotSale-bom .L:hover{box-shadow: 0px 0px 20px 4px rgba(232,231,231,.8);}
.hotSale-bom .L .txt{text-align: center;margin: 15px 0 28px;padding: 0 1em;}
.hotSale-bom .L .txt h4{font-size: 20px;color: #333333;font-family: 'Medium';overflow: hidden;text-overflow:ellipsis;white-space:nowrap}
.hotSale-bom .L .txt p{font-size:18px;color: #6a6a6a;font-family: 'Normal';overflow: hidden;text-overflow:ellipsis;white-space:nowrap}
.hotSale-bom .L:hover .pic img{transition:1s;transform:scale(1.1);}
.hotSale-bom .R{/*width: 823px;border-top:1px #eeeeee solid;*/height: 618px;width: 100%;}
.hotSale-bom .R ul{height: 100%;margin-right: -1%}
.hotSale-bom .R li{float:left;/*width: 33.33%;*/width: 24%;height: 49%;/*border-bottom:1px #eeeeee solid;*/position: relative;overflow: hidden;margin-right: 1%}
.hotSale-bom .R li:nth-child(4){margin-right: 0}
.hotSale-bom .R li:first-child,.hotSale-bom .R li:nth-child(4){width: 24%;height: 100%;}
.hotSale-bom .R li:nth-child(5){width: 49%;margin-top:-25.2%;margin-left:25%;}

/*.hotSale-bom .R li:before{content: '';position: absolute;right:0;bottom:0;width:1px;height:100%;background:#eee;}*/
.hotSale-bom .R li .pic{/*height:180px;line-height: 180px;text-align: center;margin-top: 20px;*/width: 100%;height: 100%;}
.hotSale-bom .R li .pic img{/*max-height: 90%;max-width: 90%;*/transition:1s;width: 100%;height: 100%;}
.hotSale-bom .R li .txt{text-align: center;/*margin-top: 25px;padding: 0 1em;*/transition:.5s;position: absolute;bottom:5%;left: 0;margin: 0 2%;width: 96%;}
.hotSale-bom .R li .txt h4{font-size: 20px;color: #333333;font-family: 'Medium';overflow: hidden;text-overflow:ellipsis;white-space:nowrap}
.hotSale-bom .R li .txt p{font-size:18px;color: #6a6a6a;font-family: 'Normal';overflow: hidden;text-overflow:ellipsis;white-space:nowrap}
/*.hotSale-bom .R li:before{content: '';position: absolute;right:0;bottom:0;width:100%;height:0%;background:rgba(161,161,161,.8);z-index: 1;transition:.5s;}
.hotSale-bom .R li:after{content: '';position: absolute;right:0;bottom:0;width:1px;height:100%;background:#eee;z-index: 1;}*/
/*.hotSale-bom .R li:hover:before{height:100%;}*/
.hotSale-bom .R li a{display: block;margin: 55px auto 0;width: 125px;height: 39px;line-height: 39px;border:1px #fff solid;color: #fff;font-family: 'Normal';transition:.5s;bottom: 52px;left: 0;right: 0;position: absolute;}
/*.hotSale-bom .R li:hover .txt{position: absolute;bottom:41px;z-index: 5;width: 90%;}
.hotSale-bom .R li:hover .txt *{color: #fff;}*/
.hotSale-bom .R li a:hover{background:#176bab;}
.hotSale-bom .R li:hover .pic img{transition:1s;transform:scale(1.1);}
.hotSale-bom .R li .mask{width: 100%;height: 100%;position: absolute;overflow: hidden;top: 0;left: 0;background: rgba(0,0,0,0.5);text-align: center;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    opacity: 0;
}
.hotSale-bom .R li .mask .box{
    -webkit-transform: translateY(-100px);
    -moz-transform: translateY(-100px);
    -o-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
    opacity: 0;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;    
    top: 48%;
    position: absolute;
    left: 0;
    right: 0;
}
.hotSale-bom .R li:first-child .mask .box,.hotSale-bom .R li:nth-child(4) .mask .box{top:73%;}
.hotSale-bom .R li .mask h4{font-size: 20px;color: #fff;font-family: 'Medium';overflow: hidden;text-overflow:ellipsis;white-space:nowrap}
.hotSale-bom .R li .mask p{font-size:18px;color: #fff;font-family: 'Normal';overflow: hidden;text-overflow:ellipsis;white-space:nowrap}
.hotSale-bom .R li:hover .mask .box{opacity: 1;transform: translateY(0);}
.hotSale-bom .R li:hover .mask{opacity: 1;}
.hotSale-bom .R li:hover .txt{opacity: 0}

.teamwork{background: url(../images/b1_09.jpg) no-repeat center;background-size: cover;padding:60px 0;}
.teamwork h2{font-size: 40px;font-family: 'Normal';color: #333333;text-align: center;}
.teamwork .main{margin-top: 58px;height: 517px;text-align: center;}
.teamwork .box{width: 1106px;margin: 0 auto;}
.teamwork .box .item{width:98px;height:170px;background-color:#fff;position:relative;z-index:2;line-height:170px;text-align:center;transition:all .5s ease-in-out;float:left;margin-bottom:4px}
.teamwork .box .item:before{position:absolute;content:'';z-index:-1;left:0;width:70px;height:120px;background-color:#fff;-webkit-transform:rotate(60deg);-moz-transform:rotate(60deg);-ms-transform:rotate(60deg);-o-transform:rotate(60deg);transform:rotate(60deg);transition:all .5s ease-in-out}
.teamwork .box .item:after{position:absolute;content:'';z-index:-1;left:0;width:70px;height:120px;background-color:#fff;-webkit-transform:rotate(120deg);-moz-transform:rotate(120deg);-ms-transform:rotate(120deg);-o-transform:rotate(120deg);transform:rotate(120deg);transition:all .5s ease-in-out}
.teamwork .box .item img{transition:all .3s ease-in-out;vertical-align:middle;max-width: 100%}
.teamwork .box .item div.boxsss{display:block;width:100%;height:100%;z-index:0;position:absolute;left:0;top:0}
.teamwork .box .item:before{ position:absolute; content:''; z-index:-1;left:0px; width:99px; height:170px;background-color:#fff;  -webkit-transform: rotate(60deg);   -moz-transform: rotate(60deg);  -ms-transform: rotate(60deg);   -o-transform: rotate(60deg);    transform: rotate(60deg);transition:all 0.5s ease-in-out;}
.teamwork .box .item:after{ position:absolute; content:''; z-index:-1; left:0px; width:99px; height:170px;background-color:#fff;  -webkit-transform: rotate(120deg);  -moz-transform: rotate(120deg); -ms-transform: rotate(120deg);  -o-transform: rotate(120deg);   transform: rotate(120deg);transition:all 0.5s ease-in-out;}
.teamwork .box .item.rotation{-webkit-transform: rotateY(180deg);-moz-transform: rotateY(180deg);-ms-transform: rotateY(180deg);-o-transform: rotateY(180deg);transform: rotateY(180deg);}
.teamwork .box .item .alink{ position:absolute; background:url(../images/6_1.png) center center no-repeat; display:block; width:140px; height:120px; left:-35px; top:0; z-index:999}
.teamwork .box .item.rotation img{ opacity:0; transition:opacity 0.3s ease-in-out;}
.teamwork .box .item div.boxsss:hover a{ background:url(../images/6_1.png) center center no-repeat; width:196px; height:170px; position:absolute; display:block; left:-48px; top:0; z-index:9;background-size: 100% 100%;}

/*第一排*/
.teamwork .box .item:nth-of-type(1){margin-left:352px}
.teamwork .box .item:nth-of-type(2){margin-left: 203px;margin-right: 56px;}
.teamwork .box .item:nth-of-type(3){margin-left: 202px;margin-top: -88px;}
.teamwork .box .item:nth-of-type(4){margin-left: 203px;margin-right: 0;margin-top: -88px;}
/*第二排*/
.teamwork .box .item:nth-of-type(5){margin-left: 202px;margin-top: -87px;margin-right: 156px;}
.teamwork .box .item:nth-of-type(6){margin-left: 53px;margin-top: -87px;}
.teamwork .box .item:nth-of-type(7){margin-left: 201px;margin-top: -88px;}
.teamwork .box .item:nth-of-type(8){margin-left: 203px;margin-top: -88px;}
.teamwork .box .item:nth-of-type(9){margin-left: 202px;margin-top: -88px;}
.teamwork .box .item:nth-of-type(10){margin-left: 51px;margin-top: -88px;}
.teamwork .box .item:nth-of-type(11){margin-top: -88px;margin-left: 202px;}
.teamwork .box .item:nth-of-type(12){margin-left: 203px;top: 0;margin-top: -88px;}
.teamwork .box .item:nth-of-type(13){margin-top: -88px;margin-left: 352px;margin-right: 0;}
.teamwork .box .item:nth-of-type(14){margin-left: 203px;margin-top: -88px;}
/*.teamwork .box .item:nth-of-type(15){ margin-left:-112px; margin-top:1px}
.teamwork .box .item:nth-of-type(16){ margin-top:-62px; margin-left:-112px;}
.teamwork .box .item:nth-of-type(17){ margin-left:-111px; margin-top:0}
.teamwork .box .item:nth-of-type(18){ margin-top:-62px; margin-left:-111px;}
.teamwork .box .item:nth-of-type(19){ margin-left:-112px; margin-top:-0}
.teamwork .box .item:nth-of-type(20){ margin-top:-62px; margin-left:-111px;}
.teamwork .box .item:nth-of-type(21){ margin-left:-111px; margin-right:0; margin-top:0px}
.teamwork .box .item:nth-of-type(22){ margin-top:-60px; margin-left:-3px; margin-right:0}
.teamwork .box .item:nth-of-type(23){ margin-left:465px; clear:left;margin-top:-62px;}*/





/*详情页*/
.details-top{text-align: center;margin-bottom: 30px;}
.details-top h2{font-size: 35px;color: #333333;font-family: 'Normal';margin-bottom: 5px;}
.details-top dl{font-size: 18px;color: #666;font-family: 'Light';}
.details-bom{font-size: 18px;color: #505050;font-family: 'Light';line-height: 36px;}
.details-bom img{max-width: 100%}

.about02_detail h4.biaoti{font-size: 35px;color: #333333;font-family: 'Normal';margin-bottom: 5px;text-align: center;margin-top: 30px;}
.about02_detail h6.time{font-size: 18px;color: #666;font-family: 'Light';text-align: center;margin-bottom: 30px;}
.about02_detail img{max-width: 100%}
.know_more{margin-bottom: 30px;text-align: center;}
.know_more a{background: #eee;color: #333;font-size: 16px;height: 36px;line-height: 36px;width: 200px;text-align: center;display: inline-block;transition:.4s;}
.know_more a:hover{background: #05376c;color: #fff;}
.upNext{margin-bottom: 30px;overflow: hidden;border-top: 1px #b7b5b5 solid;padding-top: 20px;}
.upNext p{line-height: 36px;font-size: 16px;float: left;width: 48%;overflow: hidden;text-overflow:ellipsis;white-space:nowrap}
.upNext p:nth-child(2){text-align: right;}
.upNext p a:hover{color: #05376c}



/*media*/
@media screen and (max-width: 1580px){}
@media screen and (max-width: 1440px){
   .w1446,.about-info .box{width: 90%;}
   .nybanner span{font-size: 55px;}
   .ny-head{font-size: 35px;}
   .service .list1 li h4{font-size: 26px;}
   footer .foot-t .R .tel,.relation .t h4,.hotSale-t,.brand .t h2,.teamwork h2{font-size: 32px;}
   .map{height: 550px;}
   .service .list1 li{width: 32%;}
   .about-info h2,.about-aptitude h2{font-size: 36px;}
/*   .hotSale-bom .L{width: 39.8%;}
   .hotSale-bom .R{width: 60%;}*/
   .newsA .list li .txt h4{font-size: 20px;}
   .brand .b{width: 90%;}

}
@media screen and (max-width: 1366px){
    header .nav li a{font-size: 16px;}
    header .nav li a:before{right: -43px;}
    .datum li h4 span{font-size: 42px;}
    .hotSale-bom .L .biao{font-size: 30px;}
    .hotSale-top li{font-size: 18px}
    .hotSale-b{margin-top: 50px;}
    .brand .b{margin-top: 35px;}
    .brand .b video{height: 530px;}
    footer{padding:35px 0;}
    .teamwork .main{height: 475px;}
    .about-mv span{height: 630px;width: 1110px;}
    .about-aptitude .mian{margin: 35px 0 40px}
    .honor .list li{margin: 0 2% 45px 0}
    .honor{margin-top: 50px;}
    .news{margin: 50px 0}
    .news li .txt h4{font-size: 20px;}
    .news li .txt dl{margin: 10px 0 11px}
    .news li .txt{padding:20px 23px;}
    .details-bom{font-size: 16px;}
    .service .txt{font-size: 18px;margin: 47px 41px 89px}
    .service .list2{margin: 0 auto 65px}
    .n-title{font-size: 30px;}
    .cp-intro .box{width: 90%;}
    .cp-intro .R{width: 42%;}
    .cp-intro .L{width: 55%;}
    .related li .txt{margin: 10px 0}
    .related li .pic{height: 320px;line-height: 320px;}

}
@media screen and (max-width: 1280px){
    .newsA .list li .pic{height: 208px;}
    .brand{margin-top: 60px}
    .hotSale-bom .L .biao{font-size: 26px;}
    .relation .b .list{margin-top: 30px;}
    .relation .b{margin-top: 35px;}
    .hotSale{padding:50px 0 70px;}
    .cp-intro .R h2{font-size: 40px;}
}
@media screen and (max-width: 1200px){

    .datum li p{font-size: 16px;}
    header .nav li a:before{right: -29px;}
    header .nav{width: 72%;}
    header .other{width: 23%;}
    /*.hotSale-bom .R li .pic img{max-height: 82%;max-width: 82%;}*/
    .hotSale-bom .R li .txt p,.hotSale-bom .L .txt p{font-size: 16px;}
    .hotSale-bom .R li .txt h4,.hotSale-bom .L .txt h4{font-size: 18px;}
    .datum li h4 span{font-size: 37px;line-height: 42px;}
    .wrap{width: 90%;}
    footer .foot-b{margin-top: 40px;}
    .hotSale-bom .L .txt{margin: 15px 0 33px}
    .hotSale-bom .L .pic{height: 393px;line-height: 393px;margin-top: 62px;}
    /*.hotSale-bom .L{height: 545px;}
    .hotSale-bom .R{height: 546px;}*/
    /*.hotSale-bom .R li .pic{height: 165px;line-height: 165px;}*/
    .hotSale-bom .R li .txt{margin-top: 14px;}
    .hotSale-bom{margin-top: 40px;height: auto;}
    .teamwork .main{height: 410px;}
    header .other a{font-size: 16px;}
    .product2-top .txt .main{font-size: 16px;}
    .product2-top .pic,.product2-list .list{margin-top: 50px;}
    .product2-list .list li .padd{padding: 27px 55px}
    .product2-list .list li{height: auto;}
    .product2-list .list li .L h4{font-size: 26px;}
    .product-album{width: 95%;margin: 0 auto}
    .product-popups{margin: 0 82px;}
    footer .foot-t .R .btn{width: 100%;}
    footer .foot-t .R .shop,footer .foot-t .R .tel{text-align:right;}
    header.fixed .other,header.fixed .nav li,header.fixed .logo{line-height: 70px;}
    header.fixed .nav li .submenu a{line-height: 46px;}
    header .other,header .nav li,header .logo{line-height: 70px;}
    header .nav li .submenu a{line-height: 46px;}
    header .nav li .submenu a{font-size: 14px;}
    .search .box{width: 355px;}
    .search input,.search button{height: 37px;font-size: 14px;}
    .pag a{padding: 0 16px;line-height: 42px;}
    footer .foot-t .R .tel, .relation .t h4, .hotSale-t, .brand .t h2, .teamwork h2{font-size: 28px;}
    .product2-top .txt .name h4{font-size: 26px;}
    .product2{margin: 50px 0}
    .related li .pic{height: 285px;line-height: 285px;}
    .gallery-top{width: 80%;}
    .cp-intro .R h2{font-size: 34px;}
    .cp-intro .R li,.cp-referral p{font-size: 16px;}
    .related h2{font-size: 30px;}
    .parameter h4{font-size: 26px;}
    .one-menu{top:71px;}
    .one-menu .box{width: 90%;}
    .w1446, .about-info .box{width: 90%;}
    .teamwork{overflow: hidden}

    .teamwork .main{height: auto;margin-top: 1em;}
    .teamwork .box{width: 100%;overflow: hidden;}
    .teamwork .box .item{width: 24%;margin: 0 1% 1% 0 !important;}
    .teamwork .box .item:before,.teamwork .box .item:after{display: none}
    .teamwork .box .item{height: 100px;line-height: 100px;}
    .teamwork .box .item:nth-of-type(14){clear: inherit;}
    .teamwork .box .item img{max-height: 80%}
    .teamwork .box .item div.boxsss:hover a{width: 100%;height: 100%;left: 0;background: rgba(0,0,0,.5);}




}
@media screen and (max-width:1024px){

    header .nav{display: none}
    .top-left{display: block;}
    .relation{margin: 30px auto;width: 90%;}
    .relation .b h4,footer .foot-t .R .tel, .relation .t h4, .hotSale-t, .brand .t h2, .teamwork h2{font-size: 26px;}
    .relation .t h4{margin-bottom: 17px;}
    .relation .b .list li textarea{height: 200px;}
    .map{height: 400px;}
    header .headR{width: 55%;}
    header .other{width:110px;}
    header .other span.store{font-size: 0px;}
    .top-left{top:28px;}
    .top-menu{padding: 11% 20px 0 0}
    header.fixed{z-index: 120;}
    header .other span.store .list{left: auto;right: 0;}
    header .other span.store .list:before{background: url(../images/sj2.png) no-repeat 90% 0;}
    .search{bottom: -48px;padding:6px;}
    .search .box{width: 260px;}
    .hotSale-b{margin-top: 30px;}
    .hotSale{padding: 30px 0}
    /*.hotSale-bom .L{width: 39.7%;}*/
    .hotSale-bom .L,.hotSale-bom .R{height: 480px;}
    .hotSale-bom .L .pic{margin-top: 0}
    .hotSale-bom .L .biao{font-size: 20px;line-height: 27px;left: 22px;top: 19px;}
    /*.hotSale-bom .R li .pic{margin-top: 0;height: 153px;line-height: 153px;}*/
    .hotSale-bom .R li .txt h4, .hotSale-bom .L .txt h4{font-size: 16px;}
    .hotSale-bom .R li .txt p, .hotSale-bom .L .txt p{font-size: 14px;}
    .datum{padding:75px 0;}
    .datum li h4{margin-bottom: 12px;}
    .datum li h4 span{font-size: 32px;}
    .brand .t,.brand .b{width: 90%;}
    .brand .t h2{margin-bottom: 20px;}
    .brand .b video{height: 398px;}
    .brand{margin-top: 30px;}
    .newsA{margin: 30px 0}
    .newsA .menu h4{font-size: 26px;}
    .newsA .menu a{margin: 0 20px;}
    .newsA .list li .txt h4{font-size: 16px;}
    .newsA .list li .txt{margin-top: 15px;}
    .newsA .list li .pic{height: 170px;}
    .teamwork{padding: 30px 0}
    .teamwork .box{width: 910px;}
    .hotSale-top li{font-size: 16px;}
    .product2-top .txt .name{width: 26%;}
    .product2-top .txt .main{width: 65%;font-size: 14px;line-height: 26px;}
    .product2-top .pic, .product2-list .list{margin-top: 30px;}
    .product2-list .menu a{width: 85px;height: 85px;line-height: 85px;font-size: 14px;}
    .product2-list .list li .L a{width: 139px;height: 40px;line-height: 40px;margin-top: 55px;}
    .product2-list .list li .R{line-height: 215px;height: 215px;}
    .n-title{font-size: 24px;}
    .product-album .buyButton{width: 140px;font-size: 16px;}
    .about-info h2, .about-aptitude h2{font-size: 26px;}
    .about-info .txt{margin-top: 30px;font-size: 16px;line-height: 26px;}
    .about-info .other li h4{font-size: 20px;margin: 15px 0}
    .about-mv span{width: 90%;height: 450px;}
    .about-sw li span,.honor .list li span{height: 230px;line-height: 230px;}
    .about-aptitude .more{font-size: 16px;}
    .honor .list li p{font-size: 18px;}
    .ny-head{font-size: 26px;}
    .honor{margin-top: 30px;}
    .nybox{padding:30px 0;}
    .ny-sub .R button{height: 36px;}
    .ny-sub .R input{height: 36px;font-size: 14px;}
    .ny-sub{padding:10px 0;}
    .ny-sub .L{line-height: 36px;}
    .news{margin: 30px 0}
    .news li .pic{height: 165px;}
    .news li{margin: 0 2% 3% 0}
    .details-top h2{font-size: 28px;}
    .details-bom{font-size: 14px;line-height: 26px;}
    .service .list1 li h4{font-size: 22px;}
    .service .list1 li p{font-size: 14px;}
    .service .list1 li{height: 215px;}
    .service .txt{font-size: 16px;margin:30px 20px 30px}
    .service .list2{width: 100%;}
    .nybanner span{font-size: 40px;}
    .related li .pic{height:auto!important /*255px*/;line-height: 255px;}
    .cp-intro{padding:30px 0;}

}
@media screen and (max-width:800px){
.sjd{display:block}
.diannaod{display:none}
.hotSale-bom .R li{width:32.33% !important}
.hotSale-bom .R li:first-child .mask .box, .hotSale-bom .R li:nth-child(4) .mask .box{
top:40% !important;
}
    .service .list1{margin-top: 30px;}
    .service .list2 li span img{zoom:.8;}
    .service .list2 li span{height: 56px;line-height: 56px;margin-bottom: 10px;}
    .service .txt{line-height: 26px;}
    .service .list1 ul{display: block;margin-right: -2%;overflow: hidden;}
    .service .list1 li{float:left;width: 31.33%;margin: 0 2% 2% 0;height: 184px;}
    .service .list1 li .tabbox{padding:0 1em;}
    .service .list1 li h4{margin-bottom: 10px;font-size: 18px;}
    .service .list1 li span,.about-info .other li span{height: 50px;line-height: 50px;}
    .service .list1 li span img,.about-info .other li span img{zoom:.8;}
    .about-info .other li h4{font-size: 18px}
    .nybanner span{font-size: 30px;}
    footer .foot-t .L{display: none}
    footer .foot-t .R .btn{width: 200px;}
    footer .foot-t .R .shop, footer .foot-t .R .tel{text-align: center;}
    footer .foot-t .R{width: 100%;}
    footer .foot-b{margin-top: 20px;}
    footer .foot-b .L{width: 100%;}
    footer .foot-b .R{margin-top: 1em;width:100%;text-align: center;}
    .relation .t li{padding-left: 6%;width: 94%;margin: 0 0 1em 0}
    .relation .b .list li textarea{height: 140px;}
    .about-mv span{height: 350px;}
    .about-sw li span, .honor .list li span{height: 185px;line-height: 185px;}
    .about-sw li p,.honor .list li p{font-size: 16px;line-height: 45px;}
    .about-aptitude{padding:30px 0;}
    .about-info .other{margin-top: 30px;}
    .honor .list li{margin: 0 2% 14px 0}
    .news li{width: 48%;}
    .ny-sub .L a{margin:0 12px;font-size: 14px;}
    .news li .txt h4{font-size: 16px;}
    .product2-list .menu .padd{padding: 0}
    .product2-list .list li .R{width: 100%;}
    .product2-list .list li .L{width: 100%;}
    .product2-list .list li .L h4{font-size: 22px;margin-bottom: 10px;}
    .product2-list .list li .L p{font-size: 16px;}
    .product2-list .list li .L a{margin-top: 20px;}
    .n-title{font-size: 20px;}
    .product2-top .txt .name{width: 100%;margin-top: 0}
    .product2-top .txt .main{width: 100%;margin-top: 1em}
    .product2{margin: 30px 0}
    /*.hotSale-bom .L, .hotSale-bom .R{height: auto;}*/
    .hotSale-bom .L{width: 100%;}
    .hotSale-bom .R{width: 100%;border-left: 1px #eee solid}
    /*.hotSale-bom .R li{height: 226px;}*/
    .hotSale-bom .L .pic{height: 345px;line-height: 345px;}
    .hotSale-bom .R li a{width: 96px;height: 33px;line-height: 33px;}
    .datum li p{font-size: 14px;}
    .datum ul{display: block;overflow: hidden;position: relative;}
    .datum li{width: 46%;padding:1em 2%;float: left;}
    .datum ul:before{content: '';position:absolute;left: 50%;top: 0;width: 1px;height: 100%;background: #fff;}
    .datum ul:after{content: '';position:absolute;left: 0;top: 50%;width: 100%;height: 1px;background: #fff;}
    .datum{padding: 30px 0}
    .brand .b{margin-top: 15px;}
    .brand .b video{height: auto;}
    .newsA .list li .pic{height: 140px;}
    .newsA .list{margin-top: 1em;}
    .teamwork .main{height: auto;margin-top: 1em;}
    .teamwork .box{width: 100%;overflow: hidden;}
    .teamwork .box .item{width: 24%;margin: 0 1% 1% 0 !important;}
    .teamwork .box .item:before,.teamwork .box .item:after{display: none}
    .teamwork .box .item{height: 100px;line-height: 100px;}
    .teamwork .box .item:nth-of-type(14){clear: inherit;}
    .teamwork .box .item img{max-height: 80%}
    .product2-top .txt .name h4{font-size: 20px;}
    .about-info .other{display: block;overflow: hidden;position: relative;}
    .about-info .other li{width: 44%;float: left;padding:1em 3%;}
    .about-info .other:after {
        content: '';
        position: absolute;
        right: 0;
        top: 50%;
        width: 100%;
        height: 1px;
        background: #f4f4f4;
    }
    .about-info .other li:nth-child(2):before{display: none}
    .cp-intro .L{width: 100%;}
    .cp-intro .R{width: 100%;margin-top: 1.5em;}
    .related li .pic{height: 210px;line-height: 210px;}
    .cp-referral{margin: 30px 0}
    .gallery-top{width: 100%;height: 350px;margin-bottom: 1em !important;}
    .gallery-thumbs{width: 90%;height: 91px;margin: 1em auto 0 !important;float: none}
    .cp-intro .L .cp_right {
        right: -42px;
        top: auto !important;
        bottom: 85px;
        left: auto;
        transform: rotate(-90deg);
    }
    .cp-intro .L .cp_left {
        left: -42px;
        top: auto !important;
        bottom: 85px;
        transform: rotate(-90deg);
    }
    .upNext p{width: 100%;float: none}
    .upNext p:nth-child(2){text-align: left;}
    .about02_detail h4.biaoti{font-size: 24px;}
    .about02_detail p{font-size: 14px !important;line-height: 24px}
    .about02_detail h6.time{font-size: 16px;}
    .know_more{text-align: left}

    .hotSale-bom .R li,.hotSale-bom .R li:first-child, .hotSale-bom .R li:nth-child(4){height: 234px;}
    .hotSale-bom .L, .hotSale-bom .R{height:auto}
    .hotSale-bom .R li .mask h4{font-size: 16px;}
    .hotSale-bom .R li .mask p{font-size: 14px;}
    .hotSale-bom .R li a{height: 28px;line-height: 28px;bottom:35px;}
    .hotSale-bom .R li,.hotSale-bom .R li:first-child, .hotSale-bom .R li:nth-child(4){width: 32.33%;}
    .hotSale-bom .R li:nth-child(5){width: 24%;margin-top: 0;margin-left: 0;}


}
@media screen and (max-width:670px){
.hotSale-bom .R li .txt{bottom:0%;}
.hotSale-bom .R li .pic {
    width: 85%;
    height: 69%;
    margin: 5% auto 0 auto;
}
.hotSale-bom .R li{width:49% !important}
    header .logo{max-width: 45%}
    header .logo img{max-width: 100%}
    header .headR{width: auto;margin-right:10%}
    .map{height: 300px;}
    header .other{width: 87px;}
    header .other a{font-size: 14px;}
    header .other a img,header .other span.store img{zoom:.7}
    header .other span.store .list{padding:10px;bottom:-103px;background: rgba(0,0,0,.8);}
    header .other span.store .list a{color: #fff;}
    .top-menu{padding:22% 20px 0 0;}
    .relation .t li{font-size: 14px;padding-left: 9%;width: 91%;}
    .relation .b h4, footer .foot-t .R .tel, .relation .t h4, .hotSale-t, .brand .t h2, .teamwork h2{font-size: 22px;}
    .relation .b .list li{display: block;margin-bottom: 1em;}
    .relation .b .list li input{width: 94%;margin-top:1em;padding: 0 3% }
    .relation .b .list{margin-top: 0}
    .relation .b .list li button{width: 120px;height: 38px;font-size: 16px;display:block;}
    .service .txt{font-size: 14px;margin: 1em;}
    .service .list2 ul{display: block;overflow: hidden;position: relative;}
    .service .list2 li{width: 46%;padding:1em 2%;float:left}
    .service .list2 ul:before {
        content: '';
        position: absolute;
        right:0;
        width: 100%;
        height: 1px;
        background: #eee;
        top: 50%;
    }
    .service .list2 li:nth-child(2):before{display: none}
    .service .list1 li span img, .about-info .other li span img,.service .list2 li span img{zoom:.5;}
    .service .list1 li{width: 48%;}
    .service .list1 li:last-child{width: 98%;}
    .nybanner span{font-size: 20px;}
    .ny-head{font-size: 22px;}
    .nybanner img{height: 155px;}
    .ny-sub .L{display:none}
    .news li .txt{padding: .5em;}
    .news li .txt p{display: none}
    .news li .pic{height: 98px;}
    .details-top h2{font-size: 22px;}
    .details-top dl{font-size: 14px;}
    .honor .list li{width: 48%;}
    .about-info .txt{font-size: 14px;margin-top: 1em;}
    .about-info h2, .about-aptitude h2{font-size: 22px;}
    .about-info{padding: 1em 0;}
    .ny-sub .R input{width: 190px;}
    .about-mv span{height: auto;}
    .about-aptitude .mian{margin: 1em 0}
    .product2-list .list li .padd{padding: 1em;}
    .product2-list .list li .L h4{font-size: 20px;}
    .product2-list .list li{margin-bottom: 1em}
    .product2-list .list li .R {
        line-height: 180px;
        height: auto;
    }
    .product2-list .menu .padd{display: block;overflow: hidden;}
    .product2-list .menu a{float:left;width: 30.7%;margin:0 2% 2% 0;height: 34px;line-height: 34px;overflow: hidden;text-overflow:ellipsis;white-space:nowrap}
    .product2-list .menu:before{display: none}
    .product2-top .pic, .product2-list .list{margin-top: 1em}
    .product2-list{margin-top: 1.5em;}
    .product-album .buyButton{width: 100px;min-width: 100px;font-size: 14px;    line-height: 28px;}
    .product-popups{margin: 0 1em;}
    .product2-list .list li .L a {width: 110px;height: 34px;line-height: 34px;}
    .datum li h4 span{font-size: 28px;}
    .brand .t dl{font-size: 14px;line-height: 24px;}
    .newsA .menu h4{font-size: 22px;display: block;margin-bottom: 1em;text-align:center; }
    .newsA .list{margin-right: 0}
    .newsA .list li{width: 100%;margin: 0 0 1em 0}
    .newsA .list li .txt{width: 50%;float: right;}
    .newsA .list li .txt h4{text-overflow: inherit;white-space: inherit;}
    .teamwork .box .item{height: 56px;line-height: 56px;}
    .hotSale-bom .R li{height: 191px;}
    .hotSale-bom .R li:first-child, .hotSale-bom .R li:nth-child(4){width: 49%;height: 191px;}
    /*.hotSale-bom .R li .pic{height: 120px;line-height: 120px;}*/
    .hotSale-bom .R li, .hotSale-bom .R li:first-child, .hotSale-bom .R li:nth-child(4){width: 49%;}
    .hotSale-bom .R li:nth-child(5){width: 49%;}
    .hotSale-bom .R li .mask .box{top:40% !important;}
    .hotSale-bom .L .txt{margin: 1em 0}
    .hotSale-bom .L .pic{height: 290px;line-height: 290px;}
    .hotSale_left, .hotSale_right{width: 32px !important;}
    .hotSale-top li{font-size: 14px;}
    .hotSale-sw{width: 75%;}
    .newsA .list li .pic{height: 105px;width: 44%;float:left}
    .banner{display: none}
    .banner2{display: block;height:auto !important}
    .H-header{background: #fff;}

    .cp-top a{font-size: 14px;margin-left: 10px;}
    .cp-intro .R h2{font-size: 24px;margin-bottom: 1em;}
    .cp-intro .R li, .cp-referral p{font-size: 14px;}
    .cp-intro .R li{margin-bottom: 1em;}
    .cp-intro .R li span{width: 100%;}
    .cp-intro .R li dl{width: 100%;}
    .cp-referral p{margin-bottom: 5px;}
    .related ul{margin-right: 0}
    .related li{width: 100%;margin: 0 0 1em 0;}
    .related li .txt p{font-size: 14px;}
    .related li .txt h4{font-size: 16px;}
    .related h2{font-size: 24px;margin-bottom: 1em;}
    .cp-referral h2{margin-bottom: 1em}
    .cp-intro .L{padding:1em 0;}
    .cp-intro .L .cp_right,.cp-intro .L .cp_left{bottom: 52px;}
    .parameter h2{font-size: 30px;}
    .parameter h4{font-size: 20px;}
    .parameter ul{margin-right: 0}
    .parameter li{width: 100%;margin: 0 0 1em 0;}
    .brand .b.fixed video{height: auto !important;}
    .about-info .other li p{font-size: 12px;height: 89px;line-height: 20px;}
    .about-info .other li h4{font-size: 16px;margin: 8px 0;}
    .news li .txt dl{padding-left: 19px;background-size: 13px;font-size: 12px;    margin: 5px 0;}
    .news li .txt h4{font-size: 14px;text-overflow: inherit;white-space: inherit;}
    .service .list2 li p{font-size: 14px;}
    .service .list2 li span{height: 43px;line-height: 43px;}
    .cp-top{text-align: center;}
    .cp-top a.btn{padding:0 14px;}
    .search input{border-radius: 0px;}
    .about02_detail h4.biaoti{font-size:20px; }
    .upNext{margin-bottom: 15px;}
    .know_more a{width: 155px;font-size: 14px;}
    .hotSale-top li span{height: 45px;line-height: 45px;}

}