﻿.pro_box { background: #fff;}
.pro_box_top_l { width: 761px; height: 248px; float: left;}
.pro_box_top_l img { width: 100%; height: 100%;}
.pro_box dl {   overflow: hidden;}
.pro_usual_box { width: 380px; height: 248px; float: left;}
.pro_usual_box h4 { padding-top: 20px; line-height: 30px; padding-left: 30px; margin-bottom:10px ;}
.pro_usual_box h4 a { font-size: 20px; color: #333333;}
.pro_usual_box h4 a:hover { color: #666600;}
.pro_usual_box ol { margin-bottom: 20px;}
.pro_usual_box ol li { line-height: 40px; height: 40px; width: 325px; margin-left: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.pro_usual_box ol li a { font-size: 14px; color: #666666; line-height: 40px; display: inline-block; max-width: 310px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background: url(../images/pro_img4.gif) no-repeat left center; padding-left: 14px; padding-right: 14px;}
.pro_usual_box ol li a:hover { color: #857414; background: #fdc900;}
.pro_usual_box > a { display: block; width: 20px; height: 20px; margin-left: 45px;}
.pro_usual_box > a img { width: 100%; height: 100%;}
.pro_box_top_r { background: #feee00;}
.pro_box dl dd.odd { background: #ebe5bc;}
.pro_box_bottom { width: 100%; padding-top: 10px; height: 40px;}
.pro_box_bottom a { display: block; border-top: 1px solid #ebe5bc; height: 40px; width: 100%;}
.pro_box_bottom a img { display: block; margin: 0 auto; width: 17px; height: 15px; position: relative; top: 10px;}
.pro_box_part2 { background: #fff;}
.pro_box_part2 dd { padding-left: 25px; width: 343px; float: left; height: 230px;}
.pro_header { height: 50px; line-height: 50px; border-bottom: 2px solid #cccccc; margin-bottom: 15px;}
.pro_header > a { display: block; float: right; width: 14px; height: 14px; position: relative; top: 22px;}
.pro_header > a img { width: 100%; height: 100%;}
.pro_header h2 { line-height: 50px;}
.pro_header h2 a { color: #333333; font-size: 20px;}
.pro_box_part2 ol { margin-bottom: 52px;}
.pro_box_part2 ol li { line-height: 40px; height: 40px; width: 310px; margin-left: 4px; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.pro_box_part2 ol li a { font-size: 14px; color: #666666; line-height: 40px; display: inline-block; max-width: 330px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background: url(../images/pro_img4.gif) no-repeat left center; padding-left: 14px; padding-right: 14px;}
.pro_box_part2 ol li a:hover { color: #857414; background: #fdc900;}
.pro_box_part3_l { width: 752px; height: 367px; float: left; position: relative;}
.pro_box_part3_l img { width: 100%; height: 100%;}
.pro_box_part3_r { width: 388px; height: 317px; float: left; background: #fff; padding-top: 50px;}
.pro_box_part3_r h4 { width: 324px; margin: 0 auto; height: 76px; line-height: 76px; font-size: 20px; color: #333333;}
.pro_box_part3_r p { font-size: 12px; color: #666666; width: 324px; margin: 0 auto; line-height: 26px;}
.pro_box_part3_r > a { position: relative; top: 60px; display: block; width: 20px; height: 20px; margin-left: 32px;}
.pro_box_part3_r > a img { width: 100%; height: 100%;}
.pro_cover_box { position: absolute; left: 0; top: 0; width: 100%; height: 367px;}
.pro_cover_box dl { padding-top: 138px; padding-left: 116px;}
.pro_cover_box dl dd { width: 116px; float: left; margin-right: 85px;}
.pro_cover_box dl dd a > img { width: 78px; height: 78px; display: block; margin: 0 auto;}
.pro_cover_box dl dd.pro_last { margin-right: 0;}
.pro_cover_box dl dd p { font-size: 12px; color: #fdc900; padding-top: 14px; text-align: center;}
.pro_list_style ul { padding-bottom: 28px; border-bottom: 1px dotted #838383; margin-bottom: 40px;}
.pro_list_style ul li { overflow: hidden; height: 192px;}
.pro_list_style ul li > a { display: block; width: 205px; height: 152px; padding: 3px; border: 1px solid #ebeadc; border-radius: 2px; float: left;}
.pro_list_style ul li > a img { width: 100%; height: 100%;}
.pro_list_style ul li dl { width: 564px; float: left; margin-left: 20px; padding-top: 6px;}
.pro_list_style ul li dl dt { line-height: 40px; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.pro_list_style ul li dl dt a { font-size: 16px; color: #333333;}
.pro_list_style ul li dl dd { color: #999999; font-size: 12px; line-height: 20px;}
.pro_list_style ul li dl dd a { font-size: 12px; color: #85782c; position: relative; top: 24px;}
.pro_details_main { width: 576px; float: left;}
.pro_details_main_slide dd p {   margin-bottom: 24px;}
.pro_details_main_slide dd p > img {}
.pro_details_main_slide { padding-top: 10px;}
.pro_details_main_slide .edit_con_original { width: 514px; margin: 0 auto;}
.pro_details_main_slide dd a { position: absolute; right: 30px; bottom: 16px; padding: 0; height: 15px;}
.pro_details_main_slide dd { height: 46px; overflow: hidden; padding: 0; margin-bottom: 6px; position: relative;}
.pro_details_main_slide dd > h4 { width: 550px; height: 46px; padding-left: 26px; background: #ddd; line-height: 46px; font-size: 14px; color: #000000; margin-bottom: 34px;}
.pro_circle { width: 100%; background: #fff; height: 40px; display: none;}
.pro_details_main_slide dd.active { background: #fafafa; padding-bottom: 64px; position: relative; height: auto; margin-bottom: 10px;}
.pro_details_main_slide dd.active h4 { font-size: 20px; color: #443a37; line-height: 60px; height: 60px; width: 514px; margin: 0 auto; padding-left: 0; background:#fafafa  ;}
.pro_details_main_slide dd.active .pro_circle { display: none;}

.follow .pro_details_tab{ position:fixed; top:0; z-index:9; width:576px; box-shadow:0 2px 2px #ddd;}


.svs-art .pro_details_tab.m-tab ul{}
.svs-art .pro_details_tab.m-tab li{ float:left; width:20%;text-align:center;}
.svs-art .pro_details_tab.m-tab li a{ padding:0 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.svs-art .pro_details_tab.m-tab .on a{ background:#d8bc1e;}
.svs-art .pro_details_tab.m-tab .on i{ background-image:url(../images/ind_pic10.png);}

.reset_btn { margin-right: 10px;}
.info_d { background: #f3f3f3; width: 754px; padding: 22px;}
.info_d .info_d_l h4 { background: url(../images/pro_contact_pic1.jpg) no-repeat; padding-left: 35px; line-height: 34px; color: #222222; font-size: 16px; position: relative; margin-bottom: 24px;}
.info_d .info_d_l h4 span { width: 31px; height: 2px; display: block; position: absolute; line-height: 2px; font-size: 1px; background: #feee00; left: 34px; bottom: 0;}
.info_d_l > em { font-size: 18px; color: #333333; font-weight: bold; line-height: 28px; font-family: Arial;}
.info_d_l > p { line-height: 20px; font-size: 12px; color: #999999;}
.info_d_l > a { line-height: 42px; font-size: 16px; color: #002aff; text-decoration: underline;}
.intr_product_list { padding-top: 24px; position: relative; z-index: 200;}
.intr_product_list li { line-height: 40px; margin-bottom: 8px;}
.intr_product_list span, .intr_product_list em, .intr_product_list .intr_pro_list_style, .intr_pro_list_style_down { float: left; font-size: 14px;}
.intr_product_list .intr_pro_list_style { line-height: 36px; height: 36px; width: 252px; border: 2px solid #a59e77; margin-left: 20px;}
.intr_product_list .intr_pro_list_style input { float: left; height: 36px; line-height: 36px; background: none; border: 0; width: 244px; margin-left: 4px;}
.intr_product_list .intr_pro_list_style_down { line-height: 36px; height: 36px; width: 252px; border: 2px solid #a59e77; margin-left: 20px; background: url(../images/pro_contact_pic4.png) no-repeat right 0; position: relative;}
.intr_product_list .intr_pro_list_style_down input { float: left; height: 36px; line-height: 36px; background: none; border: 0; width: 214px; margin-left: 4px;}
.intr_product_list .intr_pro_list_style_down dl { position: absolute; left: -2px; border: 2px solid #a59e77; top: 36px; width: 252px; display: none; border-bottom: none;}
.intr_product_list .intr_pro_list_style_down dl dd { height: 30px; border-bottom: 2px solid #a59e77; background: #fff; line-height: 30px; padding-left: 4px; cursor: pointer;}
.intr_product_list .intr_pro_list_style_down dl dd:hover { background: #a59e77; color: #fff;}
.info_d_l { width: 374px; float: left;}
.zindexTop { position: relative; z-index: 200;}
.info_d .intr_product h4 { background: url(../images/pro_contact_pic3.jpg) no-repeat; margin-bottom: 6px;}
.info_d .intr_product > p { line-height: 20px; font-size: 12px; color: #999999; margin-bottom: 22px;}
.intr_product_list ol { margin-bottom: 40px;}
.intr_product dl dd { line-height: 20px; font-size: 12px; color: #222222; padding-left: 7px; width: 116px; float: left; margin-bottom: 20px;}
.intr_product dl dd span { display: block; width: 20px; height: 20px; background: url(../images/checkbox.gif) no-repeat; float: left; cursor: pointer;}
.intr_product dl dd span.active { background: url(../images/checkbox1.gif) no-repeat;}
.intr_product dl dd em { float: left; margin-left: 10px;}
.intr_product dl dd input { display: none;}
.info_contact { width: 804px; overflow: hidden;}
.info_d .info_d_r { width: 334px; float: left; padding-left: 30px;}
.info_d .info_d_r h4 { background: url(../images/pro_contact_pic2.jpg) no-repeat; padding-left: 35px; line-height: 34px; color: #222222; font-size: 16px; position: relative; margin-bottom: 24px;}
.info_d .info_d_r h4 span { width: 31px; height: 2px; display: block; position: absolute; line-height: 2px; font-size: 1px; background: #feee00; left: 34px; bottom: 0;}
.info_d .info_d_r p { line-height: 20px; font-size: 12px; color: #999999; margin-bottom: 22px;}
.info_d .info_d_r dl { overflow: hidden; margin-left: 3px; border-bottom: 1px solid #dcdcd5; margin-bottom: 20px;}
.info_d .info_d_r dl dd { line-height: 20px; font-size: 12px; color: #222222; width: 100%; float: left; margin-bottom: 20px;}
.info_d .info_d_r dl dd span { display: block; width: 20px; height: 20px; background: url(../images/checkbox.gif) no-repeat; float: left; cursor: pointer;}
.info_d .info_d_r dl dd span.active { background: url(../images/checkbox1.gif) no-repeat;}
.info_d .info_d_r dl dd em { float: left; margin-left: 10px;}
.info_d .info_d_r dl dd input { display: none;}
.info_d .info_d_r dl.info_noline { border: none;}
.intr_email button { width: 330px; height: 52px; background: #feee00; font-size: 16px; color: #333333; border: 0; letter-spacing: 2px;}
.info_contact_map_info { margin-bottom: 30px;}
.info_contact_map_info ul { overflow: hidden;}
.info_contact_map_info li { float: left; width: 248px; line-height: 30px; font-size: 12px;}
.info_contact_map_info li.info_long { width: 498px;}
.info_contact_map_list ul { overflow: hidden; width: 848px;}
.info_contact_map_list li { width: 338px; float: left; height: 266px; margin-right: 86px;}
.info_contact_map_list li h4 { width: 316px; height: 44px; line-height: 44px; font-size: 16px; color: #333333; border-left: 13px solid #feee00; padding-left: 6px; margin-bottom: 10px;}
.info_contact_map_list li dl dd { line-height: 30px; color: #999999; font-size: 12px;}
.info_company h5 { line-height: 40px; font-size: 18px; color: #333333;}
.info_company img { float: left; width: 161px; height: 161px; border: 1px solid #ebebeb;}
.info_company dl { float: left; width: 616px; margin-left: 21px;}
.info_company dl dt { line-height: 18px; font-size: 14px; color: #333333; margin-bottom: 13px;}
.info_company dl dd p { line-height: 22px; color: #999999; font-size: 12px; padding-bottom: 14px; border-bottom: 1px solid #eaeaea;}
.info_company dl dd ol { overflow: hidden; padding-top: 10px;}
.info_company dl dd ol li { line-height: 34px; font-size: 12px; color: #999999; float: left; width: 284px;}
.info_company dl dd ol li.contact_icon1 { padding-left: 24px; background: url(../images/contact_icon1.gif) no-repeat left center;}
.info_company dl dd ol li.contact_icon2 { padding-left: 24px; background: url(../images/contact_icon2.gif) no-repeat left center;}
.info_company dl dd ol li.contact_icon3 { padding-left: 24px; background: url(../images/contact_icon3.gif) no-repeat left center;}
.info_company dl dd ol li a { color: #999;}
.info_company dl dd ol li a:hover { color: #000;}
.info_company ul > li { overflow: hidden; margin-bottom: 50px;}
