@charset "utf-8";
/* CSS Document */

/* 基本样式设置 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, menu, nav, output, section, summary, time, mark, audio, video, input, select{ margin:0; padding:0;}
body {font:14px Microsoft YaHei,SimSun,"Arial Narrow",HELVETICA;-webkit-text-size-adjust:100%; color: #666;  }
.txtArea dt,.txtArea h3 {line-height:26px;font-size:14px;}
a{color:#666;text-decoration:none;}
a:hover {color:#0366c1;text-decoration:underline;}
em {font-style:normal;}
li {list-style:none;}
table {border-collapse:collapse;border-spacing:0;}
p {word-wrap:break-word;}
img{  vertical-align: top; border: 0; }
.fl{ float:left;}
.fr{ float:right;}
.cl{ clear: both;}
.warp{ width:1200px; margin: 0 auto; clear: both; display: block; content: "";}
.po_r{ position:relative;}
.db { display: block !important;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;font-size:0;line-height:0}
.h_auto{ height:auto !important;}

/*********************** default *******************************/
/****top***/
.fy_top{ height:30px; background: #fafafa; width: 100%; min-width: 1200px; border-bottom: 1px solid #eee;}
.fy_top .top_login{ height:31px; line-height: 31px; background: #0482da; color: #fff; display: block; float: left; padding: 0 15px; text-decoration: none;}
.fy_top .top_login:hover{background:#0366c1;}
.fy_top .top_reg{height:31px; line-height: 31px; background: #eee; color: #0482da;display: block; float: left; padding: 0 15px; text-decoration: none;}
.fy_top .top_reg:hover{ color: #0366c1;  }
.fy_top .top_nav{ float:right;}
.fy_top .top_nav li{ float:left; position: relative; }
.fy_top .top_nav li .nav_title{ padding: 0 10px;}
.fy_top .top_nav li .nav_title .nav-arrow{padding-right: 12px; line-height: 30px; display: block; height: 30px;  cursor: pointer; background: url(../img/topnav-arr-b.png) right 15px no-repeat;}

/*header*/
.fy_header{ padding:10px 0; height: 80px; width: 100%; min-width: 1200px;}
.logo{ width:200px; height: 50px; float: left; margin: 15px 0 0 0;}
.hd_ewm{ float:right;}
.hd_ewm .ewm_text{ font-size: 12px; color: #666; line-height: 15px; text-align: center;}
.hd_ewm .ewm_img{ text-align:center; }

.hd_search{ float: left; margin: 22px 0 0 100px; position: relative;}
.hd_search .fy_search{ border: 2px solid #0366c1; width: 530px; height: 36px;}
.hd_search .sol{float: left; position: relative;border-right: 1px solid #eee; cursor: pointer; width:85px; height: 36px; line-height: 36px; background: url(../img/topnav-arr-b.png) no-repeat 66px 17px #fafafa;  }
.hd_search .sol p {width: 71px; height: 36px; line-height: 40px; color: #666;font-size: 14px;padding-left: 14px;}
.hd_search .sol .sol_down {position: absolute; z-index: 50;display: none; border-right: 1px solid #eee; border-left: 1px solid #eee;}
.hd_search .sol .sol_down p {background: #fbfbfb;}
.hd_search .sol .sol_down p a{ display: block; color: #666; text-decoration: none;}
.hd_search .sol:hover .sol_down{display: block;}
.hd_search .sol .sol_down p:hover a{color: #0366c1; font-weight: bold;}
.hd_search .search_input{ float: left; width: 330px; padding:0 5px; height: 36px; line-height: 36px; border: 0; outline: 0; color: #666}
.hd_search .search_btn{ float: left; display: block; width: 104px; text-align: center; cursor: pointer; height: 36px; border: 0; outline: 0; line-height: 36px; font-size: 16px; color: #fff;  background: #0366c1;}
.hd_search .search_key{  margin-top: 2px; line-height: 16px; font-size: 12px; }
.hd_search .search_key span{ margin-right: 5px; color: #0366c1;}
.hd_search .search_key a{ color: #999; margin-right: 10px;}
.hd_search .search_key a:hover{color: #0366c1 ;}
.qr_code{ float:left; margin: 20px 0 0 25px; height: 44px;}
.qr_code p{ line-height: 22px;}
.qr_code a{ color:#0366c1; text-decoration: underline;}
.qr_code a:hover{  text-decoration: none;}

/******nav**********/
.nav{ height:44px; width: 100%; background: #0366c1; min-width: 1200px;}
.nav .protypebox{ width: 230px; height: 44px; position: relative; float: left;}
.nav .protypebox .protypenav{width: 100%;  height: 100%;   background: #0482da;  font-size: 16px;  cursor: pointer; color: #fff; line-height: 44px;}
.nav .protypebox .protypenav i{ width:14px; height: 14px; display: block; float: left; background: url(../img/pro-type.png) no-repeat; margin: 16px 8px 0 18px;}
.nav .protypebox .protypenav a{ color:#fff;}
/***首页导航详细**/
.protypelist{ display: none; position: absolute; top:44px; left: 0px; border: 1px solid #e6e6e6; border-top: 0; z-index: 100; padding:3px 0; width: 228px; height: 534px; background: #fff;}
.protypelist li{ height: 36px; line-height: 36px; cursor: pointer; overflow: hidden;}
.protypelist li span{ display: inline-block; height: 36px; width: 178px; position:relative; padding-left: 50px; font-size: 14px; color: #555;}
.protypelist li:hover span{ background: #0482da; color: #fff;}
.protypelist li span i{ position: absolute; top: 14px; right: 12px; height:10px; width:7px; background-position: -61px -2px;}
.protypelist li:hover span i{ background-position: -161px -2px;}
.protypelist li span a{ color:#555;}
.protypelist li span a:hover{ color:#fff;}
.protypelist li:hover span a{ color:#fff;}
.protypelist li span em{ position: absolute; display: block; overflow: hidden;width:16px;height:16px;left:16px;top:10px;-webkit-transition:-webkit-transform 0.5s ease-in;-webkit-backface-visibility:hidden;-moz-transition: -moz-transform 0.5s ease-in;-o-transition:-o-transform 0.5s ease-in;transition:transform 0.5s ease-in;}
.protypelist li span em.icon01{background:url(../img/nav-cate-1.png) 0 0;}
.protypelist li span em.icon02{background:url(../img/nav-cate-2.png) 0 0;}
.protypelist li span em.icon03{background:url(../img/nav-cate-3.png) 0 0;}
.protypelist li span em.icon04{background:url(../img/nav-cate-4.png) 0 0;}
.protypelist li span em.icon05{background:url(../img/nav-cate-5.png) 0 0;}
.protypelist li span em.icon06{background:url(../img/nav-cate-6.png) 0 0;}
.protypelist li span em.icon07{background:url(../img/nav-cate-7.png) 0 0;}
.protypelist li span em.icon08{background:url(../img/nav-cate-8.png) 0 0;}
.protypelist li span em.icon09{background:url(../img/nav-cate-9.png) 0 0;}
.protypelist li span em.icon10{background:url(../img/nav-cate-10.png) 0 0;}
.protypelist li span em.icon11{background:url(../img/nav-cate-11.png) 0 0;}
.protypelist li span em.icon12{background:url(../img/nav-cate-12.png) 0 0;}
.protypelist li span em.icon13{background:url(../img/nav-cate-13.png) 0 0;}
.protypelist li span em.icon14{background:url(../img/nav-cate-14.png) 0 0;}
.protypelist li:hover span em.icon01{background:url(../img/nav-cate-1.png) -16px 0;}
.protypelist li:hover span em.icon02{background:url(../img/nav-cate-2.png) -16px 0;}
.protypelist li:hover span em.icon03{background:url(../img/nav-cate-3.png) -16px 0;}
.protypelist li:hover span em.icon04{background:url(../img/nav-cate-4.png) -16px 0;}
.protypelist li:hover span em.icon05{background:url(../img/nav-cate-5.png) -16px 0;}
.protypelist li:hover span em.icon06{background:url(../img/nav-cate-6.png) -16px 0;}
.protypelist li:hover span em.icon07{background:url(../img/nav-cate-7.png) -16px 0;}
.protypelist li:hover span em.icon08{background:url(../img/nav-cate-8.png) -16px 0;}
.protypelist li:hover span em.icon09{background:url(../img/nav-cate-9.png) -16px 0;}
.protypelist li:hover span em.icon10{background:url(../img/nav-cate-10.png) -16px 0;}
.protypelist li:hover span em.icon11{background:url(../img/nav-cate-11.png) -16px 0;}
.protypelist li:hover span em.icon12{background:url(../img/nav-cate-12.png) -16px 0;}
.protypelist li:hover span em.icon13{background:url(../img/nav-cate-13.png) -16px 0;}
.protypelist li:hover span em.icon14{background:url(../img/nav-cate-14.png) -16px 0;}
.protypelist li.lookmorenav{ height: 32px; line-height: 32px;  text-align: center; border-top: 1px dashed #e5e5e5;}
.protypelist li.lookmorenav a{ display: block; color: #555;}
.protypelist li.lookmorenav a:hover{ background: #0482da; color: #fff;}

.protypelistmore{ display: none; position: absolute;  top: 0px; left: 218px; width: 434px; height: 428px; min-height: 428px; padding: 20px 300px 20px 20px; border: 1px solid #e6e6e6; border-top:none; overflow: hidden; background: #fff; z-index: 1000;transition: all 0.2s ease-in-out 0s;opacity:0; filter:alpha(opacity=0); }
.protypelistmore .protypemore dl{ width:50%; float: left; height:130px ; margin-bottom: 20px;}
.protypelistmore .protypemore dl dt{ width:100%; height:25px; line-height: 25px; font-size: 14px; font-weight: bold; margin-bottom: 10px;}
.protypelistmore .protypemore dl dt a{ color:#333;  }
.protypelistmore .protypemore dl dd {height:70px; line-height: 23px; overflow: hidden;}
.protypelistmore .protypemore dl dd a{ color:#666; display: block; float: left; margin-right: 20px;}
.protypelistmore .protypemore dl dd a:hover,.protypelistmore .protypemore dl dt a:hover{ color: #0366c1;}
.protypelistmore .protypemore .lc_c_list_all{ width: 100% !important;}
.protypelistmore .r_ad{position: absolute; right: 0px; top: 0; width:300px; height: 468px; border-left: 1px solid #dfdfdf;}
.protypelistmore .r_ad .img300x234{ width:300px; height: 234px; border-bottom: 1px solid #dfdfdf; position: relative;}
.protypelistmore .r_ad .img300x234 a{ display:block; }
.protypelistmore .r_ad .img300x234 h3{ position:absolute; left: 20px; top:30px; width: 240px; height: 30px; line-height: 30px; font-size: 20px; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; color: #0366c1; z-index: 99;  font-weight: normal;}
.protypelist li:hover .protypelistmore{ left: 228px; opacity:1; filter:alpha(opacity=100);display: block;  animation: subnav 300ms linear;} 
@keyframes subnav
{
    from {left: 218px; opacity:0;  filter:alpha(opacity=100);  }
    to {left: 228px; opacity:1;  filter:alpha(opacity=100);  }
}
@-webkit-keyframes subnav /* Safari 与 Chrome */
{
    from {left: 218px; opacity:0;  filter:alpha(opacity=100);   }
    to {left: 228px; opacity:1;  filter:alpha(opacity=100);  }
}

.nav .nav_ul{ float:left;}
.nav .nav_ul li{ float: left; font-size:16px;}
.nav .nav_ul li a { position: relative; padding: 0 35px; display: block; color: #fff; line-height: 44px; text-decoration: none; }
.nav .nav_ul li a span { position: absolute; right: 23px; top: 0px; z-index: 10; width: 10px; height: 10px; }
.nav .nav_ul .cur a,.nav .nav_ul li a:hover{ background: #265fb7;}

/**screen one**/
.screen_one{ background: #fbfbfb; width: 100%;  overflow: hidden; margin-bottom: 15px;  min-width: 1200px;}
.screen_one .screen_main{ padding: 15px 0 15px 245px; width:955px; margin: 0 auto;}
.screen_one .screen_main:after{ display:block; content: ""; clear: both;}
/***banner***/
.screen_left{ width:740px; float: left; margin: 0  15px 0 0;}
.banner_w{ margin-bottom: 15px;}
.banner { position: relative; z-index:1; width:740px; height:300px; overflow: hidden; background-color:#f5f5f5; }
.banner .bd { height:100% !important; width:740px !important; }
.banner .bd li { height:100% !important; width:100% !important; z-index:1; }
.banner .bd  li a { display:block; cursor:pointer; height:100% !important; width:100% !important; z-index:1; }
.banner .hd { width:720px; padding-right: 20px; position: absolute; bottom: 10px; text-align: right; font-size:0; z-index:1; }
.banner .hd li { margin: 0 2px; background: #fff; height: 12px; overflow: hidden; width: 12px; cursor: pointer; display:inline-block; *display:inline;zoom:1; }
.banner .hd .on { background:#0366c1; }
.banner .prev, .banner .next { width: 26px; height: 54px; background: url(../img/arr-banner.png) no-repeat left top; position: absolute; top: 124px; z-index: 999; cursor: pointer; text-indent: -9999px; transition: all 0.2s ease-in-out 0s; }
.banner .prev { left: 0; }
.banner .next { right: 0; background: url(../img/arr-banner.png) no-repeat right top; }
.banner .prev:hover,.banner .next:hover { opacity: 0.5; }

/**Recommended Products**/
.slider_content{width: 740px; height: 211px;   background: #fff;}
.slider_content .slider_list { margin: 0 auto;   padding-left: 1px;}
.slider_content .slider_list ul{ width:741px;}
.slider_content .slider_list  li { overflow: hidden; width: 184px; border: 1px solid #eee;  margin: 0 0 0 -1px; height: 209px; float: left; transition: all 0.2s ease-in-out 0s;  }
.slider_content .slider_list  li .img176x160{ width: 168px; height: 168px; text-align: center; margin: 2px 8px; overflow: hidden; display: table; }
.slider_content .slider_list  li .img176x160 a{ width: 168px; height: 168px; text-align: center;   overflow: hidden;  }
.slider_content .slider_list  li .img176x160 span{ display: table-cell; vertical-align: middle;}
.slider_content .slider_list  li .img176x160 span img{ max-width:176px; max-height: 169px;transition: all 0.2s ease-in-out 0s;}
.slider_content .slider_list  li .text{ width: 164px; padding: 0 10px; font-size: 14px; text-align: center; height: 40px; line-height: 40px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; background: #f8f8f8;}
.slider_content .slider_list  li:hover{ position:relative; border:1px solid #ccc; z-index: 100;  }
.slider_content .slider_list  li:hover .img176x160 span img{transform: scale(1.05);}

/*IE6*/
.slider_content .slider_list  li .img176x160 { *position:relative;*overflow:hidden;}
.slider_content .slider_list  li .img176x160 span { *position:absolute;*left:50%;*top:50%;}
.slider_content .slider_list  li .img176x160 span img { *position:relative;*left:-50%;*top:-50%;}
.slider_content .slider_list  li .img176x160 img { max-height: 168px; max-width: 168px; }

/**right firm**/
.screen_right{ width:198px; background: #fff; border: 1px solid #eee;float: right; height:524px; }
/**account**/
.account{ padding: 10px 15px; height: 143px; overflow: hidden;}
.account .account_img{ width:50px; height: 50px; margin: 0 auto 3px;}
.account .account_text1{ heigt:20px; line-height: 20px; font-size: 12px; text-align: center; margin-bottom: 5px;}
.account .account_text2{ background:#f7f7f7; color: #999; font-size: 12px;  text-align: center; line-height: 20px; height: 20px; margin-bottom: 10px;}
.account .account_btn{height:30px; overflow: hidden;}
.account .account_btn .login_btn{ width:77px; height: 30px; background: #0366c1; display: block; margin-right:13px; border-radius: 3px; color: #fff; text-align: center; line-height: 30px; float: left; text-decoration: none;}
.account .account_btn .login_btn:hover{ background: #0482da;}
.account .account_btn .reg_btn{ width:75px; height: 28px; border: 1px solid #0366c1; display: block; border-radius: 3px; color: #0366c1; text-align: center; line-height: 30px; float: left; text-decoration: none;}
.account .account_btn .reg_btn:hover{ background: #0366c1; color: #fff;}

/*firm Number*/
.firm_number{ overflow: hidden; border-top:1px solid #eee;}
.firm_number .title{height:34px; border-bottom: 1px solid #eee; line-height: 34px; background: #fafafa;}
.firm_number .title li{ width:98px; float: left; border-right:1px solid #eee;}
.firm_number .title li a{ color: #666; display: block; font-size: 16px; text-align: center; text-decoration: none;}
.firm_number .title .last{ border-right:0;}
.firm_number .title .curr a{ display:block; background: #fff; border-bottom: 1px solid #fff; color: #0366c1; }
.firm_number .num_info{ padding:15px 10px; height: 24px;font-size: 17px;color: #0366c1; line-height: 24px;text-align: center; }
.firm_number .num_info span { padding: 1px 3px; background: #eee;  margin: 0 1px; border-radius: 2px;}


/*Recommended company*/
.recom_firm{ overflow:hidden;}
.recom_firm .title{ height:34px; border-top:1px solid #eee; border-bottom:1px solid #eee; background: #fafafa; padding-left: 15px; line-height: 34px; color: #0366c1; font-size: 16px; font-style: normal;}
.recom_firm .recom_ul{ overflow:hidden; padding:10px 15px; }
.recom_firm .recom_ul li{ line-height:30px; font-size: 12px; height: 30px; overflow: hidden;text-overflow:ellipsis;white-space:nowrap; }

/**baidu_ad**/
.bd_ad{ overflow: hidden; height: 90px; width: 1200px; margin: 0 auto 0;}
    .bd_ad .ad_item { width: 1200px; height: 80px; float: left; }
.bd_ad .last{ margin-right: 0;}

/*********floor **********/
.floor_box{ padding-top: 15px; width: 1200px; margin: 0 auto;}
.floor{ width:1198px; height: 399px; margin:0 auto 15px; position: relative; border: 1px solid #eee;}
.floor .lc_title{ width:230px; height: 400px; position: absolute; left: -1px; top: -1px; overflow: hidden;}
.floor .lc_title .title_bg{ position: absolute; left: 0; top: 0; width: 230px; height:50px; background: #000; filter:Alpha(opacity=20); opacity: 0.2; }
.floor .lc_title .lc_img{ width:230px; height:260px; position: absolute; left: 0; bottom: 0;}
.floor .lc_title .lc_img img{transition: all 0.2s ease-in-out 0s;}
.floor .lc_title:hover .lc_img img{transform: scale(1.05);}
.floor .lc_title .lc_h2 { position: absolute; left: 0; top: 0; padding: 0 15px; height:50px; width:200px; font-size: 18px; color: #fff; z-index: 100; font-weight: normal; text-decoration: none; text-align: center;}
.floor .lc_title .lc_h2 span{ font-size: 30px; width: 40px; color: #fff; line-height: 50px; font-family:  Helvetica Neue, Helvetica, Arial," sans-serif" }
.floor .lc_title .lc_a_box{ position: absolute; z-index: 100; top: 60px; text-align: center; left: 0px; width: 180px; height: 60px; padding:5px 25px 10px; line-height: 30px; }
.floor .lc_title .lc_a_box em { font-style: normal; color: #fff; font-size: 20px; line-height: 30px; margin: 0 8px; filter: Alpha(opacity=80); opacity: 0.8; }
.floor .lc_title .lc_text{ position: absolute; left: 15px; top: 100px; width: 200px; }
.floor .lc_title .lc_text .p1{ line-height: 24px; margin-bottom: 5px; color: #fff; font-size: 20px;}
.floor .lc_title .lc_text .p2{ font-size:14px; line-height: 18px; color: #fff; filter:Alpha(opacity=80); opacity: 0.8;}

.floor .lc_c_list{ position: absolute; left: 230px; top: 0;  padding:15px 15px 0; width: 582px; height: 368px; }
.floor .lc_c_list dl{ width:50%; float: left; height:100px ; margin-bottom: 20px;}
.floor .lc_c_list dl dt{ width:100%; height:25px; line-height: 25px; font-size: 14px; font-weight: bold; margin-bottom: 10px;}
.floor .lc_c_list dl dt a{ color:#333;  }
.floor .lc_c_list dl dd {height:70px; line-height: 23px; overflow: hidden;}
.floor .lc_c_list dl dd a{ color:#666; display: block; float: left; margin-right: 20px; white-space:nowrap;}
.floor .lc_c_list_all dl{ width: 100% !important;}

.floor .lc_r_ad{position: absolute;right: -1px; top: 0px; width: 352px; height: 398px; }
.floor .lc_r_ad .img230x199{ position: relative; width: 175px; height:199px;  border: 1px solid #eee; margin: -1px 0 0 -1px;  float: left;overflow: hidden;}
.floor .lc_r_ad .img230x199 .img230x199_name{ position: absolute; left: 0; bottom:0; width: 165px;padding: 0 5px; background: #f8f8f8; height: 25px; line-height: 25px; font-size: 14px; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; z-index: 99;  font-weight: normal;}
.floor .lc_r_ad .img230x199 .img230x199_name a{ color:#666 !important;}
.floor .lc_r_ad .img230x199 .img230x199_name a:hover{ color:#0366c1 !important;}
.floor .lc_r_ad .img230x199 .img230x199_img{width:171px; height: 171px;text-align: center; display: table; overflow: hidden; margin: 2px; }
.floor .lc_r_ad .img230x199 .img230x199_img span{ display: table-cell; vertical-align: middle;}
.floor .lc_r_ad .img230x199 .img230x199_img img{transition: all 0.2s ease-in-out 0s; max-width: 171px; max-height: 171px;}
.floor .lc_r_ad .img230x199 .img230x199_img:hover img{transform: scale(1.05);}
.floor .lc_r_ad .img230x199:hover{ border:1px solid #ccc; position: relative; z-index: 100;}

/*IE6*/
.floor .lc_r_ad .img230x199 .img230x199_img { *position:relative;*overflow:hidden;*display:block;}
.floor .lc_r_ad .img230x199 .img230x199_img span { *position:absolute;*left:50%;*top:50%;}
.floor .lc_r_ad .img230x199 .img230x199_img span img { *position:relative;*left:-50%;*top:-50%;}
.floor .lc_r_ad .img230x199 .img230x199_img span img { max-width: 171px;  max-height: 171px; }

.fl_1 .lc_title{ background: #fb7736;}
.fl_1 .lc_r_ad a{ color:#fb7736 !important;}
.fl_1 .lc_c_list a:hover{ color:#fb7736 !important;}

.fl_2 .lc_title{ background: #0194f4;}
.fl_2 .lc_r_ad a{ color:#0194f4 !important;}
.fl_2 .lc_c_list a:hover{ color:#0194f4 !important;}

.fl_3 .lc_title{ background: #30ae29;}
.fl_3 .lc_r_ad a{ color:#30ae29 !important;}
.fl_3 .lc_c_list a:hover{ color:#30ae29 !important;}

.fl_4 .lc_title{ background: #50ce94;}
.fl_4 .lc_r_ad a{ color:#50ce94 !important;}
.fl_4 .lc_c_list a:hover{ color:#50ce94 !important;}

.fl_5 .lc_title{ background: #f55443;}
.fl_5 .lc_r_ad a{ color:#f55443 !important;}
.fl_5 .lc_c_list a:hover{ color:#f55443 !important;}

.fl_6 .lc_title{ background: #45b6c1;}
.fl_6 .lc_r_ad a{ color:#45b6c1 !important;}
.fl_6 .lc_c_list a:hover{ color:#45b6c1 !important;}

.fl_7 .lc_title{ background: #4a5ef5;}
.fl_7 .lc_r_ad a{ color:#4a5ef5 !important;}
.fl_7 .lc_c_list a:hover{ color:#4a5ef5 !important;}

.fl_8 .lc_title{ background: #b1a17a;}
.fl_8 .lc_r_ad a{ color:#b1a17a !important;}
.fl_8 .lc_c_list a:hover{ color:#b1a17a !important;}

.fl_9 .lc_title{ background: #50c198;}
.fl_9 .lc_r_ad a{ color:#50c198 !important;}
.fl_9 .lc_c_list a:hover{ color:#50c198 !important;}

.fl_10 .lc_title{ background: #ff2725;}
.fl_10 .lc_r_ad a{ color:#ff2725 !important;}
.fl_10 .lc_c_list a:hover{ color:#ff2725 !important;}

.fl_11 .lc_title{ background: #ff5775;}
.fl_11 .lc_r_ad a{ color:#ff5775 !important;}
.fl_11 .lc_c_list a:hover{ color:#ff5775 !important;}

.fl_12 .lc_title{ background: #a158cc;}
.fl_12 .lc_r_ad a{ color:#a158cc !important;}
.fl_12 .lc_c_list a:hover{ color:#a158cc !important;}

/**Quality company**/
.q_company{ margin:0 auto 15px; width: 1200px; padding-top: 20px; }
.q_company .q_title{height: 22px; overflow: hidden; margin-bottom: 15px;}
.q_company .q_title h2{ float: left; padding-left: 25px; background: url(../img/q-company.png) left center no-repeat; color: #333; font-size: 20px; font-weight: normal; line-height: 22px; margin-right: 20px; }
.q_company .q_ul{ float:left; height: 20px; padding-top: 2px;}
.q_company .q_ul li{ float:left;}
.q_company .q_ul li a{ display:block; text-decoration: none; padding: 0 15px; line-height: 20px; font-size: 12px;}
.q_company .q_ul li a:hover{ background:#0366c1; color: #fff;}
.q_company .q_ul .cur a{background:#0366c1; color: #fff;}
.q_company .q_title .r_more{ float:right; }
.q_company .q_title .r_more a{ color:#999;}
.q_company .q_title .r_more a:hover{ color:#0366c1;}

.q_company .q_item{ overflow: hidden;}
.q_company .q_item .div_item{ width:286px; overflow: hidden; border: 1px solid #eee; margin-right: 16px; float: left;}
.q_company .q_item .div_item .title{ height:45px; background: #fbfbfb; padding: 15px 15px 0;}
.q_company .q_item .div_item .title h3{height: 20px; line-height: 20px; font-size: 16px; font-weight: normal; color: #333;overflow: hidden; text-overflow:ellipsis; white-space:nowrap;}
.q_company .q_item .div_item .title h3 a{ color:#333;}
.q_company .q_item .div_item .title h3 a:hover{ color:#0366c1;}
.q_company .q_item .div_item .title p{height:20px; line-height: 20px; font-size: 12px; color: #888; overflow: hidden; text-overflow:ellipsis; white-space:nowrap;}
.q_company .q_item .div_item ul{ padding:15px 0 0 15px; overflow: hidden;}
.q_company .q_item .div_item ul li{ float:left; margin: 0 13px 13px 0; width: 110px; height: 128px;padding: 5px; border: 1px solid #eee; transition: all 0.2s ease-in-out 0s;   }
.q_company .q_item .div_item ul li .img110{ width:110px; height: 110px;text-align: center; display: table; overflow: hidden;}
.q_company .q_item .div_item ul li .img110  span{ display: table-cell; vertical-align: middle;}
.q_company .q_item .div_item ul li:hover{ border:1px solid #ccc;}
.q_company .q_item .div_item ul li .img110 a img{transition: all 0.2s ease-in-out 0s; max-width:110px; max-height: 110px;}
.q_company .q_item .div_item ul li .img110 a:hover img{transform: scale(1.05);}
.q_company .q_item .div_item ul li .name{ width:110px; height: 18px; display: block; line-height: 18px; font-size: 12px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: center;}
.q_company .q_item .last{ margin-right:0;}

/*IE6*/
.q_company .q_item .div_item ul li  .img110 { *position:relative;*overflow:hidden;}
.q_company .q_item .div_item ul li  .img110 span { *position:absolute;*left:50%;*top:50%;}
.q_company .q_item .div_item ul li  .img110 span img { *position:relative;*left:-50%;*top:-50%;}
.q_company .q_item .div_item ul li  .img110 span img { max-height: 110px; max-width: 110px; }

/*******footer*******/
.fy_foot{ width:100%; min-width: 1200px; border-top: 2px solid #0366c1; background: #fbfbfb; padding: 30px 0 ;  text-align: center;}
.fy_foot .letter_class{ height: 30px; color: #999; }
.fy_foot .letter_class span{ color: #444; }
.fy_foot .letter_class a { padding: 0 6px; color: #039;margin: 0 5px;}
.fy_foot .footer_lj{ height: 30px; line-height: 30px; text-align: center; overflow: hidden;}
.fy_foot .footer_lj a { padding: 0 8px;}
.fy_foot  .blue_a{ color:#0366c1;}
.fy_foot .fy_foot_lxfs{ text-align:center; color: #333;}
.fy_foot .fy_foot_lxfs span{ font-weight:bold;}

.fy_foot .copyright { width: 1200px; line-height: 25px; margin: 5px auto 20px;text-align: center; }
.fy_foot .copyright span {padding: 0 10px;}
.fy_foot .copyright .sina{ width:18px; height: 18px; display: inline-block; background: url(../img/bot-sina.png) no-repeat; margin: 0 10px -4px 0;}
.fy_foot .copyright .wechat{ cursor: pointer; width:18px; height: 18px; display: inline-block; background: url(../img/bot-wechat.png) no-repeat; margin: 0 10px -4px 0;}
.fy_foot .bottom_img{margin: 10px auto 20px; height: 48px;  width: 450px;}
.fy_foot .bottom_img li { float: left; margin: 0 10px;  position: relative; height: 47px; line-height: 0; overflow: hidden;}
.fy_foot .bottom_img li img{ height:47px; width: auto;}

.fy_foot .duty{ overflow: hidden; line-height:18px; margin-bottom: 5px; }
.fy_foot .duty p{ line-height: 24px; margin-bottom: 5px; }
.fy_foot .duty .com_numb{ color:#f00; font-size:20px;  }
.fy_foot .duty .red_tips{ color:#f00; font-weight: bold;}
.fy_foot .duty .black_tips{ color: #222; font-size: 16px;}

/***********Bread crumbs***************/
.breadcrumbs{ padding: 8px 0 10px; width: 1200px; margin: 0 auto; height: 20px; line-height: 20px;}
.breadcrumbs .l_bc_list{ padding-left:15px; line-height: 20px; display: block; float: left; background: url(../img/breadcrumbs.png) left center no-repeat;}
.breadcrumbs .l_bc_list span{ color:#999;}
.breadcrumbs .pronum{float: right; }
.breadcrumbs .pronum em{ font-style:normal; color: #c00; font-weight: bold;}

/***products filter***/
.fy_selector{position: relative; border: 1px solid #dfdfdf; width: 1198px; margin-bottom: 15px;}
.fy_selector ul{ margin-bottom:-1px;}
.fy_selector li{border-bottom: 1px dashed #dfdfdf; position: relative; padding: 5px 10px 5px 110px; min-height: 30px; overflow: hidden; }
.fy_selector li .cate_span{ position:absolute;display: block; background: #eee; left: 0; top: 0; bottom: 0; width:80px ; min-height: 40px; padding-left: 15px; line-height: 40px; font-size: 14px;  }
.fy_selector li .turn_off{position:absolute; right: 20px; top: 0;line-height: 40px; margin-right: 0; }
.fy_selector li .turn_off em{ width:11px ; height: 6px; background: url(../img/pro-list-arr.png) 0 0 no-repeat;float: right; margin: 17px 0 0 3px;}
.fy_selector li .turn_up{position:absolute; right: 20px; top: 0;line-height: 40px; margin-right: 0;  }
.fy_selector li .turn_up em{ width:11px ; height: 6px; background: url(../img/pro-list-arr.png) 0 -6px no-repeat;float: right; margin: 17px 0 0 3px;}
.fy_selector li a { display: block; width: 150px;  line-height: 30px; float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;padding-right:25px }
.fy_selector li .on{ color:#c00; font-weight: bold; text-decoration: none;}

/***list filter***/
.list_filter{ border:1px solid #dfdfdf; background: #eeeeee; height: 38px; width: 1198px; position: relative; margin-bottom: 15px; z-index: 999;}
.list_filter .sort{ display: block; width: 110px; height: 40px; position: absolute; left: -1px; top: -1px; background: #0366c1; color: #fff; text-align: center; line-height: 40px;font-size: 14px;}
.list_filter .filter_page{height:38px; position: absolute; right: 10px; top: 0;}
.list_filter .filter_page span{ line-height:38px; margin-right: 10px; float: left; }
.list_filter .filter_page a{ float: left; width:16px; height: 16px; line-height: 16px;  text-align: center;  text-decoration: none; display: block; background: #fff; border: 1px solid #dfdfdf; margin:10px 3px 0 0;}
.list_filter .filter_page a:hover{ border:1px solid #0366c1; color: #0366c1;}
.list_filter .filter_price{ font-size: 14px; line-height: 38px; color: #666; cursor: pointer; position: absolute;text-align: center; left: 110px; top:0; width: 92px; height: 38px; border-right: 1px solid #dfdfdf; padding-right: 10px; }
.list_filter .filter_price:hover{ background:#fff;}
.list_filter .filter_price .arr_top{ display: block; width:9px; height:6px; position: absolute; left: 63px; top: 12px; background: url(../img/filter-arr-top.png) 0 0 no-repeat;}
.list_filter .filter_price .arr_top_cur{ display: block; width:9px; height:6px; position: absolute; left: 63px; top: 12px; background: url(../img/filter-arr-top.png) 0 -6px no-repeat}
.list_filter .filter_price .arr_bot{ display: block; width:9px; height:6px; position: absolute; left: 63px; top: 19px; background: url(../img/filter-arr-bot.png) 0 0 no-repeat;}
.list_filter .filter_price .arr_bot_cur{ display: block; width:9px; height:6px; position: absolute; left: 63px; top: 19px;background: url(../img/filter-arr-bot.png) 0 -6px no-repeat}
.list_filter .filter_province{font-size: 14px; line-height: 38px; width: 110px; color: #666; cursor: pointer; position: absolute;text-align: center; left: 110px; top:0;  height: 38px; border-right: 1px solid #dfdfdf; padding: 0 15px; z-index: 999; }
.list_filter .filter_province span{ width:94px; float: left;overflow: hidden; text-overflow:ellipsis; white-space:nowrap; }
.list_filter .filter_province em{ display: block; width:11px; float:right; height: 6px; margin-top: 16px;  background: url(../img/pro-list-arr.png) 0 -6px no-repeat;}
.list_filter .filter_province:hover{ background:#fff;}
.list_filter .filter_province .filter_pop{ display: none;position:absolute; left: -1px; top: 38px; width: 500px; border: 1px solid #dfdfdf; border-top:0;  background: #fff;}
.list_filter .filter_province .filter_pop li{ width:100px;  float: left;}
.list_filter .filter_province .filter_pop li a{  display: block; text-decoration: none;}
.list_filter .filter_province .filter_pop li a:hover{ background:#f2f2f2; }
.list_filter .filter_province:hover .filter_pop{ display:block;}
.list_filter .filter_province:hover span{ color:#0366c1;}
.list_filter .filter_province:hover em{ background: url(../img/pro-list-arr.png) 0 0 no-repeat;}
.list_filter .filter_city{left:251px; top: 0; }
.list_filter .filter_county{ left:392px; top: 0;}
/*list*/
.pro_box{ width:1200px; margin: 0 auto 20px;}
.pro_list{ width: 1200px; }
.pro_list ul{ width:1215px; }
.pro_list li{ width:226px; border: 1px solid #dfdfdf; float: left; margin: 0 15px 15px 0;}
.pro_list li:hover{ border: 1px solid #4eb3f9;}
.pro_list li .img220{ width:220px; height: 220px; margin: 3px; overflow: hidden;text-align: center; display: table;  }
.pro_list li .img220 span{ display: table-cell; vertical-align: middle;}
.pro_list li .img220 a{ display: block;transition: all 0.3s ease-in-out 0s;}
.pro_list li .img220 a img{ max-width:220px; max-height:220px;}
.pro_list li .img220 a:hover{transform: scale(1.05);}
.pro_list li .pro_name{ line-height: 22px; height: 44px; overflow: hidden; padding: 0 8px; margin-bottom: 5px;}
.pro_list li .pro_name a{ color:#333; }
.pro_list li .pro_name a:hover{ color:#0366c1;}
.pro_list li .pro_price{ height:20px; line-height: 20px; padding: 0 8px; margin-bottom: 5px; }
.pro_list li .pro_price span{ font-size: 16px; color: #0366c1; font-weight: bold; margin-right: 3px; }
.pro_list li .pro_price span em{ color:#0366c1;}
.pro_list li .pro_company{ border-top: 1px solid #eee; padding: 5px 8px; }
.pro_list li .pro_company .company_name{ /*padding-left:22px;background: url(../img/attest-v.png) left center no-repeat; */ overflow: hidden; text-overflow:ellipsis; white-space:nowrap; height: 22px; line-height: 22px; margin-bottom: 5px; display: block; color: #888; }
.pro_list li .pro_company .company_name a{ color:#999;}
.pro_list li .pro_company .company_name a:hover{ color: #0366c1;}
.pro_list li .pro_company .time{ color: #999; line-height: 22px; font-size: 12px;}



/*IE6*/
.pro_list li .img220 { *position:relative;*overflow:hidden;}
.pro_list li .img220 span { *position:absolute;*left:50%;*top:50%;}
.pro_list li .img220  span img { *position:relative;*left:-50%;*top:-50%;}
.pro_list li .img220  span img { max-height: 220px; max-width: 220px; }


/** fy_page **/
.fy_page{height: 40px; overflow:hidden; line-height: 40px; text-align: center; padding: 10px 0 20px;}
.fy_page a,.fy_page .c_page,.fy_page .num_btn{border-radius: 4px;background-color: #fff; border: 1px solid #e3e3e3;padding: 0 10px; margin-right: 3px; min-width: 38px; box-sizing: border-box; height: 38px; line-height: 40px; display: inline-block; text-align: center;}
.fy_page .c_page{    border-radius: 4px; background-color: #0366c1; color: #fff; border: 1px solid #0366c1;}
.fy_page a:hover{ border-radius: 4px; background-color: #0366c1; color: #fff; border: 1px solid #0366c1; text-decoration: none;}
.fy_page .num_input{width: 40px;height: 37px; line-height: 37px; vertical-align: middle; margin: 0px 7px; border-radius: 3px;border: 1px solid #ddd;text-align: center; box-sizing: border-box;}
.fy_page .num_btn{  border-radius: 4px; color: #fff; background-color: #0366c1;border: 1px solid #0366c1;}




/****products details ***/
.pro_d_ad{ width:1198px; height:158px; margin:0 auto 15px; border:1px solid #dfdfdf;}
.detail_box{ overflow: hidden; margin: 0 auto 15px; width: 1200px;}
.detail_info_box{ overflow:hidden; margin-bottom: 15px;}
.detail_info_box .l_pic{ width:382px; margin-right: 30px; height: auto; float: left;}
.detail_info_box .l_pic .big_img{ width:380px; height: 380px; margin-bottom: 13px; border: 1px solid #dfdfdf;}
.detail_info_box .l_pic .big_img li{ width:380px; height: 380px;overflow: hidden;text-align: center; display: table;  }
.detail_info_box .l_pic .big_img li span{ display: table-cell; vertical-align: middle;}
.detail_info_box .l_pic .big_img li img{max-height:380px; max-width: 380px;}
.detail_info_box .l_pic .small_img{ width:382px; height: 86px;}
.detail_info_box .l_pic .small_img li{ width: 84px; height: 84px; cursor: pointer; margin-right: 12px;  float: left; border: 1px solid #dfdfdf; overflow: hidden;text-align: center; display: table;  }
.detail_info_box .l_pic .small_img li span{ display: table-cell; vertical-align: middle;}
.detail_info_box .l_pic .small_img li:hover{ border:1px solid #0366c1;}
.detail_info_box .l_pic .small_img .last{ margin-right:0;}
.detail_info_box .l_pic .small_img li span img{max-height:84px; max-width: 84px;}

/*IE6*/
.detail_info_box .l_pic .big_img li{ *position:relative;*overflow:hidden;}
.detail_info_box .l_pic .big_img li span { *position:absolute;*left:50%;*top:50%;}
.detail_info_box .l_pic .big_img li span img { *position:relative;*left:-50%;*top:-50%;}
.detail_info_box .l_pic .big_img li span img { max-height: 380px; max-width: 380px; }
/*IE6*/
.detail_info_box .l_pic .small_img li { *position:relative;*overflow:hidden;}
.detail_info_box .l_pic .small_img li span { *position:absolute;*left:50%;*top:50%;}
.detail_info_box .l_pic .small_img li span img { *position:relative;*left:-50%;*top:-50%;}
.detail_info_box .l_pic .small_img li img { max-height: 84px; max-width: 84px; }

.detail_info_box .pro_info{ width:550px; float: left; overflow: hidden;}
.detail_info_box .pro_info .pro_name{width:550px; height:60px; margin-bottom: 10px; line-height: 30px; font-weight: normal; overflow: hidden; color: #000; font-size:18px;}
.detail_info_box .pro_info .pro_ul{ overflow:hidden;}
.detail_info_box .pro_info .pro_ul li{ min-height:30px; line-height: 30px; margin-bottom: 8px; color: #333; position: relative; padding-left: 100px; }
.detail_info_box .pro_info .pro_ul li:after{ clear:both; content: ""; display: block; }
.detail_info_box .pro_info .pro_ul li .l_span{ position: absolute; left: 0; top: 0; height:30px; line-height: 30px; width:100px; float:left; color: #666; }
.detail_info_box .pro_info .pro_ul li .price{ color: #ff9900; font-weight: bold;}
.detail_info_box .pro_info .pro_ul li .comp_v{ width:16px; height: 14px;display: inline-block; background: url(../img/attest-v.png) no-repeat; float:left; margin: 8px 3px 0 0;}
.detail_info_box .pro_info .pro_ul li .go_sp{color:#fff; text-decoration: none; background: #0366c1; width: 60px; height: 24px;  display: inline-block; margin: 5px; line-height: 24px; border-radius: 12px; text-align: center;}
.detail_info_box .pro_info .pro_ul .btn_box{padding-left:0; padding-top: 15px; margin-top: 16px; height: 45px; margin-bottom:0; border-top: 1px solid #dfdfdf;}
.detail_info_box .pro_info .pro_ul .btn_box a{ display:block; margin-right: 20px; float: left; }
.detail_info_box .pro_info .pro_ul .ljzx_btn1{ cursor: pointer;float: left;  margin-right: 15px; }

.guess_box{ width:160px; padding: 10px 19px; height: 459px; float: right; border: 1px solid #dfdfdf;}
.guess_box .guess_title{ position:relative; width:160px; height: 38px;}
.guess_box .guess_title p{ width:160px; height:15px; display: block; border-bottom: 1px solid #dfdfdf; }
.guess_box .guess_title span{position: absolute;top: 5px; text-align: center; left: 50%; margin-left: -40px; width:80px; color: #000; font-size: 16px; height: 20px; background: #fff;}
.guess_box .guess_ul{ overflow:hidden; }
.detail_info_box .guess_box .guess_ul{ height: 412px; }
.guess_box .guess_ul li{ height: 207px; }
.guess_box .guess_ul li .guess_img{ width:160px; height:160px; overflow: hidden;text-align: center; display: table;  }
.guess_box .guess_ul li .guess_img span{ display: table-cell; vertical-align: middle;}
.guess_box .guess_ul li .guess_img img{ max-width:160px; max-height:160px;}
.guess_box .guess_ul li .guess_name{ height: 20px; line-height: 20px; overflow: hidden;}
.guess_box .guess_ul li .guess_price{ height:17px; line-height: 17px; display:block;}
.guess_box .guess_ul li .guess_price em{ color: #ff9900; font-weight: bold;}

/*IE6*/
.guess_box .guess_ul li .guess_img { *position:relative;*overflow:hidden;}
.guess_box .guess_ul li .guess_img span { *position:absolute;*left:50%;*top:50%;}
.guess_box .guess_ul li .guess_img  span img { *position:relative;*left:-50%;*top:-50%;}
.guess_box .guess_ul li .guess_img  span img { max-height: 160px; max-width: 160px; }


.detail_bottom{ overflow: hidden; }
.detail_bottom .l_detail{ width:200px; float: left; }
.detail_bottom .l_detail .pro_sort{ width:198px; border: 1px solid #dfdfdf; margin-bottom: 15px;}
.detail_bottom .l_detail .pro_sort .sort_title{ height:40px; border-bottom: 1px solid #dfdfdf; background: #eee; padding-left: 19px; color: #333; font-size: 16px; line-height: 40px;}
.detail_bottom .l_detail .pro_sort .sort_ul{ overflow:hidden; }
.detail_bottom .l_detail .pro_sort .sort_ul li{ line-height:36px; height: 36px; }
.detail_bottom .l_detail .pro_sort .sort_ul li a{ display: block; padding-left: 19px;}
.detail_bottom .r_detail{ float: right; width: 978px; border: 1px solid #dfdfdf; border-top: 2px solid #0366c1;}
.detail_bottom .r_detail .title{ height:47px; border-bottom: 1px solid #dfdfdf; padding: 0 20px; line-height: 47px; font-size: 18px; color: #0366c1;}
.detail_bottom .r_detail .detail_att{ padding: 20px; overflow: hidden; border-bottom: 1px solid #dfdfdf;}
.detail_bottom .r_detail .detail_att li{ width:33.3%; float:left; line-height: 32px; overflow: hidden; color: #444;}
.detail_bottom .r_detail .detail_att li span{ color:#999;}
.detail_bottom .r_detail .detail_text{ padding:20px; overflow: hidden;}
.detail_bottom .r_detail .detail_text p { margin-bottom: 10px; font-size: 16px; line-height: 30px; color: #666; text-indent: 32px;}

/**商品详情联系方式**/
.mask{display: none; z-index: 9999; position: fixed;  top: 0; right: 0;  bottom: 0; left: 0;  background: rgba(0,0,0,.4);  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000, endColorstr=#66000000);  zoom: 1;}
.dialogCommon{display: none; z-index: 10000; position: fixed; width: 660px; top: -8888px; left: 50%; margin-left: -330px; }
.dialogCommon_header {height: 50px; line-height: 50px; background: #f2f2f2;color: #666; font-size: 17px;  padding: 0 24px;}
.dialogCommon_close { display: block;  color: #888;  float: right; width: 16px; cursor: pointer; height: 16px; background: url(../img/close1.png) no-repeat; margin-top: 17px;}
.dialogCommon_center {  padding: 20px 0; background: #fff; max-height: 9999px;}
.lxfs_info_txt { padding-left: 58px; line-height: 30px; font-size: 15px; color: #333;}
.lxfs_info_txt span { font-weight: 700;  font-size: 15px;}
.lxfs_info_btn { padding-left: 58px; overflow: hidden;}
.lxfs_info_btn .lxfs_btn{ height: 40px; line-height: 40px; float: left; border-radius: 3px; display: block; padding: 0 15px; color: #fff; text-decoration: none; background: #0366c1; }

/***举报违法信息***/
.report_box{ width: 1200px; margin: 0 auto 60px;}
.report_box .title{ font-size: 36px; line-height: 50px; font-weight:normal; color: #0366c1;margin-bottom: 10px; }
.report_box .report_tips{ width:1178px; border: 1px dashed #0366c1; padding: 10px; line-height: 24px; border-radius: 3px; }
.report_box .report_tips b{ color: #0366c1;}
.report_box .report_form{ }
.report_box .report_form .w_1200{ width: 1200px;}
.report_box .report_form .w_580{ width: 580px;}
.report_box .report_form .top_name{ padding-top: 10px; height: 40px; line-height: 40px; }
.report_box .report_form .top_name h3{ font-size:16px; color: #666; float: left;}
.report_box .report_form .top_name em{ float:left; color: #c00; font-size: 18px;}
.report_box .report_form .top_name p{ color: #777; float:left; padding-top: 5px; line-height: 35px;}
.report_box .report_form .report_textarea{ width: 1178px; height: 128px; padding: 10px; border: 1px solid #dfdfdf; line-height: 32px; font-size: 14px; color: #666; box-shadow:2px 3px 3px #f6f8f9 inset; outline: 0; font-family:Microsoft YaHei ; border-radius: 3px;resize:none;transition: all 0.2s ease-in-out 0s;}
.report_box .report_form .report_textarea:focus{ border: 1px solid #0482da; box-shadow:  0 0 4px #0482da;}
.report_box .report_form .report_input{ width: 568px; height: 36px; border: 1px solid #dfdfdf; padding: 5px; line-height: 36px; color: #777;  box-shadow:2px 3px 3px #f6f8f9 inset; border-radius: 3px; outline: 0;transition: all 0.2s ease-in-out 0s; }
.report_box .report_form .report_input:focus{ border: 1px solid #0482da; box-shadow:  0 0 4px #0482da;}
.report_box .report_form .label_box{ width:100%; height: 40px; line-height: 40px;}
.report_box .report_form .label_box label{ cursor:pointer;  margin-right: 40px; line-height: 40px;}
.report_box .report_form .label_box input{ cursor: pointer; vertical-align: middle; margin-right: 5px;}
.report_box .report_form .yzm_img{ float: left; width:120px; height: 48px; margin:0 10px 0 20px;  display: block;}
.report_box .report_form .report_btn{ width: 150px; font-size: 18px; height: 48px; cursor: pointer; color: #fff; border: 0; background: #0366c1; text-align: center; line-height: 48px; border-radius: 3px;}
.report_box .report_form .report_btn:hover{ background:#0482da;}
.report_box .report_form .w_1200 a{ line-height: 48px;}
.report_box .report_form .pt_20{ padding-top:20px;}


/**404**/
.lost_box { text-align: center; }
.lost_box p { text-align: center; font-size: 18px; padding-top: 20px; line-height: 30px; }
.lost_box p a { color: #0366c1; text-decoration: underline; }
.lost_box p a:hover { text-decoration: none; }


/***2018-12-04 黄页主页***/
.yellow_page{ width: 100%; background: #fbfbfb; overflow: hidden;}
.yellow_page .yellow_box{ width:1158px; background: #fff; border: 1px solid #eee; padding: 20px; margin: 0 auto 20px;}
.yellow_page .yellow_box .title{font-size:18px; line-height: 30px; margin: 0 0 10px; color: #333; font-weight: normal;}
.yellow_page .yellow_box .six_ul{ overflow:hidden;}
.yellow_page .yellow_box .six_ul li{ width:180px; padding-right: 13px; float: left; height: 32px; line-height: 32px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.yellow_page .yellow_box .three_ul{ overflow:hidden;}
.yellow_page .yellow_box .three_ul li{ width:375px; padding-right: 11px; float: left; height: 32px; line-height: 32px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
/***黄页列表页***/
.yellow_list{ width: 1200px; margin: 0 auto 30px; overflow: hidden; }
.yellow_item{ width:918px; padding: 20px; background: #fff; float: left; border: 1px solid #eee; overflow: hidden; }
.yellow_item .item_box{ overflow: hidden;  padding-bottom:20px }
.yellow_item .item_box li{ border-bottom:1px dashed #eee; padding-bottom: 15px; margin-bottom: 15px; overflow: hidden; }
.yellow_item .item_box li .l_logo{  width: 92px; height: 92px; padding: 3px; border: 1px solid #eee; float: left;  margin-right: 15px; overflow: hidden;text-align: center; display: block; }
.yellow_item .item_box li .l_logo:hover{ border:1px solid #0366c1;}
.yellow_item .item_box li .l_logo span{ display: table-cell; vertical-align: middle;}
.yellow_item .item_box li .l_logo a{ display:block; }
.yellow_item .item_box li .l_logo a img{  max-height: 92px; max-width: 92px;}

/*IE6*/
.yellow_item .item_box li .l_logo { *position:relative;*overflow:hidden;}
.yellow_item .item_box li .l_logo span { *position:absolute;*left:50%;*top:50%;}
.yellow_item .item_box li .l_logo  span img { *position:relative;*left:-50%;*top:-50%;}
.yellow_item .item_box li .l_logo  span img { max-height: 92px; max-width: 92px; }

.yellow_item .item_box li .r_info{ width:798px; height: 100px; float: left; position: relative;}
.yellow_item .item_box li .r_info .title{ font-size:16px; font-weight: normal; height: 20px; line-height: 20px; margin-bottom: 10px;}
.yellow_item .item_box li .r_info .title a{ color:#333;}
.yellow_item .item_box li .r_info .title a:hover{ color: #0366c1;}
.yellow_item .item_box li .r_info p{  line-height: 22px;font-size: 12px; width: 750px; height: 22px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.yellow_item .item_box li .r_info .text{color: #808080; }
.yellow_item .item_box li .r_info .time{ color: #999; font-size: 12px;}
.yellow_item .item_box li .r_info .shop_btn{ position: absolute; right: 10px; bottom: 0; width:60px; height: 28px; background: #0366c1; border-radius: 14px; text-align: center; color: #fff; line-height: 28px; font-size: 14px; text-decoration: none;}
.yellow_item .item_box li .r_info .shop_btn:hover{ background: #0482da;}


.yellow_list .r_guess{ width:183px; background: #fff; border: 1px solid #eee; padding: 20px; float: right}
.yellow_list .r_guess .title{ font-size:18px; color: #333; line-height: 30px; height: 30px; margin-bottom: 10px; font-weight: normal;}
.yellow_list .r_guess .guess_item{ width: 183px; overflow: hidden;}
.yellow_list .r_guess .guess_item li{ overflow:hidden; margin-bottom: 15px;}
.yellow_list .r_guess .guess_item li .guess183{ width:181px; height: 160px; border: 1px solid #eee;overflow: hidden;text-align: center; display: table; }
.yellow_list .r_guess .guess_item li .guess183 span{ display: table-cell; vertical-align: middle;}
.yellow_list .r_guess .guess_item li .guess183  a{ display:block; }
.yellow_list .r_guess .guess_item li .guess183  a img{  max-height: 160px; max-width: 181px;}

/*IE6*/
.yellow_list .r_guess .guess_item li .guess183 { *position:relative;*overflow:hidden;}
.yellow_list .r_guess .guess_item li .guess183 span { *position:absolute;*left:50%;*top:50%;}
.yellow_list .r_guess .guess_item li .guess183  span img { *position:relative;*left:-50%;*top:-50%;}
.yellow_list .r_guess .guess_item li .guess183  span img { max-height: 160px; max-width: 180px; }

.yellow_list .r_guess .guess_item li .name{ height: 30px; line-height: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: center;}

/**审核中心 **/
.verify_box { overflow: hidden; padding: 50px 0; }
.verify_box .verify_img { width: 200px; height: 200px; margin: 0 auto 20px; }
.verify_box .verify_text { overflow: hidden; text-align: center; }
.verify_box .verify_text h3 { color: #333; font-size: 22px; line-height: 35px; font-style: normal; }
.verify_box .verify_text p { font-size: 16px; color: #666; line-height: 24px; text-align: center; }

/***友情链接***/
.f_link{ overflow:hidden; padding: 20px 0;}
.f_link .title{  color: #333;  height: 22px; margin-bottom: 15px; }
.f_link .title span{ width:22px; height: 22px; display: block; float: left; margin-right: 3px;}
.f_link .title h3{  float: left; color: #333; font-size: 20px; font-weight: normal; line-height: 22px; }
.f_link .bot_box{ overflow: hidden; clear: both;}
.f_link .bot_box .s_link{ overflow:hidden;}
.f_link .bot_box .s_link li{ float:left; height: 24px; line-height: 24px; margin-right: 25px;}
.f_link .bot_box .s_link li a{ display:block; white-space: nowrap;}

/**2019-1-8 文本表格**/
.detail_bottom .r_detail .detail_text table{border-collapse:collapse;  }
.detail_bottom .r_detail .detail_text table th{border:#dfdfdf solid 1px; padding:5px; }
.detail_bottom .r_detail .detail_text table td{border:#dfdfdf solid 1px; padding:5px; }


/*2019-06-19*/
.detail_bottom .r_detail .detail_pro_img{ padding:0 20px 20px ; overflow: hidden;}
.detail_bottom .r_detail .detail_pro_img p{ margin-bottom:20px; }
.detail_bottom .r_detail .detail_pro_img img{max-width:100%; height: auto;}
.detail_bottom .r_detail .cont_title{ height:47px;border-top: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; padding: 0 20px; line-height: 47px; font-size: 18px; color: #0366c1;}
.detail_bottom .r_detail .cont_d_box{ overflow:hidden; padding:40px 20px; }
.detail_bottom .r_detail .d_card_box{ width:594px;  margin: 0 auto;  border:1px solid #e7e7e7;}
.detail_bottom .r_detail .d_card_company{ height: 86px;  line-height: 86px; padding:0 20px 30px 50px;  font-size: 24px; color: #fff;   background: url(../img/card-top-bg.jpg) no-repeat;    overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.detail_bottom .r_detail .d_card_name{ padding: 0 20px 0 ;  }
.detail_bottom .r_detail .d_card_name .fy_name{font-size: 20px; line-height: 30px; height: 30px; color:#333;  }
.detail_bottom .r_detail .d_card_name .fy_name em{ font-style: normal; font-size:16px; color: #666;}
.detail_bottom .r_detail .d_card_list{ padding:20px 20px 25px; overflow: hidden;}
.detail_bottom .r_detail .d_card_list li{ width:100%; float: left; font-size: 14px; height: 30px; line-height: 30px;  text-overflow: ellipsis; white-space: nowrap;}
.detail_bottom .r_detail .d_card_list .w_100{ width:100%;}
.detail_bottom .r_detail .d_card_bot{  width: 100%;  color: #fff; text-align: center; line-height: 40px; background:#0084df; height: 40px;}