@charset "utf-8";
/* by Sean Lu 20211230 */
/* 移动端全局控制reset */
body,div,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,iframe,input,textarea,select,label,article,aside,footer,header,menu,nav,section,time,audio,video { margin:0; padding:0; }
article,aside,footer,header,hgroup,nav,section,audio,canvas,video { display: block; }
body { font-size: 100%; font-family: "PingFang SC","Hiragino Sans GB",STHeiti,"Microsoft YaHei","WenQuanYi Micro Hei",sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-tap-highlight-color:rgba(0,0,0,0); background: #f3f3f5; }
* { margin: 0; padding: 0; box-sizing: border-box; -webkit-tap-highlight-color: transparent }
textarea { resize: none; }
iframe,img { border:0; }
img{ max-width:100%;}
ul,ol { list-style:none; }
input, select, textarea { outline: 0; -webkit-user-modify: read-write-plaintext-only; }
/* input { -webkit-appearance: none; } */
a { text-decoration: none; color: #666; }
a:hover { text-decoration: underline; color: #ca1d1e; }

/* 清理浮动 */
.clearfix { clear: both; zoom: 1; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* 全局浮动 */
.fl { float: left; }
.fr { float: right; }

/* 圆细滚动条样式 20180601 */
::-webkit-scrollbar{width:5px;height:5px;}
::-webkit-scrollbar-button:vertical{display:none;}
::-webkit-scrollbar-track:vertical{background-color:black}
::-webkit-scrollbar-track-piece{background:#FFF}
::-webkit-scrollbar-thumb:vertical{background-color:#c2c2c2;}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#A0A0A0}
::-webkit-scrollbar-corner:vertical{background-color:#535353}
::-webkit-scrollbar-resizer:vertical{background-color:#FF6E00}

/* 拖选文字样式 20160628 */
::selection { background: #ca1d1e; color: #fff; }
::-moz-selection { background: #ca1d1e; color: #fff; }

.wrapper{ width:1400px; margin:0 auto; box-sizing:border-box;}

.topbar{ background:#fff; position:fixed; top:0; right:0; left:0; z-index:999;}
.topbar .logo{ float:left; width:25%;}
.topbar .menu{ float:right; width:57%; line-height:56px;}
.topbar .menu .nLi{ float:left; width:calc(100% / 7);}
.topbar .menu .nLi a{ font-weight:bold;}

.language{
	border-bottom: 1px solid #e0e0e0;
    padding: 10px 0;
}
.language .wrapper{
	display: flex;
    justify-content: flex-end;
}
.language a{
	padding: 0px 8px;
    color: #000;
    font-size: 14px;
	text-decoration:none;
}
.language a:hover{ color:#C60000;}
.top_nav{ padding:10px 0;}

/*banner*/
.bannerslide { position: relative; }
.bannerslide .swiper-slide { background-position: center; background-size: cover; position: relative; height: 900px; }
.bannerslide .swiper-slide .textbox { width: 550px; margin-top: 295px; margin-left: 13%; color: #111; -webkit-transform: translateY(20px); transform: translateY(20px); opacity: 0; -webkit-transition: all 0.4s 0.2s; transition: all 0.4s 0.2s; }
.bannerslide .swiper-slide.swiper-slide-active .textbox { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
.bannerslide .swiper-slide .textbox .pad { padding: 0px 0px; padding-bottom: 30px; }
.bannerslide .swiper-slide .textbox .sub { text-align: left; font-size: 14px; margin-bottom: 5px; text-transform: uppercase; color: #fff; letter-spacing: 0px; margin-top: 30px; line-height: 160%; }
.bannerslide .swiper-slide .textbox .tit { text-align: left; font-size: 50px; margin-bottom: 0px; color: #fff; font-weight: bold; font-family:Arial, Helvetica, sans-serif; }
.bannerslide .swiper-slide .textbox .advline { width: 40px; height: 2px; margin: 20px 0; background: #fff; }
.bannerslide .swiper-slide .textbox .txt { text-align: center; margin-top: 20px; font-size: 15px; font-weight: 400; color: #fff; line-height: 20px; }
.bannerslide .swiper-slide .textbox .btn { display: block; border: #fff 1px solid; font-size: 15px; text-align: center; width: 130px; height: 35px; line-height: 35px; font-weight: bold; color: #fff; margin-top: 40px; border-radius: 30px; }
.bannerslide .swiper-slide .textbox .btn a { font-size: 14px; line-height: 40px; background: #0a2955; color: #fff; padding: 5px 30px; font-weight: bold; display: inline-block; text-align: center; text-decoration: none; -webkit-transition: all 0.2s; transition: all 0.2s; border-radius: 40px; }
.bannerslide .swiper-slide .textbox .btn a:hover { background: #fff; color: #333; }
.bannerslide .paginationw { position: absolute; left: 0; text-align: center; bottom: 60px !important; width: 100%; z-index: 9; }
.bannerslide .swiper-pagination-bullet { background: #fff; }
.bannerslide .swiper-pagination-bullet-active { background: #f00; }
.bannerslide .swiper-button-next, .bannerslide .swiper-container-rtl .swiper-button-prev { background-image: url(../img/arrows.png); background-size: 80px 60px; background-position: -40px 0; width: 40px; height: 60px; margin-top: -30px; }
.bannerslide .swiper-button-prev, .bannerslide .swiper-container-rtl .swiper-button-next { background-image: url(../img/arrows.png); background-size: 80px 60px; background-position: 0 0; width: 40px; height: 60px; margin-top: -30px; }

.homebigtit{ text-align:center; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
.homebigtit .en{ color:#0061a6; text-transform:uppercase; font-size:30px;}
.homebigtit .cn{ color:#111; font-size:50px; letter-spacing:2px;}


.homebox1{ background:url(../img/homebox01bg.png) no-repeat top center; padding:90px 0 90px 0;}
.homebox1 .hmore{ text-align:center; margin-top:30px;}
.homebox1 .hmore a{
	color: #fff;
    background: linear-gradient(to right, #0062a7 , #0076ca);
    display: inline-block;
	border-radius: 23px;
    padding: 12px 60px;
}

.hprobox{ margin-top:60px;}
.hprobox .item{ float:left; width:calc(100% / 4 - 20px); margin-right:25px; background:#fff; box-shadow:#d6d6d6 3px 3px 7px 0px;}
.hprobox .item:last-child{ margin-right:0;}
.hprobox .item a:hover{ text-decoration:none;}
.hprobox .item .img{
	overflow:hidden;
}
.hprobox .item .img img{ display:block; width:100%; transition: all .3s;}
.hprobox .item .img img:hover {
    display: block;
    width: 100%;
    transform: scale(1.1);
}
.hprobox .item .info{ padding:30px 30px;}
.hprobox .item .name a{ display:block; color:#111; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:20px; margin-bottom:30px;}
.hprobox .item .name a:hover{ color:#BD0000;}
.hprobox .item .tab{ height:70px;}
.hprobox .item .tab span a{ background:#f5f5f5; color:#333; text-align:center; display:block; margin-bottom:10px; line-height:30px;}
.hprobox .item .tab span a:hover{ background:#f5932e; color:#fff;}
.hprobox .item .mm a{
	text-align: right;
    font-size: 14px;
    color: #40608f;
    margin-top: 20px;
    display: block;
}

.homebox2{ background:url(../img/homebox02bg.png) no-repeat top center; padding:90px 0 90px 0;}
.happlicationbox{ background:#fff; margin-top:60px;}
.happlicationbox .box-l{ float:left; width:calc(100% - 900px); padding:35px; box-sizing:border-box;}
.happlicationbox .box-l li{
	text-align: center;
    width: 200px;
    height: 50px;
    background: linear-gradient(90deg, #f1f1f1 0%, #f1f1f1 100%);
    border-radius: 50px;
    margin: 0px 10px 10px 0;
    float: left;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size:16px;
}
.happlicationbox .box-l li:first-child,.happlicationbox .box-l li:hover{ background: linear-gradient(90deg, #0061a6 0%, #0077cc 100%);}
.happlicationbox .box-l li:first-child a,.happlicationbox .box-l li:hover a{ color: rgba(255, 255, 255, 1);}
.happlicationbox .box-l li a{ color: rgba(153, 153, 153, 1); text-decoration:none;}
.happlicationbox .box-r{ position:relative; font-size:14px; float:right; color:#fff; background:url(../img/hb02img01.png) no-repeat top center; width:900px; height:550px;}
.happlicationbox .box-r .box-r-text{ position:absolute; bottom:20px; left:50px;}
.happlicationbox .box-r .box-r-text h2{
	font-weight: bold;
    font-size: 30px;
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 25px;
}
.happlicationbox .box-r .box-r-text h2:after{
	content: "";
    width: 200px;
    height: 2px;
    background: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
}

.homebox3{ background:url(../img/homebox03bg.png) no-repeat top center; padding:90px 0;}
.homebox3 .homebigtit{ text-align:left; margin-bottom:40px;}
.homebox3 .homebigtit .en{ font-size:20px;}
.homebox3 .homebigtit .cn{ font-size:30px;}
.homebox3 .haboutbox{ float:left; width:680px;}
.homebox3 .haboutbox .box-text a{ color:rgba(0, 97, 166, 1);}
.homebox3 .haboutbox .box-text ul{ margin-top:30px;}
.homebox3 .haboutbox .box-text ul li{ float:left; margin-right:10px;}
.homebox3 .haboutbox .box-text ul li:last-child{ margin-right:0;}
.homebox3 .hnewsbox{ float:right; width:680px; position:relative;}
.homebox3 .hnewsbox .mm{
	font-size: 14px;
    border: 1px solid rgba(56, 56, 56, 1);
    border-radius: 20px;
    width: 160px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    right: 0;
}
.homebox3 .hnewsbox li{ font-size:18px; border-bottom: 1px solid #dedede; padding:15px 0;}
.homebox3 .hnewsbox li:first-child{ padding-top:0;}
.homebox3 .hnewsbox li a{ color: rgba(56, 56, 56, 1);}


.footer{ background:#f1f1f1; padding:30px 0;}
.footer .ss{
	font-size: 14px;
    color: rgba(153, 153, 153, 1);
    border-bottom: 1px solid rgba(222, 222, 222, 1);
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.footer .ss a{
	padding: 0 20px;
    color: rgba(153, 153, 153, 1);
    display: inline-block;
    padding-top: 16px;
}
.footer .dd{ font-size:12px; color: rgba(153, 153, 153, 1);}

.inbanner{ height:400px; background-position:center; background-repeat:no-repeat;}

.page-box{ background:#fff; padding-bottom:50px;}
.page-box .crumbs{ padding:20px 0; color:#206ccc; font-size:16px;}
.page-box .crumbs a{ color:#333; text-decoration:none;}
.page-box .page-title{
	color: #206ccc;
    font-size: 40px;
    text-align: center;
    margin-bottom: 40px;
    font-family: Arial, Helvetica, sans-serif;
    position: relative;
    letter-spacing: 1px;
    font-weight: 400;
}
.page-box .page-title:after{
	content: "";
    height: 3px;
    width: 50px;
    background: #206ccc;
    position: absolute;
    bottom: -15px;
    left: calc( 50% - 25px);
}

.page-content{ color:#333; font-size:18px; line-height:2;}
.page-content p{}

.flex {
    display: flex;
    flex-wrap: wrap;
}
.con-l {
    width: 50%;
    padding-right: 3%;
	display: flex;
    justify-content: center;
}
.con-r {
    width: 50%;
	text-align:center;
}

.aboutbox{}
.aboutbox .left{ float:left; width:55%;}
.aboutbox .right{ float:right; width:45%; text-align:right;}

/*证书*/
.honorlist { margin-top: 3% }
.honorlist>li { width: 25%; border: 1px solid #efefef; padding: 2%; text-align: center }
.honorlist>li:not(:nth-child(4n)) { border-right:none;}
.honorlist>li:nth-child(n+5) { border-top: none }
.honorlist>li img { max-width: 236px; max-height: 342px }
.honorlist>li p { margin-top: 10px }

/*色系*/
.color-box{ margin-top: 3%}
.color-box>li { width: 20%; border: 1px solid #efefef; padding: 2%; text-align: center }
.color-box>li:not(:nth-child(5n)) { border-right:none}
.color-box>li:nth-child(n+6) { border-top: none }
.color-box>li img { max-width: 150px; max-height: 115px }
.color-box>li p { margin-top: 10px ; text-align:left; font-size:16px;}

/*应用*/
.mark-l{
	float: left;
    width: 330px;
    color: #2a2a2a;
}
.mark-l-tit {
    background: #206ccc;
    color: #FFF;
    padding: 4px 20px;
    font-size: 30px;
    text-transform: capitalize;
    font-family: Lato;
    font-weight: 300;
}
.mark-l-menu {
    margin-bottom: 30px;
}
.mark-l-menu>li {
    position: relative;
    border-bottom: 1px solid #e5e5e5;
    padding-right: 20px;
}
.mark-l-menu a {
    display: block;
    padding: 10px 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	font-size: 16px;
	font-weight:bold;
	color:#2a2a2a;
}
.mark-l-menu a:hover{ text-decoration:none; color:#206ccc;}

.mark-r {
    width: calc(100% - 400px);
    float: right;
}
.mark-tit {
    font-size: 30px;
    font-family: Lato;
    font-weight: 300;
    color: #1a1a1a;
    border-left: 4px solid #206ccc;
    padding: 4px 0 4px 10px;
    margin-bottom: 30px;
    text-transform: capitalize;
}
.marklist {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 40px;
}
.marklist li {
    width: 31.8%;
    margin: 0 2% 30px 0;
    text-align: center;
    transition: all .2s ease-in-out;
}
.marklist li:nth-child(3n){ margin-right:0;}
.marklist li .img {
    overflow: hidden;
    border: 1px solid #e5e5e5;
}
.marklist li .img img {
    display: block;
    width: 100%;
    max-height: 400px;
	transition: all .3s ease-in-out;
}
.marklist li:hover .img img {
    transform: scale(1.1);
	transition: all .3s ease-in-out;
}
.marklist .name a {
    font-size: 18px;
    color: #2a2a2a;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-top: 10px;
    padding: 0 6px;
    max-height: 39px;
	font-weight:bold;
	text-decoration:none;
}
.marklist li:hover .name a {
    color: #206ccc;
}

/*页数*/
.pages-turn { color: #2a2a2a; text-align: center; margin: 20px 0 30px }
.pages-turn a, .pages-turn span {
	display: inline-block;
    min-width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    margin: 0 4px 10px;
    padding: 0 5px;
    border: 1px solid #e5e5e5;
	text-decoration:none;
 }
.pages-turn a { color: #2a2a2a }
.pages-turn span { color: #7c7c7c }
.pages-turn .ctxt, .pages-turn a:hover { background: #206ccc; color: #FFF }

/*产品*/
.probox{}
.probox .item{ float:left; width:calc(100% / 3 - 20px); margin-right:25px; margin-bottom:25px; background:#fff; box-shadow:#d6d6d6 3px 3px 7px 0px;}
.probox .item:nth-child(3n){ margin-right:0;}
.probox .item a:hover{ text-decoration:none;}
.probox .item .img{
	overflow:hidden;
}
.probox .item .img img{ display:block; width:100%; transition: all .3s;}
.probox .item .img img:hover {
    display: block;
    width: 100%;
    transform: scale(1.1);
}
.probox .item .info{ padding:30px 30px;}
.probox .item .name a{ display:block; color:#111; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:20px;}
.probox .item .name a:hover{ color:#BD0000;}
.probox .item .mm a{
	text-align: right;
    font-size: 14px;
    color: #40608f;
    display: block;
}

/*产品资料*/
.pro-data{}
.pro-data .item{
	float: left;
    width: 23%;
    box-sizing: border-box;
    padding: 20px;
    background: #fbfbfb;
    box-shadow: 2px 2px 2px 0 #ddd;
    margin: 1%;
}
.pro-data .item .img{ text-align:center;}
.pro-data .item .text{ text-align:center; font-size:16px;}
.pro-data .item .name{}
.pro-data .item .down a{ color:#D50000;}


/*登记表*/
.popup_layer{
	position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: rgba(0,0,0,.8);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .2s;
    transition: all .2s;
    z-index: 9999;
    color: #fff;
}
.popup_layer.show{
	opacity: 1;
    visibility: visible;
}
.popup_layer .popuo_box{
	position: absolute;
    top: 50%;
    left: 50%;
    width: 420px;
    height: 540px;
    margin-top: -255px;
    margin-left: -210px;
    border-radius: 10px;
    background: #000;
    overflow: hidden;
    -webkit-transform: scale(.8);
    transform: scale(.8);
    -webkit-transition: all .2s;
    transition: all .2s;
}
.popup_layer.show .popuo_box{
	-webkit-transform: scale(1);
    transform: scale(1);
}
.popup_layer .popuo_box .close{
	opacity: 1;
    position: absolute;
    right: 10px;
    top: 10px;
	transition:all 1s;
	z-index:999;
}
.popup_layer .popuo_box .close:hover img{ transform: rotateZ(90deg); transition:all 1s;}
.popup_layer .popuo_box .ptit{
    color: #fff;
    text-align: center;
    position: relative;
}
.popup_layer .popuo_box .ptit .name{
	font-size: 22px;
    padding: 0 20px;
    line-height: 60px;
    text-align: center;
    padding-top: 20px;
}
.popup_layer .popuo_box .pcon{ padding: 0 25px;}
.popup_layer .popuo_box .pcon .pbiao{ margin: 15px 0;}
.popup_layer .popuo_box .pcon .pbiao .name{
	font-size: 16px;
    margin-bottom: 5px;
}
.popup_layer .popuo_box .pcon .pbiao .pbinput{
	height: 40px;
    line-height: 38px;
    border: 1px solid #888;
    box-sizing: border-box;
    font-size: 14px;
    padding: 0 20px;
    color: #fff;
    border-radius: 4px;
    width: 100%;
    background: #000;
}
.popup_layer .popuo_box .pcon .pbiao .pbbtn{
	height: 50px;
    line-height: 40px;
    border: 0;
    box-sizing: border-box;
    font-size: 16px;
    padding: 0 20px;
    color: #000;
    background: #fff;
    cursor: pointer;
    border-radius: 4px;
    width: 100%;
    margin-top: 10px;
}


/*新闻动态*/
.news-box { margin-top:4%;}
.news-box .item { background: #f9f9f9; -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.1); box-shadow: 2px 2px 5px rgba(0,0,0,0.1); width: 49%; float: left; margin-right: 2%; box-sizing: border-box; padding: 50px 60px; margin-bottom: 30px; -webkit-transition: all .3s; transition: all .3s; }
.news-box .item:hover { -webkit-transform: translateY(-15px); transform: translateY(-15px); }
.news-box .item .nam a:hover { color: #da1818; cursor: pointer; }
.news-box .item:nth-child(2n) { margin-right: 0; }
.news-box .item .tim { height: 2px; width: 30px; margin-bottom: 30px; margin-bottom: 20px; background: #ddd; }
.news-box .item .nam { font-size: 20px; color: #666; line-height: 26px; height: 45px; overflow: hidden; }
.news-box .item .nam a { text-decoration: none; font-weight: 600; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; word-break: break-all; -webkit-line-clamp: 2; color: #2a2a2a; }
.news-box .item .txt { font-size: 16px; color: #333; line-height: 24px; margin-bottom: 20px; font-weight: 300; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; word-break: break-all; -webkit-line-clamp: 3; }
.news-box .item .btn { line-height: 24px; height: 24px; width: 100%; padding-left: 0px; padding-right: 0px; }
.news-box .item .btn a.l01 { display: block; float: right; text-align: right; font-size:14px; }

.piclist{}
.piclist li{ float:left; width:46%; text-align:center; margin-right:10px; margin-bottom:10px;}
.piclist li:nth-child(2n){ margin-right:0;}
.piclist li img{ display:block; width:100%;}


.piclist2{}
.piclist2 li{ float:left; width:32%; text-align:center; margin-right:10px; margin-bottom:10px;}
.piclist2 li img{ display:block; width:100%;}

/*产品图显示*/
.small-box { width: 100%; height: 560px; border: 1px solid #e5e5e5; position: relative; background: #FFF; overflow: hidden }
.flex-jc-ai-c { display: flex; flex-wrap: wrap; justify-content: center; align-items: center }

.pdshow-l { width: 560px }
.preview-container { position: relative; width: 100% }
.preview-container .small-box img { max-width: 100%; max-height: 100%; display: block }
.preview-container .small-box .hover { position: absolute; width: 180px; height: 180px; background-color: hsla(0,0%,80%,.6); border: 1px solid #EEE; display: none; cursor: move }
.preview-container .thumbnail-box { margin-top: 30px; position: relative; width: 100% }
.preview-container .thumbnail-box .btn { position: absolute; top: 50%; width: 22px; height: 22px; margin-top: -11px; color: #7aca35 }
.preview-container .thumbnail-box .btn i { font-size: 26px; font-weight: 600 }
.preview-container .thumbnail-box .btn-prev { left: 0 }
.preview-container .thumbnail-box .btn-next { right: 0 }
.preview-container .thumbnail-box .btn_next_disabled, .preview-container .thumbnail-box .btn_prev_disabled { opacity: .5; cursor: not-allowed }
.preview-container .thumbnail-box .list { overflow: hidden; width: calc(100% - 72px); margin: 0 auto; position: relative }
.preview-container .thumbnail-box .list .swiper-pagination { display: none }
.preview-container .thumbnail-box .list ul .item { width: 110px; height: 110px; display: flex; justify-content: center; align-items: center; margin: 0 6px; border: 1px solid #e5e5e5; font-size: 0; cursor: pointer; overflow: hidden }
.preview-container .thumbnail-box .list ul .item img { width: 99% }
.preview-container .thumbnail-box .list ul .item-cur { border-color: #7aca35 }
.preview-container .thumbnail-box .list .banner-page { display: none; justify-content: center; align-items: center; position: absolute; width: 13.3333333333vw; border-radius: 5.3333333333vw; background: #d9222a; bottom: 1.3333333333vw; right: 1.3333333333vw; z-index: 999 }
.preview-container .thumbnail-box .list .banner-page span { color: #FFF; font-size: 4vw; margin: 0 2px }
.preview-container .big-box { display: none; overflow: hidden; top: 0; left: calc(100% - 1px); border: 1px solid #e5e5e5; position: absolute; width: 100%; height: 560px; background: #FFF; z-index: 20 }
.preview-container .big-box img { display: block; max-width: none; max-height: none; width: 150% }
.pdshow-r { width: calc(100% - 560px); padding: 10px 0 0 30px; color: #2a2a2a }
.pdshow-r h1 { font-size: 30px; font-family: Lato; font-weight: 300; line-height: 1.3; margin-bottom:20px; }
.pdshow-r-text { line-height: 1.6; padding: 3% 0 6%; font-size: 18px; border-bottom: 1px solid #e5e5e5; margin-bottom: 6% }
.pdshow-r-text b{ color:#d9222a;}
.pdshow-r-btn { margin-top: 6%; display: flex; justify-content: space-between }
.pdshow-r-btn>a, .pdshow-r-btn>div { width: 48%; height: 42px; border: 1px solid #7aca35; color: #7aca35; display: flex; justify-content: space-between; align-items: center; padding: 0 20px; margin-bottom: 10px; transition: all .2s ease-in-out; text-transform: uppercase }
.pdshow-r-btn>a:hover, .pdshow-r-btn>div:hover { background-color: #7aca35; color: #FFF }
.pdshow-r-btn>div a { display: flex; align-items: center; width: 100%; height: 100% }
.share-btn-list{ background:#d9222a; color:#fff; border-radius:30px; text-align:center; padding:8px 10px;}

/*产品说明*/
.protxt{ margin-top:40px;}
.protxt .tt{
	border-bottom: solid 1px #ddd;
    height: 40px;
    line-height: 40px;
	margin-bottom:20px;
}
.protxt .tt h4{
	border-bottom: solid 2px #d9222a;
    float: left;
    margin: 0;
    line-height: 38px;
    position: relative;
	font-size:24px;
}

/*上一页下一页*/
.pages-list { margin-top: 50px; display: flex; flex-wrap: wrap; justify-content: space-between }
.pages-list>div { width: 50%; color: #2b2b2b; display: flex; align-items: center; font-size: 18px; line-height: 1.2; transition: all .2s ease-in-out; border: 1px solid transparent; padding: 6px 10px; font-size: 18px; background: #fafafa; box-sizing:border-box;}
.pages-list>div a{ text-decoration:none;}
.pages-list>div:hover { color: #d9222a; border-color: #d9222a }
.pages-list>div i { display: inline-block; font-size: 26px; margin: 0 10px }
.pages-list>div:nth-child(2) { justify-content: flex-end; text-align: right }
.pages-list>div p { width: calc(100% - 46px) }


.mobile-inner{ display:none;}

@media (max-width: 1440px){
	
}
@media (max-width: 1024px){
	.wrapper{ width:100%; padding:0 20px;}
	.bannerslide .swiper-slide{ height:600px;}
	.bannerslide .swiper-slide .textbox{ margin-top:18%;}
	.bannerslide .swiper-slide .textbox .tit{ font-size:40px;}
	.homebox2{ background-color:#dedfe6; background-size:cover;}
	.happlicationbox .box-l,.happlicationbox .box-r{ width:100%;}
	.homebox3{ background-size:cover;}
	.homebox3 .haboutbox{ width:100%; margin-bottom:50px;}
	.homebox3 .hnewsbox{ width:100%;}
	.happlicationbox .box-r{ background-size:cover;}
	.homebigtit .cn{ font-size:40px;}
	.honorlist>li{ width:50%;}
	.honorlist>li:not(:nth-child(2n)) { border-right:none;}
	.honorlist>li:nth-child(n+3) { border-top: none }
	.honorlist>li:nth-child(n-1) {  border-right:none;}
	.honorlist>li:nth-child(2n) {  border-right:1px solid #efefef;}
	
	.color-box>li{ width:33.33%;}
	.color-box>li:not(:nth-child(5n)){ border-right:1px solid #efefef;}
	.color-box>li:not(:nth-child(3n)){ border-right: none;}
	.color-box>li:nth-child(n+6) { border-top: 1px solid #efefef}
	.color-box>li:nth-child(n+3) { border-top: none }
	
	.mark-l,.mark-r{ width:100%;}
	.mark-l-tit,.mark-tit{ display:none;}
	.mark-l-menu>li{ float:left; width:25%;}
	.marklist{ margin-top:30px;}
}

@media (max-width: 768px){
	.mobile-inner{ display:block;}
	.topbar .menu{ display:none;}
	.topbar .logo{ width:100%;}
	.pdshow-l, .pdshow-r { width: 100% }
	.hotprocate, .hotproduct-l .home-more, .preview-container .thumbnail-box .btn, .preview-container .thumbnail-box .list .swiper-pagination, .small-box { display: none }
	.preview-container .thumbnail-box .list { width: 100% }
	.preview-container .thumbnail-box .list ul .item-cur { border: none }
	.preview-container .thumbnail-box .list ul .item { width: 100%; height: auto; border: none }
	.preview-container .thumbnail-box .list .banner-page { display: flex }
	.pdshow-r { padding-left: 0 }
}

@media (max-width: 425px){
	.language{ display:none;}
	.bannerslide .swiper-slide{ height:400px;}
	.topbar .logo{ width:80%;}
	.topbar .logo img{ display:block; width:100%;}
	.bannerslide .swiper-slide .textbox{ width:100%; margin-left:5%;}
	.bannerslide .swiper-slide .textbox .tit{ font-size:24px;}
	.bannerslide .swiper-slide .textbox .sub{ display:none;}
	.bannerslide .swiper-slide .textbox{ margin-top:45%;}
	.homebigtit .en{ font-size:20px;}
	.homebigtit .cn{ font-size:28px;}
	.hprobox .item{ width: calc(100% / 2 - 7px); margin-bottom:13px; margin-right:13px;}
	.hprobox .item:nth-child(2n){ margin-right:0;}
	.happlicationbox .box-l li{ width:48%;}
	.happlicationbox .box-l li:nth-child(2n){ margin-right:0;}
	.homebox3 .haboutbox .box-text ul li{ margin-bottom:10px;}
	.homebox3 .haboutbox .box-text ul li img{ display:block; width:100%;}
	.footer .ss .fr{ display:none;}
	.inbanner{ height:250px;}
	.page-box .page-title{ font-size:28px;}
	.lsm-container{ display:none;}
	.probox .item{ width:48%; margin:0 2% 2% 0;}
	.probox .item:nth-child(2n){ margin-right:0;}
	.probox .item:nth-child(3n){ margin-right:2%;}
	.probox .item .info{ padding:20px 10px;}
	.probox .item .name a{ font-size:16px;}
	.color-box>li{ width:50%;}
	.color-box>li:not(:nth-child(3n)){ border-right:1px solid #efefef;}
	.color-box>li:nth-child(2n-1) {  border-right:none;}
	.mark-l-menu{ display:none;}
	.marklist li:nth-child(3n){ margin-right:2%;}
	.marklist li:nth-child(2n){ margin-right:0;}
	.marklist li{ width:48%;}
	.honorlist>li img{ max-width:100%; max-height:inherit;}
	.news-box .item{ width:100%; padding:35px 40px;}
	.con-l{ width:100%;}
	
	.digg4 span.disabled{ display:none;}
	.pro-data .item{ width:100%;}
}