html{
    scroll-behavior: smooth;
}
#translate{ display: none;}
*{ margin:0; box-sizing: border-box; padding:0; transition-property: all;-ms-transition-property: all;-moz-transition-property: all; -webkit-transition-property: all; -o-transition-property: all;}
body{ font-family:"Microsoft YaHei"; color:#333; font-size:0.9rem;  line-height: 24px; background: #FFFFFF; min-width: 1360px;}
a{ text-decoration: none; -webkit-transition: all ease .1s;  -moz-transition: all ease .1s; transition: all ease .1s; border:none; color: #333;}
a:focus { outline: 0 }
a:hover{ color: #00b1f2;}
img{ border:none; -webkit-transition: all ease .5s;  -moz-transition: all ease .5s; transition: all ease .5s; vertical-align: middle;}
ul,li{ list-style:none;}
.clear{ clear:both;}
.clearfix{ clear:both;}
p{ margin:0; padding:0;}
.padding5{ padding:5px;}
.padding10{ padding:10px;}
.padding15{ padding:15px;}
.padding20{ padding:20px;}
.padding30{ padding:30px;}
.padding40{ padding:40px;}
.fr{ float:right;}
.fl{ float:left; }
.paddingright{ padding-right:10px;}
.paddingleft{ padding-left:10px;}
.undis{ display:block;  background-size: cover;}
.dis{ display:none;  }
.pr5{ padding-right:5px;}
.red{ color:#f00;}
.fff{ color:#fff;}
.pdt30{ padding-top: 30px;}
.txtcenter{ text-align: center;}
h1,h2,h3,h4,strong,b{ margin: 0;  color:#111;}
.auto1280{ width:1360px; margin: 0 auto;}
.auto_1280{ width:1360px;  margin: 0 auto;}
.flex {display: flex; flex-wrap: wrap;}
.flex-center { display: flex; align-items: center; justify-content: space-between;}
.flex-center-contain { justify-content: space-between;}
.flex-center-contain1 { justify-content: space-between; align-items: center; }
.flex-center-contain2 { align-items: center; }
.flex-center1 { display: flex; align-items: center; justify-content: flex-start;}
.flex-center2 { display: flex; align-items: center; }
.flex-center3 { display: flex; align-items: center; justify-content:center;}
.flex-center4 { display: flex; justify-content: flex-end;}
em,i{ font-style: normal;}


#home .home,
#about .about,
#products .products,
#rfq .rfq,
#news .news,
#contact .contact,
#solution .solution{color: #00b1f2;  }







input,button,select,textarea{ outline:none;  font-family:"Microsoft YaHei";}
textarea{resize:none;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"] {-webkit-appearance: none; font-weight:normal;}
input[type="button"], input[type="submit"], input[type="reset"]{ cursor: pointer;}
a,button{ cursor: pointer;}

#warp{ width:100%; height:auto; position: relative; overflow: hidden;}



header.current{ position: fixed; left: 0; top: 0; z-index: 999;}


header{ width: 100%; padding: 25px 0; border-bottom:1px solid #DDDDDD; background: #FFFFFF;}
header .logo{ width: 148px; height: 62px;}
header .logo a{ display: block; width: 148px; height: 62px; background: url(../images/logo.jpg) no-repeat center;}
header .logo a h1{ display: none;}


header nav{}
header nav ul li{ line-height: 46px; padding: 0 35px; position: relative;} 
header nav ul li a{ display: inline-block; font-size: 1.1rem; font-weight: bold; }
header nav ul li a i{ margin-left: 3px;}
header nav li:hover ul{ display: block;}
header nav li ul{ display: none; position: absolute; left: 0; z-index: 999; top: 40px; background: #FFFFFF; box-shadow: 3px 3px 10px 0 rgba(0,0,0,.1); width: 240px;}
header nav li ul li{ height: 42px; line-height: 42px; font-size: 14px; border-bottom: 1px solid #EEEEEE; padding: 0;}
header nav li ul li a{ display: block; padding: 0 15px;  font-size: 0.9rem; font-weight: normal;}
header nav li ul li a:hover{ background: #00b1f2; color: #FFFFFF;}




.searchshow{width: 229px;height: 42px;background: #FFFFFF;border-radius: 25px; padding: 5px; border: 1px solid #00b1f2;}
.searchshow input{ border: none; width: calc(100% - 30px); background: none; padding:0 15px;}
.searchshow button{ width: 30px; height: 30px; background: #00b1f2; color: #FFFFFF; border-radius:50%; font-size: 1rem; border: none;}
.searchshow button:hover{ background: #111111;}



/**banner**/
.main_visual .owl-carousel,.main_visual .owl-stage-outer,.main_visual .owl-stage,.main_visual .owl-carousel .owl-item{width: 100%; height: auto;}
.main_visual .owl-carousel .item{width: 100%;height: auto; background-repeat: no-repeat; background-position: center center;-webkit-background-size: cover; background-size: cover;}
.main_visual .owl-carousel .item img{ width: 100%; height: auto;}
.main_visual .owl-prev,.main_visual .owl-next{text-indent: -999em; overflow: hidden;}


.main_visual .owl-prev,.main_visual .owl-next{width:16px;height: 28px;background-repeat: no-repeat; background-size:cover; background-position: center center; position: absolute;top: 50%;margin-top: -16px;text-indent: -999px; overflow: hidden;}
.main_visual .owl-prev{background-image: url(../images/BL.PNG);left: 5%; }
.main_visual .owl-next{background-image: url(../images/BR.PNG);right: 5%; }



.main_visual .owl-dots{ width: 100%; text-align: center; height: 4px; position:absolute; left: 0; bottom: 50px;  z-index: 999;}
.main_visual .owl-dots .owl-dot{display: inline-block;  margin:0 3px;}
.main_visual .owl-dots .owl-dot span{  display: inline-block; width: 60px; height: 4px; background:rgba(255, 255, 255, 0.6); border-radius:6px; }
.main_visual .owl-dot.active span{ background:#fff; }
.main_visual .owl-controls{ height: 0;}


.home-title{ padding: 60px 0 30px 0;}
.home-title-left{}
.home-title-left h2{ font-size: 2.2rem; line-height: 54px;}
.home-title-left h2 span{ color: #00b1f2;}
.home-title-left h2 span::after{ content:''; background: url(../images/hometitle.png) no-repeat; display: inline-block; margin-left: 10px; width: 17px; height: 16px; position: relative; top:-14px}

.home-title a{ font-size: 1rem;}
.home-title a img{ margin-right: 8px;}
.home-title a:hover img{ margin-right: 15px;}


.home-search{width: 788px;height: 56px; line-height: 56px; background: #F8F9FB;border-radius: 31px; margin: 0 auto;}
.home-search input{ width: calc(100% - 172px); background: none; border: none; padding: 0 100px; font-size: 1rem;}
.home-search button{width: 172px;height: 56px;background: #00B1F2;border-radius: 33px; color: #FFFFFF; border: none; font-size: 1rem;}
.home-search button:hover{ background: #111111;}

.home-products{gap:23px; grid-template-columns:repeat(4, 1fr); display:grid; margin-top: 40px;}
.home-products dl{ width: 100%;}
.home-products dl dt{ width: 100%; height: auto; overflow: hidden; border-radius: 8px;}
.home-products dl dt img{ width: 100%; height: auto;  border-radius: 8px;}
.home-products dl dd{ width: 100%; text-align: center; font-size: 1rem; font-weight: 500; height: 48px; line-height: 48px; background: #F5F5F5;border-radius: 8px; margin-top: 5px;}
.home-products dl:hover img{transform: scale(1.1); -webkit-transform: scale(1.1);}
.home-products dl:hover dd{ background: #00B1F2; }
.home-products dl:hover dd a{color:#fff;}

.home-ys{ width: 100%; height: auto; background: url(../images/homeysbg.jpg) no-repeat center; background-size:cover; margin-top: 70px; padding: 70px 0;}
.home-ys-left{ width: calc(100% - 560px); padding-right: 200px;}
.home-ys-left h2{ color: #FFFFFF; font-size: 2.2rem; line-height: 52px; margin-bottom: 15px;}
.home-ys-left p{ color: #FFFFFF; font-size: 1rem; line-height: 26px;}

.home-ys-list{ width: 430px; margin-top: 30px;}
.home-ys-list ul{ width: 100%; gap:15px 40px;  grid-template-columns:repeat(3, 1fr); display:grid; }
.home-ys-list ul li{ color: #FFFFFF; font-size: 1.2rem;}
.home-ys-list ul li img{ margin-right: 10px;}

.home-ys-tel{width: 434px;height: 59px;border-radius: 30px;border: 1px solid #FFFFFF; margin-top: 25px;}
.home-ys-tel-left{width: 162px;height: 59px;background: #1A77D6;border-radius: 28px; text-align: center; color: #FFFFFF; font-size: 1.2rem; line-height: 59px; position: relative; left: -1px; top:-1px;}
.home-ys-tel-right{ width: calc(100% - 162px); padding-left: 25px; color: #FFFFFF; font-size:1.5rem;}
.home-ys-tel-right img{ margin-right: 10px;}



.home-ys-right{ width: 560px;}
.home-ys-right img{ width: 100%; height: auto;}

.home-about{}
.home-about-left{ width: 50%; padding-right: 60px;}
.home-about-left em{ font-size: 1.1rem; line-height: 28px; margin-top: 30px;}
.home-about-left em::after{ content: ""; width: 20px; height: 2px; background: #00B1F2; display: inline-block; position: relative; top: -5px; margin-left: 12px;}
.home-about-left h2{ font-size: 1.4rem; line-height: 45px;}
.home-about-left p{ margin-top: 25px;}

.home-about-left-menu{ width: 100%; margin-top: 35px;}
.home-about-left-menu a{ display: block; width: 33.3%; background: #f8f8f8; padding: 35px 22px;}
.home-about-left-menu a div{ width: 100%; height: 15px; line-height: 15px; margin-top: 20px;}
.home-about-left-menu a div i{ display: inline-block; width: 15px; height: 15px; background: url(../images/homeabjt.png) no-repeat;}
.home-about-left-menu a:hover{ color: #FFFFFF; background: url(../images/homeabdl.jpg) no-repeat; background-size: cover;}
.home-about-left-menu a:hover i{  background: url(../images/homeabjts.png) no-repeat;}
.home-about-left-menu a:hover img{filter: brightness(0) invert(1);}

.home-about-right{ width: 50%; height: auto;}
.home-about-right img{ width: 100%; height: auto; border-radius: 12px;}


.home-blog{}
.home-blog-left{ width: 48.5%;}

.main_visual1 .owl-carousel,.main_visual1 .owl-stage-outer,.main_visual1 .owl-stage,.main_visual1 .owl-carousel .owl-item{width: 100%;height: 100% !important;}
.main_visual1 .owl-carousel .item{width: 100%;height: auto; position: relative; background-repeat: no-repeat;   background-position: center center;-webkit-background-size: cover; background-size: cover;}
.main_visual1 .owl-carousel .item img{ width: 100%; height: auto; }
.main_visual1 .owl-carousel .item p{ z-index: 333; height: 36px; line-height: 36px; overflow: hidden; color: #FFFFFF; height: 26px; line-height: 26px; overflow: hidden; font-size: 1.1rem; position: absolute; left: 0; bottom: 30px; padding: 0 35px;}


.main_visual1 .owl-prev,.main_visual1 .owl-next{ display: none; text-indent: -999px; overflow: hidden;}



.main_visual1 .owl-dots{ width: 100%; text-align: right; height: 12px; position:absolute; right: 20px; bottom: 35px;  z-index: 999;}
.main_visual1 .owl-dots .owl-dot{display: inline-block;  margin:0 3px;}
.main_visual1 .owl-dots .owl-dot span{  display: inline-block; width: 12px; height: 12px; background:url(../images/blc.png) no-repeat;}
.main_visual1 .owl-dot.active span{background:url(../images/blcs.png) no-repeat;}
.main_visual1 .owl-controls{ height: 0;}


.home-blog-right{ width: 47.5%;}
.home-blog-right dl{ padding: 28.5px 0; border-bottom:2px solid #EEEEEE; cursor: pointer;  transition: all ease .5s; }
.home-blog-right dl:first-child{ padding-top: 0;}
.home-blog-right dl dd{display: none;}
.home-blog-right dl dt{ font-size: 1.1rem;}
.home-blog-right dl.active dd{ display: block;}
.home-blog-right dl.active dd p{ line-height: 24px; height: 48px; overflow: hidden; margin-top: 20px;}
.home-blog-right dl.active dd a{ display: block; margin-top: 20px;}


footer{ width: 100%; height: auto; background: url(../images/footer.jpg) no-repeat center; background-size: cover;}

.footer-box{ padding: 65px 0;}
.footer-box-left{ width: 148px; height: 62px;}
.footer-box-left a{ display: block; width: 148px; height: 62px; background: url(../images/logo.png) no-repeat;}

.footer-box-menu{}
.footer-box-menu dl{ margin: 0 80px;}
.footer-box-menu dl dt{ font-size: 1.1rem; color: #FFFFFF; line-height: 26px; margin-bottom: 15px;}
.footer-box-menu dl dd a{ display: block; color: #DCDCDC; line-height: 26px;}
.footer-box-menu dl dd a:hover{ color: #FFFFFF; text-decoration: underline;}
.footer-box-right{ width: 240px; }
.footer-box-right em{ display: block; line-height: 20px; color: #FFFFFF;}
.footer-box-right h2{ font-size: 1.4rem;  color: #FFFFFF; line-height: 36px; margin-bottom: 10px;}
.footer-box-right p{ color: #E9E9E9;}





.footer-copy{ width: 100%; padding: 15px 0; border-top:2px solid rgba(0,177,242,0.4);color: #B2B9C2;}
.footer-copy a{color: #B2B9C2;}
.footer-copy span a{ margin-left: 10px;}
.footer-copy a:hover{ color: #FFFFFF;}

.customerList{ width:60px; height:auto; position: fixed; right: 0; top: 30%; z-index:999; }
.customerList a b{ display: block; color: #FFFFFF !important; font-size: 14px; line-height: 21px; font-weight: normal;}

.customerBox{ width: 60px; height: auto;  }
.customerBox a{ display: block; text-align: center; position: relative; width: 60px; height: 60px; line-height:60px; color:#fff; margin-bottom:1px; font-size:1.8rem; background: #00B1FF; border-radius: 6px  0px  0px  6px; }
.customerBox a:hover{ text-decoration:none; background:#111111;}
.customerBox a .eso_divinfo{font-family:"Microsoft YaHei"; font-weight: normal; display:none; position:absolute;  right:60px; top:0; min-width:260px; background:#fff; color:#00B1FF; font-size:1rem;  box-shadow: 3px 3px 10px 0 rgba(0,0,0,.1); padding:10px; border-radius:6px; }
.customerBox a .eso_divinfo:before{
    content:""; position:absolute; right:-12px; top:50%; margin-top:-12px; 
width:0;
height:0;
border-top:12px solid transparent;
border-bottom: 12px solid transparent;
border-left: 12px solid #fff;
}
.customerBox a:hover .eso_divinfo{ display: block;}
.customerBox a:hover .eso_divinfo img{ width:150px; height:150px;}



.banner2{ width: 100%; color: #FFFFFF; height: 350px; }
.banner2info{ height: 100%; position: relative;}
.banner2info h1{ color: #FFFFFF; font-size: 2.6rem;}
.banner2info b{ color: #FFFFFF; font-size: 2.6rem;}

.webposi{ width: 100%; position: absolute; z-index: 333; left: 0; bottom: 0; line-height:24px; padding: 15px 0;}
.webposi i{ margin-right: 10px;}
.webposi a{ color: #FFFFFF;}


.main-menu{ width: 100%; height: 76px; line-height: 74px; border-bottom:2px solid #e5e5e5;}
.main-menu a{ font-size:1rem; margin: 0 20px;}
.main-menu a.active{ color: #00b1f2;  border-bottom:2px solid #00b1f2;}

.about-company{ padding: 70px 0;}
.about-title{ padding: 80px 0 35px 0; text-align: center;}
.about-title h2{ color: #111111; font-size: 2.2rem; line-height: 52px; margin-bottom: 5px;}

.about-choose{ width: 100%; height: auto; background: url(../images/about-choosebg.jpg) no-repeat center; background-size:cover; padding-bottom: 80px;}

.home-choose-list{gap: 30px; grid-template-columns: repeat(4, 1fr); /* 3 列 */  display: grid;}

.home-choose-item{ background: #FFFFFF; border-radius: 8px; width: 100%; position: relative; overflow: hidden; cursor: pointer;}
.home-choose-item-bigpic{ width: 100%; height: 100%; border-radius: 8px; opacity: 0;}
.home-choose-item-bigpic img{ width: 100%; height: 100%; border-radius: 8px}

.home-choose-item-info{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; padding:30px; z-index: 333;}
.home-choose-item-info h3{font-size: 1.2rem; line-height: 30px; text-transform: capitalize; height: 60px; overflow: hidden; margin-top: 30px;}
.home-choose-item-info p{ margin-top: 15px; font-size: 1rem; line-height: 24px; height: 48px; overflow: hidden;}
.home-choose-item-info a{ margin-top: 25px; display: inline-block;  font-size: 1.1rem; width: 48px; height: 24px; line-height: 24px; text-align: center; border-radius: 4px;background: #000; color: #FFFFFF;}

.home-choose-item.active .home-choose-item-bigpic{ opacity: 1.0;}
.home-choose-item.active .home-choose-item-smallpic img{filter: brightness(0) invert(1);}
.home-choose-item.active h3{ color: #FFFFFF;}
.home-choose-item.active p{ color: #FFFFFF;}
.home-choose-item.active a{ background: #61b53c;}


.about-even-box{ padding-bottom: 100px;}
.main_visual2 .owl-carousel,.main_visual1 .owl-stage-outer,.main_visual2 .owl-stage,.main_visual2 .owl-carousel .owl-item{width: 100%;height: 100%; }
.main_visual2 .main_visual1 .item{width: 100%;height: 100%; overflow: hidden; margin: 0 auto;}
.main_visual2 .owl-carousel .item img{ width: 100%;height: 100%; display: block; border-radius:8px ;}
.main_visual2 .owl-prev,.main_visual2 .owl-next{display: none; text-indent: -9999em;}
.main_visual2 .owl-dots{ width: 100%; text-align: center; height: 4px; position:absolute; left: 0; bottom: -30px;  z-index: 999;}
.main_visual2 .owl-dots .owl-dot{display: inline-block;  margin:0 6px;}
.main_visual2 .owl-dots .owl-dot span{  display: inline-block; width: 32px; height: 4px; background:#CCCCCC;}
.main_visual2 .owl-dot.active span{ background:#00437D; }
.main_visual2 .owl-controls{ height: 0;}
.main_visual2 .owl-nav{ height: 0;}


.about-info{ padding:30px 0; line-height:26px;}
.about-info img{ max-width:100%;}

.about-imglist{ gap:25px; grid-template-columns:repeat(4, 1fr); display:grid; padding:30px 0;}
.about-imglist dl{ width:100%;}
.about-imglist dl dt{ width:100%; height:auto; overflow:hidden; border-radius:8px 8px 0 0;}
.about-imglist dl dt img{ width:100%; height:auto; border-radius:8px 8px 0 0;}
.about-imglist dl dt a:hover img{ transform:scale(1.1); -webkit-transform:scale(1.1);}
.about-imglist dl dd{ width:100%; height:52px; line-height:52px; overflow:hidden; text-align:center; background:#EEEEEE;}

/*==????????==*/
.ContactInner{padding-bottom:0px !important}
.ContactInner .long .left,.ContactInner .long .right,.ContactInner #dituContent {height: 550px;}
.ContactInner .long .left {width:50%;}
.ContactInner .long .left img {}
.ContactInner .long .right {position:relative;width:50%;/* border:1px #ddd solid;*/padding:30px;background:#f7f7f7; box-sizing:border-box;}
.ContactInner .long .right .title {color:#333333;font-size:26px;}
.ContactInner .long .right .tel {position:relative;margin-top:25px;color:#333333;font-size:14px;display:block;}
.ContactInner .long .right .tel font {margin-top:10px;font-size:30px;color:#00b1f2;display:block;font-weight:bold;}
.ContactInner .long .right .wx {min-height:156px;margin-top:20px;color:#333333;font-size:14px;display:block;line-height:26px;}
.ContactInner .long .right .consult {position:absolute;top:100px;right:60px;}
.ContactInner .long .right .ewm {position:relative;color:#737373;font-size:12px;text-align:center;display:block;line-height:15px;}
.ContactInner .long .right .ewm img {width: 120px;display:block;margin:0 auto 5px;}
.ContactInner .long .right .online {/* float:left;*/color:#fff;margin:30px auto 0;font-size:14px;padding:8px 40px;background:#00b1f2;display:block;border-radius:20px;text-align:center;}
.ContactInner .long .right .online:hover {background:#666;}
.ContactInner .map {}
.ContactInner #dituContent {height: 550px;}
.ContactInner #dituContent img{max-width: initial;}





/*==?????????==*/

.MessageCon{background: url(../images/MessageBg.jpg) no-repeat center;background-size:cover; padding:100px 0;}

.MessageCon .long{padding:80px; background: #fff;}

.MessageCon .title{margin-bottom:40px;overflow: hidden;}

.MessageCon .title h2{float:left;color:#191919;font-size:24px;}

.MessageCon .title .tel{float:right;margin-top:25px;color:#333333;font-size:26px;/*font-weight: bold;*/}

.MessageCon .title .tel em{display:block;float:left;margin-right:10px;margin-top:5px;color:#333;font-size:25px;font-weight:400;font-family:"iconfont";}

.MessageCon input{position: relative; float:left;width:49.5%;margin-bottom:1%}

.MessageCon .block:nth-child(2n+1){}

.MessageCon input,.MessageCon textarea{padding:15px 20px 15px 45px;border:1px #ddd solid; background-repeat:no-repeat ; background-position:15px 17px; box-sizing:border-box;}

.MessageCon textarea{width:100%;height:120px;}

.MessageCon button{width:25%;margin-top:20px;padding:16px 0;border:none;color:#fff;font-size:14px; background: #666;}

.MessageCon button:hover{background:#00b1f2}

.MessageCon .x1{background-image: url(../images/ico201.png);}

.MessageCon .x2{background-image: url(../images/ico202.png); margin-left:1%;}

.MessageCon .x3{background-image: url(../images/ico203.png);}

.MessageCon .x4{background-image: url(../images/ico204.png); margin-left:1%;}

.MessageCon .x5{background-image: url(../images/ico205.png);}





/*==????????==*/
.form-item{display: flex;flex-wrap: wrap;}
.form-item .shell{display: flex;width: calc(50% - 20px);margin-bottom:20px;border: 1px #ddd solid;padding: 10px 20px;align-items: center;background: #fff;}
.form-item .shell.w100{width:100%}
.form-item .ml{margin-left:20px;}
.form-item .shell.vt{    align-items: flex-start;}
.form-item h5 {/* width: 60px; */flex-shrink: 0;margin-right: 10px;color: #3a3a3a;font-size: 16px;}
.form-item .fill{flex: 1;/* width: 100%; */line-height: 30px;color: #fff;font-size: 15px;border: none;background: none;}
.form-item textarea{height:180px}
.form-item .submit{position: relative;width: 350px;display: table;/* margin-top: 10px; */color: #fff;font-size: 16px;padding: 18px 80px;border:none;cursor: pointer;border-radius: 5px;background: #00b1f2;}
.form-item .submit:after{opacity:0; content:"";position:absolute;left:0;top:0;right:0;bottom:0; background:#fff}
.form-item .submit:hover:after{opacity:0.2}
/*--*/
.form-item .code{flex-shrink: 0;/* width: 300px; */display: flex;margin-right: 20px;border: 1px #ddd solid; background: #fff;align-items: center;}
.form-item .code input{ flex: 1;}
.form-item .code img{height: 35px;margin: 0px 15px;flex-shrink: 1;cursor: pointer;}
.form-item .yzm{display: flex;/* margin:0 0 0 20px; */align-items: center;}
.form-item .yzm input{width: 150px;padding: 18px 20px;border: none;background: none;}
.form-item .explain{margin-top:20px;color: #9a9a9a;font-size:16px;}
.form-item .explain i{color:red}
.form-item .explain font{color: #00b1f2;font-weight:bold;}

.rack{width:100%;padding:50px 0;}


.application-menu{ padding:50px 0}
/* ===== 解决方案频道列表 ===== */
.solution-channel{ padding: 28px 0 40px; }
.solution-channel-head{ margin-bottom: 18px; }
.solution-channel-title{
  font-size: 22px;
  line-height: 1.2;
  margin: 0;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  gap: 10px;
}
.solution-channel-title i{ font-size: 20px; }
.solution-channel-sub{
  margin: 10px 0 0;
  font-size: 14px;
  line-height: 1.7;
  color: #666;
  max-width: 860px;
}

/* grid */
.solution-grid{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  margin-top: 18px;
}

/* card */
.solution-card{
  display: flex;
  flex-direction: column;
  text-decoration: none;
  border: 1px solid #eee;
  border-radius: 14px;
  overflow: hidden;
  background: #fff;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.solution-card:hover{
  transform: translateY(-4px);
  border-color: #e6e6e6;
  box-shadow: 0 10px 28px rgba(0,0,0,.08);
}
.solution-card:hover span{ color:#0054a3;}
.solution-card-media{
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 10;
  background: #f6f6f6;
  overflow: hidden;
}
.solution-card-media img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transform: scale(1);
  transition: transform .22s ease;
}
.solution-card:hover .solution-card-media img{
  transform: scale(1.05);
}

.solution-card-body{ padding: 14px 14px 16px; }
.solution-card-title{
  margin: 0;
  font-size: 16px;
  line-height: 1.3;
  color: #111;
  font-weight: 700;
}
.solution-card-desc{
  margin: 8px 0 12px;
  font-size: 13px;
  line-height: 1.65;
  color: #666;
  min-height: 42px; /* 保证多卡片高度更整齐 */
}

.solution-card-cta{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  font-weight: 600;
  color: #222;
  border-top: 1px dashed #eee;
  padding-top: 10px;
}
.solution-card-cta i{ font-size: 16px; }


.application-box{ padding:50px 0}

/* ===== Solutions List Page ===== */
.application-box{ padding: 28px 0 42px; }

/* Header */
.solu-head{
  border: 1px solid #eee;
  background: #fff;
  border-radius: 16px;
  padding: 18px 18px 16px;
  box-shadow: 0 8px 24px rgba(0,0,0,.04);
}
.solu-kicker{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-size: 12px;
  letter-spacing: .12em;
  font-weight: 700;
  color: #3a3a3a;
  text-transform: uppercase;
}
.solu-kicker i{ font-size: 14px; }

.solu-title{
  margin: 10px 0 8px;
  font-size: 26px;
  line-height: 1.25;
  color: #111;
  font-weight: 800;
}
.solu-intro{
  margin: 0;
  font-size: 14px;
  line-height: 1.8;
  color: #666;
  max-width: 100%;
}

/* List */
.solu-list{
  margin-top: 16px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}

/* Card item */
.solu-item{
  display: grid;
  grid-template-columns: 220px 1fr;
  gap: 14px;
  border: 1px solid #eee;
  border-radius: 16px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 8px 24px rgba(0,0,0,.04);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.solu-item:hover{
  transform: translateY(-4px);
  border-color: #e6e6e6;
  box-shadow: 0 12px 30px rgba(0,0,0,.08);
}

/* Thumb */
.solu-thumb{
  position: relative;
  display: block;
  height: 100%;
  min-height: 180px;
  background: #f4f6f8;
  overflow: hidden;
}
.solu-thumb img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transform: scale(1);
  transition: transform .22s ease;
}
.solu-item:hover .solu-thumb img{ transform: scale(1.05); }

/* Body */
.solu-body{
  padding: 14px 14px 14px 0;
  display: flex;
  flex-direction: column;
  min-height: 180px;
}
.solu-item-title{
  margin: 0 0 8px;
  font-size: 16px;
  line-height: 1.35;
  font-weight: 800;
}
.solu-item-title a{
  color: #111;
  text-decoration: none;
}
.solu-item-title a:hover{ text-decoration: underline; color:#0054a3;}

.solu-meta{
  font-size: 12px;
  color: #777;
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 10px;
}
.solu-meta i{ font-size: 14px; }

.solu-excerpt{
  margin: 0;
  font-size: 13px;
  line-height: 1.75;
  color: #666;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Actions */
.solu-actions{
  margin-top: auto;
  padding-top: 12px;
}
.solu-btn{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
  color: #111;
  border-top: 1px dashed #eee;
  padding-top: 10px;
}
.solu-btn i{ font-size: 16px; }

/* ===== Page Background ===== */
.application-show{
  width: 100%;
  padding: 50px 0;
  background: #f5f5f5;
}

/* 外层宽度容器（你已有 auto1280 就不用再写宽度） */
.sd-wrap{ padding: 0 12px; }

/* ===== Main White Panel ===== */
.sd-panel{
  background: #fff;
  border: 1px solid #eee;
  border-radius: 18px;
  padding: 26px 26px 30px;
  box-shadow: 0 14px 40px rgba(0,0,0,.06);
}

/* ===== Header ===== */
.sd-kicker{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #555;
}

.sd-title{
  margin: 10px 0 10px;
  font-size: 28px;
  line-height: 1.25;
  font-weight: 900;
  color: #111;
}

.sd-meta{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  font-size: 13px;
  color: #777;
}
.sd-meta i{ font-size: 14px; }
.sd-meta-dot{ color: #c2c2c2; }

.sd-author{
  color: #111;
  font-weight: 800;
  text-decoration: none;
}
.sd-author:hover{ text-decoration: underline; }

/* ===== Abstract ===== */
.sd-abstract{
  margin-top: 18px;
  padding: 16px 18px;
  border-radius: 14px;
  background: #fafafa;
  border: 1px solid #eee;
  position: relative;
}
.sd-abstract:before{
  content: "";
  position: absolute;
  left: 0;
  top: 14px;
  bottom: 14px;
  width: 4px;
  background: #111;
  border-radius: 4px;
}
.sd-abstract-title{
  margin: 0 0 8px;
  font-size: 16px;
  font-weight: 900;
  color: #111;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding-left: 10px;
}
.sd-abstract-text{
  margin: 0;
  padding-left: 10px;
  font-size: 14px;
  line-height: 1.8;
  color: #555;
}

/* ===== Content ===== */
.sd-content{
  margin-top: 18px;
  font-size: 15px;
  line-height: 1.9;
  color: #333;
}
.sd-content h2{
  margin: 26px 0 10px;
  font-size: 18px;
  font-weight: 900;
  color: #111;
}
.sd-content p{ margin: 0 0 14px; }
.sd-content ul,
.sd-content ol{
  padding-left: 20px;
  margin: 0 0 14px;
}
.sd-content li{ margin: 6px 0; }

.sd-content blockquote{
  margin: 16px 0;
  padding: 12px 16px;
  border-radius: 14px;
  background: #fff;
  border: 1px solid #eee;
  color: #555;
  position: relative;
}
.sd-content blockquote:before{
  content: "";
  position: absolute;
  left: 0;
  top: 12px;
  bottom: 12px;
  width: 4px;
  background: #ddd;
  border-radius: 4px;
}

/* ===== Prev / Next ===== */
.sd-nav{
  margin-top: 28px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}
.sd-nav a{ display:block;}
.sd-nav-box{
  background: #fff;
  border: 1px solid #eee;
  border-radius: 16px;
  padding: 14px 14px 12px;
  box-shadow: 0 10px 28px rgba(0,0,0,.04);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.sd-nav-box:hover{
  transform: translateY(-3px);
  border-color: #e6e6e6;
  box-shadow: 0 14px 34px rgba(0,0,0,.08);
}

.sd-nav-kicker{
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #777;
  margin-bottom: 8px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.sd-nav-link{
  display: block;
  font-size: 14px;
  font-weight: 900;
  color: #111;
  text-decoration: none;
  line-height: 1.55;
}
.sd-nav-link:hover{ text-decoration: underline; }

/* ===== Related Solutions ===== */
.sd-related{
  margin-top: 34px;
  padding-top: 22px;
  border-top: 1px dashed #eee;
}

.sd-related-head{ margin-bottom: 12px; }
.sd-related-title{
  margin: 0;
  font-size: 18px;
  font-weight: 900;
  color: #111;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.sd-related-sub{
  margin: 8px 0 0;
  font-size: 13px;
  color: #666;
  line-height: 1.7;
}

.sd-related-grid{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
  margin-top: 14px;
}

.sd-card{
  display: block;
  text-decoration: none;
  background: #fff;
  border: 1px solid #eee;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 10px 28px rgba(0,0,0,.04);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.sd-card:hover{
  transform: translateY(-4px);
  border-color: #e6e6e6;
  box-shadow: 0 14px 34px rgba(0,0,0,.08);
}

.sd-card-media{
  width: 100%;
  aspect-ratio: 16 / 10;
  background: #f4f6f8;
  overflow: hidden;
}
.sd-card-media img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transform: scale(1);
  transition: transform .22s ease;
}
.sd-card:hover .sd-card-media img{ transform: scale(1.05); }

.sd-card-body{ padding: 12px 12px 14px; }
.sd-card-body h4{
  margin: 0;
  font-size: 14px;
  line-height: 1.45;
  font-weight: 900;
  color: #111;
}





/* News */
.blog-list{ padding:50px 0;}
.blog-grid{ display:grid; grid-template-columns:repeat(3, 1fr); gap:22px;}
.blog-card{
  background:#fff;
  border:1px solid #e7e7e7;
  border-radius:12px;
  overflow:hidden;
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.blog-card:hover{
  transform:translateY(-3px);
  border-color:var(--brand);
  box-shadow:0 14px 34px rgba(0,0,0,.10);
}
.blog-thumb{ overflow:hidden;}
.blog-thumb img{
  width:100%;
  height:auto;
  display:block;
  transform:scale(1);
  transition:transform .45s ease;
  will-change:transform;
}
.blog-card:hover .blog-thumb img{ transform:scale(1.06); }
.blog-body{ padding:18px 18px 20px;}
.blog-meta{
  display:flex;
  justify-content:space-between;
  align-items:center;
  color:#6b7280;
  font-size:.9rem;
}
.blog-date i{ margin-right:6px; color:var(--brand);}
.blog-view i{ margin-right:6px; color:var(--brand);}
.blog-title{
  display:block;
  margin-top:10px;
  font-size:1.1rem;
  line-height:28px;
  font-weight:700;
  color:#111827;
  text-decoration:none;
  height:28px;
  overflow:hidden;
}
.blog-title:hover{ color:var(--brand);}
.blog-excerpt{
  margin:10px 0 0;
  color:#374151;
  line-height:24px;
  height:48px;
  overflow:hidden;
}
.blog-more{
  margin-top:14px;
  display:inline-flex;
  align-items:center;
  gap:10px;
  color:var(--brand);
  text-decoration:none;
  font-weight:600;
}
.blog-more i{ font-size:1.2rem; font-weight:700;}
.blog-more:hover{ opacity:.85; }

.blog-show{ padding:40px 0 70px 0;}
.blog-show-header{
  padding-bottom:18px;
  border-bottom:1px solid #e7e7e7;
  margin-bottom:22px;
}
.blog-show-header h1{
  margin:0;
  font-size:1.85rem;
  line-height:1.35;
  color:#111827;
}
.blog-show-meta{
  margin-top:12px;
  display:flex;
  flex-wrap:wrap;
  gap:10px 18px;
  color:#6b7280;
  font-size:.92rem;
}
.blog-show-meta i{ margin-right:6px; color:var(--brand);}
.blog-show-wrap{ display:grid; grid-template-columns:1fr 360px; gap:26px;}
.blog-show-main{
  background:#fff;
  border:1px solid #e7e7e7;
  border-radius:12px;
  padding:22px 22px 18px;
}
.blog-show-content{ color:#1f2937; line-height:28px; font-size:0.9rem;}
.blog-show-content p{ margin:0 0 14px;}
.blog-show-content h2{
  margin:22px 0 10px;
  font-size:1.25rem;
  line-height:1.3;
  color:#111827;
}
.blog-show-content ul{ margin:10px 0 14px 18px; padding:0;}
.blog-show-content li{ margin:6px 0;}
.blog-show-content blockquote{
  margin:18px 0;
  padding:12px 14px;
  border-left:4px solid var(--brand);
  background:var(--tint-1);
  color:#374151;
  border-radius:8px;
}
.blog-show-nav{
  margin-top:18px;
  padding-top:18px;
  border-top:1px solid #e7e7e7;
}
.blog-show-nav ul{
  list-style:none;
  padding:0;
  margin:0;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}
.blog-show-nav li{
  border:1px solid #eee;
  border-radius:12px;
  padding:14px 14px;
  background:#fff;
  transition:transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.blog-show-nav li:hover{
  transform:translateY(-2px);
  border-color:var(--brand);
  box-shadow:0 12px 26px rgba(0,0,0,.08);
}
.blog-show-nav .nav-label{ display:inline-block; font-size:.9rem; color:#6b7280;}
.blog-show-nav li a{
  display:block;
  margin-top:8px;
  font-weight:700;
  color:#111827;
  line-height:24px;
  text-decoration:none;
  max-height:48px;
  overflow:hidden;
}
.blog-show-nav li:hover a{ color:var(--brand); }

.blog-show-side .side-box{
  background:#fff;
  border:1px solid #e7e7e7;
  border-radius:12px;
  padding:16px;
  position:sticky;
  top:90px;
}
.side-title{
  font-weight:800;
  color:#111827;
  font-size:1.05rem;
  padding-bottom:12px;
  border-bottom:1px solid #eee;
  margin-bottom:14px;
}
.side-item{
  display:flex;
  gap:12px;
  text-decoration:none;
  padding:10px 0;
  border-bottom:1px dashed #eee;
}
.side-item:last-child{ border-bottom:none;}
.side-thumb{
  flex:0 0 auto;
  width:120px;
  height:80px;
  overflow:hidden;
  border-radius:10px;
  background:#f3f4f6;
}
.side-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transform:scale(1);
  transition:transform .35s ease;
}
.side-item:hover .side-thumb img{ transform:scale(1.06); }
.side-info{ flex:1; min-width:0;}
.side-name{
  color:#111827;
  font-weight:700;
  line-height:22px;
  max-height:44px;
  overflow:hidden;
}
.side-date{ margin-top:6px; color:#6b7280; font-size:.9rem;}
.side-date i{ margin-right:6px; color:var(--brand); }

:root{
  --brand:#00b1f2;
  --brand2:#62c7cd;
  --bg:#f5f7f5;
  --card:#ffffff;
  --line:#e7edf3;
  --line2:#eef2f7;
  --text:#111827;
  --muted:#6b7280;
  --muted2:#475569;
  --thead:#2f3a40;
  --thead2:#263036;
}
.products-box{ padding:50px 0;}

.products-warp{ width:1360px; padding:50px 0; margin:0 auto;}
.products-layout{ width:100%; }
.products-layout:after,
.clearfix:after{ content:""; display:block; clear:both; }

.products-left{ float:left; width:300px; }
.products-right{ float:right; width:1020px; }

.pro-side-box{ margin-bottom:25px; border:1px solid #e5e5e5; background:#fff; }
.side-title{ height:52px; line-height:52px; padding:0 20px; background:#00b1f2; color:#fff; font-size:18px; font-weight:bold; }

.pro-cate-list{ padding:10px 0; }
.pro-cate-list li{ border-bottom:1px solid #f2f2f2; }
.pro-cate-list li:last-child{ border-bottom:none; }
.pro-cate-list li a{ display:block; padding:14px 20px; font-size:15px; color:#333; transition:all .3s ease; }
.pro-cate-list li a:hover{ background:#f0fbff; color:#00b1f2; padding-left:28px; }

.pro-cate-list li.active a{
    background:#f0fbff;
    color:#00b1f2;
    font-weight:bold;
    padding-left:32px;
}


.latest-box{ overflow:hidden; }
.latest-scroll{
    position:relative;
    height:420px;
    overflow:hidden;
    padding:10px 20px;
}
.latest-pro-list{
    position:relative;
}
.latest-pro-list li{
    border-bottom:1px dashed #e8e8e8;
    padding:12px 0;
}
.latest-pro-list li:last-child{
    border-bottom:none;
}
.latest-pro-list li a{
    display:block;
    overflow:hidden;
}
.latest-pic{
    float:left;
    width:78px;
    height:78px;
    border:1px solid #eee;
    background:#fff;
    overflow:hidden;
}
.latest-pic img{
    width:100%;
    height:100%;
    object-fit:contain;
    transition:all .3s ease;
}
.latest-text{
    display:block;
    margin-left:92px;
    height:78px;
    line-height:24px;
    font-size:14px;
    color:#333;
    overflow:hidden;
    padding-top:14px;
}
.latest-pro-list li a:hover .latest-text{
    color:#00b1f2;
}
.latest-pro-list li a:hover .latest-pic img{
    transform:scale(1.05);
}

.pro-topbar{ margin-bottom:25px; padding:16px 20px; border:1px solid #eaeaea; background:#f9fbfd; }
.pro-topbar h2{ font-size:1.6rem; color:#00b1f2;}

.pro-list ul{ margin:0 -10px; }
.pro-list li{ float:left; width:25%; margin-bottom:20px; }
.pro-item{ margin:0 10px; padding:15px; border:1px solid #e8e8e8; background:#fff; text-align:center; transition:all .3s ease; }
.pro-item:hover{ border-color:#00b1f2; box-shadow:0 8px 20px rgba(0,177,242,.12); }

.pro-pic{ display:block; width:100%; height:220px; overflow:hidden; margin-bottom:15px; background:#fff; }
.pro-pic img{ width:100%; height:100%; object-fit:contain; transition:all .4s ease; }
.pro-item:hover .pro-pic img{ transform:scale(1.05); }

.pro-item h3{ height:44px; line-height:22px; overflow:hidden; margin-bottom:15px; font-size:16px; font-weight:bold; }
.pro-item h3 a{ color:#333; }
.pro-item h3 a:hover{ color:#00b1f2; }

.pro-btns{ overflow:hidden; }
.pro-btn{ float:left; width:48%; height:38px; line-height:38px; text-align:center; font-size:14px; border-radius:3px; transition:all .3s ease; }
.detail-btn{ border:1px solid #00b1f2; color:#00b1f2; background:#fff; }
.detail-btn:hover{ background:#00b1f2; color:#fff; }
.appoint-btn{ float:right; border:1px solid #00b1f2; background:#00b1f2; color:#fff; }
.appoint-btn:hover{ background:#009bd4; border-color:#009bd4; }


.appoint-mask{ display:none; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.5); z-index:9998; }
.appoint-popup{ display:none; position:fixed; left:50%; top:40%; width:520px; margin-left:-260px; margin-top:-260px; background:#fff; z-index:9999; box-shadow:0 15px 35px rgba(0,0,0,.2); }
.appoint-close{ position:absolute; right:15px; top:10px; font-size:28px; color:#999; line-height:30px; }
.appoint-close:hover{ color:#fff; }
.appoint-title{ height:60px; line-height:60px; padding:0 25px; background:#00b1f2; color:#fff; font-size:22px; font-weight:bold; }

.appoint-form{ padding:25px; }
.appoint-form dl{ margin-bottom:16px; }
.appoint-form dt{ margin-bottom:8px; font-size:14px; color:#333; }
.appoint-form dd{ margin:0; }
.appoint-form input[type="text"],
.appoint-form textarea{ width:100%; border:1px solid #ddd; padding:0 12px; font-size:14px; color:#333; font-family:"Microsoft YaHei"; box-sizing:border-box; }
.appoint-form input[type="text"]{ height:42px; line-height:42px; }
.appoint-form textarea{ height:110px; padding-top:10px; resize:none; }
.appoint-form input[type="text"]:focus,
.appoint-form textarea:focus{ border-color:#00b1f2; }

.appoint-submit{ padding-top:10px; text-align:center; }
.appoint-submit input{ width:180px; height:44px; border:none; background:#00b1f2; color:#fff; font-size:16px; cursor:pointer; border-radius:3px; }
.appoint-submit input:hover{ background:#009bd4; }


.products-show-warp{ width:1360px; margin:0 auto; padding:50px 0;  }
.products-show-layout:after,
.clearfix:after{ content:""; display:block; clear:both; }

.products-show-left{ float:left; width:300px; }
.products-show-right{ float:right; width:1020px; }


.pro-topbar{ margin-bottom:25px; padding:16px 20px; border:1px solid #eaeaea; background:#f9fbfd; }
.pro-position{ font-size:14px; color:#666; line-height:28px; }
.pro-position a{ color:#666; }
.pro-position a:hover{ color:#00b1f2; }

.products-show-head{ margin-bottom:30px; padding:30px; border:1px solid #e8e8e8; background:#fff; }
.products-show-pic{ float:left; width:420px; height:420px; border:1px solid #eee; background:#fff; overflow:hidden; text-align:center; }
.products-show-pic img{ width:100%; height:100%; object-fit:contain; }

.products-show-info{ float:right; width:520px; }
.products-show-info h1{ margin-bottom:20px; font-size:30px; color:#222; line-height:42px; font-weight:bold; }
.products-show-tel{ margin-bottom:22px; font-size:18px; color:#333; line-height:30px; }
.products-show-tel span{ color:#00b1f2; font-size:24px; font-weight:bold; }

.products-show-btns{ margin-top:24px; }

.products-show-btns .pro-btn{
    display:inline-block;
    width:180px;
    height:48px;
    line-height:48px;
    text-align:center;
    font-size:16px;
    border-radius:3px;
    transition:all .3s ease;
}

.products-show-btns .appoint-btn{
    border:1px solid #00b1f2;
    background:#00b1f2;
    color:#fff;
}

.products-show-btns .appoint-btn:hover{
    background:#009bd4;
    border-color:#009bd4;
    color:#fff;
}
.products-show-desc{ padding:20px; background:#f8fbfd; border:1px solid #e8f5fb; font-size:15px; color:#666; line-height:30px; }

.products-show-detail{ border:1px solid #e8e8e8; background:#fff; }
.detail-title{ height:56px; line-height:56px; padding:0 25px; border-bottom:1px solid #eee; font-size:22px; color:#222; font-weight:bold; }
.detail-content{ padding:25px 30px; font-size:15px; color:#555; line-height:32px; }
.detail-content p{ margin-bottom:16px; }

.search-box{ width:1360px; padding:50px 0; margin:0 auto;}


.search-box{ width:1360px; padding:50px 0; margin:0 auto; font-family:"Microsoft YaHei"; }
.search-main{ width:100%; }

.clearfix:after{ content:""; display:block; clear:both; }

.pro-topbar{ margin-bottom:25px; padding:16px 20px; border:1px solid #eaeaea; background:#f9fbfd; }
.pro-position{ font-size:14px; color:#666; line-height:28px; }
.pro-position a{ color:#666; }
.pro-position a:hover{ color:#00b1f2; }

.search-result-head{
    margin-bottom:25px;
    padding:22px 25px;
    border:1px solid #e8e8e8;
    background:#fff;
}
.search-result-title{
    float:left;
    font-size:26px;
    color:#222;
    line-height:40px;
    font-weight:bold;
}
.search-result-tip{
    float:right;
    font-size:15px;
    color:#666;
    line-height:40px;
}
.search-result-tip span,
.search-result-tip strong{
    color:#00b1f2;
    font-weight:bold;
}