@charset "utf-8";

#p_title {display:block;position:relative;margin:0 0 24px 0;color:#222;font-size:18px;}

#p_info_wrap {margin:0 0 24px 0;}
#p_info_wrap:after {display:block;visibility:hidden;clear:both;content:""}

#p_img {float:left;width:40%;}
#p_img img {width:100%;height:auto;}

#p_img .carousel {position:relative;overflow:hidden;border:solid 1px #ddd;border-bottom:none;
-webkit-transition: 0.3s;
transition: 0.3s;
}
#p_img .carousel ul {}
#p_img .carousel li {position:absolute;left:0;top:0;width:100%;
opacity: 0;
filter: alpha(opacity=0);

-webkit-transition: 0.4s linear;
transition: 0.4s linear;
}
#p_img .carousel li:first-child {opacity: 1;filter: alpha(opacity=100);}
#p_img .carousel li.current {opacity: 1;filter: alpha(opacity=100);z-index:9;}

#p_img .caption {display:none;}
#p_img .controls {}
#p_img .prev,
#p_img .next {display:block;position:absolute;top:50%;width:50px;height:60px;margin:-30px 0 0 0;color:#fff;font-size:36px;text-align:center;line-height:60px;background:rgba(0,0,0,0.4);cursor:pointer;z-index:99;}
#p_img .prev {left:0;}
#p_img .next {right:0;}


#p_img .thumbnails ul {border-left:solid 1px #ddd;border-top:solid 1px #ddd;}
#p_img .thumbnails ul:after {display:block;visibility:hidden;clear:both;content:""}
#p_img .thumbnails ul li {display:block;float:left;width:20%;margin:0;cursor:pointer;border-right:solid 1px #ddd;border-bottom:solid 1px #ddd;}
#p_img .thumbnails ul li img {width:100%;height:auto;}

#p_info {float:right;width:55%;}

