/* page-first */
.page-first{ width:92%; max-width:1620px; margin:3rem auto;}
.sliderBox{ position:relative; width:500px; height:620px; float:left; overflow:hidden;}
.sliderBox .ren-bao{ position:absolute; width:170px; height:75px; background:url(../images/mark_ico2.png) no-repeat; right:10px; top:0px; z-index:99;}
.sliderBox .hd{position: absolute; left:0px; bottom:0px; width:100%; height:104px;}
.sliderBox .hd .smallScroll{ position:relative; width: auto; height:60px; padding-left:38px; }
.sliderBox .smallScroll ul{ width:500px;}
.sliderBox .smallScroll ul li{ float:left; width:100px; height:100px; margin-right:1px; border:2px solid #fff; text-align:center; cursor:pointer; overflow:hidden; }
.sliderBox .smallScroll ul li.on{ border:2px solid #0028AA
;}
.sliderBox .smallScroll ul li img{ width:100px; height:100px;}
.sliderBox .bd{ position:absolute; left:0px; top:0px; width:500px; height:520px; overflow:hidden;}
.sliderBox .bd ul li{ width:100%; height: 100%; text-align:center; overflow:hidden;}
.sliderBox .bd ul li img{ width:100%; height:500px;}
.sliderBox a.sprev,.sliderBox a.snext{ display:block; position:absolute; bottom:0px; width:30px; height:104px; overflow:hidden; z-index:9;}
.sliderBox a.sprev{ left:0px;  background:url("/images/icon_left.png") center center no-repeat #F2F2F2;}
.sliderBox a.sprev:hover{background:url("/images/icon_left2.png") center center no-repeat #0028AA
;}
.sliderBox a.snext{ right:0px;  background:url("/images/icon_right.png") center center no-repeat #F2F2F2;}
.sliderBox a.snext:hover{ background:url("/images/icon_right2.png") center center no-repeat #0028AA
;}
.sliderBox a.nextStop{ opacity:1.0;}

.p-btns { margin-top:20px; width:100%; overflow:hidden; }
.p-btns a{ display:block; height: 70px; line-height: 70px; text-align: center; border-radius: 4px; }
.p-btns a.consultation {  float: left; width: 217px; background: #ef001d; margin-top:19px; font-size: 24px; color: #fff; border: 1px solid #ef001d; }
.p-btns a.kanjia{ float:right; width:303px; height:91px; line-height:115px; background:url("/images/HituxCMSNote/kan.jpg") no-repeat;font-size: 24px; color: #ef001d; }

.proDes{ width: 620px; height: 520px;position: relative; color: #000;}
.proDes h1{ font-size: 2.4rem; line-height:5rem;overflow: hidden;}
.proDes h2{ font-size: 1.6rem; line-height:3.2rem;overflow: hidden;}
.proDes span{ padding:0 20px 0 20px;}

.proDes .line{ width:100%; height:1px; background-color:#999999; margin:20px auto;}

.proDes .features-info { width:620px; color:#565656; font-size:20px; line-height:42px;}
.proDes .features-info ul{width:620px;zoom:1; color:#333333;}
.proDes .features-info ul:after{content:''; display:block; clear:both;}
.proDes .features-info li{float:left; list-style-type: none;width:100%; color:#565656; font-size:20px; line-height:42px;}

.buyBody{background-color:#e6e6e6;height:75px;margin:20px 0;padding:20px 0px 10px 0px;}
.buyBody div.fl{ float:left;border-right:1px solid #ccc;padding-right:10px;padding-left:10px;height:75px; text-align:center;}
.buyBody div.fl.l{border-right:0;}
.buyBody div.fl p{color:#8a8a8a; padding-top:10px;}
.buyBody div.fl h3{color:#505050;font-size:14px; font-weight:normal;padding:10px 0 0 0;}



.proBox .cdimgdiv img{max-width: 1200px;margin-top: 30px;}

/*产品列表页*/
.position{width:100%; background:url(../img/n-pst-bg.png); height:35px; position:absolute; top:47px; left:0;}
.position .posinfo{width:1200px; margin:0 auto; line-height:35px; color:#666666; font-size:12px; text-align:left;}
.position .posinfo a{color:#666666;font-size:13px;}
.position .posinfo a:hover{color:#000;}

.cls .title { width:100%; height: 45px;line-height: 45px; margin-bottom:10px;}
.cls .title .name { float:left; clear:left; display:block; width:162px; font-size: 22px;font-weight: normal;color: #fff; text-align:center; background:url(../hm/tt-bg.png) no-repeat; overflow:hidden;}
.cls .title .more {float: right; display:inline-block; width:98px; height:43px;color: #333; font-size:15px; background:url(../hm/more.png) right center no-repeat;border-bottom:2px solid #38003c; text-indent:5px;}
.cls .title a.more:hover{ background:url(../hm/morehover.png) right center no-repeat;}
.cls .title .hot-wjj ,.cls .title .hot-wjj li {float: left;}
.cls .title .hot-wjj {width:880px; height:43px;margin-left: 10px;  background:url(../hm/icon4.png) 5px center no-repeat; padding-left:50px; border-bottom:2px solid #e90052;}
.cls .title .hot-wjj li {margin-right: 10px;}
.cls .title .hot-wjj a {font-size: 14px;color: #666666;}
.cls .title .hot-wjj a:hover,.cls .title a:hover.more{ color:#ff6700;}

.pro_banner{ width:100%; position:relative; z-index:20; min-width:1200px; margin-top:-47px;}
.pro_banner img{ margin:0 auto;  max-width:100% !important; width:100%; overflow:hidden; display:block;}
.cls_dsc{width:1200px; margin:0 auto; padding-top:10px; color:#828282;line-height:30px; font-size:14px;}
.cls_dsc p span{display:block; float:left;  margin-top:-3px; padding-right:5px;}
.pro_banner h1{width:410px; height:90px; line-height:90px; font-size:36px; background:url(../img/n-bntit.png); text-align:center; position:absolute; top:118px; right:50%; margin-right:190px; color:#000;}
.pro_banner h1 span{font-size:24px; padding-left:6px;}
.product_rec{width:1200px; margin:0 auto;}
.product_rec h1{text-align:left; font-size:28px; padding-top:20px;}
.product_rec h1 span{font-size:13px; color:#9b9a9a; padding-left:10px; font-style:italic;}
.pro_banner .flpic{width:480px; position:absolute; top:120px; left:50%; margin-left:140px;z-index:20;}
.pro_banner .flpic img{ max-width:100%; float:right;  width:auto;}
@media screen and (min-width: 1920px) { 
.pro_banner .flpic{top:140px;} 
}
@media screen and (max-width: 1766px) { 
.pro_banner .flpic{top:100px;} 
} 
@media screen and (max-width: 1680px) { 
.pro_banner .flpic{top:70px;} 
.pro_banner h1{top:100px;}
}
@media screen and (max-width: 1440px) { 
.pro_banner .flpic{top:60px;} 
.pro_banner h1{top:100px;}
}
@media screen and (max-width: 1366px) { 
.pro_banner .flpic{top:40px;} 
.pro_banner h1{top:90px;}
} 

.cls{max-width:1200px;width:1200px; margin:0 auto; padding-top:10px; overflow:hidden;}
.cls h2{ font-size:24px; line-height:30px; font-weight:normal; color:#333; margin-bottom:10px;}
.cls h2 span{ font-size:14px;}
.cls ul{ width:1220px;}

.pro_recommend{width:270px; background:#f8f7f7; height:360px; padding:9px; display:block; float:left;margin-right:16px;  overflow:hidden; margin-bottom:15px; position:relative;}
.pro_recommend a img{width: auto; height:205px !important; max-width:100%;}
.pro_recommend .pro_info{padding:0 0px;}
.pro_recommend .pro_info a h3{font-size:18px;  width:100%; height:35px; overflow:hidden; line-height:35px; color:#000;}
.pro_recommend .pro_info .pro_param{width:100%; height: auto; padding:5px 0px; overflow:hidden; font-size:13px; color:#666;}
.pro_recommend .pro_info .pro_param dl{ float:left; height:44px; line-height:22px;}
.pro_recommend .pro_info .pro_param dl.pp1{ width:108px; border-left:1px solid #ddd;}
.pro_recommend .pro_info .pro_param dl.pp2{ width:79px; border-left:1px solid #ddd;}
.pro_recommend .pro_info .pro_param dl.pp3{ width:79px; border-left:1px solid #ddd;}
.pro_recommend .pro_info .pro_param dl dt,.pro_recommend .pro_info .pro_param dl dd{ text-indent:10px;}
.pro_recommend .pro_info .pro_dsc{width:100%; height:36px;line-height:36px;  overflow:hidden; font-size:15px; font-weight:bold; color:#333; /*color:#f00; */text-indent:8px;}
.pro_recommend .pro_info .ico{ padding:7px 0px; text-align:center;}
.pro_recommend .pro_info .ico img{ margin-right:3px; margin-left:3px;}
.pro_recommend .word{ display:none;}

.pro_recommend:hover{background:#D2AD54; cursor:pointer;}
.pro_recommend:hover .pro_info h3,.pro_recommend:hover .pro_info .pro_param,.pro_recommend:hover .pro_info .pro_param span,.pro_recommend:hover .pro_info .pro_dsc,.pro_recommend:hover .pro_info a{ color:#fff; cursor:pointer;}
.pro_recommend:hover .pro_info a.pro_btn{ border:1px solid #fff; color:#FFF;}
.pro_recommend:hover .pro_info a.pro_btn:hover,.pro_recommend .pro_info a.pro_btn:hover{ background:#000;border:1px solid #000; color:#FFF;}
.pro_recommend:hover .pro_dsc{ background:#FFF; color:#000 !important;}
.pro_recommend:hover .word{ display:block; position:absolute; left:9px; top:9px; width:270px; height:205px;background: url(../hm/header-bg.png) repeat;}
.pro_recommend:hover .word a{ display:block; width:120px; height:40px; line-height:40px;background:#D2AD54; color:#fff; font-size:16px; text-align: center; margin:85px auto;}