@charset "utf-8";
/* CSS Document */

/* Service */
.service_wrap {
min-width:1000px; height:580px; border-bottom:5px solid #ff6213; background:#1e2129;
}
.service {
width:1000px; height:580px; padding:0; margin:0 auto; background:url(../Images/service_line.png) no-repeat center 343px;
}
.service .sr_nav {
height:100px; padding:0 0 0 150px; margin-top:50px; display:block; overflow:hidden;
}
.service .sr_nav li {
width:80px; height:20px; line-height:20px; padding:80px 0 0 0; margin-left:50px; display:block; overflow:hidden; text-align:center; color:#fff; cursor:pointer; float:left;
}
.service .sr_nav .sr_nav_1_on {
background:url(../Images/service_btn_1_on.png) no-repeat 0 0;
}
.service .sr_nav .sr_nav_1_off {
background:url(../Images/service_btn_1_off.png) no-repeat 0 0;
}
.service .sr_nav .sr_nav_2_on {
background:url(../Images/service_btn_2_on.png) no-repeat 0 0;
}
.service .sr_nav .sr_nav_2_off {
background:url(../Images/service_btn_2_off.png) no-repeat 0 0;
}
.service .sr_nav .sr_nav_3_on {
background:url(../Images/service_btn_3_on.png) no-repeat 0 0;
}
.service .sr_nav .sr_nav_3_off {
background:url(../Images/service_btn_3_off.png) no-repeat 0 0;
}
.service .sr_nav .sr_nav_4_on {
background:url(../Images/service_btn_4_on.png) no-repeat 0 0;
}
.service .sr_nav .sr_nav_4_off {
background:url(../Images/service_btn_4_off.png) no-repeat 0 0;
}
.service .sr_nav .sr_nav_5_on {
background:url(../Images/service_btn_5_on.png) no-repeat 0 0;
}
.service .sr_nav .sr_nav_5_off {
background:url(../Images/service_btn_5_off.png) no-repeat 0 0;
}
.service .sr_text {
width:300px; height:280px; line-height:30px; padding:0; margin:100px 0 0 630px; display:block; overflow:hidden; background:url(../Images/service_text.png) no-repeat -45px 25px; color:#fff; letter-spacing:1px;
}
.service .sr_text p {
height:44px; line-height:44px; font-size:15px; font-weight:bold; text-indent:18px;
}
.service .sr_text li {
list-style-position:inside; list-style-type:disc;
}
.service #sr_box_1 {
width:1000px; height:400px; padding:0; margin:0; display:block; overflow:hidden; background:url(../Images/service_img_1.png) no-repeat 220px 50px;
}
.service #sr_box_1 p {
text-indent:0;
}
.service #sr_box_2 {
width:1000px; height:400px; padding:0; margin:0; display:none; overflow:hidden; background:url(../Images/service_img_2.png) no-repeat 220px 50px;
}
.service #sr_box_3 {
width:1000px; height:400px; padding:0; margin:0; display:none; overflow:hidden; background:url(../Images/service_img_3.png) no-repeat 220px 50px;
}
.service #sr_box_4 {
width:1000px; height:400px; padding:0; margin:0; display:none; overflow:hidden; background:url(../Images/service_img_4.png) no-repeat 220px 50px;
}
.service #sr_box_5 {
width:1000px; height:400px; padding:0; margin:0; display:none; overflow:hidden; background:url(../Images/service_img_5.png) no-repeat 220px 50px;
}
/* Process */
.process_wrap {
min-width:1000px; height:500px; border-bottom:1px solid #363c4d; background:#12141a;
}
.process {
width:1000px; height:500px; padding:0; margin:0 auto; color:#fff; position:relative; z-index:1200;
}
.process h3 {
height:50px; padding:30px 0 20px 0; text-align:center; color:#fff; font:normal 22px/50px '黑体'; letter-spacing:2px;
}
.process ul {
margin-left:53px;
}
.process li {
width:209px; height:128px; margin:20px 0 50px 77px; display:block; overflow:hidden; background:url(../Images/process_bg_y.png) no-repeat 0 0; cursor:pointer; float:left;
}
.process li:hover {
background:url(../Images/process_bg_b.png) no-repeat 0 0;
}
.process li h5 {
height:30px; line-height:30px; padding:12px 0 5px 0; font-size:15px; text-indent:15px;
}
.process li p {
width:202px; height:23px; line-height:23px; display:block; overflow:hidden; text-align:center;
}
.process .ps_light {
width:124px; height:249px; left:20px; top:170px; overflow:hidden; background:url(../Images/process_light_y.png) no-repeat 0 0; cursor:pointer; position:absolute; z-index:1300;
}
.process .ps_light:hover {
background:url(../Images/process_light_b.png) no-repeat 0 0;
}
.process .ps_light .light_up {
width:40px; height:20px; line-height:20px; left:22px; top:13px; overflow:hidden; font-size:15px; position:absolute; z-index:1400;
}
.process .ps_light .light_down {
width:40px; height:20px; line-height:20px; left:22px; top:215px; overflow:hidden; font-size:15px; position:absolute; z-index:1400;
}
.process .ps_line_1 {
width:112px; height:26px; line-height:26px; padding-top:14px; left:318px; top:188px; overflow:hidden; text-align:center; background:url(../Images/process_line_rb.png) no-repeat 0 0; cursor:pointer; position:absolute; z-index:1300;
}
.process .ps_line_1:hover {
background:url(../Images/process_line_ry.png) no-repeat 0 0;
}
.process .ps_line_2 {
width:112px; height:26px; line-height:26px; padding-top:14px; left:603px; top:188px; overflow:hidden; text-align:center; background:url(../Images/process_line_rb.png) no-repeat 0 0; cursor:pointer; position:absolute; z-index:1300;
}
.process .ps_line_2:hover {
background:url(../Images/process_line_ry.png) no-repeat 0 0;
}
.process .ps_line_3 {
width:170px; height:71px; line-height:71px; padding-left:20px; left:795px; top:249px; overflow:hidden; background:url(../Images/process_down_b.png) no-repeat 0 0; cursor:pointer; position:absolute; z-index:1300;
}
.process .ps_line_3:hover {
background:url(../Images/process_down_y.png) no-repeat 0 0;
}
.process .ps_line_4 {
width:112px; height:26px; line-height:26px; padding-top:14px; left:603px; top:387px; overflow:hidden; text-align:center; background:url(../Images/process_line_lb.png) no-repeat 0 0; cursor:pointer; position:absolute; z-index:1300;
}
.process .ps_line_4:hover {
background:url(../Images/process_line_ly.png) no-repeat 0 0;
}
.process .ps_line_5 {
width:112px; height:26px; line-height:26px; padding-top:14px; left:318px; top:387px; overflow:hidden; text-align:center; background:url(../Images/process_line_lb.png) no-repeat 0 0; cursor:pointer; position:absolute; z-index:1300;
}
.process .ps_line_5:hover {
background:url(../Images/process_line_ly.png) no-repeat 0 0;
}
/* Feature */
.feature_wrap {
min-width:1000px; height:630px; border-bottom:1px solid #363c4d; background:#1c1e26;
}
.feature {
width:1000px; height:630px; padding:0; margin:0 auto; color:#fff;
}
.feature h3 {
height:50px; padding:30px 0 20px 0; text-align:center; color:#fff; font:normal 22px/50px '黑体'; letter-spacing:2px;
}
.feature .ft_nav {
height:60px; padding:0 55px 0 45px; margin-top:20px; display:block; overflow:hidden;
}
.feature .ft_nav li {
width:293px; height:58px; line-height:58px; margin-left:5px; border:1px solid #fff; display:block; overflow:hidden; text-align:center; font-size:15px; letter-spacing:2px; cursor:pointer; float:left;
}
.feature .ft_nav .ft_nav_1_on, .feature .ft_nav .ft_nav_2_on, .feature .ft_nav .ft_nav_3_on {
background:#fff; color:#14161c;
}
.feature .ft_nav .ft_nav_1_off, .feature .ft_nav .ft_nav_2_off, .feature .ft_nav .ft_nav_3_off {
color:#fff;
}
.feature #ft_box_1 {
width:1000px; height:400px; padding:0; margin:0; display:none; overflow:hidden; background:url(../Images/feature_img_1.jpg) no-repeat center 50px; position:relative; z-index:1200;
}
.feature #ft_box_1 .b1_1 {
width:180px; height:30px; line-height:30px; left:90px; top:255px; overflow:hidden; text-align:center; position:absolute; z-index:1400;
}
.feature #ft_box_1 .b1_2 {
width:180px; height:30px; line-height:30px; left:320px; top:255px; overflow:hidden; text-align:center; position:absolute; z-index:1400;
}
.feature #ft_box_1 .b1_3 {
width:180px; height:30px; line-height:30px; left:562px; top:255px; overflow:hidden; text-align:center; position:absolute; z-index:1400;
}
.feature #ft_box_1 .b1_4 {
width:180px; height:30px; line-height:30px; left:780px; top:255px; overflow:hidden; text-align:center; position:absolute; z-index:1400;
}
.feature #ft_box_2 {
width:1000px; height:400px; padding:0; margin:0; display:block; overflow:hidden; background:url(../Images/feature_img_2.jpg) no-repeat center 20px;
}
.feature #ft_box_2 .b2ul_1 {
padding:25px 0 0 395px;
}
.feature #ft_box_2 .b2ul_1 li {
width:190px; height:54px; line-height:18px; padding:8px 0 8px 40px; display:block; overflow:hidden; font-size:12px; float:left;
}
.feature #ft_box_2 .b2ul_1 li p {
font-size:14px;
}
.feature #ft_box_2 .b2ul_2 {
padding:250px 0 0 180px;
}
.feature #ft_box_2 .b2ul_2 li {
width:330px; height:30px; line-height:30px; margin-left:33px; list-style-position:inside; list-style-type:disc; font-size:14px; float:left;
}
.feature #ft_box_3 {
width:960px; height:400px; padding:0 20px; margin:0; display:none; overflow:hidden; background:url(../Images/feature_img_3.jpg) no-repeat center 20px;
}
.feature #ft_box_3 ul {
width:180px; height:100px; padding:30px 0 0 100px; display:block; overflow:hidden;
}
.feature #ft_box_3 li {
width:180px; height:20px; line-height:20px; list-style-position:inside; list-style-type:disc; letter-spacing:1px;
}
.feature #ft_box_3 h5 {
height:50px; line-height:50px; margin-top:138px; font-size:14px; font-weight:bold; color:#aabce5; text-align:center;
}
.feature #ft_box_3 p {
line-height:25px; text-indent:27px;
}
/* Advantage */
.advantage_wrap {
min-width:1000px; background:#121d26;
}
.advantage {
width:1000px; padding:0 0 50px 0; margin:0 auto; color:#fff;
}
.advantage h3 {
height:50px; padding:30px 0 20px 0; text-align:center; color:#fff; font:normal 22px/50px '黑体'; letter-spacing:2px;
}
.advantage ul {
width:960px; height:380px; padding:30px 20px; background:url(../Images/line_1000.png) no-repeat center bottom;
}
.advantage li {
width:270px; height:240px; padding:140px 25px 0 25px; display:block; overflow:hidden; float:left;
}
.advantage li h5 {
height:60px; line-height:60px; text-align:center; font-size:16px; letter-spacing:2px;
}
.advantage li p {
line-height:25px; text-indent:27px;
}
.advantage .adva_1 {
background:url(../Images/advantage_img_1.png) no-repeat center top;
}
.advantage .adva_2 {
background:url(../Images/advantage_img_2.png) no-repeat center top;
}
.advantage .adva_3 {
background:url(../Images/advantage_img_3.png) no-repeat center top;
}
.advantage .adva_content {
padding:0 30px;
}
.advantage .adva_content h5 {
height:33px; line-height:33px; margin-top:20px; font-size:16px; letter-spacing:1px;
}
.advantage .adva_content p {
line-height:25px; font-size:14px;
}