.p_info {margin:0 0 24px 0;}
.p_info ul {border-top:solid 1px #eee;}
.p_info ul:after {display:block;visibility:hidden;clear:both;content:""}
.p_info ul li {display:block;position:relative;padding:0 0 0 150px;line-height:40px;border-bottom:solid 1px #eee;}
.p_info ul li label {display:block;position:absolute;left:0;top:0;width:140px;padding:0 10px;font-weight:400;background:#f6f6f6}
.p_info ul li strong {color:#f00001;font-weight:500;}
.p_info ul li img {width:24px;height:auto;}

#bo_p_share {padding:0 0 10px 0}
#bo_p_share:after {display:block;visibility:hidden;clear:both;content:""}
#bo_p_share a.btn_scrap {display:block;float:left;width:49.5%;color:#fff;text-align:center;line-height:40px;background:#059740;border:none;
-webkit-transition: 0.3s;
transition: 0.3s;
}
#bo_p_share a.btn_scrap i {font-size:24px;}
#bo_p_share a.btn_scrap:hover {background:#444;}

#bo_p_share a.btn_consult {display:block;float:right;width:49.5%;color:#fff;text-align:center;line-height:40px;background:#059740;border:none;
-webkit-transition: 0.3s;
transition: 0.3s;
}
#bo_p_share a.btn_consult i {font-size:24px;}
#bo_p_share a.btn_consult:hover {background:#444;}


.linktab {margin:0 0 18px 0;}
.linktab ul {height:40px;padding:0 8px;border-bottom:solid 1px #999}
.linktab ul:after {display:block;visibility:hidden;clear:both;content:""}
.linktab ul li {display:block;float:left;position:relative;margin:0 -1px -1px 0;}
.linktab ul li a {display:block;position:relative;padding:0 18px;color:#999;font-size:13px;line-height:38px;background:#f6f6f6;border:solid 1px #ccc;border-bottom:none;cursor:pointer;}
.linktab ul li a.on {color:#444;line-height:39px;background:#fff;border:solid 1px #999;border-bottom:none;z-index:1;}



.data_con {margin:0 0 60px 0;}
.data_con:after {display:block;visibility:hidden;clear:both;content:""}
.data_con h3 {display:block;margin:0 0 18px 0;color:#222;font-size:18px;font-weight:500;}
.data_con strong {color:#222;font-size:16px;font-weight:400;}
.data_con b {display:inline-block;margin:0 8px 0 0;color:#222;font-weight:500;}
.data_con p {font-size:14px;}
.data_con .img {width:auto;}
.data_con .img img {width:auto;}
.data_con .img_left {float:left;width:100%;max-width:300px;margin:0 40px 0 0;}
.data_con .img_left img {width:100%;height:auto;border:solid 1px #ddd;}
.data_con .img_left .caption {margin:10px 0 0 0;font-size:13px;text-align:center;}

.data_wrap {margin:0 0 60px 0;}
.data_wrap h3 {display:block;margin:0 0 18px 0;color:#222;font-size:18px;font-weight:400;}
.data_wrap h4 {display:block;margin:0 0 18px 0;color:#222;font-size:16px;font-weight:400;}
.data_wrap .refer {margin:18px 0 0 0;color:#f00001;font-size:13px;}

.data_type table {width:100%;border-collapse:collapse;border-spacing:0;background:#fff;border-top:1px solid #ddd} 
.data_type th {width:20%;padding:12px 20px;font-weight:300;color:#222;text-align:left;background:#f6f6f6;border-bottom:1px solid #ddd;border-right:1px solid #ddd;word-break:keep-all}
.data_type td {width:80%;padding:12px 20px;text-align:left;border-bottom:1px solid #ddd;word-break:keep-all}

.data2_type {width:100%;overflow-x:auto;margin:0 0 10px 0;}
.data2_type table {width:100%;min-width:800px;border-collapse:collapse;border-spacing:0;background:#fff;border-top:1px solid #ddd} 
.data2_type th {padding:12px 20px;font-weight:300;color:#222;text-align:center;background:#f6f6f6;border-bottom:1px solid #ddd;border-right:1px solid #ddd;word-break:keep-all}
.data2_type th:last-child {border-right:none;}
.data2_type td {padding:12px 20px;text-align:center;border-bottom:1px solid #ddd;border-right:1px solid #ddd;word-break:keep-all}
.data2_type td:last-child {border-right:none;}
.data2_type td img {width:140px;height:auto;}

ul.features {margin:0 !important;padding:0 !important;}
ul.features li {display:block;margin:0 0 6px 0;padding:0 0 0 8px;line-height:20px;word-break:keep-all;background:url(../../../img/bullet.png) no-repeat 0 12px;}

ul.img3 {list-style:none;}
ul.img3:after {display:block;visibility:hidden;clear:both;content:""}
ul.img3 li {display:block;float:left;margin:0 40px 20px 0;padding:0;list-style:none}
ul.img3 li:last-child {margin:0 0 20px 0;}


#bo_v_mov {min-height:200px;height:auto !important;height:200px}

ul.mov {margin:0 !important;padding:0 !important;}
ul.mov:after {display:block;visibility:hidden;clear:both;content:""}
ul.mov li {display:block;float:left;position:relative;width:19%;margin:0 0.5%}
ul.mov li a {display:block;position:absolute;left:0;top:0;width:100%;height:100%;cursor:pointer;}
ul.mov li a i {display:block;position:absolute;left:50%;top:50%;margin:-16px 0 0 0;color:#fff;font-size:48px;
-ms--webkit-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
ul.mov li img {width:100%;height:auto;margin:0 0 8px 0;}
ul.mov li p {text-align:center;}

#bo_v_photo {min-height:200px;height:auto !important;height:200px}

ul.sample {width:100%;max-width:900px;margin:0 !important;padding:0 !important;}
ul.sample:after {display:block;visibility:hidden;clear:both;content:""}
ul.sample li {display:block;float:left;width:19%;margin:0 0.5%}
ul.sample li img {width:100%;height:auto;}
ul.sample li p {font-size:13px;text-align:center;}

ul.naming {width:100%;max-width:800px;margin:0 !important;padding:0 !important;}
ul.naming:after {display:block;visibility:hidden;clear:both;content:""}
ul.naming li {display:block;float:left;width:50%;text-align:left !important;}
ul.naming li img {width:100%;max-width:290px !important;height:auto;margin:0;padding:0;}








#bo_category {width:100%;margin:0 0 36px 0;padding:20px;background:#f6f6f6;border:solid 1px #ddd;}
#bo_category ul {}
#bo_category ul:after {display:block;visibility:hidden;clear:both;content:""}
#bo_category ul li {display:block;float:left;width:20%;}
#bo_category ul li a {display:block;color:#666;font-size:13px;line-height:30px;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
#bo_category a:focus, #bo_category a:hover, #bo_category a:active {color:#444;font-weight:400;}
#bo_category #bo_cate_on {color:#444;font-weight:400;}

.write_div textarea {display:block;width:100%;height:240px;padding:9px;border:solid 1px #ddd;}

.comp_tags_view {margin:40px 0 0 0;padding:0 0 0 26px;background:url("../../../img/tag.png") no-repeat scroll 0 4px;}
.comp_tags_view a {display:inline-block;margin:0 0 4px 0;padding:4px 8px;color:#465568;font-size:12px;background:#eee;border-radius:3px;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.comp_tags_view a:hover {color:#fff;background:#465568;}

#bo_w .bo_w_select .select_half {float:left;width:49%;margin:0 2% 0 0;}
#bo_w .bo_w_select .select_half2 {float:left;width:49%;}





@media screen and (max-width:1024px) {
#p_info_wrap {margin:0 20px 24px 20px;}

.comp_tags_view {margin:40px 20px 0 20px;}

#bo_category {width:auto;margin:0 20px 36px 20px;}
#bo_category ul li {width:25%;}
}





@media screen and (max-width:768px) {
#p_title {font-size:16px;}

#p_img {float:none;width:100%;margin:0 0 24px 0;}

#p_info {float:none;width:100%;}


.p_info ul li {padding:0 0 0 120px;font-size:13px;}
.p_info ul li label {width:110px;font-size:13px;}

#bo_p_share a.btn_scrap i {font-size:20px;}
#bo_p_share a.btn_consult i {font-size:20px;}

.linktab ul li a {padding:0 12px;} 

.data_con h3 {font-size:16px;}
.data_con p {font-size:13px;}
.data_con .img {width:100%;}
.data_con .img img {width:100%;height:auto;}

.data_wrap h3 {font-size:16px;}
.data_wrap h3 {font-size:14px;}

.data_type th {width:20%;padding:12px 8px;font-size:13px;line-height:20px;}
.data_type td {width:80%;padding:12px 8px;font-size:13px;line-height:20px;}

.data2_type th {padding:12px 8px;font-size:13px;line-height:20px;}
.data2_type td {padding:12px 8px;font-size:13px;line-height:20px;}

ul.features li {font-size:13px;background:url(../../../img/bullet.png) no-repeat 0 12px;}


#bo_v_mov {min-height:200px;height:auto !important;height:200px}

ul.mov li {width:32%;margin:0 0.5%}
ul.mov li img {width:100%;height:auto;margin:0 0 8px 0;}
ul.mov li p {font-size:13px;}

#bo_v_photo {min-height:200px;height:auto !important;height:200px}

ul.sample li {width:32%;margin:0 0.5%}
ul.sample li p {font-size:12px;}




#bo_category {display:none;padding:10px;}
#bo_category ul li {width:33.33%;}

#bo_w .bo_w_select .select_half {float:none;width:100%;margin:0 0 5px 0;}
#bo_w .bo_w_select .select_half2 {float:none;width:100%;}

.data_con .img_left {float:none;width:100%;max-width:300px;margin:0 0 20px 0;}
.data_con .img_left .caption {font-size:12px;}

ul.naming li {float:none;width:100%;}
}





@media screen and (max-width:480px) {
ul.mov li {width:48%;margin:0 1%}
ul.sample li {width:48%;margin:0 1%}
}