@charset "utf-8";body,button,dd,dl,form,h1,h2,h3,h4,h5,h6,html,input,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0;}
li,ol,ul{list-style:none;}
body{position:relative;color:#666;font-size:14px;font-family:"Source Han Sans";}
a{color:#666;text-decoration:none;}
a:hover{text-decoration:none;}
img{ border: 0;}
*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
.container{margin-right:auto;margin-left:auto;padding-right:15px;padding-left:15px;}
@media (min-width:768px){.container{width:750px;}
}
@media (min-width:992px){.container{width:970px;}
}
@media (min-width:1200px){.container{width:1170px;}
}
@media (min-width:1440px){.container{width:1400px;}
}
.container-fluid{margin-right:auto;margin-left:auto;padding-right:15px;padding-left:15px;}
.row{margin-right:-15px;margin-left:-15px;}
.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-4-more,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-8-more,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{position:relative;padding-right:15px;padding-left:15px;min-height:1px;}
.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{float:left;}
.col-xs-12{width:100%;}
.col-xs-11{width:91.66666667%;}
.col-xs-10{width:83.33333333%;}
.col-xs-9{width:75%;}
.col-xs-8{width:66.66666667%;}
.col-xs-7{width:58.33333333%;}
.col-xs-6{width:50%;}
.col-xs-5{width:41.66666667%;}
.col-xs-4{width:33.33333333%;}
.col-xs-3{width:25%;}
.col-xs-2{width:16.66666667%;}
.col-xs-1{width:8.33333333%;}
@media (min-width:768px){.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-4-more,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-8-more,.col-sm-9{float:left;}
.col-sm-12{width:100%;}
.col-sm-11{width:91.66666667%;}
.col-sm-10{width:83.33333333%;}
.col-sm-9{width:75%;}
.col-sm-8{width:66.66666667%;}
.col-sm-8-more{width:69.66666667%;}
.col-sm-7{width:58.33333333%;}
.col-sm-6{width:50%;}
.col-sm-5{width:41.66666667%;}
.col-sm-4{width:33.33333333%;}
.col-sm-4-more{width:30.33333333%;}
.col-sm-3{width:25%;}
.col-sm-2{width:16.66666667%;}
.col-sm-1{width:8.33333333%;}
}
@media (min-width:992px){.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left;}
.col-md-12{width:100%;}
.col-md-11{width:91.66666667%;}
.col-md-10{width:83.33333333%;}
.col-md-9{width:75%;}
.col-md-8{width:66.66666667%;}
.col-md-7{width:58.33333333%;}
.col-md-6{width:50%;}
.col-md-5{width:41.66666667%;}
.col-md-4{width:33.33333333%;}
.col-md-3{width:25%;}
.col-md-2{width:16.66666667%;}
.col-md-1{width:8.33333333%;}
}
@media (min-width:1200px){.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{float:left;}
.col-lg-12{width:100%;}
.col-lg-11{width:91.66666667%;}
.col-lg-10{width:83.33333333%;}
.col-lg-9{width:75%;}
.col-lg-8{width:66.66666667%;}
.col-lg-7{width:58.33333333%;}
.col-lg-6{width:50%;}
.col-lg-5{width:41.66666667%;}
.col-lg-4{width:33.33333333%;}
.col-lg-3{width:25%;}
.col-lg-2{width:16.66666667%;}
.col-lg-1{width:8.33333333%;}
}



.clear{ clear: both;}
.left{ float: left;}
.right{ float: right;}
.rowover{ overflow:hidden;}
.fixed { position: fixed!important; top: 0; z-index: 2; width: 100%;}

.clearfix:after{
      content:"";
      display:block;
      clear:both;
      height:0;
      visibility:hidden;}
.clearfix{*zoom:1;}

@font-face {
font-family :"Source Han Sans";
src : url(../font/SourceHanSansCN-Normal.otf);
}

/*分页*/
.pagecode-bot{ border-top: 2px solid #de0010; margin: 20px auto 30px; padding-top: 20px; overflow: hidden;}
.pagecode{ float: right;}
.pagecode a{ width:20px; height: 20px; display: inline-block; border-radius: 50px; line-height: 20px; text-align: center;}
.pagecode a.on{ background-color: #198fd2; color: #fff;}
.pagecode a.end{ color: #000;}
.pagecode span{ padding: 0 10px; vertical-align: 5px;}
.a_con{ width: 20px; height: 17px; display: inline-block; background:url(../images/jt.png); margin-top: 5px ; margin-right: 20px;}
.a_lf{ background-position: 0 0;}
.a_rg{background-position: -20px 0 ;}
.a_lf:hover,.on{ background-position:0  -17px ;}
.a_rg:hover,.on{background-position:-20px  -17px ;}

/*首页*/
.header{position:fixed; -webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box; background:#fff; padding: 20px 0; left: 0; right: 0; top: 0; z-index: 9; border-bottom: #f0f0f0 1px solid;}
.headerspacing{ height: 91px; }
.logo{float:left;}
.logo a{display:block;}
.logo img{display:block;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box; height:71px;}
.nav{ z-index:2; position:static;top:auto;float:right;display:block;width:auto; margin-top: 7px;}

 /*下拉二级导航*/
.nav .nav_list{ float:right;}
.nav li{float:left;height:57px; line-height:60px;position:relative; padding: 0 30px;}
.nav li.last{background:none;}
.nav li a{float:left;display:block; height:60px; text-align:center; line-height:60px; }
.nav li a:hover{ text-decoration:none; color: #e70012;}
.nav li a span{float:left;display:block;  height:60px; line-height:60px;cursor:pointer;text-align:center; color:#333333; font-size:16px;}
.nav li a.selected span{ color: #e70012;}
.nav li.selected .submenu{ display:block; background: #fff; border-top: #e70012 1px solid;}
.nav li .submenu{ display:none;position:absolute;top:85px;left:0px;  background: #fff; border-top: #e70012 1px solid;}
.nav li .submenu{ width:auto;}
.nav li .submenu{ z-index:9999; background: #fff; border-top: #e70012 1px solid;}
.nav li .submenu li{float:left;padding:0;background:none;height:50px; line-height:50px; width: 100%; text-align: center;}
.nav li .submenu li a{float:none;padding:0;text-align:left;height:50px;line-height:50px;background:none; color:#333;  width:auto; text-align: center;}
.nav li .submenu li a:hover{font-weight:normal; color:#e70012; text-decoration:none; background: #f8f8f8;}

/*手机导航 css*/
.phone-nav{ display: none; }
.sp_header{height:50px;overflow:hidden;position:fixed;z-index:10; right: 5px;}
.sp_logo{padding: 0;float:left;height:50px}
.sp_logo img{margin:auto;max-height:50px;}
.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:15px}
.sp_nav span{display:block;background:#e70012;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:9;background:#eee;width:100%;font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s; padding-bottom: 30px;}
.nav_show{top:90px}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)}
.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:40px;font-size:14px}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none; width: 100%;}
.sjj_nav ul li a{color:#666;width:80%}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#e70012}
.sjj_nav ul li ul li>ul{margin-left:10px}

/*banner图*/
.banner{ z-index: 1;}
.banner .swiper-container{margin-right:auto;margin-left:auto;width:100%;height:100%;}
.banner .swiper-slide{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;background:#fff;text-align:center;font-size:18px;-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;}
.banner .swiper-slide img{display:block;width:100%; height: 550px; object-fit: cover;}
.banner .swiper-pagination-bullet{border-radius:50px;background:#fff;opacity:.5;}
.banner .swiper-pagination-bullet-active{width:18px;background:#cf000d;opacity:1;}

/*企业视频*/
.i-video{ width: 100%; padding-top: 40px; }
.i-video-con{ width: 100%; position: relative;}
.i-video-text{ position: absolute; bottom: 30px; right: 30px; font-size: 16px; color: #fff; }
.i-video-con video{ width: 100%; object-fit: cover;}
.i-video-con img{ max-width: 100%;}

/*产品展示*/
.i-pro{ width: 100%; padding-top: 60px; overflow: hidden;}
.i-pro-title{border-bottom: #e5e5e5 1px solid;}
.i-pro-title-bt{ font-size: 32px; color: #333333; float: left;}
.i-pro-title-bt span{ display: block; width: 100%; height: 2px; background: #e70012; margin-top: 20px; }
.i-pro-title-en{ font-size: 18px; color: #cccccc; float: left; padding:20px 0 0 10px;}
.i-pro-con{ padding-top: 60px; overflow: hidden; }

/*产品切换样式*/
#tabs-container {}
.tabs { border:1px solid #f2f2f2; width:100%; overflow:hidden;}
.tabs a { float:left; display: block; width: 16%; border-right: 1px solid #f2f2f2; padding: 30px 0; }
.tabs a.active { background: #f2f2f2; }
.tabs-img{ width: 65px; height: 65px; margin: 0 auto;}
.tabs-img img{ width: 100%; height: 100%; display: block; }
.tabs-text{ font-size: 18px; color: #333333; text-align: center; padding-top: 10px; }
.tabs-all{ width: 20%; float: left; background: #e70012; padding: 30px 0; cursor: pointer; }
.tabs-all-text{ font-size: 18px; padding-top: 10px; color: #fff; text-align: center; }
.tabs-all a{ display: block; width: 100%; color: #fff; text-align: center; font-size: 16px; border-right: none; padding: 0;}
.tabs-all a.active{background: none;}

#tabs-container{ padding-top: 60px; }
.buinessIbox-list{ width: 102%; overflow: hidden; }
.buinessIbox-list li{ float: left; display: block; width: 25%; cursor: pointer; padding-right: 2%;}
.buinessIbox-list .item{ padding-bottom: 135px; position: relative; overflow: hidden;}
.buinessIbox-list .item-img{ overflow: hidden; background-color: #fff; height: 220px; border: #e6e6e6 1px solid;}
.buinessIbox-list .item-img img{ width: 100%; display: block; -webkit-transition:all .5s cubic-bezier(.25,.46,.45,.94); transition:all .5s cubic-bezier(.25,.46,.45,.94); height: 100%; object-fit: cover; }
.buinessIbox-list .con{ position: absolute; background-color: #e2e2e2; left: 0; bottom: -48px; width: 100%; padding: 25px 5%; text-align: center; z-index: 1; -webkit-transition:all .5s cubic-bezier(.25,.46,.45,.94);-moz-transition:all .5s cubic-bezier(.25,.46,.45,.94); -ms-transition:all .5s cubic-bezier(.25,.46,.45,.94);-o-transition:all .5s cubic-bezier(.25,.46,.45,.94);transition:all .5s cubic-bezier(.25,.46,.45,.94);}
.buinessIbox-list .bg{ position: absolute; left: 0; bottom: 0; width: 100%; height: 0%; z-index: -1; visibility: hidden; opacity: 0;-webkit-transition:all .5s cubic-bezier(.25,.46,.45,.94);-moz-transition:all .5s cubic-bezier(.25,.46,.45,.94); -ms-transition:all .5s cubic-bezier(.25,.46,.45,.94);-o-transition:all .5s cubic-bezier(.25,.46,.45,.94);transition:all .5s cubic-bezier(.25,.46,.45,.94);}
.buinessIbox-list .t{ color: #333; font-size: 20px; line-height: 1.5; margin-bottom: 4px; overflow: hidden; height: 30px;  word-break:keep-all; white-space:nowrap; text-overflow: ellipsis; transition: 0.3s; -webkit-transition: 0.3s;}
.buinessIbox-list .c{ color: #666; height: 50px; overflow: hidden; transition: 0.3s; -webkit-transition: 0.3s; line-height: 23px; font-size: 15px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;/*想显示多少行就给多大值*/ -webkit-box-orient: vertical;}
.buinessIbox-list .more{ background: url(../images/more_ico.png) no-repeat scroll center center; background-size: cover; width: 34px; height: 34px; display: block; margin: 15px auto 0; visibility: hidden; opacity: 0; -webkit-transition:all .5s cubic-bezier(.25,.46,.45,.94) .1s;-moz-transition:all .5s cubic-bezier(.25,.46,.45,.94) .1s; -ms-transition:all .5s cubic-bezier(.25,.46,.45,.94) .1s;-o-transition:all .5s cubic-bezier(.25,.46,.45,.94) .1s;transition:all .5s cubic-bezier(.25,.46,.45,.94) .1s;}
.buinessIbox-list li:hover .con{ bottom: 0; background-color: #c9151e;}
.buinessIbox-list li:hover .bg{ opacity: 1; visibility: visible; height: 100%;}
.buinessIbox-list li:hover .t,.buinessIbox-list li:hover .c{ color: #fff;}
.buinessIbox-list li:hover .more{  opacity: 1; visibility: visible; transform: rotate(-360deg); -webkit-transform: rotate(-360deg); -o-transform: rotate(-360deg); -moz-transform: rotate(-360deg);}

.more-btn{ width: 250px; height: 50px; border: #e70012 1px solid; border-radius: 25px; margin: 60px auto 0; text-align: center; line-height: 50px; cursor: pointer;}
.more-btn a{ font-size: 16px; color: #e70012; }
.more-btn:hover{ background: #e70012; -webkit-transition: 0.3s; transition: 0.3s;}
.more-btn:hover a{ color: #fff; }

/*六大优势*/
.i-sixys{ width: 100%; background: url(../images/ysbg.jpg) no-repeat top center; background-size: auto; margin-top: 60px; padding-top: 60px; }
.i-sixys-title-bt{ font-size: 36px; color: #fff; text-align: center; font-weight: bold; }
.i-sixys-title-bt span{ display: block; height: 2px; width: 50px; background: #fff; border: none; margin: 30px auto; }
.i-sixys-title-sm{ width: 45%; margin: 0 auto; font-size: 16px; line-height: 25px; text-align: center; color: #fff; }
.i-sixys-con{ padding-top: 60px; overflow: hidden; }
.i-sixys-con ul{ width: 102%; overflow: ; }
.i-sixys-con ul li{ width: 33.3%; float: left; padding-right: 2%; padding-bottom: 2%; }
.i-sixys-con-text{ background: #f8f8f8; padding: 30px 30px; height: 200px; border: #e9e9e9 1px solid;}
.i-sixys-con-text:hover{ background: #e70012; border: #e70012 1px solid; -webkit-transition: 0.3s; transition: 0.3s;}
.i-sixys-con-text:hover .i-sixys-con-text-bt{ color: #fff; }
.i-sixys-con-text:hover .i-sixys-con-text-nr{ color: #fff; }
.i-sixys-con-text-bt{ font-size: 22px; color: #000; }
.i-sixys-con-text-nr{ font-size: 14px; color: #333; line-height: 25px; padding-top: 10px; }
.i-sixys-con-img{ width: 100%; height: 190px; overflow: hidden; }
.i-sixys-con-img img{ width: 100%; height: 100%; display: block; object-fit: cover; transition: all 0.6s; }
.i-sixys-con-img img:hover{ transform: scale(1.1); }


/*销售渠道*/
.i-xsqd{ width: 100%; padding-top: 40px; }
.i-xsqd-con{ padding-top: 60px; }
.i-xsqd-con-left{ width: 35%; float: left; }
.i-xsqd-con-left-img{ width: 100%; height: 265px; }
.i-xsqd-con-left-img img{ width: 100%; height: 100%; display: block; object-fit: cover; }
.i-xsqd-con-left-text{ width: 100%; background: #f8f8f8; padding: 40px; overflow: hidden; height: 435px; }
.i-xsqd-left-text-bt-zi{ font-size: 22px; color: #333333; }
.i-xsqd-left-text-bt-en{ font-size: 20px; color: #333333; padding-top: 5px; }
.i-xsqd-con-left-text-nr{ padding-top: 30px; }
.i-xsqd-con-left-text-nr ul li{ padding-bottom: 20px; }
.i-xsqd-con-left-text-nr ul li:last-child{ padding-bottom: 0; }
.i-xsqd-con-left-text-nr-lbbt{ font-size: 18px; color: #333333; font-weight: bold; }
.i-xsqd-con-left-text-nr-lbnr{ font-size: 16px; color: #333333; line-height: 25px; padding-top: 10px; }
.i-xsqd-con-right{ float: left; width: 65%; }
.i-xsqd-con-right-top{ width: 100%; height: 265px; background: #f8f8f8;  padding: 40px;}
.i-xsqd-con-right-top-left{ float: left; width: 25%; padding-top: 30px;}
.i-xsqd-con-right-left-wenzi{ font-size: 16px; color: #333333; line-height: 25px; padding-top: 10px; }
.i-xsqd-con-right-top-right{ width: 73%; float: right; }
.i-xsqd-con-right-top-right ul{ padding-top: 12px; }
.i-xsqd-con-right-top-right ul li{ width: 25%; float: left; }
.i-xsqd-ewm{ width: 130px; height: 130px; background: #fff; padding: 10px; }
.i-xsqd-ewm img{ width: 100%; height: 100%; display: block; }
.i-xsqd-ewm-text{ font-size: 16px; color: #333333; padding-top: 10px; text-align: center; }
.i-xsqd-con-right-btm{ width: 100%; height: 435px; display: table; overflow: hidden;}
.i-xsqd-con-right-btm-map{ width: 70%; display: table-cell; vertical-align: middle; height: 435px;}
.i-xsqd-con-right-btm-map img{ width: 72%; height: 100%; display: block; margin: 0 auto; }
.i-xsqd-con-right-btm-df{ width: 30%; display: table-cell; vertical-align: middle; height: 435px; }
.i-xsqd-con-right-btm-df h4{ font-size: 40px; color: #2d3238; font-weight: bold; }
.i-xsqd-con-right-btm-df p{ font-size: 14px; line-height: 25px; padding-top: 10px; }

/*新闻动态*/
.i-news{ width: 100%; padding: 60px 0; overflow: hidden;}
.i-news-con{ padding-top: 60px; overflow: hidden; }
.i-news-con-top{ overflow: hidden; }
.i-news-con-top-left{ width: 50%; float: left; background: #e70012; padding: 0 30px; height: 330px; display: table;}
.i-news-con-top-left:hover{background: #f30316;}
.i-news-con-top-left-nr{ display: table-cell; vertical-align: middle; }
.i-news-con-top-left-nr a{ color: #fff; display: block; }
.i-news-con-top-left-nr a h4{ font-size: 24px; line-height: 40px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;/*想显示多少行就给多大值*/-webkit-box-orient: vertical;}
.i-news-con-top-left-nr a p{ font-size: 16px; color: #fff; line-height: 28px; padding-top: 10px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;/*想显示多少行就给多大值*/-webkit-box-orient: vertical;}
.i-news-con-top-left-nr-more{ font-size: 16px; padding-top: 30px; }
.i-news-con-top-right{ width: 50%; float: left; height: 330px; overflow: hidden; }
.i-news-con-top-right a{ display: block; }
.i-news-con-top-right a img{ width: 100%; height: 100%; display: block; object-fit: cover; object-fit: cover; transition: all 0.6s;}
.i-news-con-top-right a img:hover{ transform: scale(1.1); }
.i-news-con-btm{ padding-top: 60px; overflow: hidden; }
.i-news-con-btm ul { width: 104%; }
.i-news-con-btm ul li{ width: 33.3%; float: left; padding-right: 4%; }
.i-news-con-btm ul li a{ display: block; }
.i-news-con-btm-title a:hover ,.i-news-con-btm-text a:hover{ color: #e70012!important; }
.i-news-con-btm-time{ font-size: 16px; color: #858585; }
.i-news-con-btm-title{ font-size: 18px; color: #333333; padding-top: 15px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;/*想显示多少行就给多大值*/-webkit-box-orient: vertical; }
.i-news-con-btm-title a{ color: #333333; }
.i-news-con-btm-text{ font-size: 16px; color: #333333; line-height: 28px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;/*想显示多少行就给多大值*/-webkit-box-orient: vertical; padding-top: 15px; height: 65px;}
.i-news-con-btm-text a{ color: #6f6f6f; }
.i-news-con-btm-a{ width: 22px; height: 7px; margin-top: 30px; }
.i-news-con-btm-a img{ width: 100%; height: 100%; display: block; }

/*底部*/
.footer{ width: 100%; background: #1d1d1d; overflow: hidden; }
.footer-top{ padding: 60px 0; overflow: hidden;}
.footer-top-left{ width: 50%; float: left; }
.footer-top-left-title{ font-size: 20px; color: #ffffff; }
.footer-top-left-nr{ padding-top: 15px; overflow: hidden; }
.footer-top-left-nr ul li{ width: 46%; float: left; font-size: 16px; color: #fff; padding: 7px 15px 7px 0;}
.footer-top-left-nr ul li span{ display: block; float: left; }
.footer-top-left-nrtitle{ display: block; float: left; }
.footer-top-left-nrconn{ float: left; display: block; line-height: 25px; }

.footer-top-right{ width: 50%; float: right; overflow: hidden;}
.footer-top-right ul{ float: right; }
.footer-top-right ul li{ width: 25%; float: left;}
.footer-top-right-img{ width: 85%; height: 85%; background: #fff; padding: 10px; margin: 0 auto; }
.footer-top-right-img img{ width: 100%; height: 100%; display: block; }
.footer-top-right-text{ font-size: 16px; text-align: center; padding-top: 10px; color: #fff; }

.footer-btm{ border-top: #292929 1px solid; padding: 20px 0; overflow: hidden;}
.footer-btm-left{ float: left; width: 60%; color: #fff; font-size: 16px; line-height: 25px;}
.footer-btm-right{ float: right; width: 40%; color: #fff; font-size: 16px; text-align: right;  line-height: 25px;}
.footer-btm-left a{ font-size: 16px; color: #072ab9; padding-left: 5px; }
.footer-btm-left a:hover{ text-decoration: underline; }


/*小于1500大于1400*/
@media (max-width:1500px) and (min-width:1400px){
      .nav li{ padding: 0 20px; }
	.buinessIbox-list .item-img{ height: 185px; }
}

/*小于1400大于1200*/
@media (max-width:1400px) and (min-width:1200px){
      .nav li{ padding: 0 20px; }
      .i-xsqd-con-right-btm-map img{ width: 85%; }
	.buinessIbox-list .item-img{ height: 185px; }
	
}

/*小于1200大于1000*/
@media (max-width:1200px) and (min-width:1000px){
	.logo img{ height: 60px; }
	.nav{ margin-top: 0;}
      .nav li{ padding: 0 15px; }
	.nav li .submenu{ top: 80px;}
      .buinessIbox-list .item-img{ height: 160px; }
      .i-sixys-con ul li{ width: 50%; }

      .i-xsqd-con-left-text{ padding: 30px; }
      .i-xsqd-con-right-top{ padding: 30px; }
      .i-xsqd-con-right-top-right ul { padding-top: 40px; }
      .i-xsqd-ewm{ width: 95px; height: 95px; padding: 5px; }
      .i-xsqd-con-right-btm-map img{ width: 100%; }
      .footer-top-left{ width: 100%; float: none; }
      .footer-top-right{ width: 100%; float: none; padding-top: 40px; }
      .footer-top-right ul{ float: none; }

}

/*小于1000大于768*/
@media (max-width:1000px) and (min-width:768px){
      .logo img{ height: 60px; }
	.nav{ margin-top: 0;}
      .nav li{ padding: 0 8px; }
	.nav li .submenu{ top: 78px;}
      .buinessIbox-list .item-img{ height: 210px; }
      .i-sixys{ background-size: auto 40%; }
      .i-sixys-con ul li{ width: 50%; }

      .i-xsqd-con-left-text{ padding: 30px; }
      .i-xsqd-con-right-top{ padding: 30px; }
      .i-xsqd-con-right-top-right ul { padding-top: 40px; }
      .i-xsqd-ewm{ width: 95px; height: 95px; padding: 5px; }
      .i-xsqd-con-right-btm-df h4{ font-size: 24px; }
      .i-xsqd-con-left{ width: 100%; }
      .i-xsqd-con-right{ width: 100%; margin-top: 20px; }
      .i-xsqd-con-left-text{ height: auto; }
      .i-xsqd-con-right-btm-map img{ width: 87%; }
      .footer-top-left{ width: 100%; float: none; }
      .footer-top-right{ width: 100%; float: none; padding-top: 40px; }
      .footer-top-right ul{ float: none; }
      .footer-top-right ul li{ padding: 0 2%; }
      .footer-btm-left{ float: none; width: 100%;  text-align: center;}
      .footer-btm-right{ float: none; width: 100%; text-align: center; padding-top: 5px; }
	.buinessIbox-list .item-img{ height: 150px; }
}

@media (max-width:990px) and (min-width:768px){
	 .logo img{ height: 40px; padding-top: 10px;}
	.nav{ margin-top: 0;}
	.nav li .submenu{ top: 78px;}
	.buinessIbox-list .item-img{ height: 130px; }
}

/*手机样式*/
@media (max-width:768px){
      .logo{ z-index: 2; }
      .logo img{  height: 50px; padding-left: 15px; }

      .nav{ display: none; }
      .phone-nav{ display: block; }
	  .sp_header{ display: block;}
      .headerspacing{ height: 70px; }

      .banner .swiper-slide img{ height: 180px; object-fit: cover;}

      .i-video{ padding-top: 20px; }
      .i-video-con video{ width: 100%; height: 200px; }

      .i-pro{ padding-top: 20px; }
      .i-pro-title-bt{ font-size: 22px; }
      .i-pro-title-en{ padding: 7px 0 0 10px; }
      .i-pro-con{ padding-top: 20px; }
      .tabs{ display: flex; flex-wrap: wrap; justify-content: space-between; }
      .tabs a{ width: 33.3%; padding: 10px 0; }
      .tabs a:nth-child(3){ border-right: none; }
      .tabs a:nth-child(1) ,.tabs a:nth-child(2) ,.tabs a:nth-child(3){ border-bottom: 1px solid #f2f2f2;; }
      .tabs-all{ width: 33%; padding: 10px 0; }
		.tabs-all a{ display: block; width: 100%; color: #fff; text-align: center; font-size: 16px; border-right: none; padding: 0; border-bottom: none!important;}
.tabs-all a.active{background: none;}
      .tabs-text ,.tabs-all-text{ font-size: 14px; }
      #tabs-container{ padding-top: 20px; }
      .buinessIbox-list{ display: flex; flex-wrap: wrap; justify-content: space-between; }
	.buinessIbox-list a{width:49% }
      .buinessIbox-list li{ width: 100%; padding-bottom: 4%; }
      .buinessIbox-list .item-img{ height: 100px; padding: 10px 5px; display: flex; justify-content: center; align-items: center;}
	.buinessIbox-list .item-img img{ width: 100%;}
	#tabs-container{ padding-top: 30px!important;}
      .buinessIbox-list .c{ font-size: 14px; line-height: 23px; }
      .more-btn{ margin: 20px auto 0; }

      .i-xsqd{ padding-top: 20px; }
      .i-xsqd-con{ padding-top: 20px; }
      .i-sixys{ margin-top: 30px; padding-top:30px; background-size: auto 30%; }
      .i-sixys-title-bt{ font-size: 24px; }
      .i-sixys-title-bt span{ margin: 10px auto; }
      .i-sixys-con ul li{ width: 50%; }
      .i-sixys-title-sm{ width: 90%; font-size: 14px; }
      .i-sixys-con{ padding-top: 30px; }
      .i-sixys-con-text{ padding: 15px 15px; height: 105px; }
      .i-sixys-con-text-bt{ font-size: 20px; }
      .i-sixys-con-text-nr{ font-size: 14px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;/*想显示多少行就给多大值*/-webkit-box-orient: vertical; padding-top: 5px; line-height: 20px;}
      .i-sixys-con-img{ height: 100px; } 
      .i-xsqd-con-left{ width: 100%; }
      .i-xsqd-con-right{ width: 100%; margin-top: 20px; }
      .i-xsqd-con-right-top-left{ width: 100%; padding-top: 0; }
      .i-xsqd-con-right-top-right{ width: 100%; }
      .i-xsqd-con-right-top-right ul li{ width: 50%; padding-top: 15px; }
      .i-xsqd-con-right-top{ height: auto; overflow: hidden;}
      .i-xsqd-ewm{ margin: 0 auto; }
      .i-xsqd-con-left-img{ height: 180px; }
      .i-xsqd-con-right-btm{ display: flex; flex-wrap: wrap;  height: auto; }
      .i-xsqd-con-right-btm-map{ width: 100%; padding-top: 15px; height: auto; }
      .i-xsqd-con-right-btm-df{ width: 100%; height: auto; }
      .i-xsqd-con-right-btm-map img{ width: 100%; height: 100%; }
      .i-xsqd-con-left-text{ padding: 20px; height: auto; }
      .i-xsqd-con-right-top{ padding: 20px; }

      .i-news{ padding-top: 20px; padding-bottom: 30px; }
      .i-news-con{ padding-top: 20px; }
      .i-news-con-top-left{ height: auto; padding: 15px; width: 100%; float: none;}
      .i-news-con-top-right{ width: 100%; float: none; height: 160px; }
      .i-news-con-top-left-nr a h4{ font-size: 24px; -webkit-line-clamp: 1; }
      .i-news-con-top-left-nr a p{ font-size: 14px; line-height: 23px; }
      .i-news-con-top-left-nr-more{ padding-top: 15px; }
      .i-news-con-btm{ padding-top: 20px; }
      .i-news-con-btm ul li{ width: 100%; float: none; padding: 20px 0;  border-bottom: #f2f2f2 1px solid;}
      .i-news-con-btm-text{ font-size: 14px; line-height: 23px; }
      .i-news-con-btm-a{ margin-top: 15px; }

      .footer-top{ padding-top: 30px; padding-bottom: 30px; }
      .footer-top-left{ width: 100%; float: none; }
      .footer-top-left-nr ul li{ width: 100%; float: none; overflow: hidden; }
      .footer-top-right{ width: 100%; float: none; padding-top: 40px; }
      .footer-top-right ul{ float: none; }
      .footer-top-right{ padding-top: 30px; }
      .footer-top-right-text{ font-size: 14px; }
      .footer-top-right-img{ padding: 5px; }
      .footer-btm-left{ float: none; width: 100%;  text-align: center; font-size: 14px;}
      .footer-btm-right{ float: none; width: 100%; text-align: center; padding-top: 5px; font-size: 14px;}
      .footer-btm-left a{ font-size: 14px; }

}


/*南沪品牌-关于南沪*/
.n-banner{ width: 100%; }
.n-banner-img{ position: relative; width: 100%; height: 470px; }
.n-banner-img img{ width: 100%; height: 100%; display: block; object-fit: cover; }
.n-banner-text{ position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%); display: table; height: 470px; }
.n-banner-text-nr{ display: table-cell; vertical-align: middle; }
.n-banner-text-bt{ font-size: 60px; color: #fff; }
.n-banner-text-fbt{ font-size: 28px; color: #fff; font-weight: 300; padding-top: 10px; }
.n-banner-text-line{ width: 60px; height: 6px; border-radius: 10px; background: #fff; margin-top: 15px; }

.n-nav{ width: 100%; border-bottom: #e5e5e5 1px solid; overflow: hidden;}
.n-nav-mbx{ width: 100%; padding: 20px 0; }
.n-nav-mbx-title{ font-size: 30px; color: #000; float: left; }
.n-nav-mbx-nr{ float: right; font-size: 14px; color: #676767; padding-top: 12px;}
.n-nav-mbx-nr a{ font-size: 14px; color: #676767;}
.n-nav-mbx-nr a:hover{ color: #de0010; }
.mbxactive{ color: #de0010!important; }
.n-nav-menu{ width: 100%; }
.n-nav-menu ul li{ float: left; width: 200px; height: 45px; background: #e5e5e5; text-align: center; line-height: 45px; margin:8px 8px 0px 0; }
.n-nav-menu ul li:last-child{ margin-right: 0; }
.n-nav-menu ul li a{ display: block; width: 100%; height: 100%; font-size: 16px; color: #333333; }
.n-nav-menu ul li a:hover{ background: #de0010; color: #fff; }
.navmenuactive a{background: #de0010; color: #fff!important;}
.n-zhuticon{ width: 100%; padding-top: 60px; }

.nhjj-title{ border-bottom: #eeeeee 1px solid; padding-bottom: 30px; font-size: 40px; color: #de0010; font-weight: bold; }
.nhjj-con{ font-size: 16px; line-height: 2; color: #333;  padding-top: 30px;}
.nhjj-con p{ padding-bottom: 10px; }
.nhjj-con-img{ width: 100%; height: auto; }
.nhjj-con-img img{ width: 100%; height: 100%; display: block; }

/*企业荣誉*/
.qyry-con{ padding: 60px 0 20px; }
.qyry-con .swiper-container { width: 100%; height: 100%;  }
.qyry-con .swiper-slide { text-align: center; font-size: 18px; background: #fff;/* Center slide text vertically */ 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.8);}
.qyry-con .swiper-slide-active,.swiper-slide-duplicate-active{transform: scale(1);}
.qyry-con .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: -45px; }
.qyry-con .swiper-button-prev { background: url("../images/left-jt.png") #fa3341 center 50%/50% 50% no-repeat; left: 10px;}
.qyry-con .swiper-button-next { background: url("../images/right-jt.png") #fa3341 center 50%/50% 50% no-repeat;}
.qyry-con .swiper-button-next:hover ,.qyry-con .swiper-button-prev:hover{ opacity: 0.9; } 
.qyry-con .swiper-pagination{ position: static; padding-top: 40px; }
.qyry-con .swiper-pagination-clickable .swiper-pagination-bullet{ margin: 0 5px; }
.qyry-con .swiper-pagination-bullet-active{ background: #de0010; }
.qyry-con-lb{ border: #f2f2f2 1px solid; box-shadow:0px 0px 10px #e9e9e9; width: 100%; height: 40%; }
.qyry-con-lb-img{ width: 100%; height: 300px; display: flex; justify-content: center; align-items: center;}
.qyry-con-lb-img img{ width: 100%; height: 100%; display: block; object-fit: cover; }
.qyry-con-lb-text{ padding: 15px 0; font-size: 16px; color: #333; }

/*联系我们*/
.lxwm-name{ font-size: 20px; color: #333333; }
.lxwm-address{ width: 100%; padding: 40px 0; overflow: hidden;}
.lxwm-address ul li{ width: 50%; float: left; padding: 10px 0px 10px 0; }
.lxwm-address-img{ width: 20px; height: 26px; display: block; float: left; padding-top: 6px;}
.lxwm-address-img img{ width: 100%; height: 100%; display: block; }
.lxwx-address-text{ font-size: 16px; color: #333; display: block; float: left; padding-left: 10px; }

.contact-map{ width: 100%; margin: 20px 0 0; }
.contact-mapnr{ height: 500px; width:100%;border:#ccc solid 1px;font-size:12px;}


/*小于1440大于1400*/
@media (max-width:1440px) and (min-width:1400px){
	.qyry-con-lb-img{ height: 250px;}
}

/*小于1400大于1200*/
@media (max-width:1400px) and (min-width:1200px){
	.qyry-con-lb-img{ height: 250px;}
}

/*小于1200大于1000*/
@media (max-width:1200px) and (min-width:1000px){
	.qyry-con-lb-img{ height: 200px;}
      .n-banner-img{ height: 300px; }
      .n-banner-text{ height: 300px; }
      .n-banner-text-bt{ font-size: 40px; }
      .n-banner-text-fbt{ font-size: 20px; }
      .n-nav-menu ul {display: flex; flex-wrap: wrap; }
      .n-nav-menu ul li{ width: 32%; margin-right: 2%; margin-bottom: 15px;}
      .n-nav-menu ul li:nth-child(3n){ margin-right: 0; }
}

/*小于1000大于768*/
@media (max-width:1000px) and (min-width:768px){
		.qyry-con-lb-img{ height: 150px;}
      .n-banner-img{ height: 300px; }
      .n-banner-text{ height: 300px; }
      .n-banner-text-bt{ font-size: 40px; }
      .n-banner-text-fbt{ font-size: 20px; }
      .n-nav-menu ul {display: flex; flex-wrap: wrap; }
      .n-nav-menu ul li{ width: 32%; margin-right: 2%; margin-bottom: 15px;}
      .n-nav-menu ul li:nth-child(3n){ margin-right: 0; }
}

/*手机样式*/
@media (max-width:768px){
      .n-banner-img{ height: 180px; }
      .n-banner-text{ height: 180px; left: 95px; }
      .n-banner-text-bt{ font-size: 30px; }
      .n-banner-text-fbt{ font-size: 18px; }
      .n-nav{ border-bottom: none; }
      .n-nav-mbx-title ,.n-nav-mbx-nr{ float: none; }
      .n-nav-menu ul {display: flex; flex-wrap: wrap; }
      .n-nav-menu ul li{ width: 32%; margin-right: 2%; margin-bottom: 15px;}
      .n-nav-menu ul li:nth-child(3n){ margin-right: 0; }

      .n-zhuticon{ padding-top: 20px; }
      .nhjj-title{ font-size: 28px; padding-bottom: 15px; }
      .qyry-con-lb{ width: 100%; }
      .qyry-con-lb-img{ height: 65px; }
      .qyry-con-lb-text{ font-size: 14px; padding: 10px 0; }
      .qyry-con .swiper-pagination{ padding-top: 20px; }
      .qyry-con{ padding: 0 0 20px; }

      .lxwm-address ul li{ float: none; width: 100%; overflow: hidden; padding: 15px 0px 15px 0;}
      .lxwm-address{ padding: 20px 0; }
      .contact-map{ margin: 0; }
      .contact-mapnr{ height: 250px; }
}

/*南沪产品首页*/
.nhcp-con{ overflow: hidden; width: 100%; }
.nhcp-con ul{ overflow: hidden; }
.nhcp-con ul li{ overflow: hidden; padding-bottom: 30px; }
.nhcp-lb-title{ width: 100%; }
.nhcp-lb-title-bt{ float: left; font-size: 28px; color: #333; }
.nhcp-lb-title-fl{ float: left; padding: 0px 10px; }
.nhcp-lb-title-fl ul{ padding-top: 10px; }
.nhcp-lb-title-fl ul li{ float: left; border-right: #cccccc 1px solid; padding: 0 15px; }
.nhcp-lb-title-fl ul li:last-child{ border-right: 0; }
.nhcp-lb-title-fl ul li a{ font-size: 16px; color: #333333; }
.nhcp-lb-title-fl ul li a:hover{ color: #de0010; }
.nhcp-lb-title-more{ float: right; padding-top: 10px;}
.nhcp-lb-title-more a{ font-size: 16px; color: #333333; }
.nhcp-lb-title-more a:hover{ color: #de0010;  }

.nhcp-lb-nr{ width: 100%; padding-top:30px; }
.nhcp-lb-nr-banner{ width: 20%; float: left; }
.nhcp-lb-nr-banner img{ width: 100%; height: 380px; object-fit: cover; display: block; }
.nhcp-lb-nr-cplb{ width: 78.3%; float: right; }

/*产品首页js*/
.buinessIbox-list1{ width: 102%; overflow: hidden; }
.buinessIbox-list1 li{ float: left; display: block; width: 25%; cursor: pointer; padding-right: 2%;}
.buinessIbox-list1 .item1{ padding-bottom: 135px; position: relative; overflow: hidden; border: #e6e6e6 1px solid;}
.buinessIbox-list1 .item-img1{ overflow: hidden; background-color: #fff; height: 245px; display: flex; align-items: center;}
.buinessIbox-list1 .item-img1 img{ width: 100%; display: block; -webkit-transition:all .5s cubic-bezier(.25,.46,.45,.94); transition:all .5s cubic-bezier(.25,.46,.45,.94); height: 70%; object-fit: cover; }
.buinessIbox-list1 .con1{ position: absolute; background-color: #e2e2e2; left: 0; bottom: -23px; width: 100%; padding: 25px 5%; text-align: center; z-index: 1; -webkit-transition:all .5s cubic-bezier(.25,.46,.45,.94);-moz-transition:all .5s cubic-bezier(.25,.46,.45,.94); -ms-transition:all .5s cubic-bezier(.25,.46,.45,.94);-o-transition:all .5s cubic-bezier(.25,.46,.45,.94);transition:all .5s cubic-bezier(.25,.46,.45,.94);}
.buinessIbox-list1 .bg1{ position: absolute; left: 0; bottom: 0; width: 100%; height: 0%; z-index: -1; visibility: hidden; opacity: 0;-webkit-transition:all .5s cubic-bezier(.25,.46,.45,.94);-moz-transition:all .5s cubic-bezier(.25,.46,.45,.94); -ms-transition:all .5s cubic-bezier(.25,.46,.45,.94);-o-transition:all .5s cubic-bezier(.25,.46,.45,.94);transition:all .5s cubic-bezier(.25,.46,.45,.94);}
.buinessIbox-list1 .t1{ color: #333; font-size: 20px; line-height: 1.5; margin-bottom: 4px; overflow: hidden; height: 30px;  word-break:keep-all; white-space:nowrap; text-overflow: ellipsis; transition: 0.3s; -webkit-transition: 0.3s;}
.buinessIbox-list1 .c1{ color: #666; height: 25px; overflow: hidden; transition: 0.3s; -webkit-transition: 0.3s; line-height: 23px; font-size: 15px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1;/*想显示多少行就给多大值*/ -webkit-box-orient: vertical;}
.buinessIbox-list1 .more1{ background: url(../images/more_ico.png) no-repeat scroll center center; background-size: cover; width: 34px; height: 34px; display: block; margin: 15px auto 0; visibility: hidden; opacity: 0; -webkit-transition:all .5s cubic-bezier(.25,.46,.45,.94) .1s;-moz-transition:all .5s cubic-bezier(.25,.46,.45,.94) .1s; -ms-transition:all .5s cubic-bezier(.25,.46,.45,.94) .1s;-o-transition:all .5s cubic-bezier(.25,.46,.45,.94) .1s;transition:all .5s cubic-bezier(.25,.46,.45,.94) .1s;}
.buinessIbox-list1 li:hover .con1{ bottom: 0; background-color: #c9151e;}
.buinessIbox-list1 li:hover .bg1{ opacity: 1; visibility: visible; height: 100%;}
.buinessIbox-list1 li:hover .t1,.buinessIbox-list1 li:hover .c1{ color: #fff;}
.buinessIbox-list1 li:hover .more1{  opacity: 1; visibility: visible; transform: rotate(-360deg); -webkit-transform: rotate(-360deg); -o-transform: rotate(-360deg); -moz-transform: rotate(-360deg);}


/*南沪产品列表页*/
.nhcp-list-top{ width: 100%; overflow: hidden; }
.nhcp-list-top-title{ font-size: 36px; font-weight: bold; color: #333333; text-align: center; }
.nhcp-list-top-nr{ width: 68%; margin: 20px auto; font-size: 16px; color: #4e514e; line-height: 36px; text-align: center; }
.nhcp-list-top-video{ width: 70%; margin: 60px auto; }
.nhcp-list-nr{ background: #f7f7f7; padding: 60px 0; overflow: hidden; }
.nhcp-list-nr-bt{ width: 100%; }
.nhcp-list-nr-bt h4{ color: #de0010; font-weight: bold; font-size: 34px; }
.nhcp-list-nr-bt p{ font-size: 32px; color: #000000; padding-top: 5px; }
.nhcp-list-nr-con{ padding-top: 60px; overflow: hidden; }

/*产品切换样式*/
#tabs-container {}
.c-tabs { width:15%; overflow:hidden; float: right; background: #f3f3f3; padding: 15px;}
.c-tabs a { display: block; width: 100%; padding: 10px 0; margin: 10px 0; }
.c-tabs a:hover{ background: #de0010;}
.c-tabs a:hover .c-tabs-text{ color: #fff; }
.c-tabs a.c-active { background: #de0010;}
.c-tabs-text{ font-size: 16px; color: #333333; text-align: center; }
.c-tabs a.c-active .c-tabs-text{ color: #fff; }

.c-conn{ width: 100%; }
#tabs-container{ padding-top: 60px; }
.c-buinessIbox-list{ width: 102%; overflow: hidden; }
.c-buinessIbox-list li{ float: left; display: block; width: 50%; cursor: pointer; margin-bottom: 20px;padding-right: 20px;}

.c-conn-lb{ width: 100%; background: #fff; padding: 30px; overflow: hidden; }
.c-conn-lb-img{ width: 60%; height: 220px; border: #f2f2f2 1px solid; float: left; overflow: hidden;  }
.c-conn-lb-img img{ width: 100%; height: 100%; display: block; object-fit: cover;  transition: all 0.6s;}
.c-conn-lb-img img:hover{transform: scale(1.1); }
.c-conn-lb-nr{ float: left; padding-left: 30px; width: 40%; }
.c-conn-lb-nr-title{ font-size: 20px; color: #333333; padding-top: 20px; }
.c-conn-lb-nr-sm{ padding-top: 15px; overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;/*想显示多少行就给多大值*/
-webkit-box-orient: vertical;}
.c-conn-lb-nr-sm p{ font-size: 16px; color: #333333; line-height: 30px; padding-bottom: 5px; }
.c-conn-lb-nr-more{ width: 150px; height: 40px; border-radius: 20px; font-size: 14px; color: #333; background: #f3f3f3; text-align: center; line-height: 40px; margin-top: 20px; }
.c-conn-lb a:hover .c-conn-lb-nr-more{ background: #de0010; color: #fff; -webkit-transition: 0.3s; transition: 0.3s; }

/*南沪产品详情页*/
.nhcp-con-nr{ width: 100%; padding: 40px 0; line-height: 1.8;}
.nhcp-con-nr img{ max-width: 100%;}
.nhcp-con-backlist{ width: 30%; height: 60px; background: #f3f3f3; border-radius: 40px; margin: 40px auto 40px;}
.nhcp-con-backlist:hover{ opacity: 0.9; }
.nhcp-con-backlist-nr{  height: 60px; width: 100%; text-align: center; display: flex; align-items: center; justify-content: center;}
.nhcp-con-backlist-nr a{ text-align: center; margin: 0 auto; display: flex; align-items: center; justify-content: center;}
.nhcp-con-backlist-nr a img{ padding-right: 10px;}



/*小于1440大于1400*/
@media (max-width:1440px) and (min-width:1400px){
	.nhcp-lb-nr-banner img{ height: 280px; }
	.buinessIbox-list1 .item-img1{ height: 143px; }
}

/*小于1400大于1200*/
@media (max-width:1400px) and (min-width:1200px){
	.nhcp-lb-nr-banner img{ height: 280px; }
	.buinessIbox-list1 .item-img1{ height: 143px; }
}

/*小于1200大于1000*/
@media (max-width:1200px) and (min-width:1000px){
	.nhcp-lb-title-bt{ float: none; }
	.nhcp-lb-title-fl{ float: none; padding: 5px 0;}
	.nhcp-lb-title-more{ float: none; }
	.nhcp-lb-title-fl ul li:first-child{ padding-left: 0; }
	.nhcp-lb-nr-banner img{ height: 280px; }
	.buinessIbox-list1 .item-img1{ height: 143px; }
	.c-conn-lb-nr { padding-left: 20px; }
	.c-conn-lb-img{ width: 200px; height: 180px; }
	.c-conn-lb-nr-title{ padding-top: 5px; }
}

/*小于1000大于768*/
@media (max-width:1000px) and (min-width:768px){
	.nhcp-lb-title-bt{ float: none; }
	.nhcp-lb-title-fl{ float: none; padding: 5px 0;}
	.nhcp-lb-title-more{ float: none; }
	.nhcp-lb-title-fl ul{ display: flex; flex-wrap: wrap; }
	.nhcp-lb-title-fl ul li{ border-right: none; width: 32%; padding: 6px 0; background: #f2f2f2; margin-right: 2%; text-align: center; margin-bottom: 2%; }
	.nhcp-lb-title-fl ul li a{ font-size: 14px; }
	.nhcp-lb-title-fl ul li:first-child{ padding-left: 0; }
	.nhcp-lb-title-fl ul li:nth-child(3n){ margin-right: 0; }
	.nhcp-lb-nr-banner{ display: none; }
	.nhcp-lb-nr-cplb{ width: 100%; float: none;}

	.c-tabs{ width: 100%; }
	.c-tabs a { float: left; width: 32%; margin-right: 2%;}
	.c-tabs a:nth-child(3n){ margin-right: 0; }
	.nhcp-list-nr-con{ padding-top: 20px; }
	.c-conn{ width: 100%; padding-top: 20px; }
	.c-conn-lb-nr{ padding-left: 20px; width: 70%; }
	.c-conn-lb-img{ width: 30%; }
	.nhcp-con-backlist{ width: 50%; }
	.c-conn-lb-img{ width: 100%; height: 180px;}

}

/*手机样式*/
@media (max-width:768px){
	.nhcp-lb-title-bt{ float: none; }
	.nhcp-lb-title-fl{ float: none; padding: 5px 0;}
	.nhcp-lb-title-more{ float: none; }
	.nhcp-lb-title-fl ul{ display: flex; flex-wrap: wrap; }
	.nhcp-lb-title-fl ul li{ border-right: none; width: 32%; padding: 6px 0; background: #f2f2f2; margin-right: 2%; text-align: center; margin-bottom: 2%; }
	.nhcp-lb-title-fl ul li a{ font-size: 14px; }
	.nhcp-lb-title-fl ul li:first-child{ padding-left: 0; }
	.nhcp-lb-title-fl ul li:nth-child(3n){ margin-right: 0; }

	.nhcp-lb-nr-banner{ display: none; }
	.nhcp-lb-nr-cplb{ width: 100%; float: none;}
	.nhcp-lb-nr{ padding-top: 20px; }
	.nhcp-con ul li{ overflow: hidden; padding-bottom: 20px; }
	.buinessIbox-list1{ display: flex; flex-wrap: wrap; justify-content: space-between; }
	.buinessIbox-list1 li{ width: 48%; padding-right: 0; padding-bottom: 15px; }
	.buinessIbox-list1 .item-img1{ height: 140px; }
	.buinessIbox-list1 .con1{ padding: 10px 5%; }
	.buinessIbox-list1 .item1{ padding-bottom: 105px; }
	.buinessIbox-list1 .t1{ font-size: 18px; }
	.buinessIbox-list1 .c1{ font-size: 14px; }
	.nhcp-lb-title-fl ul li{ padding: 6px 0; }

	.nhcp-list-top-title{ font-size: 24px; }
	.nhcp-list-top-nr{ width: 100%; font-size: 14px; line-height: 26px; }
	.nhcp-list-top-video{ width: 100%; margin: 20px 0; }

	.nhcp-list-nr{ padding: 20px 0; }

	.c-tabs{ width: 100%; padding: 10px; }
	.c-tabs a { float: left; width: 48%; margin-right: 2%; margin: 5px 0;}
	.c-tabs a:nth-child(3n){ margin-right: 0; }
	.nhcp-list-nr-bt h4{ font-size: 28px; }
	.nhcp-list-nr-bt p{ font-size: 24px; }
	.c-tabs-text{ font-size: 14px; }
	.nhcp-list-nr-con{ padding-top: 20px; }
	.c-conn{ width: 100%; padding-top: 20px; }
	.c-conn-lb{ padding: 15px; }
	.c-conn-lb-nr{ padding-left: 0px; width: 100%; }
	.c-conn-lb-img{ width: 100%; height: 130px;}
	.c-conn-lb-nr-sm p{ font-size: 14px; line-height: 25px; padding-top: 8px; }
	.c-conn-lb-nr-more{ margin-top: 10px; margin-bottom: 5px; }
	.nhcp-con-backlist{ width: 90%; }

}


/*合作伙伴*/
.xshz-con{ width: 100%; overflow: hidden; }
.xshz-con ul{ width: 102%; }
.xshz-con ul li{ width: 23%; margin-right: 2%; float: left; border: #eeeeee 1px solid; margin-bottom: 2%; height: 170px; display: table;}
.xshz-con-img{ display: table-cell; vertical-align: middle; margin: 0 auto; width: 100%; height: 170px;}
.xshz-con-img img{ max-width: 100%; max-height: 70%; display: block; object-fit: cover; margin: 0 auto; }

.pager{ width: 100%; padding: 40px 0; overflow: hidden; }
.pager-left{ float: left; font-size: 16px; color: #333333; line-height: 40px;}
.pager-left span{ font-size: 16px; color: #de0010; }
.pager-right{ float: right; }
.pager-right a{ display: block; float: left; margin-left: 15px; width: 100px; height: 40px; border: #333 1px solid; border-radius: 5px; text-align: center; line-height: 40px;}
.pager-right a:hover{ border: #de0010 1px solid; color: #de0010; }
.pageractive{ border: #de0010 1px solid!important; color: #de0010;}
.pager .on{ border: #de0010 1px solid!important; color: #de0010;}
/*一件代发*/
.xshz-yjdfsm{ width: 100%; }
.xshz-yjdfsm-top{ font-size: 16px; line-height: 40px; color: #333; text-indent: 2em; }
.xshz-yjdfsm-btm{ padding: 40px 0; }
.xshz-yjdfsm-btm p{ font-size: 16px; color: #333333; line-height: 40px; }
.xshz-tese{ font-weight: bold; color: #de0010!important; }

.xshz-wlsm{ width: 100%; background: #f3f3f3; padding: 40px 0; }
.xshz-wlsm-title{ font-weight: bold; font-size: 22px; color: #000000; }
.xshz-wlsm-lb{ padding-top: 40px; }
.xshz-wlsm-lb-line{ width: 50px; height: 3px; background: #de0010; }
.xshz-wlsm-lb-text{ font-size: 18px; color: #333; padding-top: 20px; line-height: 30px; }
.xshz-wlsm-lb-img{ width: 100%; height: 120px; margin-top: 20px; }
.xshz-wlsm-lb-img img{ display: block; max-width: 100%; max-width: 100%; }
.xshz-wlsm-lb-nr{ padding-bottom: 20px; }

.xshz-wlsm-wxts{ width: 100%; padding: 60px 0; overflow: hidden; }
.xshz-wlsm-wxts-title{ font-size: 22px; color: #de0010; font-weight: bold; }
.xshz-wxts-nr{ width: 100%; }
.xshz-wxts-nr-lb{ border-bottom: #f3f3f3 1px solid; padding: 40px 0; }
.xshz-wxts-nr-lb-title{ font-size: 20px; color: #333333; }
.xshz-wxts-nr-lb-conn{ padding-top: 10px; }
.xshz-wxts-nr-lb-conn p{ font-size: 16px; color: #333333; line-height: 40px; }
.yfcx-ppys-lc-title{ text-align: center; font-size: 30px; color: #333333; font-weight: bold; }
.yfcx-ppys-lc-title span{ display: block; width: 50px; height: 3px; background: #e60012; margin: 10px auto; }
.yfcx-ppys-lc-conn{ padding-top: 20px; }
.yfcx-ppys-lc-conn p{ padding-bottom: 20px; font-size: 16px; color: #333333; line-height: 40px; text-align: center; }

/*特约经商*/
.xshz-tyjs-text{ background: #f3f3f3; padding: 40px; font-size: 36px; font-weight: bold; color: #000; margin-top: 200px; }
.xshz-tyjs-map{ width: 100%; }
.xshz-tyjs-map img{ width: 100%; height: auto; }

/*品牌优势*/
.yfcx-ppys-lc{ width: 100%; }
.yfcx-ppys-nr{ padding: 40px 0; }
.yfcx-ppys-yslb{ width: 100%; border: #f3f3f3 1px solid; border-radius: 20px; height: 190px; display: table; padding: 0 40px; margin: 15px 0;}
.yfcx-ppys-yslb-nr{ display: table-cell; vertical-align: middle; }
.yfcx-ppys-yslb-nr-img{ float: left; width: 20%;}
.yfcx-ppys-yslb-nr-img img{ width: 75px; height: 75px; display: block; max-width: 100%; max-height: auto; }
.yfcx-ppys-yslb-nr-text{ float: left; width: 80%; }
.yfcx-ppys-yslb-nr-text-bt{ font-size: 20px; color: #000; font-weight: bold; }
.yfcx-ppys-yslb-nr-text-wenzi{ font-size: 16px; color: #333; line-height: 28px; padding-top: 10px; }

/*品质管控*/
.yfcx-pzgk-lb-left{ width: 100%; padding-top: 40px; }
.yfcx-pzgk-lb-left-title{ width: 100%; }
.yfcx-pzgk-bigwz{ float: left; font-size: 40px; font-weight: bold; color: #de0010; }
.yfcx-pzgk-bigwz span{ display: block; width: 40px; height: 3px; background: #de0010; margin-top: 5px; }
.yfcx-pzgk-sallms{ font-size: 20px; color: #333333; padding: 20px 0 0 10px; float: left; }
.yfcx-pzgk-lb-left-fbt{ font-size: 16px; color: #040000; line-height: 30px; padding-top: 30px;}
.yfcx-pzgk-lb-left-img{ width: 100%; height: 430px; }
.yfcx-pzgk-lb-left-img img{ width: 100%; height: 100%; display: block; object-fit: cover; }
.yfcx-pzgk-lb-left-img-con{ padding-left: 0; }
.yfcx-pzgk-lb-left-img-con1{ padding-right: 0; }
.yfcx-pzgk-lb-left-wenzi{ padding-left: 40px; }
.yfcx-pzgk-zongsm{ background: #f7f7f7; margin-top: 60px; padding: 50px 0; }
.yfcx-pzgk-zongsm-nr{ width: 100%; }
.yfcx-pzgk-zongsm-nr p{ font-size: 16px; line-height: 30px;  padding: 10px 0; text-indent: 2em;}

/*新闻动态*/
.news-lb{ padding:15px 0; margin: 40px 0;  background: #f8f8f8;}
.news-lb:first-child{ margin-top: 10px; }
.news-lb-img{ width: 100%; height: 210px; overflow: hidden; }
.news-lb-img img{ width: 100%; height: 100%; display: block; object-fit: cover; }
.news-nr{ width: 100%; padding-top: 20px;}
.news-nr-conn{ overflow: hidden; }
.news-nr-conn-title{ font-size: 20px; font-weight: bold; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.news-nr-conn-time{ font-size: 14px; color: #999999; padding-top: 30px;}
.news-nr-conn-text{ font-size: 14px; color: #666666; line-height: 30px; padding-top: 20px;overflow: hidden;
text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;/*想显示多少行就给多大值*/-webkit-box-orient: vertical; height: 80px;}
.news-lb:hover{ background: #de0010; cursor: pointer; }
.news-lb{ -webkit-transition: all 0.8s ease; transition: all 0.8s ease;}
.news-lb img{ -moz-transition: all .8s ease 0s;-ms-transition: all .8s ease 0s; -o-transition: all .8s ease 0s; -webkit-transition: all .8s ease 0s; transition: all .8s ease 0s;}
.news-lb:hover img { -moz-transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); transform: scale(1.1,1.1);}
.news-lb:hover .news-nr-conn-title , .news-lb:hover .news-nr-conn-time , .news-lb:hover .news-nr-conn-text{ color: #fff; }

/* 新闻中心-详情*/
.news-xq{ overflow: hidden; padding-bottom: 20px;}
.procon-top{ border-bottom: #f3f3f3 1px solid; padding: 40px 0 20px;}
.procon-top h4{ font-size: 30px; font-weight: 600; text-align: center; color: #000;}
.procon-top p{ font-size: 14px; color: #b2b2b2; text-align: center; padding-top: 10px;}
.procon-jtnr{ padding: 40px 0; line-height: 25px;}
.procon-jtnr img{ max-width: 100%;}
.page-back{ float: left;}
.page-back a{ line-height: 40px;}
.page-back a:hover{ opacity: 0.8;}
.page-next{ float: right;}
.page-next a{ line-height: 40px;}
.page-next a:hover{ opacity: 0.8;}

/*小于1400大于1200*/
@media (max-width:1400px) and (min-width:1200px){
	.xshz-tyjs-text{ margin-top: 150px; }	
}

/*小于1200大于1000*/
@media (max-width:1200px) and (min-width:1000px){
	.yfcx-ppys-yslb-nr-img img{ width: 60px; height: 60px; }
	.xshz-tyjs-text{ margin-top: 80px; font-size: 30px; }
	.yfcx-pzgk-lb-left-img{ height: 280px; }
	.yfcx-pzgk-lb-left-title{ padding-top: 0px; }
}

/*小于1000大于768*/
@media (max-width:1000px) and (min-width:768px){
	.yfcx-ppys-yslb-nr-img img{ width: 60px; height: 60px; }
	.xshz-tyjs-text{ margin-top: 0px; font-size: 30px;  padding: 20px; }
	.yfcx-pzgk-lb-left{ padding-top: 0; }
	.yfcx-pzgk-lb-left-img{ height: 280px; }
	.yfcx-pzgk-lb-left-title{ padding-top: 20px; }	
}

/*手机样式*/
@media (max-width:768px){
	.xshz-con ul{ display: flex; justify-content: space-between; flex-wrap: wrap; width: 100%;}
	.xshz-con ul li{ width: 48%; height: 80px; margin-bottom: 4%; margin-right: 0; }
	.xshz-con-img{ height: 80px; }
	.xshz-wlsm-lb-nr{ padding-bottom: 40px; }
	.xshz-yjdfsm-top{ font-size: 14px; line-height: 30px; }
	.xshz-yjdfsm-btm{ padding: 20px 0; }
	.xshz-yjdfsm-btm p{ font-size: 14px; line-height: 30px; }
	.xshz-wlsm{ padding: 20px 0; }
	.xshz-wlsm-wxts{ padding: 20px 0; }
	.xshz-wxts-nr-lb{ padding: 20px 0; }
	.xshz-wxts-nr-lb-conn p{ font-size: 14px; line-height: 30px; }
	.yfcx-ppys-yslb-nr-img img{ width: 50px; height: 50px; }
	.yfcx-ppys-lc-conn p{ font-size: 14px; line-height: 30px; }
	.yfcx-ppys-nr{ padding: 0 0 20px; }
	.yfcx-ppys-yslb{ padding: 20px; height: auto; margin: 10px 0; }
	.yfcx-ppys-yslb-nr-text-wenzi{ font-size: 14px; line-height: 28px; }
	.xshz-tyjs-text{ margin-top: 0px; font-size: 28px; padding: 20px; }

	.yfcx-pzgk-lb-left{ padding-top: 0; }
	.yfcx-pzgk-lb-left-img{ margin-top: 15px; height: 120px; margin-bottom: 15px; }
	.yfcx-pzgk-lb-left-img-con{ padding-left: 15px; }
	.yfcx-pzgk-lb-left-img-con1{ padding-right: 15px; }
	.yfcx-pzgk-lb-left-wenzi{ padding-left: 15px; padding-top: 15px; }
	.yfcx-pzgk-lb{ background: #f7f7f7;  padding: 20px 0 5px; margin: 10px 0;}
	.yfcx-pzgk-lb1{ background: #f7f7f7;  padding: 5px 0 20px; margin: 10px 0;}
	.yfcx-pzgk-lb-left-fbt{ font-size: 14px; line-height: 28px; padding-top: 20px; }
	.yfcx-pzgk-zongsm{ margin-top: 30px; padding: 15px 0; }
	.yfcx-pzgk-zongsm-nr p{ font-size: 14px; line-height: 28px; }

	.news-lb-img{ height: 120px; }
	.news-lb{ margin: 15px 0; }
	.news-lb .col-sm-9{ padding-left: 0; }
	.news-nr{ padding-top: 0; }
	.news-nr-conn-text{ padding-top: 5px; height: 60px; line-height: 28px; }
	.news-nr-conn-time{ padding-top: 10px; }
	.procon-jtnr{ padding: 20px 0; }

}

/*苹果5样式*/
@media (max-width:320px) and (min-width:320px){
	.pager-right a{ width: 80px; }
	.yfcx-ppys-yslb-nr-img img{ width: 40px; height: 40px; }
}


/*品牌故事*/
.ppgs-time{ width: 100%; }
.ppgs-time-bt h4{ font-size: 30px; font-weight: bold; color: #a4a4a4; }
.ppgs-time-bt p{ font-size: 36px; font-weight: bold; color: #3e3e3e; }
.ppgs-time-jt{ padding-top: 40px; overflow: hidden; }
.ppgs-time-jt ul li{ border-right: #e4e4e4 1px solid; padding: 0 5%; float: left;}
.ppgs-time-jt ul li:first-child{ padding-left: 0; }
.ppgs-time-jt ul li:last-child{ border-right: none; padding-right: 0; }
.ppgs-time-jt-year{ font-size: 50px; color: #de0010; font-weight: bold; }
.ppgs-time-jt-text{ font-size: 18px; color: #333333; }
.ppgs-time-img{ width: 100%;  }
.ppgs-time-img img{ width: 100%; height: 100%; display: block; }

.ppgs-ppjs-nr{ width: 100%; padding: 60px 0; overflow: hidden; }
.ppgs-ppjs-nr p{ font-size: 16px; line-height: 36px; text-indent: 2em; padding: 10px 0; color: #333333;}
.ppgs-ppjs-nr-img{ width: 100%; margin-top: 40px; }
.ppgs-ppjs-nr-img img{ display: block; width: 100%;}

/*南沪发展历程*/
.fzlc-title{ font-size: 30px; color: #333333; }
.fzlc-conn{ padding: 60px 0; overflow: hidden;}
.fzlc-conn-lb{ width: 100%;}
.fzlc-conn-lb-left{ float: left; width: 15%;  padding: 10px 0 0; }
.fzlc-conn-lb-left-text{ font-size: 20px; color: #333333; text-align: right; padding-right: 40px; }
.fzlc-conn-lb-left-yuandian{ position: absolute; left: -10px; width: 20px; height: 20px; top: 22px; }
.fzlc-conn-lb-left-yuandian img{ width: 100%; height: 100%; display: block; }
.fzlc-conn-lb-right{ width: 85%; float: left; border-left: #e6e6e6 1px solid; position: relative;}
.fzlc-conn-lb-right-lb{ padding: 20px 40px; overflow: hidden; }
.fzlc-conn-lb-right-lb-bt{ font-size: 16px; color: #333333; line-height: 30px;}
.fzlc-conn-lb-right-lb-img{ width: 220px; height: 160px; margin-top: 20px; }
.fzlc-conn-lb-right-lb-img img{ width: 100%; height: 100%; display: block; object-fit: cover; }

/*南沪文化*/
.nhwx-top{ width: 100%; }
.nhwx-top-nhyj-title{ font-size: 26px; color: #de0010; font-weight: bold; }
.nhwx-top-nhyj-title span{ display: block; width: 50px; height: 3px; background: #de0010; margin-top: 10px;}
.nhwx-top-nhyj-nr{ padding-top: 40px; }
.nhwx-top-nhyj-nr h4{ font-size: 20px; color: #333333; font-weight: normal; }
.nhwx-top-nhyj-nr p{ font-size: 16px; color: #707070; line-height: 30px; padding-top: 5px; }
.nhwx-top-wxlb{ width: 100%; background: #f3f3f3; padding: 40px 20px; overflow: hidden; height: 260px; }
.nhwx-top-wxlb-title{ font-size: 20px; color: #de0010; text-align: center; }
.nhwx-top-wxlb-title span{ width: 40px; height: 2px; background: #de0010; margin: 10px auto 0; display: block; }
.nhwx-top-wxlb-nr{ font-size: 15px; color: #333333; line-height: 36px; padding-top: 40px; }
.nhwh-nhmb{ background: #de0010; }
.nhwh-nhmb .nhwx-top-wxlb-title{ color: #fff; }
.nhwh-nhmb .nhwx-top-wxlb-title span{ background: #fff; }
.nhwh-nhmb .nhwx-top-wxlb-nr{ color: #fff; }

.nhwx-tdln-nr{ padding: 60px 0; }
.nhwx-tdln{ width: 100%; }
.nhwx-tdln img{ width: 100%; height: 100%; display: block; }
.nhwx-tdln-title{ width: 20%; float: left; }
.nhwx-tdln-tjnr{ font-size: 15px; color: #333333; line-height: 36px; width: 80%; float: left; }
.nhwx-tdln-tjnr span{ display: block; width: 25%; float: left; text-align: center; }
.nhwx-tdln-wenzi{ padding-top: 20px; }

/*人力资源*/
.join-title{ background: #f4f4f4; height: 50px; line-height: 50px;}
.join-title span{ display: block; float: left; width: 33%; color: #949293; font-size: 14px; padding-left: 20px;}
.join-con{ padding-bottom: 40px; overflow: hidden;}
.selectbox{ clear:both; margin:auto; }
.selemediv{ width: 100%; }
.selemenu{ height:60px; background:#fff; color:#333; border-bottom: #f3f3f3 1px solid;font-size:16px; line-height:60px;display: flex; align-items: center;}
.sqinput{ line-height: 23px;}
.selemenu span{ width: 33%; display: block; float: left; padding-left: 20px;}
.citylist span{ display:block; clear:both; cursor:pointer;}
.citylist{ display:none; line-height:35px; background:#fff; text-indent:10px; font-size:12px; position:absolute; left:0; top:35px; width:180px; box-shadow:0px 5px 5px #ccc;}
.citylist2{ font-size:14px; color:#666; background:#fafbfc;border-bottom:1px solid #f6f6f6; display:none; width: 100%; padding: 10px 3% 2%;}
.xzk{ padding-top: 30px;}
.gwmc{ color: #de0010; font-size: 16px;}
.gwmcnr{ padding-top: 10px; font-size: 16px; line-height: 36px; color: #333;}
.gwmcnr p{ line-height: 36px; font-size: 16px; color: #333;}
.csinput{ text-align: right;}


/*小于1440大于1400*/
@media (max-width:1440px) and (min-width:1400px){
	.nhwx-tdln-title{ width: 30%; }
	.nhwx-tdln-tjnr{ width: 70%; }
	
}

/*小于1400大于1200*/
@media (max-width:1400px) and (min-width:1200px){
	.nhwx-top-wxlb{ height: 340px; }
	.nhwx-tdln-title{ width: 30%; }
	.nhwx-tdln-tjnr{ width: 70%; }
}

/*小于1200大于1000*/
@media (max-width:1200px) and (min-width:1000px){
	.ppgs-time-bt p{ font-size: 28px; }
	.ppgs-time-jt{ padding-top: 20px; }
	.ppgs-time-jt-text{ font-size: 16px; }
	.nhwx-top-wxlb{ height: 360px; }
	.nhwx-tdln-title{ width: 30%; }
	.nhwx-tdln-tjnr{ width: 70%; }
}

/*小于1000大于768*/
@media (max-width:1000px) and (min-width:768px){
	.ppgs-time-jt{ padding-top: 20px; }
	.ppgs-time-img{ margin-top: 20px; }
	.ppgs-time-jt-year{ font-size: 30px; }
	.ppgs-time-jt-text{ font-size: 14px; }
	.ppgs-ppjs-nr{ padding: 40px 0; }
	.ppgs-ppjs-nr p{ font-size: 14px; line-height: 30px; }
	.ppgs-ppjs-nr-img{ margin-top: 20px; }
	.nhwx-top-wxlb{ height: 360px; margin-top: 20px; }
	.nhwx-top-wxlb-nr{ text-align: center; }
	.nhwx-tdln-wenzi{ padding-top: 0; }

	.nhwx-tdln{ width: 100%; height: 110px; margin: 10px 0; }
	.nhwx-tdln img{ width: 100%; height: 100%; object-fit: cover; }
	.nhwx-tdln-wenzi{ padding-top: 20px; }
}

/*小于990大于800*/
@media (max-width:990px) and (min-width:768px){

	.nhwx-top-wxlb{ height: auto; margin-top: 20px; }
	.nhwx-tdln{ width: 100%; height: 110px; margin: 10px 0; }
	.nhwx-tdln img{ width: 100%; height: 100%; object-fit: cover; }
	.nhwx-tdln-wenzi{ padding-top: 20px; }
	
}

/*手机样式*/
@media (max-width:768px){
	.ppgs-time-bt p{ font-size: 28px; }
	.ppgs-time-jt-year{ font-size: 30px; }
	.ppgs-time-jt-text{ font-size: 14px; }
	.ppgs-time-jt{ padding-top: 20px; }
	.ppgs-time-jt ul{ display: flex; }
	.ppgs-time-jt ul li{ flex: 1; }
	.ppgs-time-img{ margin-top: 20px; }
	.ppgs-ppjs-nr{ padding: 20px 0; }
	.ppgs-ppjs-nr p{ font-size: 14px; line-height: 30px; }
	.ppgs-ppjs-nr-img{ margin-top: 20px; }
	.fzlc-conn-lb-left{ width: 30%; }
	.fzlc-conn-lb-right{ width: 70%; }
	.fzlc-conn-lb-right-lb{ padding: 20px 0 20px 20px; }
	.fzlc-conn-lb-right-lb-img{ width: 100%; }
	.fzlc-conn-lb-right-lb-bt{ font-size: 14px; line-height: 28px; }
	.nhwx-top-wxlb{ height: auto; margin-top: 20px; }
	.nhwx-top-wxlb-nr{ text-align: center; font-size: 14px; line-height: 30px;}
	.nhwx-top-nhyj-nr{ padding: 20px 0; }

	.nhwx-tdln{ width: 100%; height: 110px; margin: 10px 0; }
	.nhwx-tdln img{ width: 100%; height: 100%; object-fit: cover; }
	.nhwx-tdln-wenzi{ padding-top: 20px; }
	.nhwx-tdln-nr{ padding: 20px 0; }
	.nhwx-top-wxlb{ padding: 20px 15px; }
	.nhwx-top-wxlb-nr{ padding-top: 20px; }

	.nhwx-tdln-title{ width: 100%; float: none;}
	.nhwx-tdln-tjnr{ width: 100%; float: none; padding-top: 20px; }
	.nhwx-tdln-tjnr span{ text-align: left; }

	.gwmcnr{ font-size: 14px; line-height: 30px; }
	.gwmcnr p{ font-size: 14px; line-height: 30px; }
	
	.selemenu{ display: flex; align-items: center;}
}

/*苹果5样式*/
@media (max-width:320px) and (min-width:320px){
	
}




/*精品汤圆详情页样式*/

.cpflex{ width: 104%; overflow: hidden; padding-bottom: 40px;}
.cpflex li{ float: left; width: 49%; padding: 0 2% 2% 0;}
.cpflex-lb-con{ border: #eee 1px solid; overflow: hidden;}
.cpflex-text-bt{ font-size: 18px; color: #333;}
.cpflex-text-xr{ font-size: 14px; color: #333;}
.bold{ font-weight: bold;}
.cp-title-bt{ font-size: 30px; font-weight: bold; color: #000; text-align: center;}
.pt5{ padding-top: 5px;}
.cpimg{ text-align: center;}
.cpimg img{ display: block; margin: 0 auto; max-width: 100%;}

.cpflex-text{ background: #f0f0f0; padding: 10px; width: 100%; text-align: center;}
.cpflex-lb-img{ text-align: center; margin: 0 auto;}
.cpflex-lb-img img{ max-width:90%; margin: 0 auto;}
@media (max-width:768px){
	.cpflex-text-bt{ font-size: 16px;}
	.cpflex-text-xr{ font-size: 14px;}
	.procon-top{ padding: 20px 0 20px;}
	.nhcp-con-nr{ padding: 20px 0;}
	.cpflex{ display: flex; justify-content: space-between; flex-wrap: wrap; width: 100%;}
	.cpflex li{ width: 48%; padding: 20px 0;}
}