@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
h1,h2,h3,h4,h5,h6{font-weight: normal;}
BODY {FONT:16px/1.75 "Microsoft YaHei", "Arial"; COLOR: #666;  background:#fff;min-width: 1300px; overflow-x: hidden;}
A {COLOR: #666; TEXT-DECORATION: none}
P{COLOR: #333;}
A:hover {TEXT-DECORATION: none}
A IMG {BORDER-BOTTOM-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-TOP-STYLE: none; BORDER-LEFT-STYLE: none}
DIV {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
UL {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
LI {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
P {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
FORM {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
EM {FONT-STYLE: normal; FONT-WEIGHT: normal}
TABLE {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DT {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DL {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DD {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
FORM {PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
TR {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
.cl{HEIGHT: 0px; CLEAR: both;}
.jz{margin:0 auto;}
.fl{FLOAT: left}
.fr{FLOAT: right}
.container{width:1300px; margin:0 auto}
.container-s{width:1661px; margin:0 auto; }

.c{*zoom:1;}
.c:after{content: ""; display: block; height: 0; clear: both;}
.txt-c{text-align: center;}
.txt-l{text-align: left;}
.txt-r{text-align: right;}
.col-white{color: #fff;}
.line1{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.line2{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.line3{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.line4{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}


.flex{display: flex;}
.flex-sbc{display: flex; justify-content: space-between;  align-items: center;}
.flex-c{display: flex; align-items: center;}
.flex-cc{display: flex; align-items: center; justify-content: center;}
.flex-ccc{display: flex; align-items: center; justify-content: center; flex-direction: column;}
.flex-dcsb{display: flex; flex-direction: column; justify-content: space-between;}
.flex-sb{display: flex; justify-content: space-between;}
.flex-sbw{display: flex;justify-content: space-between; flex-wrap: wrap;}
.flex-cw{display: flex; align-items: center; flex-wrap: wrap;}
.flex-dc{display: flex; flex-direction: column;}
.flex-w{display: flex; flex-wrap: wrap;}
.flex-sbcw{display: flex;justify-content: space-between; align-items: center;  flex-wrap: wrap;}






@font-face {
  font-family: "DIN";
  src: url("../font/DIN-Bold.otf");
}




/* 公共头部 */
.header{position: fixed; top: 26px; z-index: 222;width: 100%;transition: 0.6s; }
.head-box{height: 103px; }
.pc-logo a img{display: block;}
.pc-nav {width: 42.81%;}
.pc-nav ul{display: flex;  justify-content: space-between;}
.pc-nav ul li {position: relative; }
.pc-nav ul li a h3{display: block; font-size: 18px; color: #fff; position: relative; line-height: 40px;}
.pc-nav ul li a h3::after{position: absolute; content: '';  width: 0; height: 3px;background: #eba607; bottom: 0; left: 50%; transition: 0.6s;}
.pc-nav ul li:hover a h3::after,.pc-nav ul li.on a h3::after {width: 100%; left: 0;}
.pc-nav ul li .subnav-box{transform: translateY(50px);opacity: 0;pointer-events: none;width:240px;left: 0%;position: absolute;top: 100%;transition: all 0.4s ease;    padding-top:20px;}
.pc-nav ul li:nth-child(3) .subnav-box{width: 156px;}
.pc-nav ul li .subnav {display: flex;padding:1.125rem;box-sizing: border-box;border-radius: 0.5625rem;z-index: 3;background: #fff;  align-items: center;}
.pc-nav ul li .subnav .pic{width:50%;}
.pc-nav ul li .subnav .pic img{display: block; width: 100%; border-radius: 10px;}
.pc-nav ul li .subnav .list{width: 100%;display: flex; flex-wrap: wrap;  flex-direction: column;}
.pc-nav ul li .subnav .list a{font-size: 15px; line-height: 36px;   color: #494949;position: relative;box-sizing: border-box; display: block;  font-weight: 500;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:1 ;-webkit-box-orient:vertical ;}
.pc-nav ul li .subnav .list a:hover{color: #eba607;}
.pc-nav ul li:hover .subnav-box {transform: translateY(0);opacity: 1;pointer-events: auto;}
.heSearch .seBox {}
.heSearch .seBox img {display: block;}
.pub_search_box_case {position: fixed;z-index: 1; left: 0;top: 0;z-index: 8; transition: all .5s ease; transform: translateY(-120%); width: 100%;}
.pub_search_box_case.on {transform: translateY(0%); }
.pub_search_box_case.on .pub_sea_sha {display: block;}
.pub_search_box_case .pub_sea_sha {position: absolute; width: 100vw; height: 100vh; left: 0; top: 0; z-index: 2; display: none;}
.pub_search_case { padding: 2% 8%;box-sizing: border-box;  background-color:#1f2b38; box-shadow: 0 1px 3px rgb(0 0 0 / 12%); position: relative; z-index:999;display: block;}
.pub_search_case .zhan_c {display:flex; justify-content: space-between;    align-items: flex-start;}
.pub_search_case .zhan_c .close {cursor: pointer;}
.pub_search_box {width: 50%; margin: auto; padding:4rem 0 2rem 0}
.pub_search_box .sea_t {color: #fff; font-size: 1rem; margin-bottom: 1rem;}
.pub_search_box button {border: none; background: none;}
.search_form {display: flex; align-items: center; justify-content: space-between; border-bottom: 2px solid #fff; padding-bottom: 0.3rem;}
.search_form input {width: 90%; height: 2.5rem; border: none;outline: none; background: none; color: #fff; font-size: 1rem;}
.search_form button {width: 4%; cursor: pointer;}
.search_form button img {max-width: 100%; display: block;}
.headfixed{background: #1f2b38; top: 0; padding: 10px 0;}



/* banner */
.banner{overflow: hidden;height:804px}
.bannerSwiper {position: relative; overflow: hidden;}
.banner .swiper-slide {overflow: hidden;}
.banner .imgBox {height:804px; display: flex; align-items: center; background-size: cover!important;}
.banner .imgBox .container{ position: absolute; left: 0; right: 0; margin: auto; }
.banner .info{color: #fff;}
.banner .info h2{display: block; font-size: 52px; line-height: 67px; font-weight: bold;}
#banner-prev,#banner-next{position: absolute; content: ''; background: url(../images/banner-arrow.png) no-repeat center; width: 50px; height: 66px;}
#banner-next{transform: rotateY(180deg);   -webkit-transform: rotateY(180deg);}
#banner-num{bottom: 61px; z-index: 33; cursor: pointer;}
#banner-num span{width: 13px;height: 13px; background: rgba(255,255,255,0.23); border-radius: 50%; margin: 0 9px; opacity: 1;}
#banner-num span.swiper-pagination-bullet-active{background: #eba607;}


/* 关于悦众 */
.about{padding: 139px  0 104px;}
.about-box{margin-bottom: 38px;}
.about-title h2{display: block; font-size: 48px; line-height: 48px; font-weight: 500; color: #1f2b38; margin-bottom: 75px;}
.about-more a{ width: 136px;height: 50px;border: 1px solid #1f2b38;border-radius: 25px;}
.about-more em{ font-size: 16px; color: #1f2b38;}
.about-more img{margin-left: 10px;}
.about-more a:hover{background: #eba607; border-color: #eba607; color: #fff; transition: 0.6s;}
.about-more a:hover em{color: #fff;}
.about-more a:hover img{-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}
.about-info {width: 63%;}
.about-info h3{display: block; font-size: 16px; line-height: 30px; color: #666666; margin-bottom: 30px;}

.about-list ul li{width: 29.69%;height: 502px;background: #fafafa; padding:  53px 3.23% 0; box-sizing: border-box; text-align: center;}
.about-list ul li .info{}
.about-list ul li .info strong{display: block; font-size: 21px; font-weight: 700; color: #000000; margin-bottom: 11px; margin-top: 23px;}
.about-list ul li .info h4,.about-list ul li .info span{display: block; font-size: 16px; line-height: 30px; color: #7d7d7d;}
.about-list ul li .info h4{height: 90px; margin-bottom: 18px;}
.about-list ul li .info span{display: block; margin-bottom: 68px;}
.about-list ul li .info em{display: block; font-size: 16px; color: #eba506;}
.about-list ul li .info em>img{margin-left: 18px; transition: 0.6s;}
.about-list ul li:hover .info em>img{margin-left: 25px; }


/* 行业应用 */
.industry{ height: 649px; box-sizing: border-box;
  overflow: hidden;}
.indexTwoSlide {
  position: relative;
}
.indexTwoSlide .hd {
  position: relative;
  z-index: 1; padding: 85px 0 215px;}
.industry-title{margin-bottom: 134px;}
.industry-title h2{display: block; font-size: 48px; color: #fff; text-align: center;}
.industry-list ul li{text-align: center; transition: 0.6s;}
.industry-list ul li  h3{font-size: 24px;color: #ffffff; margin: 25px 0 0;}
.industry-list ul li .more{display: none; margin-top: 51px;}
.industry-list ul li:hover{transform: translateY(-20%);}
.industry-list ul li:hover .more {display: block;}
.industry-list ul li:hover h3{text-decoration: underline;}
.industry-list ul li.on{transform: translateY(-20%);}
.industry-list ul li.on .more {display: block;}
.industry-list ul li.on h3{text-decoration: underline;}


.indexTwoSlide .bd {position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
.indexTwoSlide .bd ul {height: 100%;}
.indexTwoSlide .bd ul li {height: 100%;}
.indexTwoSlide .bd ul li .bjBox {height: 100%;}
.indexTwoSlide .bd ul li img { width: 100%; object-fit: cover;}


/* 我们的优势 */
.ys{padding: 68px 0 109px;}
.ys-title{margin-bottom: 73px;}
.ys-title h2{display: block; font-size: 48px; color: #333; text-align: center;}
.ys-list ul li .icon{width: 98px; height: 98px; background: #1f2b38; border-radius: 50%; margin: 0 auto 23px; transition: 0.6s;}
.ys-list ul li em{display: block; font-size: 18px; color: #333; font-weight: 500;}
.ys-list ul li:hover .icon{background: #eba506;}


/* 公共底部 */
.footer{background: #1f2b38; padding: 33px 0 61px;}
.footer-box{align-items: flex-end;}
.foot-right {   display: flex;    flex-direction: column;    align-items: flex-end;}
.foot-nav{margin-bottom: 34px;}
.foot-nav ul li a{display: block; font-size: 18px; color: #fff; border-right: 2px solid #eba607; line-height: 18px; padding:  0 46px;}
.foot-nav ul li:last-child a{padding-right: 0; border-right: none;}
.foot-nav ul li a:hover{color: #eba506;}
.foot-copy p{display: block; font-size: 16px; color: rgba(255,255,255,0.7);}
.foot-copy a{color: rgba(255,255,255,0.7);}
.foot-copy a:hover{color: rgba(255,255,255,1);}



/* 内页样式 */
.ny-banner,.ny-banner .imgBox {height: 650px;}
.ny-main{margin: 0 0 80px 0;}

.position {    border-bottom: 1px solid #ddd; line-height: 60px; margin-bottom: 40px;color: #fff;}
.position dl {background:url(../images/mbx-home.png) no-repeat 0 center; padding-left:30px; display: flex; flex-wrap: wrap;}
.position dl dd {margin-right:10px;}
.position a {font-size: 0.94rem;color: #fff;}
.position a.on {color: #000;}
.position a:hover{color: #000;}


.nyNav {margin:0 auto 30px auto;border-bottom:1px solid #ddd;padding:15px 0}
.nyNav ul {display: flex;justify-content: center; flex-wrap: wrap;}
.nyNav ul li {margin: 0 10px;}
.nyNav ul li a {display: block;padding: 10px 40px;color: #595757;font-size: 16px;}
.nyNav ul li:hover a { background: url(../images/p16-icon6.png) no-repeat bottom center #eba607;border-color: #eba607;color: #fff;}
.nyNav ul li.on a { background: url(../images/p16-icon6.png) no-repeat bottom center #eba607;border-color: #eba607;color: #fff;}


.ny-title{text-align: center;margin-bottom:30px}
.ny-title b{display: block; font-size: 60px;   font-family: ‘Arial’;   font-weight: bold;    color: #eaeaea; text-transform: uppercase; line-height: 79px;}
.ny-title h3{font-size: 36px; color: #333;}



/* 内页产品列表页 */
.product-list ul li{ box-shadow: 0px 0px 25px 0px rgb(24 25 25 / 3%);  width: 31%; margin-bottom: 45px;}
.product-list ul::after{content: ''; width: 31%;}
.product-list ul li .pic{position: relative; height: 300px; display: flex; align-items: center; justify-content: center;  border-bottom: 1px solid #eee;}
.product-list ul li .pic img{width: 80%;}
.product-list ul li .more  {  opacity: 0;  position: absolute;  z-index: 1;  left: 0;  top: 0;  width: 100%;  height: 100%;  display: flex;  justify-content: center;  align-items: center;  background: rgba(0, 0, 0, .8);  transition: 0.3s;}
.product-list ul li .more span{  display: inline-block;    padding: 10px 30px;    border: 2px solid #eba607;    color: #eba607;    font-size: 16px;}
.product-list ul li:hover .more{opacity: 1;}
.product-list ul li h3{display: block; font-size: 18px; color: #333; text-align: center; padding: 25px 0;}




/* 内页产品详情页 */
.proxq-pic{width: 100%;}
.proxq-info{width: 55%;}
.propic-big { margin-bottom: 1.25rem;}
.propic-big ul li{  display: flex;   align-items: center;   justify-content: center;}
.propic-big ul li .pic img{display: block;/* width: 100%; */}
.propic-small ul li{background: #fff;position: relative;height: 50px;display: flex;align-items: center;justify-content: center; box-sizing: border-box; border: 0.0625rem solid #eeeeee;}

.propic-small ul li .pic{}
.propic-small ul li .pic img{display: block; width: 100%;}
.propic-small ul li.swiper-slide-thumb-active{ border-color: #eba607;}

.proxq-info strong{display: block;font-size: 36px;color: #333;padding-bottom: 14px;margin-bottom: 15px;text-align: center;}
.proxq-info .text{margin-bottom: 20px; font-size: 16px; color: #666;    text-align: center;}
.proxq-info .text em,.proxq-info .text p{display: block; font-size: 1rem; line-height: 1.75rem; }
.proxq-info .text em{color: #eba607;}
.proxq-info .text p{color: #333333; margin-bottom: 1.3125rem;}
.proxq-btn{}
.proxq-btn a{z-index: 0;position: relative;overflow: hidden;display: inline-block;width: 138px;font-size: 16px;line-height: 54px;background: #1f2b38;border-radius: 0.3125rem;text-align: center;color: #fff;    margin: 0 auto;
    display: block;}
.proxq-btn a.order{background: #eba607; margin-right: 0.9375rem;}
.proxq-btn a>img{display: inline-block; vertical-align: middle; margin-left: 6%;}
.proxq-btn a:before{content: "";position: absolute;width: 0;height: 100%;left: 50%;top: 0;z-index: -1;opacity: 2;transition: all 0.4s; }
.proxq-btn a.order:before{background: #eba607;}
.proxq-btn a:before{background: #eba607;}
.proxq-btn a:hover:before{width: 100%;left: 0;opacity: 1;}
.proxq-arrow{display: flex; justify-content: space-between; align-items: center;}
.proxq-arrow a{display: flex; align-items: center; }
.proxq-arrow i{display: block; display: flex;  align-items: center;  justify-content: center;  width: 3.125rem;  line-height: 2.875rem;  height: 3.125rem;  border-radius: 0.25rem;  border: 0.125rem solid #dbdbdb; transition:0.6s}
.proxq-arrow h5{display: block;font-size: 15px;color: #1a1a1a;}
.proxq-arrow a:first-child i { transform: rotateY(180deg); margin-right: 1.25rem;}
.proxq-arrow a:last-child i {    margin-left: 1.25rem;}
.proxq-arrow a:hover i{background: #eba607;border-color: #eba607;}
.proxq-arrow a:hover i svg path{	fill: #ffffff;}
.proxq-arrow a:hover h5{color: #eba607;}
.peculiarity{margin: 50px 0 80px;}
.peculiarity-title strong{display: block;font-size: 23px;color: #333;text-indent: 0.4375rem;border-bottom: 0.0625rem solid #ddd;padding-bottom: 1.125rem;margin-bottom: 1.875rem;}



.xq-back a{transition:0.6s; display: block; width: 144px; font-size: 16px; line-height: 48px; color: #fff;  background: #1f2b38; border-radius: 21px; text-align: center; margin: 40px auto 0}
.xq-back a>img{display: inline-block; margin-right: 11px; vertical-align: middle;}
.xq-back a:hover{background: #eba607;}


/* 内页图片列表页 */
.picture-list ul::after{width: 31%; content: '';}
.picture-list ul li{width: 31%; margin-bottom: 45px;}
.picture-list ul li .pic{overflow: hidden;}
.picture-list ul li .pic img{display: block; width: 100%;  -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 1;}
.picture-list ul li:hover .pic img{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.picture-list ul li em{display: block; font-size: 16px; line-height: 55px; color: #1f2b38; background: #fcfcfc; text-align: center;}
.picture-list ul li:hover em{background: #eba607; color: #fff;}




/* 图片详情页 */
.nynews-title h3{display: block; font-size: 28px; color: #333; font-weight: bold; text-align: center; margin-bottom: 30px;}
.news-editbox{padding: 50px 0;}
.news-link{border-top: 1px solid #f2f2f2; padding-top: 57px; margin-top: 50px;}
.news-link p{display: block; font-size:16px; color: #333; display: flex; align-items: center;}
.news-link p img{margin-right: 15px;}
.news-link p a{color: #333;}
.news-link p:last-child{}
.news-link p:last-child img{transform: rotateY(180deg);   -webkit-transform: rotateY(180deg); margin-left: 15px; margin-right: 0;}
.news-link p a:hover{color: #eba607;}
.news-link .xq-back a{margin:0 auto;}
.xq-back a{transition:0.6s; display: block; width: 144px; font-size: 16px; line-height: 42px; color: #fff;  background: #1f2b38; border-radius: 21px; text-align: center; margin: 40px auto 0}
.xq-back a>img{display: inline-block; margin-right: 11px; vertical-align: middle;}
.xq-back a:hover{background: #eba607;}
.nynews-date{background: #f5f5f5; padding: 10px 0; margin-bottom: 25px;}
.nynews-date span{margin: 0 10px;}








.proxq{ margin:50px 0 100px 0}
.proxq-load{width: 30%;border-left:2px solid #ddd;text-align: center;padding-left:60px; text-align: center}
.proxq-load h2{color:#333;font-weight:bold}
.proxq-load a{display: block;width: 120px;height:45px;line-height: 45px;background:#eba607;border-radius:10px;margin:10px auto;color:#fff}
.proxq-load p{margin:10px 0}










/* 弹窗 */
input, input:focus, input:active, button, button[type=button], textarea:focus { appearance: none; -webkit-appearance: none; outline: none;}

#c-code-pop { display: none; position: fixed;top: 0;left: 0; z-index: 910; width: 100%; height: 100%; }
#c-code-pop .c-box {position: absolute;top: 50%; left: 50%;padding: 40px; box-sizing: border-box; width: 530px;max-width: 92%;  border-radius: 5px;background: #fff;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%); z-index: 1;}
#c-code-pop .c-pop-bj {position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0, 0, 0, 0.5);}
#c-code-pop .c-box .c-close { transition: all 0.5s; display: inline-flex; margin-left: auto; float: right; cursor: pointer;     margin-top: -20px;    margin-right: -20px;}
#c-code-pop .c-box .c-close img,
#c-code-pop .c-box .c-close svg {width: 24px;height: 24px; display: block; transition: .5s;}
#c-code-pop .c-box .c-close:hover svg {transform: rotate(180deg);}
#c-code-pop .c-box .tit {color: #333; font-size: 30px; margin-top: 30px; font-weight: 600; text-align: center;}
#c-code-pop .c-box .inBox {margin-top: 22px; position: relative; border: 1px solid rgba(189, 189, 189,.62); border-radius: 5px}
#c-code-pop .c-box .inBox input {border: 0; border-radius: 5px; height: 58px;width: 100%; padding: 0 10px;box-sizing: border-box; font-size: 16px;}
#c-code-pop .c-box .inBox input::placeholder {color: #9c9c9c;}
#c-code-pop .c-box .incode input {width: calc(100% - 120px);}
#c-code-pop .c-box .inBox img {position: absolute;top: 50%; left: calc(100% - 6px); width: 116px; height: 48px;-webkit-transform: translate(-100%, -50%);transform: translate(-100%, -50%);}
#c-code-pop .c-box .insub {display: flex; justify-content: center; margin-top: 40px;}
#c-code-pop .c-box .insub button {cursor: pointer; font-size: 16px; border-radius: 30px; background: #fba601; border: 0; width: 180px; height: 52px; display: flex; align-items: center; justify-content:center; color: #fff; font-weight: 700; transition: .4s;}
#c-code-pop .c-box .insub button:active {background: #0D4B94;}

@media screen and (min-width: 200px) and (max-width: 768px){
  #c-code-pop .c-box .c-close {margin-top: -15px;margin-right: -15px;}
  #c-code-pop .c-box { padding: 25px;}
  #c-code-pop .c-box .tit {font-size: 24px;}
  #c-code-pop .c-box .inBox input {height: 48px;}
  #c-code-pop .c-box .inBox img {width: 100px; height: 40px;}
}






/* 搜索页面 */
.search-page .container15 {width: 1200px;}
.search-page .box {margin-top: 1rem;}
.search-page form {width: 75%;margin: auto; margin-bottom: 60px; border: 1px solid #333; border-radius: 50px; padding:5px 20px; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; }
.search-page form .searchCon {padding: 5px 0; width: 90%; line-height: 35px; outline: none; border: none; box-sizing: border-box; font-size: 16px;}
.search-page form .sub {width: 25px;  height: 25px; display: flex; align-items: center; cursor: pointer;  outline: none; border: none; background: transparent;}
.search-page ul {width: 100%;}
.search-page li {width: 100%; padding: 30px; margin-top: 20px; box-sizing: border-box; background: #f5f5f5;}
.search-page li span {background: #4c70b6;color: #fff;/* font-size: 12px; *//* padding: 2px 5px; */font-size: 1rem;padding: 0.5%;}
.search-page li h3 {font-size: 1.125rem;color:#1f2b38;font-weight: 700;margin: 10px 0;}
.search-page li p {font-size: 1rem;color: #666;line-height: 1.5rem;}
.search-page li .le {width: 95%;}
.search-page li a {display: flex; align-items: flex-end; justify-content: space-between;}
.search-page li img {transition: .5s; margin-right: 20px;}
.search-page li:hover img {transform: translateX(20px);}
@media screen and (min-width: 200px) and (max-width: 640px){
  .search-page form {width: 90%;margin-bottom: 40px;padding: 3px 20px;}
  .search-page form .searchCon {width: 80%;}
}
#c-placeholder{height: 13rem;}



@media screen and (min-width:200px)  and  (max-width:1661px)  {
  
.container{width:1300px; margin:0 auto; max-width: 90%;}
.container-s{width:1661px; margin:0 auto; max-width: 92%;}

}