@charset "utf-8";
/* CSS Document */
body{font-family:Arial, Helvetica, SimHei, sans-serif; *font-family:"黑体"; }
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix{display:inline-block; }
.clearfix{display:block;}
#contents_index .mb10{ margin-bottom:10px;}
#contents_index .mb20{ margin-bottom:20px;}
/* factor - index */
.factor01 #mainContents .sectionBoxIn p.white{ color:#fff;}
#mainContents .txt02 span{ font-size:12px; color:#fff; display:block; width:500px;}
#mainContents .txt02 .title{ font-size:13px; font-weight:bold; color:#fff;}
#contents h2{ color:#fff; line-height:120%;}
#mainContents .sectionBoxIn h3{ color:#e50012; font-weight:bolder; font-size:18px; line-height:120%;}
/* factor - index02 */
#mainContents .feature_boxes{ width:796px; margin-left:47px; margin-top:40px;font-family:Arial, Helvetica, SimHei, sans-serif;  *font-family:"黑体"}
#mainContents .feature_boxes .feature_box{ float:left; margin-right:45px; margin-bottom:20px;}
#mainContents .feature_boxes .last{ margin-right:0px; }
#mainContents .feature_boxes .feature_box p.thumb{ float:left; margin-right:10px; margin-left:0px; width:54px; height:54px; background:#CCC;}
#mainContents .feature_boxes .feature_box p.thumb2{ float:left; margin-right:10px; margin-left:0px; width:54px; height:54px;}
#mainContents .feature_boxes .feature_box p.txt{ float:left; width:170px; margin-left:0px;}
#mainContents .feature_boxes .feature_box p.txt span.title{ font-size:13px; font-weight:bold; display:block; line-height:100%;}
#mainContents .feature_boxes .feature_box p.txt span.txt_content{ font-size:13px; display:block; line-height:130%; margin-top:5px;}
#mainContents .sectionBoxIn  p img{margin-top:0px;}
#mainContents .sectionBoxIn h4{ margin-left:47px; font-size:16px; font-weight:bold; margin-bottom:10px; margin-top:30px; } 
#mainContents .sectionBoxIn p.image1{ float:left;  width:343px;}
#mainContents .sectionBoxIn p.image2{ float:left; margin-right:10px; margin-left:0px; width:196px;}
#mainContents .sectionBoxIn p.image2 span{ font-weight:bold; font-size:13px; display:block; }
#mainContents .sectionBoxIn p.image3{ float:left;width:196px; margin-left:0px;}
#mainContents .sectionBoxIn p.image3 span{ font-weight:bold; font-size:13px; display:block;}
#mainContents .sectionBoxIn .image_box_tow{ margin-left:47px; margin-top:10px;}
#mainContents .sectionBoxIn .image_box_tow p.title{border-left:5px #666 solid; border-bottom:1px #666 solid; width:350px; padding-left:5px; margin-left:0px; font-size:14px; font-weight:bold; margin-bottom:20px;}
#mainContents .sectionBoxIn .image_box_tow .left{ float:left; padding:10px; margin-right:20px; width:362px; height:360px; background:#fff;}
#mainContents .sectionBoxIn .image_box_tow .right{ float:left; padding:10px; width:362px; height:360px; background:#fff;}
#mainContents .sectionBoxIn .image_box_three{ width:745px; margin-left:47px;}
#mainContents .sectionBoxIn .image_box_three .image1{ margin-left:0px;}

/* factor - index03 */
#mainContents .sectionBoxIn .image_box_one{padding:10px; margin-right:40px; width:445px; height:445px; background:#fff;}
#mainContents .sectionBoxIn .image_box_one p.title{border-left:5px #666 solid; border-bottom:1px #666 solid; width:435px; padding-left:5px; margin-left:0px; font-size:14px; font-weight:bold; margin-bottom:20px;}
#mainContents .sectionBoxIn .image_box_one img{ margin-left:60px;}

/* effect - index */
#mainContents .sectionBoxIn .image_box_type3{ margin-top:10px; margin-left:47px;}
#mainContents .sectionBoxIn .image_box_type3 p img{margin-left:0px;}
#mainContents .sectionBoxIn .image_box_type3 p.image_box1{ margin-bottom:30px; margin-left:0px;}
#mainContents .sectionBoxIn .image_box_type3 p.image_box2{ width:358px; float:left; display:block; margin-left:0px;}
#mainContents .sectionBoxIn .image_box_type3 p.image_box3{ width:358px; float:left; display:block; margin-left:35px;}
#mainContents .sectionBoxIn .image_box_type3 span{ display:block; font-size:12px; font-weight:bold; position:relative; }

/* sample index*/
#mainContents .sectionBox2 .image_box_type4 .left{ float:left; width:418px; margin-right:50px;}
#mainContents .sectionBox2 .image_box_type4 .right{ float:left; width:418px;}
#mainContents .sectionBox2 .image_box_type4 img{ margin-bottom:10px;}
#mainContents .sectionBox2 .image_box_type4 .title1{ font-size:14px; font-weight:bold; color:#fff;}
#mainContents .sectionBox2 .image_box_type4 .title2{ font-size:12px; font-weight:bold; color:#fff; margin-bottom:3px;}

/*list*/
.list #contents .caption h2{ font-size:16px; font-weight:bold; margin-bottom:10px;}
.list #mainContents .sectionBox h3{ background:url(../../list/img/ttls.gif) left top no-repeat; padding-left:10px;font-size:16px; font-weight:bold; color:#fff; line-height:120%;}
.list #mainContents .sectionBox span{ position:relative; font-size:8px; font-weight:bold; top:-8px;}
.list #mainContents h3.camLstTtl{ color:#fff; width:116px; height:33px; line-height:33px; text-align:center; background:#cc0000; margin-left:121px;}
.list #mainContents .camLst2 li{ position:relative;}
.list #mainContents .camLst2 li span{ position:relative; font-size:11px; top:-3px;}

.guanggao{position: absolute; right: 20px; top: 50px; z-index: 3;}