@charset "utf-8"; /* CSS Document */ .main_body { width:1300px; margin:0 auto; overflow:hidden;} /*index*/ .iban { height:400px; position:relative; z-index:1; width:100%; overflow:hidden;} .iban_main { width:1300px; margin:0 auto; height:400px; position:relative; z-index:5; bottom:400px;} .ban_list { width:370px; height:400px; position:absolute; z-index:99; right:0; top:0; background:#FAFAFA;} .ban_list01 { font-size:16px; color:#626262; text-align:center; line-height:32px; padding-left:50px; margin-top:30px; margin-bottom:5px;} .ban_list01 i,.ban_list01 b { display:block; float:left; font-weight:normal; margin:0 3px;} .ban_list01 b { width:18px; height:30px; border:1px solid #CF000D; text-align:center; line-height:30px; color:#626262; font-size:22px;} .ban_list02 { font-size:16px; color:#626262; text-align:center; line-height:40px;} .ban_list03 { padding-top:15px;} .ban_list03 li { text-align:center; width:33.3%; float:left; margin-bottom:25px;} .ban_list03 li span { display:block; width:75px; height:75px; border:1px solid #EC3824; border-radius:40px; text-align:center; margin:0 auto;} .ban_list03 li span img { margin-top:19px;} .ban_list03 li p { font-size:14px; color:#626262; line-height:30px;} .fullSlide{ width:100%; min-width:1000px; position:relative; height:400px; overflow:hidden; z-index:1; } .fullSlide .bd{ position:relative; z-index:0; } .fullSlide .bd ul{ width:100% !important; } .fullSlide .bd li{ width:100% !important; height:400px; overflow:hidden; text-align:center; } .fullSlide .bd li a{ display:block; height:400px; } .fullSlide .hd{ width:400px; left:50%; margin-left:-200px; bottom:15px; position:absolute; z-index:10; overflow:hidden; } .fullSlide .hd ul {} .fullSlide .hd ul li{ float:left; margin:0 5px; display:inline; cursor:pointer;height: 10px; width: 10px; background: #EC3922; border-radius: 50px; } .fullSlide .hd ul li img{ width:80px; line-height:40px; height:40px; display:block; border:2px solid #fff; filter:alpha(opacity=50);opacity:0.5; } .fullSlide .hd ul .on {background-color: white!important;} .fullSlide .hd ul .on img{ border-color:#EC3824; filter:alpha(opacity=100);opacity:1; } .m1 { padding:40px 0;} .m1_tit { text-align:center; font-size:300px; line-height:200%; font-size:40px; color:#414141; font-weight:bold;} .m1_des { font-size:20px; text-align:center; color:#858585; line-height:36px; padding-top:15px;} .m1_pic { width:900px; float:left; overflow:hidden;} .m1_pic li { float:left;} .m1_pic li i { float:left;} .m1_pic li b { display:block; font-weight:normal; font-size:20px; color:#414141;} .m1_pic li p { float:left; font-size:16px; color:#909090;} .pro{width:888px; float:left; height:405px; overflow:hidden; border-right:1px solid #efefef; margin:50px 0;} .pro dl{width:220px;height:400px;float:left;border:1px solid #efefef;border-right-color:#FFF;transition:all .3s} .pro dl dt{width:180px;height:210px;margin:40px auto 0} .pro dl dt img{width:100%} .pro dl dd{width:180px;margin:0 auto;text-align:center} .pro dl dd h5{ font-weight:normal; font-size:20px; color:#414141; margin-bottom:10px;} .pro dl dd h5 a{ color:#414141;transition:all .2s} .pro dl dd p{ font-size:16px; color:#909090; } .pro dl dd a { display:block;} .pro dl dd a.del{width:80px;height:24px;line-height:24px; margin:30px auto auto auto; font-size:12px; display:none;opacity:0;transition:all .1s} .pro dl dd a.con:hover,.pro dl dd a.del:hover{background:#ff3f3b;color:#FFF;border-color:#ff3f3b} .pro dl dd a.del{color:#ff3f3b;border:1px solid #ff3f3b} .pro dl.last{border-right-color:#efefef} .pro dl:hover{border-color:#ff3d3b} .pro dl:hover h5 a{color:#ff3f3b} .m1_menu { width:380px; height:405px; float:right; overflow:hidden; margin:50px 0;} .m1_menu li { float:left; text-align:center; width:120px; margin-bottom:5px;} .m1_menu li span { display:block; overflow:hidden; width:88px; height:88px; border-radius:45px; margin:0 auto; border:1px solid #DBDBDB;} .m1_menu li span img { height:68px; margin-top:10px; max-width:100%;} .m1_menu li p { font-size:16px; height:40px; line-height:40px; overflow:hidden; color:#8C8C8C;} .m1_menu li a:hover span { border:1px solid #EC3824;} .m1_menu li a:hover p { color:#EC3824;} .m1_menu i.more_m { background:url(../images/more.png) no-repeat center; display:block; width:100%; height:100%;} .index_adv { width:100%; background:url(../images/i_2.jpg?t=2) no-repeat center; height:500px;} .m2_left { width:660px; float:left; overflow:hidden; background:url(../images/i_t.png) no-repeat left top; padding-top:50px; margin-top:60px;} .m2_right { background:#F6F6F6; width:640px; height:590px; float:right; overflow:hidden; margin-top:80px; padding-top:20px;} .m2_l01 { height:50px; line-height:50px; font-size:26px; color:#EC3824; background:url(../images/i_t_icon.png) no-repeat left center; padding-left:60px;} .m2_l02 { height:110px; overflow:hidden; font-size:18px; color:#858585; line-height:30px; padding-left:60px; margin-top:20px; margin-bottom:30px;} .m2_l03 { text-align:center;} .m2_rlist { width:100%; padding-bottom:50px;} .m2_rlist dl { padding:10px 30px;} .m2_rlist dt { height:40px; line-height:40px; padding-left:70px; font-size:26px; color:#EC3824;} .i_jx1 { background:url(../images/i_jx1.png) no-repeat 35px 20px;} .i_jx2 { background:url(../images/i_jx2.png) no-repeat 35px 20px;} .i_jx3 { background:url(../images/i_jx3.png) no-repeat 35px 20px;} .i_jx4 { background:url(../images/i_jx4.png) no-repeat 35px 20px;} .m2_rlist dd { line-height:32px; padding-left:70px; font-size:18px; color:#858585;} .m2_ljzx { width:220px; height:60px; line-height:60px; border:1px solid #939393; display:block; font-size:20px; color:#7D7D7D; margin-left:100px;} .m2_ljzx i { display:block; width:70px; height:60px; background:url(../images/i_arrow.png) no-repeat center #4F4F4F; text-align:center; float:left;} .m2_ljzx em { display:block; float:left; padding-left:30px;} .index_adv02 { width:100%; background:url(../images/i_nu.jpg) no-repeat center; height:196px; font-size:30px; line-height:60px; color:#FFFFFF; overflow:hidden;} .index_adv02_a { float:left; padding-top:65px; margin-right:150px;} .index_adv02_b { float:left; padding-top:56px} .index_adv02_c { float:right; padding-top:56px} .index_adv02_font { font-size:50px; padding:0 10px; font-weight:normal;} .case_banner { background:url(../images/s_ban_4.jpg) no-repeat center bottom; height:430px; position:relative; z-index:1;} .m3 { width:100%; height:729px; background:url(../images/itab_bg.jpg) no-repeat center;} .fa_tab { width:290px; height:729px; float:left; background:#FFFFFF;} .fa_tab li { width:100%; background:url(../images/tab_line.png) no-repeat center bottom; height:81px; line-height:80px; text-align:center; font-size:18px; cursor:pointer;} .fa_tab li.hover{ background:#FB3131; color:#ffffff;} .fa_box { width:970px; float:right; overflow:hidden; padding:0 0 0 40px;} .m3_top { padding:90px 0;} .m3_top li { width:160px; height:140px; background:#FFF; border-radius:10px; text-align:center; overflow:hidden; margin-left:30px; float:left;} .m3_pic{display:table-cell;*display:block;*position:relative;width:160px;height:140px;text-align:center; vertical-align:middle;} .m3_pic p{*position:absolute;*top:50%;*left:50%;margin:0;} .m3_pic p img{*position:relative;*top:-50%;*left:-50%;vertical-align:middle;} .m3_cont { padding-left:30px;} .m3_cont_t { font-weight:normal; font-size:26px; color:#414141; line-height:180%;} .m3_cont_c { line-height:30px; font-size:18px; color:#6F6F6F; margin:20px 0 50px 0;} .m3_cont_a { display:block; width:240px; height:55px; line-height:55px; text-align:center; background:#ED3823; color:#FFF; border-radius:10px; font-size:16px;} .m3_cont_a:hover { color:#FFF; opacity:0.9;} .inew_01 { width:410px; float:left; margin-right:30px; margin-top:70px; margin-bottom:70px;} .inew_tit { border-bottom:1px solid #FAB4B4; height:55px; line-height:55px;} .inew_tit b { display:block; float:left; font-size:24px; color:#2A2A2A; font-weight:normal;} .inew_tit .more { display:block; float:right; font-size:14px; color:#AEAEAE;} .inew_top {} .inew_top span { display:block; width:100%; height:120px; overflow:hidden; margin:20px 0;} .inew_top span img { width:100%; height:100%;} .inew_top b { display:block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size:20px; color:#484848; font-weight:normal; } .inew_top p { margin:10px 0 5px 0; font-size:14px; color:#8C8C8C; line-height:24px; height:48px; overflow:hidden;} .inew_top .ibot { line-height:30px; height:30px; margin-bottom:5px;} .inew_top .ibot i.time { display:block; float:left; font-size:14px; color:#8C8C8C;} .inew_top .ibot a.read_more { display:block; float:right; font-size:14px; color:#FA3030; background:url(../images/i_more.png) no-repeat right 10px; padding-right:20px;} .inew_list { border-top:1px solid #F3F3F3; height:180px; overflow:hidden; padding-top:10px;} .inew_list li { height:36px; line-height:36px; overflow:hidden;} .inew_list li b { display:block; float:left; font-weight:normal; width:320px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size:14px; color:#8C8C8C; padding-left:15px; position:relative; z-index:1; } .inew_list li a { color:#8C8C8C;} .inew_list li span { display:block; float:right; font-size:12px; color:#414141;} .inew_list li b:before { content:''; background:#7F7F7F; width:6px; height:6px; border-radius:50%; position:absolute; left:0; top:50%; margin-top:-3px; z-index:5;} .inew_03 { width:420px; float:right; overflow:hidden; margin-top:70px; margin-bottom:70px;} .iques { padding-right:20px;} .iques ul {} .iques ul li { border-bottom:1px solid #F3F3F3; padding:10px 0 15px 0;} .iques ul li b { display:block; line-height:40px; color:#8E8E8E; font-size:14px; font-weight:normal;} .iques ul li p { font-size:14px; color:#646464; line-height:20px;} /* 滚动内容样式 */ .scroll_main { width: 420px; display: block; margin:20px 0; } /* 滚动内容区样式 */ .scroll_wrap { width: 100%; height: 445px; position: relative; } /* 滚动内容样式 */ .scroll_wrap .scroll_cont { height: 100%; overflow: hidden; } /* 滚动条 */ .scroll_wrap .scroll_bar { position: absolute; top:0; right:2px; width: 3px; height: 100%; background-color: #e5e5e5; } /* 滚动块 */ .scroll_wrap .scroll_slider { position: absolute; top: 0; left: -1px; width: 5px; height: 20px; background-color: #a8a8a8; border-radius:5px; opacity: .5 } .scroll_wrap .scroll_slider:hover{ opacity: 1 } .iser { width:100%; background:url(../images/fw_Bg.gif) no-repeat center; height:420px; padding-top:68px;} .iser_tit { font-size:32px; color:#414141; line-height:40px; padding:20px 0;} .iser_list { padding-top:20px;} .iser_list li { text-align:center; width:20%; float:left;} .iser_list li i { display:block; width:100px; height:120px; margin:0 auto;} .iser_list li b { display:block; font-size:24px; color:#414141; font-weight:normal; line-height:40px; padding-bottom:15px;} .iser_list li p { font-size:16px; color:#A2A2A2; line-height:28px;} .iser_icon1 { background:url(../images/if_01.png) no-repeat center;} .iser_icon2 { background:url(../images/if_02.png) no-repeat center;} .iser_icon3 { background:url(../images/if_03.png) no-repeat center;} .iser_icon4 { background:url(../images/if_04.png) no-repeat center;} .iser_icon5 { background:url(../images/if_05.png) no-repeat center;} .cg1 { cursor:pointer;} .cg1 b { color:#FA3030!important;} .cg1 .iser_icon1 { background:url(../images/if_1.png) no-repeat center!important;} .cg1 .iser_icon2 { background:url(../images/if_2.png) no-repeat center!important;} .cg1 .iser_icon3 { background:url(../images/if_3.png) no-repeat center!important;} .cg1 .iser_icon4 { background:url(../images/if_4.png) no-repeat center!important;} .cg1 .iser_icon5 { background:url(../images/if_5.png) no-repeat center!important;} .imed { width:100%; background:#F8F8F8; padding:70px 0;} .imed_tit { font-size:32px; color:#414141; padding-bottom:60px;} .imed_list { width:100%; overflow:hidden;} .imed_list ul { position:relative; margin-right:-40px;} .imed_list li { text-align:center; width:295px; float:left; overflow:hidden; margin-right:40px;} .imed_list li .imediu { position:relative; z-index:1; width:295px; height:170px; overflow:hidden;} .imed_list li .imediu img { display:block; width:100%; height:100%; -webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease;overflow: hidden;} .imed_list li .imediu i { display:block; position:absolute; z-index:9; background:url(../images/bofang_2.png) no-repeat center; width:36px; height:36px; left:15px; bottom:15px; -webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;-o-transition:all 0.3s linear;transition:all 0.3s linear} .imed_list li .imediu em { display:none; position:absolute; z-index:5; width:100%; height:100%; left:0; top:0; background-color:rgba(0,0,0,0.5);} .imed_list li .ibot { background:url(../images/sp_bg.png) repeat-x top; height:100px; margin-top:10px; padding-top:10px;} .imed_list li b { display:block; font-size:22px; color:#414141; font-weight:normal; line-height:40px;} .imed_list li p { font-size:16px; color:#A0A0A0; line-height:30px;} .imed_list li:hover i { background:url(../images/bofang_1.png) no-repeat center!important; width:76px!important; height:76px!important; left:50%!important; top:50%!important; margin-left:-38px!important; margin-top:-38px!important; -webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;-o-transition:all 0.3s linear;transition:all 0.3s linear} .imed_list li:hover em { display:block!important;} .imed_list li:hover img { -webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2);-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease} .i_form { width:100%; padding:60px 0 0 0; background:url(../images/ibg.jpg) no-repeat center; height:117px;} .i_form_i { width:310px; height:60px; background:#FFF; padding-left:50px; position:relative; z-index:1; float:left; margin-left:95px;} .i_form01 { background:url(../images/f_r1.png) no-repeat 11px center #FFF;} .i_form02 { background:url(../images/f_r2.png) no-repeat 12px center #FFF;} .i_form_input { border-left:1px solid #E6E6E6; height:56px; line-height:56px; background:none; position:absolute; right:0; z-index:5; top:2px; font-size:20px; color:#D3D3D3; width:280px; padding:0 15px;} .i_form_button { background:#FFF; height:60px; line-height:60px; text-align:center; width:150px; border:0; float:left; color:#EC2525; font-size:20px; cursor:pointer; margin-left:110px;} /*产品中心*/ .inside_banner { width:100%; background:url(../images/s_ban_1.jpg) no-repeat center bottom; height:430px; position:relative; z-index:1;} .inside_banner_b { width:100%; display:block; background:url(../images/banner_bg.png) no-repeat center bottom; height:68px; position:absolute; z-index:5; left:0; bottom:0;} .insi_tit { font-size:30px; color:#333333; text-align:center; padding:5px 0; line-height:180%; background:url(../images/tit_line.gif) no-repeat center bottom;} .insi_des { font-size:16px; color:#787878; text-align:center; line-height:30px; padding:12px 0;} .z_menu { padding:30px 0;} .z_menu li { width:140px; height:48px; text-align:center; line-height:48px; float:left; font-size:16px; margin-left:20px;} .z_menu li a { display:block; color:#595959; border:1px solid #BFBFBF; border-radius:3px; line-height:48px;} .z_menu li a.cur_menu { color:#FF2303; border:1px solid #FF2303;} .z_menu li a:hover { color:#FF2303; border:1px solid #FF2303;} .pro_bg { background:#F8F8F8; width:100%; margin-top:20px;} .pro_center { padding:40px 0 50px 0; margin-right:-30px;} .pro_center li { width:305px; height:260px; float:left; overflow:hidden; margin:0 25px 30px 0; background:#FFF; box-shadow:2px 2px 3px rgba(0, 0, 0, .1); } .pro_center li span { width:100%; height:185px; overflow:hidden; display:block; text-align:center; margin:5px 0;} .pro_center li span img { height:160px; margin-top:12px; max-width:100%;} .pro_center li h4 { font-size:16px; color:#505050; height:30px; line-height:30px; overflow:hidden;text-overflow: ellipsis;white-space: nowrap; padding:0 20px; } .pro_center li p { height:30px; line-height:30px; overflow:hidden; padding:0 20px;} .pro_center li i { display:block; float:left; height:30px; line-height:30px; overflow:hidden; color:#CACACA; font-size:12px; margin-right:20px;} .pro_center li i.see { background:url(../images/icon_1.png) no-repeat left center; padding-left:20px;} .pro_center li i.like { background:url(../images/icon_2.png) no-repeat left center; padding-left:20px;} .pro_center li i.see:hover { background:url(../images/icon_01.png) no-repeat left center; color:#EC3922;} .pro_center li i.like:hover { background:url(../images/icon_02.png) no-repeat left center; color:#EC3922;} .pro_center02 { padding:40px 0 50px 0; margin-right:-30px;} .pro_center02 li { width:305px; height:260px; float:left; overflow:hidden; margin:0 25px 30px 0; background:#FFF; box-shadow:2px 2px 3px rgba(0, 0, 0, .1);} .pro_center02 li span { width:100%; height:185px; overflow:hidden; display:block; text-align:center; margin-bottom:10px; position:relative; z-index:1; } .pro_center02 li span img { height:185px; width:100%;} .pro_center02 li em { display:block; position:absolute; left:10px; z-index:9; bottom:10px; background:url(../images/mediu_icon.png) no-repeat center; width:37px; height:37px;} .pro_center02 li h4 { font-size:16px; color:#505050; height:30px; line-height:30px; overflow:hidden;text-overflow: ellipsis;white-space: nowrap; padding:0 20px; } .pro_center02 li p { height:24px; line-height:24px; overflow:hidden; padding:0 20px;} .pro_center02 li i { display:block; float:left; overflow:hidden; color:#CACACA; font-size:12px; margin-right:20px;} .pro_center02 li i.see { background:url(../images/icon_1.png) no-repeat left center; padding-left:20px;} .pro_center02 li i.like { background:url(../images/icon_2.png) no-repeat left center; padding-left:20px;} .load_more { display:block; background:#E9E9E9; width:330px; height:45px; text-align:center; line-height:45px; margin:0 auto 50px auto; font-size:16px; color:#818181;} /*常见问题*/ .que_banner { background:url(../images/s_ban_2.jpg) no-repeat center; height:200px;} .que_bg { background:#F8F8F8;} .hot_serch { width:100%; background:#FFF; height:44px; line-height:44px; box-shadow:0 2px 2px rgba(0, 0, 0, .1); margin-bottom:20px; font-size:14px;} .serch_key { float:left;} .serch_key b { display:block; font-weight:normal; float:left; color:#414141;} .serch_key a { display:block; float:left; margin-left:30px; color:#6C6C6C;} .serch_key a:hover { color:#C81111;} .serch_i { float:right; position:relative; z-index:1; background:#F2F2F2; width:235px; height:28px; line-height:28px; border-radius:15px; margin-top:8px;} .serch_i1 { position:absolute; left:0; z-index:9; top:6px; background:url(../images/serch_icon.png) no-repeat center; width:40px; height:16px; border:0; border-right:1px solid #B6B6B6;} .serch_i2 { position:absolute; right:0; z-index:9; top:0; background:none; border:0; width:180px; height:26px; line-height:26px; color:#999;} .in_posi { width:100%; float:left; border-bottom:1px solid #E6E6E6; height:24px; line-height:18px; border-left:4px solid #F62507; font-size:16px; padding-left:10px; margin-bottom:40px;} .in_posi span { padding:0 7px;} .in_posi:hover { border-bottom:1px solid #F62507; } .que_l { width:890px; float:left; overflow:hidden; background:#FFF; margin-bottom:60px;} .que_r { width:370px; float:right; overflow:hidden; background:#FFF; margin-bottom:60px} .comp_menu{ position:relative; border-bottom:1px solid #ECECEC; height:60px;} .comp_menu li { float:left; width:150px; cursor:pointer; border-right:1px solid #ECECEC; border-top:2px solid #fff; line-height:58px; text-align:center; font-size:16px;} .comp_menu li.hover { color:#FF1E06; border-top:2px solid #FF392A;} .tabox { padding:0 25px; } .que_list {} .que_list li { border-bottom:1px solid #ECECEC; padding:20px 0; font-size:16px;} .que_list li b { display:block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height:40px; line-height:40px; background:url(../images/que_i1.png) no-repeat left center; padding-left:30px; color:#646464; font-size:16px;} .que_list li b a { color:#646464;} .que_list li p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height:40px; line-height:40px; background:url(../images/que_i2.png) no-repeat left center; padding-left:30px; font-size:16px;} .hot_p { margin-bottom:10px;} .left_tit { border-bottom:1px solid #ECECEC; height:60px; line-height:55px; position:relative; z-index:1;} .left_tit b { display:block; float:left; font-weight:normal; font-size:20px; color:#262626; padding:0 12px;} .left_tit i { display:block; float:left; font-size:20px; color:#B2B2B2; font-weight:normal;} .left_tit .line { display:block; position:absolute; left:0; bottom:-2px; height:3px; background:#FE3929; width:100px; z-index:5;} .hot_list { padding:10px 0;} .hot_list li { font-size:14px; height:32px; line-height:32px; overflow:hidden; padding:0 10px;} .hot_list li i { display:block; float:left; width:25px;} .hot_list li b { display:block; float:left; font-weight:normal; width:270px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .hot_list li span { display:block; float:right;} .case_list { padding:0 0 20px 0;} .case_list li { margin:0 15px; border-bottom:1px solid #ECECEC; padding:20px 0;} .case_list li:last-child { border-bottom:none;} .case_list li span { display:block; width:100%; height:130px; text-align:center; overflow:hidden;} .case_list li span img { height:100px; margin-top:15px; max-width:100%;} .case_list li h4 { font-weight:normal; font-size:16px; height:32px; line-height:32px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; padding:0 15px;} .case_list li p { height:24px; line-height:24px; overflow:hidden; padding:0 15px;} .case_list li i { display:block; float:left; height:30px; line-height:30px; overflow:hidden; color:#CACACA; font-size:12px; margin-right:20px;} .case_list li i.see { background:url(../images/icon_1.png) no-repeat left center; padding-left:20px;} .case_list li i.like { background:url(../images/icon_2.png) no-repeat left center; padding-left:20px;} .case_list li i.see:hover { background:url(../images/icon_01.png) no-repeat left center; color:#EC3922;} .case_list li i.like:hover { background:url(../images/icon_02.png) no-repeat left center; color:#EC3922;} /*分页*/ .paging{ font-size:0; text-align:center; margin-top:50px; margin-bottom:50px; } .paging a,.paging span{ background-color:#fff; border:1px #e3e6ec solid; color:#4b4b4b; cursor:pointer; display:inline-block; font-size:14px; line-height:36px; margin:0 5px; padding:0 20px; } .paging a:hover,.paging a.current,.paging span:hover{ background-color:#DD5B48; border-color:#DD5B48; color:#fff; } .paging span.pagingEllipsis{ background:none; border:none; color:#4b4b4b; padding:0 5px; } .mediu_banner { background:url(../images/s_ban_3.jpg) no-repeat center bottom; height:432px; position:relative; z-index:1;} /*新闻中心*/ .news_list {} .news_list li { border-bottom:1px solid #ECECEC; padding:30px 0;} .news_list li:hover { background:#f9f9f9;} .news_list li span { display:block; width:270px; height:190px; overflow:hidden; float:left; margin-right:20px;} .news_list li span img { display:block; width:270px; height:190px;} .news_list li h4 { height:40px; line-height:40px; overflow:hidden; font-size:18px; color:#333333; margin-bottom:5px;} .news_list li h4 a { color:#333333;} .news_list li:hover a { color:#EC3922;} .news_list li p { line-height:30px; height:90px; overflow:hidden; font-size:14px; color:#666666; margin-bottom:20px;} .news_list li h6 { line-height:30px; height:30px; overflow:hidden;} .news_list li h6 .read_more { float:left; font-size:14px; color:#FF392A; display:block;} .news_list li b { float:right; display:block; font-weight:normal;} .news_list li i { display:block; float:left; color:#CCCCCC; font-size:14px; margin-left:20px;} .news_list li i.time{ color:#CCCCCC;} .news_list li i.see{ color:#CCCCCC; background:url(../images/icon_1.png) no-repeat left center; padding-left:25px;} .news_list li i.like{ color:#CCCCCC; background:url(../images/icon_2.png) no-repeat left center; padding-left:20px;} .news_list li i.see:hover { color:#EC3922; background:url(../images/icon_01.png) no-repeat left center;} .news_list li i.like:hover { color:#EC3922; background:url(../images/icon_02.png) no-repeat left center;} /*服务支持*/ .fw_ban { background:url(../images/s_ban_8.jpg) no-repeat center; height:200px;} .fw_01 { width:100%; padding:50px 0 40px 0;} .fw_01 li { width:25%; float:left; text-align:center; overflow:hidden;} .fw_01 li span { display:block; text-align:center; font-size:60px; width:150px; height:150px; margin:0 auto; background:#FFF; border:2px solid #EDEDED; border-radius:80px; line-height:150px; color:#A2A2A2; transition:all 0.5s ease-out;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;} .fw_01 li p { line-height:30px; padding:10px 0; font-size:18px; color:#A2A2A2;} .fw_01 li a { display:block;} .fw_01 li a:hover span { color:#FE2102; border:2px solid #FC2304;} .fw_01 li a:hover p { color:#FF1707;} .fw_02 { width:100%; padding:60px 0 40px 0; overflow:hidden;} .fw_02 ul { position:relative; margin-right:-30px;} .fw_02 li { width:413px; height:485px; border:1px solid #D5D5D5; zoom:1; float:left; text-align:center; overflow:hidden; margin:0 25px 30px 0;} .fw_02 li span { display:block; text-align:center; margin:18px auto auto auto; height:275px; width:340px; overflow:hidden;} .fw_02 li span img { width:100%; height:275px;} .fw_02 li b { display:block; text-align:center; height:50px; line-height:50px; padding:7px 0 5px 0; overflow:hidden; font-size:24px; color:#484848; font-weight:normal; background:url(../images/line2.gif) no-repeat center bottom;} .fw_02 li p { padding:10px 0; line-height:24px; height:48px; overflow:hidden; font-size:14px; color:#868686; line-height:20px; margin:0 30px;} .fw_02 li a.more { display:block; width:125px; height:35px; text-align:center; line-height:35px; color:#868686; font-size:14px; border:1px solid #E5E5E5; background:#FFF; margin:0 auto;} .fw_02 li a.more:hover { background:#EC3922; color:#FFF; border:1px solid #EC3922;} .bx { width:100%; padding:60px 0 30px 0;} .bx_tit { height:72px; line-height:72px; text-align:center; color:#FFF; background:#F92404; font-size:24px;} .bx_c { width:100%; height:480px; background:#EDEDED; overflow:hidden;} .bx_c_l { width:460px; float:left; overflow:hidden; margin-left:50px; margin-top:15px;} .bx_c_r { width:780px; float:left; overflow:hidden; margin-top:50px;} .bx_i { margin-top:35px;} .bx_bot { background:url(../images/fz_foot.jpg) no-repeat center; height:123px; overflow:hidden; text-align:center; padding-top:70px; font-size:18px; color:#FA3B33;} .bx_name { width:100px; line-height:50px; font-size:16px; color:#414141;} .bx_sr { width:310px;} .bx_input { width:280px; background:#FFF; height:50px; line-height:50px; padding:0 10px;} .bx_sr02 { width:680px;} .bx_center { text-align:center; margin-top:40px; width:100%; float:left;} .bx_submit { width:330px; height:45px; line-height:45px; text-align:center; color:#fff; background:#F92404; font-size:16px;} .bx_area { width:650px; height:285px; background:#FFF; border:0; overflow:auto; font-size:16px; padding:10px;} /*联系我们*/ .contact_ban { background:url(../images/s_ban_7.jpg) no-repeat center; height:200px;} .contact01 {} .cont_box { background:#F1F1F1; height:200px; overflow:hidden; text-align:center;} .cont_box_l { height:200px; width:165px; text-align:center;} .cbox1 { width:630px;} .cbox2 { width:300px;} .contact02 { background:#FBFBFB; width:100%; padding:60px 0;} .contact02_left { width:620px; float:left; overflow:hidden; padding:30px 0;} .contact02_left_i { margin-bottom:30px;} .contact02_right { width:620px; float:right; overflow:hidden; padding:30px 0;} .c_input02 { width:578px; height:58px; border:1px solid #C2C2C2; background:none; padding:0 20px; font-size:16px; color:#787878;} .c_area02 { border:1px solid #C2C2C2;width:calc(100% - 45px); background:none; height:220px; padding:10px 20px; font-size:16px; color:#787878;} .c02_b { padding:0px 0; width:100%; text-align:center; float:left;} .c02_but { width:140px; height:55px; line-height:55px; text-align:center; background:#d5352c; color:#FFF; font-size:16px;} .insi_des02 { font-size:14px; color:#AEAEAE; text-align:center; line-height:30px; padding:20px 0;} .address_list { border:1px solid #D4D4D4; border-left:none;} .address_list li { border-left:1px solid #D4D4D4; width:372px; float:left; height:200px; padding:10px 30px 0 30px; overflow:hidden;} .address_list li b { display:block; font-weight:normal; font-size:26px; color:#333333; font-weight:normal; line-height:60px;} .address_list li p { font-size:17px; color:#666666; line-height:50px;} .cmap { width:100%; margin:65px 0;} .cmap img { width:100%;} .road { width:100%; height:85px; line-height:85px; background:#F5F5F5; margin:55px 0 45px 0;} .road_01 { float:left; display:block; background:url(../images/car_icon.png) no-repeat 10px center; padding-left:90px; font-size:26px; color:#333333; font-weight:normal;} .road_02 { float:right; display:block; background:url(../images/serch_i.png) no-repeat left center; padding-left:40px; margin-right:40px; color:#FF1D06; font-size:21px;} .contact_icon1 { background:url(../images/c1.png) no-repeat center;} .contact_icon2 { background:url(../images/c2.png) no-repeat center;} .contact_icon3 { background:url(../images/c3.png) no-repeat center;} .contact_icon4 { background:url(../images/c4.png) no-repeat center;} .contact_icon5 { background:url(../images/c5.png) no-repeat center;} .contact_icon6 { background:url(../images/c6.png) no-repeat center;} .con_way { width: 100%; margin: 40px 0 70px; } .con_way div { width: 630px; float: left; text-align: center; font-size: 16px; } .con_way div dl { width: 100%; height: 200px; margin-bottom: 20px; } .con_way div dl dt { width: 165px; height: 100%; background: #E7E7E7; float: left; transition: all 0.3s; } .con_way div dl dt span { display: block; width: 60px; height: 60px; margin: 40px auto 30px auto; transition: all .3s; } .con_way div li i { display: block; width: 80px; height: 60px; margin: 50px auto 30px auto; transition: all .3s; } .con_way div ul { width: 100%; height: 150px; } .con_way div ul li:first-child { margin-right: 20px; } .con_way div ul li { width: 300px; height: 200px; float: left; background: #F1F1F1; transition: all .3s; } .con_way div ul li a { transition: all .3s; display: block; } .con_way div ul li i.email { background-position-x: -211px; } .con_way div ul li:last-child { float: right; } .con_way div ul li i.wx { background-position-x: -312px; } .wx_con { position:relative; z-index:99;} .wx_con em { width: 129px; height: 141px; position: absolute; left: 26%; top: 170px; display: none; z-index:999; } .wx_con_t em { display:block!important; z-index:999; width:150px;} .wx_con_t em img { width:100%;} .con_way div.last { float: right; } .con_way div dl dd { width: 465px; height: 100%; background: #F1F1F1; float: left; line-height: 190px; transition: all .3s; color:#868686; font-size:16px; } .con_way div.last dl dd { } .con_way div dl.tel dd { /* color: #ff3f3b; */ } /*业务领域*/ .sq_01 { width:620px; float:left; padding:65px 0;} .sq_01_b { font-size:24px; color:#333333; font-weight:normal; line-height:36px;} .sq_01_p { font-size:16px; color:#757575; line-height:28px; padding:5px 0 40px 0; } .sq_02 { width:632px; float:right; margin:65px 0;} .sq_02 img { width:100%;} .sz_list { padding:55px 0;} .sz_list li { width:630px; overflow:hidden;} .sz_list li span { width:100%; height:210px; display:block; overflow:hidden; margin-bottom:25px;} .sz_list li span img { width:100%; height:210px;} .sz_list li b { display:block; width:100%; height:40px; line-height:40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size:24px; color:#333333; font-weight:normal;} .sz_list li p { overflow:hidden; font-size:16px; color:#757575; line-height:28px;} .sh_list { padding:75px 0;} .sh_list li { width:33.3%; float:left; overflow:hidden; height:200px; background:#F8F8F8;} .sh_list li img { width:100%; height:200px;} .sh_list li a { display:block;} .sh_list li i.sh_icon { background:url(../images/fw_icon.png) no-repeat center; width:100%; height:100%; display:block;} .sh_list li .sh_content { padding:25px 15px;} .sh_list li .sh_content b { display:block; height:56px; line-height:56px; font-size:24px; color:#333333; font-weight:normal;} .sh_list li .sh_content p { line-height:28px; font-size:16px; color:#757575;} .sh_list li .sh_center { width:100%; height:200px; text-align:center; line-height:200px; color:#FFF; background:#FE605D; font-size:40px;} .sh_list02 {} .sh_list02 li { width:48%; overflow:hidden; height:260px;} .sh_list02 li .sh_cont { width:calc(100% - 145px); float:left; overflow:hidden; } .sh_list02 li span { display:block; width:145px; float:left; overflow:hidden; margin-top:5px;} .sh_list02 li h4 { line-height:50px; height:50px; font-size:24px; color:#FE605D; font-weight:normal;} .sh_list02 li p { font-size:16px; color:#757575; line-height:28px; padding-top:3px;} .sh_list02 li b {} .zx_list { padding-bottom:50px;} .zx_list li { width:100%;} .zx_list li span { display:block; float:left; width:120px; padding-top:30px; } .zx_list li .zx_con { width:calc(100% - 130px); float:left; border-bottom:2px solid #EEEEEE; padding:30px 0 35px 0;} .zx_list li .zx_tit { display:block; line-height:50px; font-size:24px; color:#4E4E4E; font-weight:normal; padding:0 10px 10px 10px;} .zx_list li .zx_des { line-height:30px; font-size:16px; color:#757575; padding:0 10px;} /*新闻详情*/ .detail_l { width:810px; float:left; overflow:hidden; background:#FFF; margin-bottom:60px; padding:10px 40px;} .detail_h1 { font-size:26px; color:#333333; line-height:40px; padding:10px 0;} .detail_top { border-bottom:1px solid #ECECEC; height:45px; line-height:45px; font-size:14px; color:#CACACA;} .detail_top span { display:block;} .detail_top_time { margin-right:60px; color:#737373;} .detail_top_click { background:url(../images/click.png) no-repeat left center; padding-left:24px; color:#737373;} .detail_top_read { background:url(../images/icon_1.png) no-repeat left center; padding-left:25px; margin-left:20px;} .detail_top_like { background:url(../images/icon_2.png) no-repeat left center; padding-left:20px; margin-left:20px;} .detail_content { font-size:14px; line-height:30px; padding:15px 0; color:#414141;} .detail_content img { max-width:100%;} .detail_content p { padding:5px 0;} .detail_content a {color: red;} .d_tag { font-size:14px; line-height:25px; padding:40px 0;} .d_tag b { display:block; float:left; background:url(../images/tag.png) no-repeat left center; padding-left:30px; font-weight:normal; margin-right:15px;} .d_tag a { display:block; float:left; margin-right:10px; background:#EC2C00; color:#FFF; padding:0 10px;} .d_share { font-size:14px; height:70px; overflow:hidden; border-bottom:1px dashed #CDCDCD; border-top:1px dashed #CDCDCD;} .d_share_l { float:left; height:44px; line-height:44px; margin-top:13px;} .d_share_l b { display:block; float:left; font-weight:normal; margin-right:10px;} .d_share_l a { display:block; float:left; margin-right:10px;} .d_share_back { display:block; float:right; background:url(../images/back_icon.png) no-repeat 30px 17px #ED2C01; border-radius:25px; font-size:14px; color:#FFF; color:#FFF; width:90px; height:45px; line-height:45px; margin-top:12px; padding-left:60px} .d_load { font-size:14px; line-height:30px; padding:40px 0;} .d_load li { width:45%; text-overflow: ellipsis; white-space: nowrap; overflow:hidden; } .d_comment {} .d_comment h4 { font-size:18px; color:#666666; line-height:30px; padding:0 0 15px 0;} .d_comment h4 b { padding:0 10px; font-size:20px; color:#EC2C00;} .d_comment_i { border-top:1px solid #EDEDED; padding:17px 0;} .d_comment_i span { display:block; float:left; width:29px; height:29px; overflow:hidden; margin-top:3px;} .d_comment_i span img { width:29px; height:29px; border-radius:50%;} .d_comment_i .comment_r { width:770px; float:right; overflow:hidden; } .d_comment_i b { display:block; font-size:18px; color:#666666; line-height:30px;} .d_comment_i p { line-height:28px; color:#666666; margin-top:5px;} .d_comment_i .dtag { float:right;} .d_comment_i .dtag .dsee, .d_comment_i .dtag .dlike { display:block; float:left; font-size:14px; color:#CACACA; margin-left:20px;} .d_comment_i .dtag .dsee { background:url(../images/icon_1.png) no-repeat left center; padding-left:25px;} .d_comment_i .dtag .dlike { background:url(../images/icon_2.png) no-repeat left center; padding-left:20px;} .d_comment_i .dtag .dsee:hover { background:url(../images/icon_01.png) no-repeat left center; color:#EC3922;} .d_comment_i .dtag .dlike:hover { background:url(../images/icon_02.png) no-repeat left center; color:#EC3922;} .more_comment { display:block; width:100%; height:35px; line-height:35px; text-align:center; background:#F5F5F5; color:#9B9B9B; font-size:14px; margin:20px 0 30px 0;} /*案例详情*/ .case_top span { margin-right:20px!important; margin-left:0!important;} .case_top .detail_top_time { margin-left:30px!important;} .case_ban { background:url(../images/s_ban_5.jpg) no-repeat center; height:200px;} .case_h1 { font-size:28px; color:#333333; line-height:40px;} .case_l { width:890px; float:left; overflow:hidden; background:#FFF; margin-bottom:60px;} .case_pro { text-align:center; font-size:18px; color:#414141; line-height:36px; padding:0px 0 10px 0;} .case_link { padding-bottom:15px;} .case_link h3 { float:right; width:46px; height:46px; margin-left:20px;} .case_link h3 a { display:block;} .case_box {} .case_box01 { border:2px solid #E2E2E2; border-bottom:none; background:#FFF; padding:10px 20px 20px 20px;} .case_box02 { background:#F5F5F5; padding:30px 10px 20px 10px;} .case_type { font-size:18px; padding-top:10px;} .case_button { width:120px; height:40px; display:block; text-align:center; line-height:40px; background:#F9B552; border-radius:5px; color:#FFF; margin-top:5px;} .case_button:hover { color:#FFF; opacity: 0.9;} .case_rmenu { padding:10px 0;} .case_rmenu li { width:33.3%; text-align:center; float:left; overflow:hidden;} .case_rmenu li span { display:block; height:65px; overflow:hidden;} .case_rmenu li p { font-size:14px; height:40px; line-height:40px;} .case_tag { background:url(../images/tag2.png) no-repeat left center; padding-left:30px; font-size:14px; line-height:30px;} .case_tag b { font-weight:normal;} .case_share { padding:10px 0;} .yzsm { padding:10px 0; line-height:24px;} .yzsm b { display:block; font-weight:normal; font-size:18px;} .yzsm p { font-size:14px; color:#949494;} .you_like { font-size:18px; color:#EC3824; line-height:24px; padding-top:30px;} .med_ban { background:url(../images/s_ban_9.jpg) no-repeat center; height:200px;} .shipin { position:relative; z-index:1; max-width:100%; margin:20px 0;} .shipin img { width:100%; height:100%;} .bofang { display:block; position:absolute; z-index:9; left:50%; margin-top:-65px; margin-left:-65px; top:50%; background:url(../images/bofang.png) no-repeat center; width:130px; height:130px;} /*产品详情*/ .cp_ban { height:200px;} .cp_det01 { width:700px; float:left; padding:20px 0 60px 0;} .cp_det02 { width:560px; float:right; padding:20px 0 60px 0;} .cp_det_tit { font-size:28px; color:#333333; line-height:30px; padding-bottom:10px;} .cp_det_des { font-size:16px; color:#777777; line-height:30px; text-transform:uppercase; padding-bottom:7px;} .cp_det_par { border-top:2px solid #EAEAEA; padding:10px 0 20px 0; height:160px; overflow:hidden;} .cp_det_par dl { float:left; line-height:30px; height:30px; overflow:hidden; color:#323232; font-size:16px; width:50%; float:left; padding-top:10px;} .cp_det_par dt { float:left; width:90px; font-size:16px; color:#323232;} .cp_det_par dd { float:left; width:calc(100% - 90px); font-size:20px; color:#333333; } .cp_det_but {} .cp_det_but a { display:block; float:left; margin-right:40px; width:195px; height:45px; font-size:16px; color:#EF472E; line-height:45px; text-align:center; border:1px solid #F0482E; background:#FFF;} .cp_cont { width:100%; background:#FBFBFB;} .pro_tab { height:60px; border-bottom:1px solid #EBEBEB; border-left:1px solid #EBEBEB;} .pro_tab li { float:left; font-size:16px; padding:0 40px; cursor:pointer; border-right:1px solid #EBEBEB; text-align:center; border-top:2px solid #FBFBFB; line-height:58px;} .pro_tab li.hover{ border-top:2px solid #FF3A29;} .probox { padding:30px 0 50px 0; font-size:14px; color:#414141; line-height:30px;} .probox img { max-width:100%;} .probox p { padding:5px 0;} .tj_pro { width:100%; overflow:hidden;} .tj_pro_tit { background:url(../images/tit_line.gif) no-repeat left bottom; line-height:60px; color:#333333; font-size:30px; margin-top:40px;} .tj_pro ul { position:relative; margin-right:-25px; padding:45px 0 60px 0;} .tj_pro ul li { width:305px; height:305px; float:left; overflow:hidden; border:1px solid #E5E5E5; zoom:1; position:relative; z-index:1; margin-right:23px;} .tj_pro ul li img { max-height:100%; max-width:100%; width:80%;} #test{display:table-cell;*display:block;*position:relative;width:305px;height:305px;text-align:center; vertical-align:middle;} #test p{*position:absolute;*top:50%;*left:50%;margin:0;} #test p img{*position:relative;*top:-50%;*left:-50%;vertical-align:middle;} .tj_pro ul li .tj_dex { position:absolute; z-index:9; left:0; bottom:0; width:100%; height:60px; font-size:17px; color:#FFF; background:url(../images/black.png) repeat; text-align:center; padding-top:10px;} .tj_pro ul li .tj_dex b { display:block; font-weight:normal; color:#FFF; font-size:17px; height:24px; line-height:24px; overflow:hidden;} .foucebox {position:relative;width:700px;height:320px;overflow:hidden;} .foucebox .bd { position:relative; float:right; width:578px;height:315px; border:1px solid #E6E5E5; overflow:hidden; text-align:center;} .foucebox .bd img { max-width:100%;height:300px;} .foucebox .hd {position:relative; width:100px; float:left; z-index:1; } .foucebox .hd ul { position:relative; width:102px; overflow:hidden; } .foucebox .hd li { width:100px;height:70px; overflow:hidden; border:1px solid #E6E5E5; text-align:center; margin-bottom:10px; } .foucebox .hd li a { display:block;} .foucebox .hd img { max-width:100px; height:60px; margin:5px auto; } .foucebox .hoverBg { position:absolute; top:0; left:0px; width:100px; height:70px; border:1px solid #F62507; z-index:100; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/hover.png); _background:none; cursor:pointer; } /*关于我们*/ .wkjj_con { text-align:center; padding:30px 0; font-size:16px; color:#8C8C8C; line-height:30px;} .wkjj_01 { width:100%; position:relative; z-index:1; background:url(../images/about_bg.jpg) no-repeat center; height:700px;} .wkjj_01_bg { width:100%; height:250px; position:absolute; z-index:9; left:0; bottom:0; background:url(../images/about_bg1.png) no-repeat center; height:250px;} .wksp_01 { width:755px; float:left; overflow:hidden;} .wksp_02 { width:440px; float:left; margin-left:40px; overflow:hidden;} .wksp_02 h4 {} .wksp_list {} .wksp_list li { width:100%; float:left;} .wksp_list li span { display:block; float:left; width:180px; height:110px; overflow:hidden; position:relative; z-index:1;} .wksp_list li span img { width:180px; height:110px;} .wksp_list li span i { display:block; position:absolute; left:10px; bottom:10px; z-index:9;} .wksp_list li p {width:calc(100% - 200px); float:left; } .wksp_list li p b {} .wksp_list li p a.bf {} .wksp_list li p em { display:block;} .yjdw {} .yjdw ul {} .yjdw ul li { width:25%; float:left; text-align:center; overflow:hidden;} .yjdw ul li span {} .yjdw ul li p {} .rydt_bg { width:100%;} .ywly_01 { float:left; margin:80px 0; width:580px; overflow:hidden;} .ywly_01 .insi_tit { text-align:left; background: url(../images/tit_line.gif) no-repeat left bottom; line-height:45px;} .ywly_02 { float:right; overflow:hidden; margin:90px 0;} .ywly_02 img { width:100%;} .ywly_con { font-size:16px; color:#787878; line-height:28px; padding-top:20px;} .hxjs_bg { width:100%; background:#F9F9F9; padding:30px 0;} .hxjs_list { width:100%; overflow:hidden;} .hxjs_list ul { position:relative; margin-right:-40px; padding:60px 0 0px 0;} .hxjs_list li { width:630px; float:left; margin-right:40px; overflow:hidden; margin-bottom:50px;} .hxjs_list li:nth-of-type(2n) { margin-right:0;} .hxjs_list li span { display:block; width:100%; overflow:hidden; margin-bottom:20px;} .hxjs_list li span img { width:100%;} .hxjs_list li h6 { background:url(../images/line2.gif) no-repeat center bottom; font-size:22px; color:#333333; text-align:center; height:55px; line-height:55px; overflow:hidden;} .hxjs_list li p { font-size:16px; color:#787878; line-height:28px; height:85px; overflow:hidden; margin-top:15px;} .pd70 { padding:70px 0;} .team_list { width:1295px; margin:50px auto;} .team_01 { width:330px; overflow:hidden; margin-right:5px;} .team_01_i { width:330px; margin-bottom:5px; height:325px; overflow:hidden;} .team_01_i img { width:100%; height:325px;} .team_02 { width:565px; overflow:hidden} .team_02_1 { width:565px; margin-bottom:5px; height:260px; overflow:hidden;} .team_02_1 img { width:100%; height:100%;} .team_02_2 { width:565px; height:390px; overflow:hidden;} .team_02_2 img { width:100%; height:100%;} .team_03 { width:390px; overflow:hidden} .team_03_i { width:390px; margin-bottom:5px; height:325px; overflow:hidden} .team_03_i img { width:100%; height:325px;} .zl_bg {} .video{width:100%;height:500px;overflow: hidden; padding:90px 0;} .video .video_l{ width:750px; height:500px; float:left; background-size:100%; margin-right:40px;background-size:100%; -moz-background-size:100%; -webkit-background-size:100%; -o-background-size:100%; background-image: url('../images/video_bg.jpg');filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/video_bg.jpg',sizingMethod='scale');} .video .video_l div{width:715px;height:410px;margin:0 auto;display:none;position: relative;} .video_l video{width:100%;height:404px;margin:0 auto;margin-top:6px;cursor: pointer} .video .video_r{float:left;width:34.454%;height:500px} .video .video_r h1{font-size:30px;color:#333;height:55px; line-height:30px} .video .video_r span{color:#FF3F3C;font-size:14px;display:none} .video .video_r .video_r_con{ height:110px; cursor:pointer; margin-bottom:20px;} .video .video_r .con_l{ width:180px;height:110px;float:left; margin-right:20px;position:relative;} .video .video_r .con_l img { width:180px;height:110px;} .video .video_r .on .con_l img{ opacity:0.7} .video .video_r .con_l p {position:absolute;bottom:0;left:0;height:40px; line-height:40px;background:url(../images/bg_0.png) repeat;color:#FFF;text-indent:72%;display:block;width:100%;} .video .video_r .con_l i { position:absolute; bottom:0; left:0; width:40px; height:40px; background:url(../images/bofang_2.png) no-repeat center; background-size:22px auto;} .video .video_r .con_r{width:220px;float:left;height:90px} .video .video_r .con_r h3{color:#FF3F3C; font-size:20px; margin-bottom:65px; height:24px; line-height:24px;} .video .video_r .con_r p{ font-size:16px; height:20px; line-height:20px;} .video .video_r .con_r span{ font-size:16px; height:20px; line-height:20px;} .video .video_r .on .con_r h3{color:#FF3F3C; font-size:20px;} .video .video_r .on .con_r p{display:none; font-size:16px;} .video .video_r .on .con_r span{display:block; font-size:16px;} .about_dw ul { padding:30px 0;} .about_dw ul li{width:25%;float:left;margin-top:40px;margin-bottom:40px} .about_dw ul li:hover p{color:#FF3F3C} .about_dw ul li span{width:100px;height:80px;background:url(../images/about_3.jpg) no-repeat;margin:0 auto;display:block;margin-bottom:35px} .about_dw ul li p{text-align:center;height:52px; font-size:16px; color:#787878;} .about_dw ul li .span1{background-position:0 0} .about_dw ul li .span2{background-position:-100px 0} .about_dw ul li .span3{background-position:-200px 0} .about_dw ul li .span4{background-position:-300px 0} .about_dw ul li .span5{background-position:-400px 0} .about_dw ul li .span6{background-position:-500px 0} .about_dw ul li .span7{background-position:-600px 0} .about_dw ul li .span8{background-position:-700px 0} .about_ry{height:444px;background:url(../images/about_4.jpg) no-repeat left} .about_ry_l{height:444px;width:325px;background:url(../images/about_5.png) no-repeat left;float:left} .about_ry_l h4{width:256px;color:#FFF;font-size:30px;text-align:center;margin-top:80px;margin-bottom:50px} .about_ry_l p{width:206px;color:#FFF;margin-left:30px;display:block; font-size:14px; line-height:28px;} .about_ry_r{width:745px;height:444px;overflow:hidden;float:left;margin-left:40px} .about_ry_con{height:250px;width:100%;overflow:hidden;position:relative} .about_ry_con ul{overflow:hidden;width:795px;position:absolute;left:0;top:0} .about_ry_r ul li{width:175px;height:250px;float:left;overflow:hidden;margin-right:35px; margin-left:35px;} .about_ry_r ul li img{width:100%;height:235px; margin-top:7px;} .about_ry_r ul li p{color:#FFF;text-align:center;line-height: 18px;} .about_ry_r .btn{width:100%;height:80px;position:relative} .about_ry_r .btn span{background:url(../images/about_6.png) no-repeat;width:88px;height:25px;margin:0 auto;display:block} .about_ry_r .btn .btn_up{background-position:0 0;position:absolute;left:50%; margin-left:-44px;top:25px;cursor:pointer} .about_ry_r .btn .btn_up:hover{background-position:0 -25px} .about_ry_r .btn .btn_down{background-position:0 -50px;position:absolute;left:45%;top:20px;cursor:pointer} .about_ry_r .btn .btn_down:hover{background-position:0 -75px} .about_zl{height:697px;background:url(../images/about_zl.jpg) no-repeat center top} .about_zl_top{height:370px} .about_zl_top img{margin-right:110px;width:115px;float:left} .about_zl_top_l{float:left;width:640px; } .about_zl_top_l h1{color:#333;font-size:30px;line-height:30px;height:30px;margin-bottom:13px} .about_zl_De { font-size:16px; color:#787878; line-height:28px; padding:5px 0;} .about_zl_top_l ul{margin-top:30px} .about_zl_top_l ul li{float:left;width:270px; margin-bottom:35px;margin-right:50px} .about_zl_top_l ul li span{display:block;width:84px;height:84px;background-color:#FF3F3C;border-radius:50%;margin:0 auto;margin-bottom:15px; text-align:center; overflow:hidden;} .about_zl_top_l ul li span b{font-weight:100;font-size:30px;text-align:center;color:#FFF;line-height:84px;padding-right:3px} .about_zl_top_l ul li span i{font-size:16px;text-align:center;color:#FFF;font-style:inherit} .about_zl_top_l ul li p{text-align:center;white-space: nowrap; font-size:16px; color:#787878;} /*解决方案*/ .solu_ban { height:200px;} .plan_tit { text-align:center; font-size:30px; color:#333333; padding:10px 0 15px 0;} .plan_des { text-align:center; font-size:16px; color:#333333; line-height:28px;} .plan_yy_bg { width:100%;} .play_yy01 { float:left; width:700px;} .play_yy02 { float:right; width:570px;} .yingy_tit {} .yingy_des {} .yingy_list {} .yingy_list a { display:block; float:left; border:1px solid #D4D4D6; border-radius:10px; width:200px; height:45px; line-height:45px; text-align:center;} .yingy_list a:hover,.yingy_list a.cur { background:#FC615C; border:1px solid #FC615C; color:#FFF;} .yingy_link { padding:10px 0;} .yingy_link a { display:block; width:310px; height:45px; line-height:45px; text-align:center; border:1px solid #D4D4D6;} .yingy_link a:hover, .yingy_link a.cur { border:1px solid #F75E60; color:#F75E60;} .solu_tit { font-size:30px; color:#333333; text-align:left; padding:5px 0; line-height:200%; background:url(../images/tit_line.gif) no-repeat left bottom;} .solu_des { font-size:16px; color:#787878; text-align:left; line-height:30px; padding:12px 0;} .show_list {} .show_list li { float:left; position:relative; z-index:1; overflow:hidden; width:635px; height:240px; overflow:hidden;} .show_list li img { width:100%; height:100%;} .show_list li p { width:100%; position:absolute; z-index:9; left:0; bottom:0; height:60px; line-height:60px; text-align:center;} .inst_list {} .inst_list li { float:left; position:relative; z-index:1; overflow:hidden; width:310px; height:310px; overflow:hidden;} .inst_list li img { width:100%; height:100%;} .inst_list li p { width:100%; position:absolute; z-index:9; left:0; bottom:0; height:70px; line-height:70px; text-align:center;} .trans_bg { background:#F1F1F1; padding:20px 0;} .trans_list {} .trans_list li { width:50%; float:left; overflow:hidden;} .trans_list li span { display:block; width:280px; height:280px; float:left; overflow:hidden; margin-right:20px;} .trans_list li span img { width:280px; height:280px;} .trans_list li b {} .trans_list li p {} .apps { width: 100%; height: 570px; background:url(../images/ca_bg.jpg) center no-repeat; margin: 45px 0 80px; } .apps .left { width: 690px; padding-top: 70px; float: left; } .apps .left_title h4 { font-size:30px; color:#333333; padding-bottom:10px;} .apps .left_title p { font-size:16px; color:#787878; line-height:28px; padding-bottom:10px;} .apps .left ul { width: 100%; margin-top: 20px; } .apps .left ul li { width: 200px; height: 40px; line-height: 40px; text-align: center; border: 1px solid #cccccc; margin-right: 28px; float: left; margin-bottom: 35px;border-radius: 5px;transition: all .3s; font-size:16px; } .apps .left ul li a {display: block;transition: all .2s;border-radius: 5px; } .apps .left ul li a:hover {background: #ff3f3b;color: #FFFFFF;border-color: #ff3f3b; } .apps .left ul li:hover { background: #ff3f3b; color: #FFFFFF; border-color: #ff3f3b; } .apps .left ul li.more { width: 315px; } .apps .left ul li.con { border-color: #ff3f3b; color: #ff3f3b; } .apps .left ul li.con a { color: #ff3f3b; } .apps .left ul li.con a:hover { color: #FFFFFF; } .apps .right { width: 570px; height: 570px; background:url(../images/ca_pic.png) no-repeat center; float: right; background-size: 100%; } .zongbao .main { padding:20px 0 30px 0;} .zongbao .main dl {width: 635px;height: 240px;float: left;position: relative; margin-bottom:30px;} .zongbao .main dl dt {width: 100%;height: 100%;overflow: hidden; } .zongbao .main dl dt img {width: 100%;height: 100%;transition: all .2s; } .zongbao .main dl dd {width: 100%;height: 50px;line-height: 50px;text-align: center;background: rgba(0, 0, 0, 0.5);font-size: 24px;color: #FFFFFF;position: absolute; bottom: 0;transition: all .2s; } .zongbao .main dl:hover dt img { transform: scale(1.05); } .zongbao .main dl:hover dd { background: rgba(255, 63, 63, 0.7); } .zongbao .main dl.last { float: right; } div.zhuang { width: 100%; margin-top: 30px; position:relative; margin-right:-30px; padding-bottom:80px; } div.zhuang dl { width: 305px; height: 305px; float: left; margin-right: 26px; position: relative; overflow:hidden; } div.zhuang dl:last-child { margin-right:0; float:right;} div.zhuang dl dt { width: 100%; height: 100%; } div.zhuang dl dt img { width: 100%; } div.zhuang dl dt span { display: block; position: absolute; width: 100%; height: 60px; text-align: center; line-height: 60px; font-size: 24px; color: #ffffff; background: rgba(0, 0, 0, 0.5); bottom: 0; } div.zhuang dl dd { width: 80%; height: 100%; background: #ff3f3c; background: rgba(255, 63, 60, 0.88); color: #FFFFFF; padding: 0px 10% 0; position: absolute; left: 0; top: 0;opacity: 0; transition: all .3s; } div.zhuang dl dd h5 { text-align: center; color: #FFFFFF; font-size: 24px; padding-top:50px;} div.zhuang dl dd p { font-size: 14px; line-height: 28px; border-bottom: 1px solid #FFFFFF; padding: 10px 0; } div.zhuang dl dd a.con_me { color: #FFFFFF; display: block; background: url("../images/white_message.png") no-repeat; text-indent: 32px; line-height: 18px; margin-top: 10px; font-size:16px; } div.zhuang dl.last { margin-right: 0; } div.zhuang dl:hover dt span { display: none; } div.zhuang dl:hover dd { opacity: 1; } .update .main { width: 100%; padding:30px 0 60px 0;} .update .main dl { width: 620px; float: left; } .update .main dl dt { width: 280px; height:280px; overflow:hidden; float: left; } .update .main dl dt img { width: 100%; height:100; } .update .main dl dd { width: 320px; float: right; padding-top: 15px; } .update .main dl dd h5 { font-size: 26px; color: #333333; } .update .main dl dd p { font-size: 16px; color: #787878; line-height: 28px; margin-top: 10px; } .update .main dl.last { float: right; } /*关于我们*/ .about_ban { height:200px;} /*方案详情*/ .fa_top { padding:70px 0; width:100%; background:#F7F7F7;} .fa_top01 { width:440px; float:left; overflow:hidden;} .fa_top01 h4 { font-size:30px; font-weight:bold; color:#333333;} .fa_top01 .fa_con01 { font-size:16px; line-height:28px; color:#787878; padding:12px 0;} .fa_top01_a { padding:35px 0 50px 0 ; line-height:30px;} .fa_top01_a dl { padding:0 0 0 20px; margin-left:20px; float:left; border-left:2px solid #E5E5E5;} .fa_top01_a dt { display:block; font-size:21px; color:#EF472E;} .fa_top01_a dd { display:block; font-size:14px; color:#949494;} .fa_top01_b {} .fa_top01_b a { font-size:16px; float:left; margin-right:45px; width:145px; height:40px; line-height:40px; text-align:center; border:1px solid #EF472E; color:#EF472E; display:block;} .fa_top01_b a:hover,.fa_top01_b a.cc { background:#EF472E; color:#FFF;} .fa_top02 { width:855px; height:440px; float:right; overflow:hidden;} .fa_top02 img { width:100%; height:100%;} .fa_two { width:100%;} .fa_two_tit { height:80px; line-height:80px; box-shadow:0 2px 2px rgba(0, 0, 0, .15); } .fa_two_menu {} .fa_two_menu li { float:left; font-size:14px; color:#414141; margin-right:40px;} .fa_two_menu li.active{border-bottom: 2px solid #EF472E;} .fa_two_menu li a { color:#414141;} .fa_two_link { display:block; float:right; width:110px; height:40px; line-height:40px; font-size:14px; background:url(../images/zx_icon.png) no-repeat 26px 15px #EF472E; color:#FFF; padding-left:50px; margin-top:20px;} .fa_two_link:hover { color:#FFF;} .fa_01_l { width:700px; height:400px; float:left; overflow:hidden;} .fa_01_2 { width:550px; float:left; overflow:hidden; margin-left:35px;} .fa_01_2 h4 { font-size:30px; color:#333333; background:url(../images/tit_line.gif) no-repeat left bottom; padding-bottom:10px;} .fa_01_2 .fa_con02 { font-size:16px; color:#787878; line-height:30px; margin-top:30px;} .fa_02 { width:100%; background:#F5F5F5;} .fa_02_list { padding:50px 0 20px 0;} .fa_02_list li { width:25%; float:left; text-align:center; margin-bottom:40px;} .fa_02_list li:hover b{color:#FF1E03;} .fa_02_list li a { display:block;} .fa_02_list li span { display:block; width:170px; height:170px; overflow:hidden; margin:0 auto; border-radius:50%;} .fa_02_list li b { display:block; font-size:22px; font-weight:normal; line-height:45px;} .fa_02_list li p { font-size:18px; color:#787878; line-height:30px; height:60px; overflow:hidden;} .fa_02_list li a b { color:#333333;} .fa_02_icon1 { background:url(../images/d1.gif) no-repeat center #FFFFFF;} .fa_02_icon2 { background:url(../images/d2.gif) no-repeat center #FFFFFF;} .fa_02_icon3 { background:url(../images/d3.gif) no-repeat center #FFFFFF;} .fa_02_icon4 { background:url(../images/d4.gif) no-repeat center #FFFFFF;} .fa_02_icon5 { background:url(../images/d5.gif) no-repeat center #FFFFFF;} .fa_02_icon6 { background:url(../images/d6.gif) no-repeat center #FFFFFF;} .fa_02_icon7 { background:url(../images/d7.gif) no-repeat center #FFFFFF;} .fa_02_icon8 { background:url(../images/d8.gif) no-repeat center #FFFFFF;} .ja1 .fa_02_icon1 { background:url(../images/d01.gif) no-repeat center #FFFFFF;} .ja1 .fa_02_icon2 { background:url(../images/d02.gif) no-repeat center #FFFFFF;} .ja1 .fa_02_icon3 { background:url(../images/d03.gif) no-repeat center #FFFFFF;} .ja1 .fa_02_icon4 { background:url(../images/d04.gif) no-repeat center #FFFFFF;} .ja1 .fa_02_icon5 { background:url(../images/d05.gif) no-repeat center #FFFFFF;} .ja1 .fa_02_icon6 { background:url(../images/d06.gif) no-repeat center #FFFFFF;} .ja1 .fa_02_icon7 { background:url(../images/d07.gif) no-repeat center #FFFFFF;} .ja1 .fa_02_icon8 { background:url(../images/d08.gif) no-repeat center #FFFFFF;} .ja1 a b { color:#EF472E!important;} .fa_03_tit { background:url(../images/tit_line.gif) no-repeat left bottom; padding-bottom:10px; font-size:30px; color:#333333;} .fa_03_pic { width:100%; text-align:center; padding:70px 0;} .fa_03_pic img { max-width:100%;} .fa_03_link { margin-left:200px; padding:50px 0 70px 0;} .fa_03_link a { font-size:16px; float:left; margin-left:120px; width:260px; height:50px; line-height:50px; text-align:center; border:1px solid #EF472E; color:#EF472E; display:block;} .fa_03_link a:hover,.fa_03_link a.cc { background:#EF472E; color:#FFF;} .fa_fz { width:100%; background:#F5F5F5; padding:50px 0;} div.fzpj { width: 100%; margin-top: 50px; position:relative; margin-right:-30px; padding-bottom:40px; } div.fzpj dl { width: 305px; height: 305px; float: left; margin-right: 26px; position: relative; overflow:hidden; } div.fzpj dl:last-child { margin-right:0; float:right;} div.fzpj dl dt { width: 100%; height: 100%; } div.fzpj dl dt img { width: 100%; height:100%; -webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease;overflow: hidden; } div.fzpj dl:hover dt img { -webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease} div.fzpj dl dt span { display: block; position: absolute; width: 100%; height: 60px; text-align: center; line-height: 60px; font-size: 18px; color: #ffffff; background: rgba(0, 0, 0, 0.5); bottom: 0; } div.fzpj dl dd { width: 86%; height: 100%; background: #ff3f3c; background: rgba(0, 0, 0, 0.58); color: #FFFFFF; padding: 0px 7%; position: absolute;left: 0; top: 0; opacity: 0; transition: all .3s; } div.fzpj dl dd h5 { text-align: center; color: #FFFFFF; font-size: 20px; padding-top:40px;} div.fzpj dl dd p { font-size: 16px; line-height: 24px; padding: 10px 0; } div.fzpj dl.last { margin-right: 0; } div.fzpj dl:hover dt span { display: none; } div.fzpj dl:hover dd { opacity: 1; } .fa_co { border:1px solid #BFBFBF; zoom:1; border-left:none; border-bottom:none; margin:60px 0;} .fa_co li { width:20%; float:left; text-align:center;} .fa_co li i { display:block; border-left:1px solid #BFBFBF; border-bottom:1px solid #BFBFBF; height:220px; overflow:hidden;} .fa_co li i img { max-width:80%;} #fatest{display:table-cell;*display:block;*position:relative;width:250px;height:220px;text-align:center; vertical-align:middle; margin:0 auto;} #fatest p{*position:absolute;*top:50%;*left:50%;margin:0;} #fatest p img{*position:relative;*top:-50%;*left:-50%;vertical-align:middle;} .fa_xh { width:100%; overflow:hidden;} .fa_xh ul { position:relative; margin-right:-30px;} .fa_xh li { width:413px; height:406px; float:left; overflow:hidden; border:1px solid #E5E5E5; zoom:1; position:relative; z-index:1; margin-right:27px; margin-bottom:30px;} .fa_xh li:nth-of-type(3n) { margin-right:0;} .fa_xh li a { display:block;} #xhtest{display:block;position:relative;width:410px;height:274px;text-align:center; vertical-align:middle;} #xhtest p{margin:0;} #xhtest p img{max-width:90%;} #xhtext { width:100%; height:130px; background:#F1F1F1; position:absolute; left:0; bottom:0; z-index:9; font-size:18px;} #xhtext b { display:block; font-weight:normal; font-size:18px; height:40px; line-height:40px; overflow:hidden; margin:10px 15px 0 15px;} #xhtext p { line-height:34px; height:68px; overflow:hidden; margin:0 15px;} .fa_xq { width:100%; background:#F5F5F5; padding:40px 0;} .fa_xq_01 { font-size:30px; color:#333333; text-align:center; font-weight:normal; line-height:50px;} .fa_xq_02 { font-size:16px; color:#787878; text-align:center; line-height:40px;} .fa_xq_c { padding:40px 0 0 0;} .fa_xq_1 { width:360px; height:60px; background:#FFF; font-size:16px; color:#787878; padding:0 15px; margin-right:65px; margin-bottom:40px;} .fa_xq_2 { width:360px; height:60px; background:#FFF; font-size:16px; color:#787878; padding:0 15px; border:0; margin-bottom:40px;} .fa_xq_area { background:#FFF; padding:15px; height:210px;} .fa_xq_3 { font-size:16px; color:#787878; height:210px; width:100%; border:0; background:none;} .fa_xq_button { text-align:center; padding:80px 0 40px 0;} .fa_xq_b1, .fa_xq_b2 { width:180px; height:50px; line-height:50px; text-align:center; border:1px solid #EF472E; cursor:pointer; margin:0 20px; font-size:16px;} .fa_xq_b1 { background:#EF472E; color:#FFF;} .fa_xq_b2 { color:#EF472E; background:none;} .fa_new { width:620px; float:left; overflow:hidden;} .fa_new_tit { border-bottom:2px solid #FDB4B4; height:40px; line-height:40px; padding-bottom:10px; } .fa_new_tit b { display:block; float:left; font-weight:normal; font-size:24px; color:#2A2A2A;} .fa_new_tit .more { display:block; float:right; font-size:21px; color:#AEAEAE;} .fa_new ul { height:440px; overflow:hidden; margin:20px 0;} .fa_new ul li { height:55px; line-height:55px; overflow:hidden;} .fa_new ul li b { width:70%; float:left; display:block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-left:30px; position:relative; z-index:1; color:#8C8C8C; font-size:18px; font-weight:normal; } .fa_new ul li b a { color:#8C8C8C; } .fa_new ul li b a:hover { color:#EF472E;} .fa_new ul li b:before { content:''; background:#7F7F7F; width:12px; height:12px; border-radius:50%; position:absolute; left:0; top:50%; margin-top:-6px; z-index:5;} .fa_new ul li span { float:right; display:block; color:#414141; font-size:18px;} .fa_que { width:630px; float:right; overflow:hidden;} .fa_que_i { padding-right:30px;} .fa_que_i li { border-bottom:1px solid #EEEEEE; padding-top:10px; padding-bottom:20px;} .fa_que_i b { font-size:18px; display:block; font-weight:normal; color:#8E8E8E; line-height:30px; padding:10px 0 15px 0;} .fa_que_i p { font-size:18px; color:#646464; line-height:30px;} .fa_que_i li:first-child { padding-top:0;} .scroll_main02 { width:630px;} .scroll_wrap02 { height:420px;}