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

/*banner*/
.banner { overflow:hidden; width:100%; height:520px;}
#flashs{ position:relative; height:520px; overflow:hidden;}
#flashs .bgitem{  z-index:1;position:absolute; top:0; }
#flashs .btn{ position:absolute; z-index:7; bottom:20px; left:50%; margin-left:-45px; padding:0px 6px;}
#flashs .btn span{ background:#333; cursor: pointer;display: inline-block;margin:0 2px;width:25px;height:25px;font-size:14px;line-height:25px;text-align:center;color:#fff;}
#flashs .btn span.cur{  background:#F90;}

/*search*/
.search{ overflow:hidden; height:39px; margin:30px auto;}
.search p{ float:left; line-height:39px; font-size:13px; color:#333;}
.search .sBox{ float:right; overflow:hidden; width:334px; height:39px;}
.search input{ float:left; width:272px; padding:0 10px; height:37px; line-height:37px; border:1px solid #ccc; border-right:none; font-size:13px; color:#999;}
.search span{ display:block; cursor:pointer; width:41px; height:39px; background:url(../images/search.png) no-repeat center; float:right}


/*特点*/
.tedian { overflow:hidden; width:100%; background:url(../images/bg01.png) repeat center; padding:30px 0;}
.tedian ul{ overflow:hidden; width:980px; margin:0 auto}
.tedian li{ float:left; width:25%; height:109px; text-align:center; font-size:22px; color:#000; font-weight:bold; padding-top:100px;}
.tedian .li01{ background:url(../images/td01.png) no-repeat center}
.tedian .li02{ background:url(../images/td02.png) no-repeat center}
.tedian .li03{ background:url(../images/td03.png) no-repeat center}
.tedian .li04{ background:url(../images/td04.png) no-repeat center}

/*pro*/
.pro{ overflow:hidden; width:100%; background:url(../images/bg01.png) repeat center; padding-bottom:50px;}
.proRight { overflow:hidden; width:960px; background-color:#fff; float:right;}
.proRight .title{ overflow:hidden; width:100%; height:64px; background:url(../images/pro_right_top.png) repeat-x left top; border-top:3px solid #ff9900; margin-bottom:25px;}
.proRight .title h2{ font-size:24px; font-weight:bolder; float:left; margin-left:30px; margin-top:20px;}
.proRight .title h2 a{ color:#000}
.proRight .title .more{ float:right; margin-right:20px; margin-top:25px; font-size:13px; color:#666}
.proRight ul{ overflow:hidden;}
.proRight li{ float:left; width:280px; margin:0 0 15px 29px;text-align:center;position:relative}
.proRight li h3{     position: absolute;
    left: 0px;
    right: 0;
    bottom: 45px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    padding: 0 10px;
    overflow: hidden;
    background-color: rgba(10, 10, 10, 0.5);
    font-weight: normal;
    white-space: nowrap;
    text-overflow: ellipsis;}
.proRight li h3 a{     display: block;
    height: 42px;
	  color: #fff
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;}
.proRight li a{ font-size:20px; line-height:44px; height:44px; overflow:hidden; width:100%;color:red;}
.prad{margin-top:34px;}


/*pk*/
.pk { overflow:hidden; width:100%; background:url(../images/pk_bg.jpg) no-repeat center; height:618px;}
.pk h2{ width:620px; height:57px; background-color:#fff; border-left:4px solid #ff9900; margin:0 auto; text-align:center; line-height:57px; font-size:24px; color:#ff9900; margin-top:60px; margin-bottom:25px;}
.pk .title{ overflow:hidden; width:100%; margin-bottom:25px;}
.pk .title li{ width:50%; float:left; text-align:center; font-size:22px; font-weight:bold;}
.pk .title li.li01{ color:#ff9900;}
.pk .title li.li02{ color:#fff;}
.pk .pkBox{ overflow:hidden; width:100%; height:274px; position:relative}
.pk .pkBox ul{ overflow:hidden; width:4000px; height:274px; position:absolute; left:0; top:0;}
.pk .pkBox li{ float:left; width:1000px; height:274px;}
.pk .menu{ overflow:hidden; width:1012px; margin-top:20px; padding-top:5px;}
.pk .menu li{ float:left; width:238px; height:48px; position:relative; border:1px solid #fff; margin-right:12px; text-align:center; line-height:48px; cursor:pointer;}
.pk .menu li img{ display:none; position:absolute; left:50%; top:-5px; margin-left:-4px;}
.pk .menu li i{ display:block; width:30px; height:25px; position:absolute; left:80px; top:11px;}
.pk .menu li em{ font-size:16px; color:#fff; position:relative; left:15px;}
.pk .menu li .i01{ background:url(../images/pk01.png) no-repeat center top;}
.pk .menu li .i02{ background:url(../images/pk02.png) no-repeat center top;}
.pk .menu li .i03{ background:url(../images/pk03.png) no-repeat center top;}
.pk .menu li .i04{ background:url(../images/pk04.png) no-repeat center top;}
.pk .menu li.cur{ color:#ff9900; border:1px solid #ff9900}
.pk .menu li.cur img{ display:block}
.pk .menu li.cur em{color:#ff9900;}
.pk .menu li.cur i{ background-position:bottom;}

/*case*/
.case { overflow:hidden; width:100%; background:url(../images/bg01.png) repeat center; padding:45px 0;}
.case h2{ text-align:center; font-size:24px; font-weight:bolder; padding-bottom:15px; background:url(../images/case_h.png) no-repeat center bottom; margin-bottom:25px;}
.case h2 a{ color:#000}
.case .caseBox{ overflow:hidden; width:960px; margin:0 auto; background-color:#fff; height:530px;    position: relative;}
.case .menu{ overflow:hidden; float:left; position:relative; width:280px; height:530px; background-color:#ff9900;}
.case .menu .case_s{ display:block; position:absolute; right:-3px; top:60px;}
.case .menu ul{ overflow:hidden; width:250px; margin:0 auto; margin-top:20px;}
.case .menu li{ overflow:hidden; width:250px; height:160px; overflow:hidden; *float:left; margin-bottom:10px; cursor:pointer}
.case .menu li p{ display:none}
.case .bigTu { overflow:hidden; width:620px; height:470px; float:right; margin-top:30px; margin-right:20px; position:relative}
.case .bigTu img{ display:block; width:620px; height:470px;}
.case .bigTu .wen{ overflow:hidden; background:url(../images/case_wen.png) repeat center; position:absolute; left:0; bottom:0; width:691px;}
.case .bigTu p{ text-align:center;font-size:22px; color:#fff; line-height:40px; height:40px; overflow:hidden;background-color: rgba(9, 0, 0, 0.5)}

/*流程*/
.liucheng { overflow:hidden; width:100%; padding:50px 0;}
.liucheng .menu { overflow:hidden; width:454px; height:65px; margin:0 auto; padding-bottom:6px;}
.liucheng .menu li{ cursor:pointer; width:227px; height:65px; background:url(../images/lc_01.png) repeat-x left top; float:left; text-align:center; line-height:65px; font-size:20px; color:#fff; position:relative}
.liucheng .menu li img{ display:none; position:absolute; bottom:-6px; left:50%; margin-left:-6px;}
.liucheng .menu li.cur{ background:url(../images/lc_02.png) repeat-x left top;}
.liucheng .menu li.cur img{ display:block}
.liucheng .tu{ overflow:hidden; width:100%; height:150px; margin-top:45px; margin-bottom:40px;}
.liucheng .list{ overflow:hidden; width:100%; height:150px;}
.liucheng .list01{ background:url(../images/lc_tu.png) no-repeat center top;}
.liucheng .list02{ background:url(../images/lc_tu01.png) no-repeat center top; display:none}
.liucheng p{ text-align:center; font-size:22px; color:#333;}
.liucheng p em{ color:#ff9900; font-size:24px; font-family:Arial;}
.liucheng a{ display:block; width:184px; height:40px; background:url(../images/lc_btn.png) no-repeat center; margin:0 auto; margin-top:20px;}

/*优势*/
.youshi{ overflow:hidden; width:100%; margin-bottom:45px;}
.youshi h3{ font-size:24px; color:#ff9900;margin-bottom:10px}
.youshi h4{ font-weight:normal; font-size:22px; color:#000; margin-bottom:15px;}
.youshi p{ font-size:20px; color:#000; line-height:30px; margin-bottom:10px; background:url(../images/youshi_p.png) no-repeat left 8px; padding-left:15px;}
.youshi p.pl{ float:left; margin-right:30px;}
.youshi .wen{ overflow:hidden; width:425px;}
.youshi .ystitle{ overflow:hidden; width:100%; height:296px; background:url(../images/youshi_01.jpg) no-repeat center top;}
.youshi .youshi01{ background:url(../images/youshi_02.jpg) no-repeat center top; height:410px; width:100%;}
.youshi .youshi02{ background:url(../images/youshi_03.jpg) no-repeat center top; height:324px; width:100%;}
.youshi .youshi03{ background:url(../images/youshi_04.jpg) no-repeat center top; height:343px; width:100%;}
.youshi .youshi04{ background:url(../images/youshi_05.jpg) no-repeat center top; height:332px; width:100%;}
.youshi .youshi05{ background:url(../images/youshi_06.jpg) no-repeat center top; height:301px; width:100%;}
.youshi .youshi01 .wen{ margin-left:85px;}
.youshi .youshi02 .wen{ margin-left:580px;}
.youshi .youshi03 .wen{ margin-left:85px;}
.youshi .youshi04 .wen{ margin-left:580px;}
.youshi .youshi05 .wen{ margin-left:85px;}