body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,code,fieldset,lengend,button,input,textarea,th,td{margin:0;padding:0; color:#666;font-family:microsoft yahei,helvetica,simhei,simsun,sans-serif;}
ol,ul,li{list-style:none}
a{text-decoration:none;outline:0; color:#666;}
a:hover{text-decoration:underline}
fieldset,img{border:0}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}
button,input,select,textarea{font-size:100%}
.clearfix:after {clear:both; content:"."; display:block; height:0pt; visibility:hidden; overflow:hidden;} 
.clear{clear:both;} 
.dis{display:block;} 
.undis{display:none;}
h1{color:#fff;font-family:microsoft yahei,helvetica,simhei,simsun,sans-serif; font-weight:bold}

.w1200{ width:1200px; margin-left:auto; margin-right:auto;}
/*--头部文件--*/
.wrap { width:100%; margin-left:auto; margin-right:auto; height:auto; overflow:hidden; background:#fff;}
.header{ background: url(../images/bg.gif) repeat-x; height:215px; }
.top{ height:42px; line-height:42px; font-size:12px; color:#666;}
.top .left{ float:left;}
.top .right{ float:right;}
.top .right li{ float:left; list-style:none; margin-right:15px; font-size:12px;}
.top .right li i{ color: #888; font-size:12px; margin-right:4px; }
.top .right li a{ color:#888; display:block;}
.top .right a:hover i{ color:#fd9522;}

.thumbnail {position:relative;z-index:0;}
.thumbnail img{border-width:0;padding:2px;position:absolute;left:0px;border:1px solid #f1f1f1;visibility:hidden;text-decoration:none;}
.thumbnail:hover img{visibility:visible;top:42px;left:0px;}

.header-logo{ margin-top:9px; background:#33CC00}
.header-logo .left{ width:250px; float:left;}
.header-logo .center{ width:600px; float:left; margin-left:50px; margin-right:50px; margin-top:21px; }
.header-logo .center input{ height:32px; line-height:36px; padding-top:2px; font-family:Arial; font-size:13px; color:#777; outline:none; border:3px #3399ff solid; width:480px; padding-left:10px; }
.header-logo .center button{ height:40px; color:#fff; background:#3399ff; border:0px; width:90px; margin-left:-5px; margin-top:0px; position:absolute; }
.header-logo .center button:hover{ background:#3399cc;}
.header-logo .center i{ color:#fff; padding-right:5px; font-weight:normal;}
.header-logo .center p{ margin-top:10px; font-size:12px; width:576px; overflow: hidden;}
.header-logo .center p i{ color:#999;}
.header-logo .center p a{ margin-right:10px;}
.header-logo .right{ width:250px; float:left; color:#666; font-size:13px; text-align: center; margin-top:14px;}
.header-logo .right .tel{ border-bottom:1px #e1e1e1 solid;  padding-bottom:8px; margin-bottom:8px;}
.header-logo .right .tel b { font-weight:500; color:#37ae38; font-size:24px; font-family: Geneva, Arial, Helvetica, sans-serif; font-style:normal;}

/* 判断导航顶部固定 */
.full{ position:fixed;top:0;z-index:10000; width:1200px;  float:left;  }
.fixed{position:fixed;top:0; width:1200px !important;left:0; right:0;  margin:auto !important;z-index: 10;  float:none !important;}

/* 分页 */
.page { padding:30px 0px; line-height:24px; text-align:center; font-size:13px;   }
.page a { display:inline-block; padding:2px 10px; text-decoration:none; margin:0 2px;  background:#ddd; color:#333;  border-radius:2px; }
.page a:hover,.page .current {  display:inline-block; padding:2px 10px;   margin:0 2px;   background:#3399cc; color:#fff; border-radius:2px; }



/* 导航 */
.menu{ margin-top:11px; background:#3399ff;}
.menulist{ float:left; width:1200px;  margin-left:250px;}
.menulist li{   float:left; width:140px;}
.menulist li a{ font-size:16px;  text-decoration:none; display:block; color:#fff; height:49px; line-height:49px; text-align:center;}
.menulist li a:hover{ font-size:16px; width:140px; background:#3399cc; color:#fff; height:49px; line-height:49px; text-align:center;}

.menulist .current a{ font-size:16px; width:140px; background:#3399cc; color:#fff; height:49px; line-height:49px; text-align:center;}

/* 首页中间内容 */
.ban-nav { padding:0px; margin-left:auto; margin-top:-1px; margin-right:auto; height:400px; width:1200px; position: relative; }
.ban-nav .left { float:left; width:250px; height:427px;  }
.ban-nav .center{ width:699px; float:left; height:427px;  }
.ban-nav .right{ width:251px; float:right; box-sizing:border-box; border-left:1px #e1e1e1 solid; border-bottom:1px #e1e1e1 solid; border-right:1px #e1e1e1 solid;   height:432px; box-sizing:border-box; }
.ban-nav .right .index_new{ padding:7px 15px 0px 16px;}
.ban-nav .right .index_new b{ border-bottom:1px #e1e1e1 solid; font-size:16px; color:#444; background: url(../images/titlebg2.png) no-repeat; height:40px; line-height:40px; padding-left:15px; font-weight:normal; display:block; margin-bottom:8px; }
.ban-nav .right .index_new li{ font-size:13px; line-height:26px; height:26px; display:block; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; width:220px; }
.ban-nav .right .cp-tj{ width:219px; padding-top:5px; background:#fff;  overflow:hidden; }
.ban-nav .right .cp-tj img{ width:100%; }
.ban-nav .center .banner{ width:700px; height:262px; overflow:hidden; background:#333    }

/* 首页中间广告 */
.picad{width:700px; height:170px; top:263px; position: absolute;  }
.picad li{ float:left; border-bottom:1px #e1e1e1 solid; overflow:hidden; border-right:1px #e1e1e1 solid; width:233px; box-sizing:border-box; display:block; height:85px; overflow:hidden; }
.picad li:nth-child(3n){ border-right:none}
.picad img {-webkit-transition:transform .3s; -o-transition:transform .3s;transition:transform .3s;}
.picad img:hover{ transform:scale(1.05, 1.05);	-webkit-transform:scale(1.05, 1.05);	-o-transform:scale(1.05, 1.05);}

/* index pinpailist */

.pinpailist{ width:1200px; margin-left:auto; margin-right:auto; margin-top:15px;}
.pinpailist b{ border-bottom:2px #3399ff solid; font-size:19px; font-weight:500;  line-height:40px; padding-left:35px; font-weight:normal; display:block; margin-bottom:10px; color:#fff; background: url(../images/titlebg.png) no-repeat; }
.pinpailist ul{ margin:0px; padding:0px 0px; }
.pinpailist ul li{ width:151px; height:90px;  margin-left:-1px; margin-bottom:-1px;  border:1px #e1e1e1 solid; box-sizing:border-box; text-align:center;   overflow:hidden; float:left;  display:block;}

.pinpailist ul li p{ margin-top:5px; overflow:hidden; display:block;/*内联对象需加*/   

word-break:keep-all;/* 不换行 */   

  white-space:nowrap;/* 不换行 */  

  overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */   

  text-overflow:ellipsis;/* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/}

.pinpailist li img{ width:130px; max-height:50px;  min-height:50px;  margin-top:8px; vertical-align:middle;  }
.pinpailist li img span{ height:100%; width:0; overflow:hidden; display:inline-block; vertical-align:middle;}
.pinpailist li a:hover p{ color:#ff0000;  }
.pinpailist li a{  display:block; height:89px; font-size:13px;  }
.pinpailist li a:hover{ color:#ff0000; text-decoration:none; background:#fffdfa; border:1px #3399ff solid; height:90px; position:absolute; margin-top:-1px; margin-left:-1px; width:151px; box-sizing:border-box;   }





/* 首页底部 */
.foot{ width:100%; margin-left:auto; margin-right:auto; margin-top:40px; margin-bottom:0px;}
.foot-menu{ background:#3399ff; width:100%; padding:12px 0px; height:auto; overflow:hidden; color:#fff; text-align:center}
.foot-menu ul{ width:1200px; margin-left:auto; margin-right:auto;}

.foot-menu li:last-child{ border-right:none}
.foot-menu li{ font-size:13px; color:#fff; width:80px; margin:0px;  padding:0px 0px; border-right:1px #fff solid; float:left;}
.foot-menu a{ color:#fff; padding:0px 10px;}
.foot-text{ text-align:center; width:1200px; margin-left:auto; margin-right:auto; padding:20px 0px 0px 0px; font-size:13px; color:#555; line-height:30px;}

/* 首页产品列表 */
.indexproduct{ width:1200px; margin-left:auto; margin-right:auto; margin-top:20px; clear: both; height:415px; border-bottom:1px #e1e1e1 solid; overflow:hidden;}
.indexproduct .biaoti{ border-bottom:0px #e1e1e1 solid; font-size:26px; font-weight:500; padding:10px 10px; color:#fff; background: linear-gradient(90deg, #3ba5fe, #fff);}
.indexproduct .biaoti a{ float:right; font-size:12px; padding-top:15px; }
.indexproduct .left{ float:left; width:199px; padding-top:10px;  border-right:1px #e1e1e1 solid;}
.indexproduct .left ul{ height:170px; overflow:hidden; }
.indexproduct .left li{ float:left; width:90px;  text-align:center; padding:3px 4px;}
.indexproduct .left li a{ font-size:12px;}

.index-ad-left{ width:199px; height:180px;  display:block; background:#Fff}
.index-ad-left img{ width:199px; height:180px;  }
.index-ad-left img:hover{opacity:0.7;filter:alpha(opacity=70);}

.indexproduct .center{ float:left; width:800px; }
.indexproduct .center li{ width:159px; padding-top:10px; float:left; border-right:1px #e1e1e1 solid;    height:169px; display:block; text-align:center; font-size:12px; color:#444}
.indexproduct .center li:nth-child(2){ border-bottom:1px #e1e1e1 solid;}
.indexproduct .center li:nth-child(3){ border-bottom:1px #e1e1e1 solid;}
.indexproduct .center li img{ width:120px; height:120px;  }
.indexproduct .center li img {-webkit-transition:transform .3s; -o-transition:transform .3s;transition:transform .3s;}
.indexproduct .center li img:hover{ transform:scale(1.05, 1.05);	-webkit-transform:scale(1.05, 1.05);	-o-transform:scale(1.05, 1.05);}

.indexproduct .center li a{ text-decoration:none;}
.indexproduct .center li a:hover p{color:#fe6506; text-decoration:underline;}
.indexproduct .center li p{ padding-top:5px; padding-bottom:2px; width:120px; padding-left:20px;


display:block;/*内联对象需加*/


word-break:keep-all;/* 不换行 */

white-space:nowrap;/* 不换行 */

overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */

text-overflow:ellipsis;/* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/
}
.indexproduct .center li b{ color:#fe6506; font-weight:normal; font-size:14px;}
.indexproduct .center .product-ad{ float:left; width:480px; height:180px; padding:0px; border-right:0px; margin-left:0px; background:#FF6600;   } 
.indexproduct .center .product-ad img{ width:480px; height:180px; }
.indexproduct .center .product-ad img {-webkit-transition:transform .3s; -o-transition:transform .3s;transition:transform .3s;}
.indexproduct .center .product-ad img:hover{ transform:scale(1, 1);	-webkit-transform:scale(1, 1);	-o-transform:scale(1, 1);}

.indexproduct .right{ float:left; width:200px;  height:360px;}
.indexproduct .right span{ display:none}
.indexproduct .right li:hover span{ display:block; width:90px; height:36px; font-size:12px; text-align:center; line-height:36px; color:#fff; position:absolute; background:#3399ff; top:0; left:0 ; z-index:10; filter:alpha(opacity=90);-moz-opacity:0.9;opacity: 0.9; }

.indexproduct .right li{ width:90px; float:left; height:36px; margin-left:8px; margin-top:7px; position:relative;}

.indexproduct .right li img{ width:88px; height:34px; border:1px #e1e1e1 solid;}
.index-ad-right{ width:200px; height:180px; margin-top:179px; display:block; background:#fff}
.index-ad-right img{ width:200px; height:180px;     }
.index-ad-right img:hover{opacity:0.7;filter:alpha(opacity=70);}


/* banner */
.ck-slide { width:699px; height:262px; left:0px; position: relative; overflow: hidden;}
.ck-slide ul.ck-slide-wrapper { height:262px; margin:0px; padding:0px; }

.ck-slide ul {margin:0px; padding:0px; list-style-type: none;}

.ck-slide ul.ck-slide-wrapper {position: absolute; top: 0;left: 0;z-index: 1;margin:0px; padding:0px;}
.ck-slide ul.ck-slide-wrapper li {position: absolute; margin:0px; padding:0px;}
.ck-slide ul.ck-slide-wrapper li a{line-height:0px;display:block; margin:0px; padding:0px;}
.ck-slide .ck-prev, .ck-slide .ck-next {position: absolute;top: 50%;z-index: 2;width: 35px;height: 70px;margin-top: -35px;border-radius: 3px;opacity: .15;text-indent: -9999px;background-repeat: no-repeat;transition: opacity .2s linear 0s;}
.ck-slide .ck-prev {left: 5px;background: url(../images/arrow-left.png) #000 50% no-repeat;}
.ck-slide .ck-next {right: 5px;background: url(../images/arrow-right.png) #000 50% no-repeat;}
.ck-slidebox {position: absolute;left: 45%;bottom: 12px;z-index: 30;}
.ck-slidebox ul {height: 20px;padding: 0 4px;border-radius: 8px;}
.ck-slidebox ul li {float: left;height: 12px;margin: 4px 4px;}
.ck-slidebox ul li em {display: block;width: 12px;height: 12px;border-radius: 100%;background-color: #fff;text-indent: -9999px;	cursor: pointer;}
.ck-slidebox ul li.current em {background-color: #fe6500;}
.ck-slidebox ul li em:hover {background-color: #fe6500;}






/* 导航 位置 */

.daohang{ margin:20px 0px; font-size:14px; color:#888; width:1200px; margin-left:auto; margin-right:auto;}
.daohang i{ margin-right:5px;}
.daohang a{ font-size:13px; color:#888;}



/* 内页品牌 */

.pinpai{width:1200px; margin-left:auto; margin-right:auto; margin-top:20px;}
.pinpai .left{ float:left; width:250px; margin-right:30px; }

.pinpai .left .biaoti { background:#3399cc; height:40px; line-height:40px; padding-left:15px; color:#fff;  font-size:16px; border:1px #3399cc solid;}

.pinpai .left .pplist{ border-bottom:1px #e1e1e1 solid; border-left:1px #e1e1e1 solid; border-right:1px #e1e1e1 solid; box-sizing:border-box; }


.pinpai .left .pplist li{ height:40px; line-height:40px; position: relative; width:249px;  }
.pinpai .left .pplist li a{ color:#555; border-bottom:1px #e1e1e1 solid; font-size:14px;  display:block; padding-left:15px; margin-left:-1px; -webkit-transition: all ease .25s;
  transition: all ease .25s; }

.pinpai .left .pplist li a:hover{ background:#f6f6f6; color:#222; text-decoration:none; border-bottom:1px #f6f6f6 solid; }

.pinpai .left .pplist .current a{ background:#f6f6f6; color:#222; text-decoration:none; border-bottom:1px #f6f6f6 solid; }


.pinpai .left .pplist-img{ border-bottom:1px #e1e1e1 solid; padding:0px 10px 10px 10px; border-left:1px #e1e1e1 solid; border-right:1px #e1e1e1 solid; box-sizing:border-box; }

.pinpai .left .pplist-img li { height:80px; overflow:hidden; border-bottom:1px #e1e1e1 solid; padding-top:10px;}
.pinpai .left .pplist-img img{ float:left; width:70px; height:70px; margin-right:10px;}
.pinpai .left .pplist-img li:last-child{ border-bottom:none}
.pinpai .left .pplist-img li b{ font-size:13px; height:36px; overflow:hidden; display:block; font-weight:normal;}

.pinpai .left .pplist-img li a{ text-decoration:none;}

.pinpai .left .pplist-img li p{ color:#fe6506; font-size:13px; padding-top:10px; }

.pinpai .left .pplist-img li a:hover b{ text-decoration:none; color:#fe6506; }

.pinpai .left .pplist-img li img {-webkit-transition:transform .3s; -o-transition:transform .3s;transition:transform .3s;}
.pinpai .left .pplist-img li img:hover{ transform:scale(1.05, 1.05);	-webkit-transform:scale(1.05, 1.05);	-o-transform:scale(1.05, 1.05);}


.pinpai .left .ppnew{ border:1px #e1e1e1 solid; margin-top:20px; padding:5px 10px 10px 10px;}

.pinpai .left .ppnew b{ border-bottom:1px #e1e1e1 solid; font-size:16px; color:#444; background: url(../images/titlebg2.png) no-repeat; height:40px; line-height:40px; padding-left:15px; font-weight:normal; display:block; margin-bottom:8px; }

.pinpai .left .ppnew li{ font-size:13px; line-height:26px; height:26px; display:block;word-break:keep-all; white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:210px;
background-image:url(../images/bgpro.png); padding-left:20px;
	background-repeat: no-repeat;
	background-position: -63px -141px;



 }

.pinpai .right{ float:left; width:920px;  }
.pprightlist {  width:920px; margin-top:10px; }
.pprightlist li{ float:left; width:145px; margin-right:10px; margin-bottom:20px; text-align:center;}
.pprightlist li:nth-child(6n){ margin-right:0px;}

.pprightlist li a{ text-decoration:none; font-size:13px;}

.pprightlist li p{ background:#fff; height:30px; margin-top:-5px; line-height:30px; font-size:14px;

overflow:hidden; display:block;/*内联对象需加*/   

word-break:keep-all;/* 不换行 */   

  white-space:nowrap;/* 不换行 */  

  overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */   

  text-overflow:ellipsis;/* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/


}
.pprightlist li a:hover p{ color:#fff; background:#fb932a;}

.pprightlist li img{ width:145px; height:55px; box-sizing:border-box; border:1px #e1e1e1 solid;}
.pprightlist li img:hover{ box-sizing:border-box; border:1px #fb932a solid; }

.pinpai .right .biaoti{border-bottom:1px #e1e1e1 solid; font-size:18px; color:#444; background: url(../images/titlebg2.png) no-repeat; height:40px; line-height:40px; padding-left:15px; font-weight:normal; display:block; margin-bottom:8px;}



.pinpai .right .gongsi{ background:#fdfdfd; overflow:hidden; height:auto; color:#333; font-size:14px; padding:10px 0px; line-height:26px}

.pinpai .right .gongsi img{ float:left; margin-right:10px;}

.pinpai .right .gongsi p a{ background:#0066CC; display:block; text-decoration: none; width:200px; text-align:center; color:#fff; border-radius:5px; padding:6px 0px; font-size:16px;}


.pinpai .right .gongsi p a:hover{ background:#FF6600; display:block; width:200px; text-align:center; color:#fff; border-radius:5px; padding:6px 0px; font-size:16px;}




.pinpai .right .pinpaifenlei{ height:auto; overflow:hidden;}
.pinpai .right .pinpaifenlei b{ display: block; font-size:16px; font-weight:normal; padding:10px 0px;}
.pinpai .right .pinpaifenlei li{ float:left;  display:block; font-size:12px; border-radius: 5px; text-align:center; margin:5px 5px 5px 0px; background:#fbfaf9}
.pinpai .right .pinpaifenlei li a { display:block;  padding:5px 10px;}
.pinpai .right .pinpaifenlei li a:hover{ background:#3399cc; display:block; border-radius: 5px; text-decoration:none; color:#fff;}

.pinpai .right .pinpaifenlei .current a{ background:#3399cc; display:block; border-radius: 5px; text-decoration:none; color:#fff;}
.pinpai .right .pinpaifenlei .cur a{ background:#999; display:block; border-radius: 5px; text-decoration:none; color:#fff;}



/* 产品分类列表 */

.pinpai .right .productlist  { width:920px; margin-top:20px;}

.pinpai .right .productlist ul li{ background:#ccc; float:left;}
 
 

.pinpai .right .productlist .comm-box { background:#3399cb; width:100%; height:40px; line-height:40px; }

.pinpai .right .productlist .comm-box .cpimg { float:left; width:14%; text-align:center; color:#fff;}
.pinpai .right .productlist .comm-box .cpname { float:left; width:30%; text-align:center; color:#fff;}
.pinpai .right .productlist .comm-box .cpparameter { float:left; width:16%; text-align:center; color:#fff;}
.pinpai .right .productlist .comm-box .cppinpai { float:left; width:22%; text-align:right; color:#fff; }
.pinpai .right .productlist .comm-box .cplist { float:left; width:13%; text-align:right; color:#fff;}

.pinpai .right .productlist .comm-box-item { border-bottom:1px #e1e1e1 solid; height:100px; overflow:hidden; padding:10px 0px;   }


.pinpai .right .productlist .comm-box-item:hover{  }


.pinpai .right .productlist .comm-box-item .cpimg { float:left; text-align:center; width:16%; }
.pinpai .right .productlist .comm-box-item .cpimg img { width:100px; height:100px; outline-width:0px; vertical-align:top;}

.pinpai .right .productlist .comm-box-item .cpimg img {-webkit-transition:transform .3s; -o-transition:transform .3s;transition:transform .3s;}
.pinpai .right .productlist .comm-box-item .cpimg img:hover{ transform:scale(1.05, 1.05);	-webkit-transform:scale(1.05, 1.05);	-o-transform:scale(1.05, 1.05);}


.pinpai .right .productlist .comm-box-item .cpname { float:left; width:30%; height: 100px; font-size:14px; line-height:22px; color:#444; display:flex;align-items: center; justify-content:left;}
.pinpai .right .productlist .comm-box-item .cpname span{  vertical-align: middle;}
.pinpai .right .productlist .comm-box-item .cpname p{ color:#ec7f0a}
.pinpai .right .productlist .comm-box-item .cpname a { text-decoration:none;}
.pinpai .right .productlist .comm-box-item .cpname a:hover span { color:#ec7f0a;}



.pinpai .right .productlist .comm-box-item .cpparameter { float:left; padding-left:1%; width:27%; color:#444; height:100px;display: flex; align-items: center; justify-content:left; font-size:12px; line-height:20px; }
.pinpai .right .productlist .comm-box-item .cppinpai { float:left; width:15%; text-align:center; color:#444; line-height:100px;  }

.pinpai .right .productlist .comm-box-item .cppinpai a{ font-size:12px;}


.pinpai .right .productlist .comm-box-item .cplist {  float:left; width:11%; text-align:center; color:#444; line-height:100px;  }

.comm-box-item:hover{ background:#f9f9f9}


.pinpai .right .productlist .comm-box-item .cplist a{ background:#ff9900; text-decoration:none; color:#fff; padding:5px 10px; border-radius: 5px; font-size:12px;}
.pinpai .right .productlist .comm-box-item .cplist a:hover{ background:#FF6600; text-decoration:none; color:#fff; padding:5px 10px; border-radius: 5px; font-size:12px;}


/* 产品分类列表 fenlei.asp */

.fenleilist { width:1200px; margin-left:auto; margin-right:auto;  height:auto; overflow: hidden; }
.fenleilist li{ box-sizing:border-box; background:#fff;  width:250px;  margin-right:1%; line-height:46px;  cursor: pointer;  box-sizing:border-box; border:1px #e1e1e1 solid ; font-size:15px; border-radius: 5px; margin-bottom:5px;}

.fenleilist li a{  display:block; font-size:15px;  box-sizing:border-box; border:1px #e1e1e1 solid ; border-radius: 5px;   }

.fenleilist li:hover{box-sizing:border-box; border:1px #ff9900 solid; background:#ff9900; color:#fff;  display:block; font-size:15px; border-radius: 5px; display:block; }

.fenleilist li:last-child{ margin-right:0px;}

.fenleilist li b{   background:#CC3300; display:block; height:37px; width:35px; float:left; margin-top:10px; margin-left:15px; margin-right:10px;}

.fenleilist li .cp1{ background:url(../images/cplist.png) 0px -40px; }
.fenleilist li .cp2{ background:url(../images/cplist.png) 0px -78px; }
.fenleilist li .cp3{ background:url(../images/cplist.png) 0px -110px; }
.fenleilist li .cp4{ background:url(../images/cplist.png) 0px -143px; }
.fenleilist li .cp5{ background:url(../images/cplist.png) 0px -176px; }
.fenleilist li .cp6{ background:url(../images/cplist.png) 0px -211px; }
.fenleilist li .cp7{ background:url(../images/cplist.png) 0px -246px; }
.fenleilist li .cp8{ background:url(../images/cplist.png) 0px -0px; }



.fenleishow { margin-top:20px; width:1200px; margin-left:auto; margin-right:auto;  height:auto; overflow: hidden; }


.fenleishow .fenlei-left{ width:250px; float:left; position: absolute; top:273px;}

.fenleishow .fenlei-right{ width:930px; margin-left:20px; float:left; position: relative; left:250px; z-index:10000;}

.fenleitable{  width:100%; float:left; box-sizing:border-box; border-top:1px #4c8bfe solid; border-left:1px #dfe9fc solid; border-bottom:1px #dfe9fc solid; border-radius: 5px; margin-bottom:20px; border-right:1px #dfe9fc solid; z-index:1000; }

.fenleitable b{ display:block; font-size:16px; font-weight:normal; color:#fff; font-weight:500; background:#3399cc; height:36px; line-height:36px; border-bottom:1px #e1e1e1 solid; padding-left:15px; }

.fenleitable .left{ padding:10px 10px 0px 10px; font-size:14px; font-weight:600; }

.fenleitable .left a{ font-size:15px; color:#666; text-decoration:none; margin-right:5px; }

.fenleitable .left a:hover{ text-decoration: underline }

.fenleitable .left i{ font-size:12px; color:#3399cc; margin-right:10px;}

.fenleitable .right{ padding:10px 30px; line-height:22px; }

.fenleitable .right a{ font-size:13px; color:#666; text-decoration:none; margin-right:5px; }
.fenleitable .right a:hover{ font-size:13px; color:#333; text-decoration: underline;}

/* 产品目录弹出菜 */

.productmenu{ border-right:1px #e1e1e1 solid; padding:0px;  border-left:1px #e1e1e1 solid; height:auto; overflow:hidden; }

.productmenu ul{ margin:0px; }

.productmenu ul li ul{ margin-top:0px; }

.productmenu ul li{   cursor:pointer; display:block; background-color:#fff;   }

.productmenu ul li:last-child{  border-bottom:none}

.productmenu ul li a{
	display:block;
	padding:8px 0px 8px 15px;
	text-decoration:none;
	background-image:url(../images/bg.png);
	border-bottom:1px #eaeaea solid;
	font-size:14px;
	color:#333;
	background-repeat: no-repeat;
	background-position: 230px -308px;
}
.productmenu ul li a:hover{ display:block;  background:#fff;  font-size:14px; color:#333;

background-image:url(../images/bg.png);
	border-bottom:1px #eaeaea solid;
	
	color:#333;
	background-repeat: no-repeat;
	background-position: 230px -335px;

}


.productmenu .current a{ display:block;  background:#f5f5f5;  font-size:14px; color:#333;

background-image:url(../images/bg.png);
	border-bottom:1px #eaeaea solid;
	font-size:14px;
	color:#333;
	background-repeat: no-repeat;
	background-position: 230px -335px;

}

.productmenu ul li ul li:last-child{   border-bottom:1px #e1e1e1 solid;}
.productmenu ul li ul li{ background:#fff;  width:260px;     border-bottom:1px #e1e1e1 solid;



word-break:keep-all;/* 不换行 */
white-space:nowrap;/* 不换行 */
overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */
text-overflow:ellipsis;/* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/ 



 }


.productmenu ul li ul li a{  font-size:13px; color:#666; padding-left:30px;display:block; background-image:url(../images/learr.gif); background-position: 0px -28px;  border-bottom:none; }
.productmenu ul li ul li a:hover{  font-size:13px; color:#666;  border-bottom:none; text-decoration: none; background:#e2f4fe;  background-image:url(../images/learr.gif); background-position: 0px -28px; background-repeat: no-repeat;  }


/* 产品详细展示 */

.cpview{ margin:0px; padding:0px;}

.cp-img { width:510px;  float:left; text-align:center; height:360px; overflow:hidden; }

.cp-img img{ max-height:360px;}

.cp-text { float:left; margin-left:10px; width:400px; }


.cp-text h1{ font-size:22px; color:#555; margin-bottom:15px;}

.cp-text .intro1{ border:1px #e1e1e1 solid; background:#fdf8f2; width:380px; padding:10px; line-height:24px; font-size:13px;}


.cp-text .intro1 li i{ font-size:20px; color:#FF6600; font-style:normal;}


.cp-text .zx { border:1px #e1e1e1 solid; background:#f3f6f9; margin-top:10px; margin-bottom:10px; width:380px; padding:10px; line-height:22px;}

.cpad img{ width:920px; margin:30px 0px 15px 0px;}

.cpms{ font-size:15px; line-height:28px;}

.sc{ margin:0px; padding:0px;}
.sc li{ width:195px; height:40px; float:left; margin-right:10px; border-radius:3px; text-align:center; }


.sc li:last-child{ margin-right:0px;}
.sc li a{ font-size:16px; color:#fff; text-decoration:none; border-radius:3px;  background:#ff9900; line-height:40px; display:block;}

.sc li a:hover{ font-size:16px; color:#fff; text-decoration:none; border-radius:3px;  background:#ff6600; line-height:40px; display:block;}





/* 新闻列表 */


.newlist{ margin:0 auto; width:920px; overflow:hidden; border-bottom:1px #e1e1e1 solid; margin-bottom:15px; padding-bottom:15px;} 
.newlist img{ float:left; width:140px; height:90px} 
.newlist .right{ float:right; width:760px; text-align:left} 
.newlist .right h3{ height:26px; line-height:26px;font-family:"Microsoft YaHei"; font-size:16px; overflow:hidden;} 
.newlist .right div{ padding-top:5px; height:44px; font-size:13px; overflow:hidden} 
.newlist .right div span{color:#353535} 


.newlist .right h3:hover{ color:#ff6600}



/* 左侧菜单 */


.me{ width:250px; font-size:16px; cursor:pointer;  text-align:center; margin-top:0px; color:#fff; position:absolute;}
.me b{ height:49px; line-height:49px; display:block;  font-weight:normal; background:#3ba5fe;  padding-left:15px;  }
.me b i{ margin-left:130px;  }
.me .me_nr{width:248px; height:340px;  margin-top:0px; background:#fff; display:none;}
.me.on .me_nr{ display:block;}


.hc_lnav{z-index:100000000;position:relative;width:245px; }
.hc_lnav .allbtn{z-index:10000000;position:relative}

.hc_lnav .allbtn h2{font-size:14px;}
.hc_lnav .allbtn h2 a{background-color:#fff; padding-left:10px;width:248px; display:block;height:36px; color:#ffffff;font-size:14px;font-weight:normal}
.hc_lnav .allbtn h2 a:hover{background-color:#fff;text-decoration:none}

.hc_lnav .allbtn ul{z-index:99999;position:absolute; background:#fff;  height:431px; left:0px; border-bottom:1px #e1e1e1 solid; border-left:1px #e1e1e1 solid; border-right:1px #e1e1e1 solid;}

.hc_lnav .allbtn ul li{ zoom:1;cursor:default;}
.hc_lnav .allbtn ul li .tx{height:47px; border-bottom:1px #ccc solid; padding-top:6px; padding-left:15px; text-align:left;}



.hc_lnav .allbtn ul li .tx .cp1{ background:url(../images/cplist.png) 0px -35px; height:37px; width:35px; margin-right:10px; float:left; padding:0px;}
.hc_lnav .allbtn ul li .tx .cp2{ background:url(../images/cplist.png) 0px -71px; height:37px; width:35px; margin-right:10px; float:left; padding:0px;}
.hc_lnav .allbtn ul li .tx .cp3{ background:url(../images/cplist.png) 0px -106px; height:37px; width:35px; margin-right:10px; float:left; padding:0px;}
.hc_lnav .allbtn ul li .tx .cp4{ background:url(../images/cplist.png) 0px -141px; height:37px; width:35px; margin-right:10px; float:left; padding:0px;}
.hc_lnav .allbtn ul li .tx .cp5{ background:url(../images/cplist.png) 0px -176px; height:37px; width:35px; margin-right:10px; float:left; padding:0px;}
.hc_lnav .allbtn ul li .tx .cp6{ background:url(../images/cplist.png) 0px -211px; height:37px; width:35px; margin-right:10px; float:left; padding:0px;}
.hc_lnav .allbtn ul li .tx .cp7{ background:url(../images/cplist.png) 0px -246px; height:37px; width:35px; margin-right:10px; float:left; padding:0px;}
.hc_lnav .allbtn ul li .tx .cp8{ background:url(../images/cplist.png) 0px 0px; height:37px; width:35px; margin-right:10px; float:left; padding:0px;}


.hc_lnav .allbtn ul li .tx p{ font-size:14px;}
.hc_lnav .allbtn ul li .tx span{ font-size:12px; color:#999999}
.hc_lnav .allbtn ul li .tx a{color:#333; height:26px; text-align:left; font-size:14px; }
.hc_lnav .allbtn ul li .tx a:hover{color:#0066CC; height:26px; text-align:left; font-size:14px; }
.hc_lnav .allbtn ul li dl{zoom:1;color:#ffffff;clear:both;overflow: hidden;padding-top:0px}
.hc_lnav .allbtn ul li dl a{line-height:18px; white-space:nowrap;float:left;color:#d9e7ce;margin-left:6px; margin-right:6px; -webkit-transition:color 0.1s ease-out 0s;-moz-transition:color 0.1s ease-out 0s;-ms-transition:color 0.1s ease-out 0s;-o-transition:color 0.1s ease-out 0s;transition:color 0.1s ease-out 0s}

.hc_lnav .allbtn ul li dt{padding-left:10px;width:30px;float:left;padding-top:3px; font-family: "宋体";}
.hc_lnav .allbtn ul li dd{line-height:20px;width:180px; padding-left:5px; float:left; padding-top:0px; font-size:12px;}

.hc_lnav .allbtn ul li .pop{
 overflow:auto; height:411px; background:#fff;
border-bottom:#cbcbcb 1px solid;position:absolute;padding-bottom:10px; max-height:411px;padding-left:15px;width:674px;padding-right:10px;display:none; top:0px; border-right:#cbcbcb 1px solid; margin-left:-1px;  padding-top:10px;  z-index:100}

.hc_lnav .allbtn ul li .pop h3{font-size:13px; color:#888; border-bottom:1px #ccc dotted; height:38px; line-height:36px; padding-left:4px; text-align:left;}

.hc_lnav .allbtn ul li .pop h3 i{ margin-right:10px;}

.hc_lnav .allbtn ul li .pop h3 a{font-size:15px; color:#777; font-weight:normal; }

.hc_lnav .allbtn ul li .pop dl{padding-bottom:3px;color:#666666;padding-top:3px;}
.hc_lnav .allbtn ul li .pop dl:hover{background-color:#ffffff}
.hc_lnav .allbtn ul li .pop dl a{color:#666666; margin-left:0px; font-size:12px; margin-right:10px;line-height:26px;}
.hc_lnav .allbtn ul li .pop dl a.un{color:#a5a5a5}
.hc_lnav .allbtn ul li .pop dt{padding-left:0px;}
.hc_lnav .allbtn ul li .pop dd{width:700px; font-size:14px; display:block }

.content img{ margin-bottom:10px; max-width:600px;}

.hc_lnav .allbtn:hover ul{display:block}
.hc_lnav .allbtn ul li:hover{background-color:#fff;}

.hc_lnav .allbtn ul li:hover .tx{color:#444; background:#f9f9f9; cursor:pointer;position:relative; z-index:1000;}
.hc_lnav .allbtn ul li:hover .tx a{color:#fff}
.hc_lnav .allbtn ul li:hover .pop{display:block;top:0px;left:250px}
.hc_lnav .allbtn ul li:hover .pop dl a.un{color:#a5a5a5;text-decoration:none}
.hc_lnav .allbtn ul li:hover dl{color:#FF6600}
.hc_lnav .allbtn ul li:hover a{color:#fff}
.hc_lnav .allbtn ul li:hover a:hover{color:#FF6600}

/* 新闻内容 */

.news-detail{ width:100%; margin-left:auto; margin-right:auto;}

.news-detail h1{ font-size:22px; text-align:center; font-weight:normal; padding:15px 0px 0px 0px;}

.news-detail .laiyuan{ border-bottom:1px #ccc dashed; height:50px; line-height:50px;  font-size:13px; text-align:center;}

.news-detail .content{ font-size:15px; line-height:32px; margin:20px 0px;}

.news-detail .content a{ color:#006699; text-decoration: underline;} 
.news-detail .content a:hover{ color: #FF6600; text-decoration: underline;} 


.thickdiv {display:none;position:fixed;top:0;left:0;z-index:10000001;width:100%;height:100%;background:#000;border:0;filter:alpha(opacity=15);opacity:.15;}
.thickbox {display:none;position:fixed;	top:0;left:50%;z-index:10000002;overflow:hidden;padding:0 4px 4px 0;background:url(images/bg_shadow.gif) no-repeat -4px 0;margin-left:-175px;margin-top:180px;}
*html, *html body {background-image:url(about:blank);background-attachment:fixed;}
*html .thickbox {position:absolute;top:expression(eval(document.documentElement.scrollTop));}
.thicktitle{height:27px;padding:0 10px;border:solid #C4C4C4;border-width:1px 1px 0;background:#F3F3F3;line-height:27px;font-family:arial;font-size:14px;color:#333;}
.thickclose:link, .thickclose:visited {display:block;position:absolute;z-index:100000;top:7px;right:12px;overflow:hidden;width:15px;height:15px;background:url(images/bg_thickbox.gif) no-repeat 0 -18px;font-size:0;line-height:100px;}
.thickcon {overflow:auto;background:#fff;border:solid #C4C4C4;border-width:1px;padding:10px;}
*html .thickdiv {position:absolute;}

#preview {width:510px;height:364px;	margin:0px auto; padding:0px; zoom:1;overflow:hidden;}

#spec-n1 {float:left;width:398px;height:348px;border:1px solid #e6e6e6;overflow:hidden; position:relative;z-index:5;zoom:1;}
#spec-n1 .o-img {width:398px;height:348px;text-align:center;}
#spec-n1 .switch {width:398px;height:348px;position:absolute;z-index:10;top:0;left:0;}
#spec-n1 img {max-width:398px;max-height:348px;_height:350px;}

#spec-n5 {position:relative;float:right;width:100px;height:360px;padding:0px 0px;zoom:1; }
#spec-list {width:100px;height:360px;overflow:hidden; }
#spec-list ul {height:360px;overflow:hidden;margin:0;}
#spec-list li {width:100px;height:80px;text-align:center; margin-bottom:10px;}
#spec-list img {padding:1px; border:1px solid #E8E8E8; width:96px; height:76px;}
#spec-list .curr img {padding:1px; border:1px solid #ffd300;}

#spec-n5 .control {position:absolute;width:100px;height:25px;background-repeat:no-repeat;cursor:pointer;}
#spec-top {top:-2px;background:url(images/icoin.png) 0 -30px;}
#spec-top.disabled {background-position:-85px -124px;}
#spec-bottom {bottom:-2px;background:url(images/icoin.png) -139px -30px;}
#spec-bottom.disabled {background-position:-139px -61px;}
#intro {float:left;width:720px;height:25px;line-height:25px;text-align:center;overflow:hidden;font-size:12px;}
#foward {display:block;width:360px;	height:540px;float:left;cursor:url(images/foward.ico), pointer;	background:#fff;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;}
#foward.disabled, #next.disabled {cursor:default;}
#next {display:block;width:360px;height:540px;float:right;cursor:url(images/next.ico), pointer;	background:#fff;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;}
.thickcon {line-height:40px;text-align:center}



.link{ width:1200px; margin-left:auto; margin-right:auto; margin-top:20px; margin-bottom:-20px; font-size:11px}

table{  
    border-collapse:collapse;  
    border: 1px solid #ccc; width:100%; 
}  

td{  
    border-collapse:collapse;  
    border: 1px solid #ccc; padding:4px; font-size:12px; 
}



/*在线客服*/
.keifu{position:fixed;top:10%;right:0;width:161px; _position:absolute;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.bottom,10)||0)-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
 z-index:99999990;}
.icon_keifu{width:26px;height:100px;float:left;background:url(../images/keifu.png) 0 0;position:relative;display:none;cursor:pointer;}
.keifu_box{float:left;width:161px;}
.keifu_head{width:161px;height:41px;background:url(../images/keifu.png);background-position: 0 -103px;font-size:0;line-height:0;position:relative;}
.keifu_close:link,.keifu_close:visited{display:block;width:11px;height:11px;background:url(../images/keifu.png) -42px 0;position:absolute;top:5px;right:5px;}
.keifu_close:hover{background-position:-60px 0;}

.keifu_con{border-left:7px solid #029bdb;border-right:7px solid #029bdb;padding-top:15px;background:#fbfbfb;}

.keifu_con li{padding-left:12px; }

.keifu_con li img{ padding-left:15px;}

.keifu_con li p{ font-size:12px; color:#444; text-align:center; margin-right:15px; margin-bottom:6px;  }
.keifu_con .weixin{height:96px; }
.keifu_con .bt{font-size:16px;height:30px;line-height:30px;text-align:left;padding:0 0 0 20px;color:#012646;}
.keifu_bot{width:161px;height:119px;background:url(../images/keifu.png);background-position:0 -149px;}

section {
  display: block;
}

.secondbanner {
  height: 200px;
  background: url(../images/sbanner.jpg) center center no-repeat;
  position: relative;
}
.secondbanner .tbox {
  width: 100%;
  height: 100%;
  /*background-color:#8BBDEB;
  opacity: 0.9;*/
}
.secondbanner dl {
  position: absolute;
  text-align: center;
  z-index: 999;
  top: 0;
  padding-top: 50px;
  width: 100%;
}
.secondbanner dl dt {
  color:#f8f3cc;
  font-size: 30px;
  font-weight: bold;
  width: 100%;
  letter-spacing:8px;
}
.secondbanner dl dd {
  width: 100%;
  padding-top: 5px;
  /*font-size: 32px;*/
  
  color: #fff;
  letter-spacing:2px;
}

#boxhot {
  width: 1200px;
  margin: 30px auto;
  display: flex;
  justify-content: space-between;
  
}
#boxhot .left {
  width: 240px;
  background-color: #fff;
  box-shadow: 0 0 20px #ddd;
  margin-right: 35px;
  
}
#boxhot .left dl {
  background-color: #3399cb;
  padding: 30px 25px;
}
#boxhot .left dl dt {
  font-size: 24px;
  color: #fff;
}
#boxhot .left dl dd {
  padding-top: 15px;
  font-size: 18px;
  font-weight: 300;
  color: #fff;
}
#boxhot .left ul li {
  position: relative;
  
}
#boxhot .left ul li a {
  display: flex;
 
  padding: 12px;
  font-size: 14px;
  border-bottom: 1px solid #f2f2f2;
  z-index: 999;
  position: relative;
}
#boxhot .left ul li::before {
  position: absolute;
  content: " ";
  width: 0%;
  height: 100%;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #f9f9f9;
}
#boxhot .left ul li:hover::before {
  position: absolute;
  content: " ";
  width: 100%;
  height: 100%;
  transition: all 300ms linear;
  z-index: 1;
  box-shadow: 0 0 15px #ddd inset;
  top: 0;
  left: 0;
  background-color: #f9f9f9;
}
#boxhot .left strong {
  font-size: 22px;
  padding: 25px 0 25px 25px;
  display: flex;
  align-items: center;
}
#boxhot .left strong span {
  margin-right: 10px;
  font-size: 28px;
}
#boxhot .left strong em {
  color: #299b6d;
}
#boxhot .right {
  flex: 1;
  width: 900px;
 align-content: center;
 
  flex-wrap: wrap;
  

    
}
#boxhot .right .libox {
  width: 290px; height:350px; 
  float:left;
  
  
 padding-bottom: 20px;
  margin: 0 20px 20px 0;
  box-shadow: 0 0 20px #ddd;
  background-color: #fff;
  
  
}
#boxhot .right .libox:nth-child(3n) {
  margin-right: 0;
}
#boxhot .right .libox:nth-child(4),
#boxhot .right .libox:nth-child(5),
#boxhot .right .libox:nth-child(6) {
  margin-bottom: 0;
}
#boxhot .right .libox .img {
  width: 100%;
  height: 200px;
  overflow: hidden;
  display: block;
}
#boxhot .right .libox .img img {
  width: 100%;
  height: 200px;
}
#boxhot .right .libox .img img:hover {
  transition: all 300ms linear;
  transform: scale(1.1);
}
#boxhot .right .libox dl dt a {
  display: flex;
  justify-content: center;
  padding: 15px;
}
#boxhot .right .libox dl dd {
  display: flex;
  justify-content: center;
}
#boxhot .right .libox dl dd a {
  background-color: #3399cb;
  color: #fff;
  padding: 9px 15px;
  font-size: 12px;
  margin: 0 15px;
}
#boxhot .right .libox dl dd a:hover {
  background-color:#C6981E;
}



/* 品牌页面分类菜单样式 */
.suckerdiv ul{
margin: 0;
padding: 0;
list-style-type: none;
width: 240px; /* Width of Menu Items */
border-bottom: 1px solid #ccc;

}
	
.suckerdiv ul li{
position: relative;
}
	
/*1st level sub menu style */
.suckerdiv ul li ul{
left: 240px; /* Parent menu width - 1*/
position: absolute;
width:550px;
top: 0;
display: none;

}

/*All subsequent sub menu levels offset */
.suckerdiv ul li ul li ul{ 
left: 159px; /* Parent menu width - 1*/

}

.suckerdiv ul li ul li { 
width:180px; float:left
}

/* menu links style */
.suckerdiv ul li a{
display: block;
color: black;
text-decoration: none;
font-size: 14px;
background: #fff;
padding: 5px 5px;
border: 1px solid #ccc;
border-bottom: 0;
}

.suckerdiv ul li a:visited{
color: black;
}

.suckerdiv ul li a:hover{
color: white;
background-color: gray;
}

.suckerdiv .subfolderstyle{
background: url(../images/arrow-list.gif) no-repeat center right;
}

	
/* Holly Hack for IE \*/
* html .suckerdiv ul li { float: left; height: 1%; }
* html .suckerdiv ul li a { height: 1%; }
/* End */



.ppabout {
  min-height: 550px;
  overflow: hidden;
  background: #fff url(../images/jianzu.jpg) top center no-repeat;
  z-index:-100px;
}
.ppabout .abtitle {
  width: 1200px;
  padding: 20px 0;
  margin: 20px auto 30px;
  opacity: 0.65;
  background-color:#5099CF;
  text-align: center;
}
.ppabout .abtitle h4 {
  font-size: 32px;
  color: #fff;
  font-weight: bold;
}
.ppabout .abtitle p {
  color: #fff;
  font-weight: 300;
  padding: 20px 0 10px;
}

.infobox {
  width: 1200px;
  height: 350px;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 30px;
  box-shadow: 0 0 20px #ddd;
  background-color: #fff;
  display: flex;
  justify-content: space-between;
}
.infobox .left {
  margin-right: 30px;
  width: 300px;
}
.infobox .left img {
  width: 200px;
 
  overflow: hidden;
  display: block;
}
.infobox .right {
  font-size: 14px;
  line-height:28px;
  
  width: 900px;
}


.ppnews {
  background-color: #fff;
  min-height: 550px;
  overflow: hidden;
}
.ppnews .title {
  text-align: center;
}
.ppnews .title dl {
  padding: 50px 0;
}
.ppnews .title dt {
  font-size: 32px;
  font-weight: bold;
  color:#2D73A6;
}
.ppnews .title dd {
  font-size: 24px;
  padding-top: 20px;
  color: #333;
  font-weight: 300;
}


.askbox {
  width: 1200px;
  display: flex;
  justify-content: space-between;
  margin: 0 auto 35px;
}
.askbox .box {
  width: 380px;
  background-color: #f2f2f2;
  padding: 25px;
  box-sizing: border-box;
}
.askbox .box .img {
  position: relative;
  display: block;
}
.askbox .box .img span {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 111;
  background-color: #2D73A6;
  color: #fff;
  padding: 10px 20px;
}
.askbox .box .img img {
  box-sizing: border-box;
  background-color: #fff;
  padding: 10px;
  border: 1px solid #299b6d;
  max-width: 100%;
}
.askbox .box ul li {
  padding: 15px 0;
  border-bottom: 1px solid #fff;
  text-align: left;
}
.askbox .box ul li:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
.askbox .box ul li a {
  font-size: 15px;
  padding-bottom: 7px;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.askbox .box ul .info {
  font-size: 14px;
  font-weight: 300;
  color: #666;
  padding-top: 5px;
}