@CHARSET "UTF-8"; /*左侧导航*/ .lxfx { position: fixed; width: 77px; height: auto; top: 214px; right: 0px; z-index: 11; } .lxfx li a { color: #fff; margin-top: 10px; display: block; height: 48px; width: 300px; } .leftlx { float: left; width: 77px; height: 48px; } .lxfx li span { font-size: 18px; color: #fff; float: left; height: 30px; line-height: 30px; padding-left: 8px; border-left: 1px solid #fff; margin-top: 8px; } .lxfx li span.ewm { width: 54px; height: 54px; padding: 1px; font-size: 0px; float: left; line-height: 45px; border: none; margin: 0px; margin-top: -12px; } .lxfx li i { display: block; width: 30px; height: 28px; margin: 0px auto; text-align: center; background: url(../images/fx.png) no-repeat; background-position: 0px 0px; } .lxfx li i.icon-tel { background-position: 0px -28px; } .lxfx li i.icon-ly { background-position: 0px -56px; } .lxfx li i.icon-wb { background-position: 0px -84px; } .lxfx li p { text-align: center; line-height: 12px; padding-top: 4px; } .lxfx li { width: 77px; height: 66px; background: #bb0300; margin-bottom: 1px; margin-left: 0px; position: relative; overflow: hidden; } /*头部样式*/ .out-head { background: #fff; } .top-head { background: #f1f1f1; } .head { width: 1100px; margin: 0 auto; line-height: 32px; } .wel { color: #333; } .k1 { color: #333; } .k1 a { color: #333; } #header { width: 1100px; margin: 0 auto; } .top { } .logo { float: left; } .top-logo { margin-top: 12px; } .logo-word { float: left; } .topLink { float: right; text-align: right; position: relative; z-index: 9999; } .translate { width: 100px; position: absolute; left: 0; top: 10px; z-index: 9999; } .tran-in { left: 120px; } .translate li { border: 1px dashed #cccccc; line-height: 26px; text-align: left; background: #fff; } .translate li a { display: block; padding-left: 10px; background: url(../images/dot4.png) no-repeat 88% 11px; } .translate li a:hover { text-decoration: none; color: #275cea; cursor: pointer; } .translate-en { display: none; padding: 6px; padding-top: 0px; } .translate li .translate-en a { padding-left: 0px; text-align: center; background: #fff; border-bottom: 1px solid #cccccc; } .translate li .translate-en a:hover { font-weight: bold; } .topLink .k2 { /*margin-top: 25px;*/ } #menu { background: #404144; } .main_con { width: 1198px; margin: 0 auto; } .main_floor { width: 1100px; margin: 0 auto; } /*我们能做什么*/ .floor01 { margin-top: 60px; } .title01 { text-align: center; height: 71px; } .floor01_ul { width: 1100px; margin: 0 auto; margin-top: 65px; } .floor01_left { width: 574px; position: relative; } .floor01_left li.li01 { width: 120px; height: 130px; position: absolute; top: 10px; left: 235px; cursor: pointer; } .floor01_left li.li02 { width: 120px; height: 130px; position: absolute; top: 100px; left: 390px; cursor: pointer; } .floor01_left li.li03 { width: 120px; height: 130px; position: absolute; top: 250px; left: 390px; cursor: pointer; } .floor01_left li.li04 { width: 120px; height: 130px; position: absolute; top: 330px; left: 235px; cursor: pointer; } .floor01_left li.li05 { width: 120px; height: 130px; position: absolute; top: 250px; left: 80px; cursor: pointer; } .floor01_left li.li06 { width: 120px; height: 130px; position: absolute; top: 90px; left: 80px; cursor: pointer; } .floor01_right { width: 500px; } .floor01_right .title { background: url(../images/title_02.jpg) 0 50% no-repeat; line-height: 45px; padding-left: 54px; color: #343434; font-size: 24px; font-weight: bold; } .floor01_right .word { color: #575757; font-size: 14px; line-height: 22px; margin-top: 15px; } .floor01_right a { display: block; width: 89px; height: 28px; background: #474646; border-radius: 5px; text-align: center; line-height: 28px; color: #fff; font-size: 14px; margin-top: 30px; } .floor01_img { margin-top: 25px; } /*专业级网站营销*/ .floor02 { margin-top: 105px; background: url(../images/floor02.jpg) top center no-repeat; height: 391px; } .floor02 .title02 { text-align: center; color: #fff; font-size: 30px; font-weight: bold; padding-top: 58px; } .floor02 .title02 p strong { font-size: 38px; padding-right: 10px; } .floor02 .content { margin-top: 25px; } .floor02 li { float: left; width: 346px; height: 173px; background: #fff; margin-right: 1px; color: #4c4c4c; font-size: 16px; } .floor02 li:nth-child(1) { width: 342px; } .floor02 li:nth-child(1) span { margin-left: 72px; margin-right: 34px; } .floor02 li:nth-child(2) span { margin-left: 40px; margin-right: 15px; } .floor02 li:nth-child(3) { margin-right: 0; width: 406px; } .floor02 li:nth-child(3) span { letter-spacing: -5px; margin-left: 20px; margin-right: 6px; } .floor02 li span { float: left; display: block; color: #242424; font-size: 100px; font-family: 'Impact'; line-height: 173px; } .floor02 li p { padding-top: 60px; } /*你的网站为什么不赚钱*/ .floor03 { margin-top: 80px; } .floor03_con_div { background: url(../images/con3.jpg) no-repeat center; height: 618px; width: 100%; position: relative; } .h100 { width: 100%; height: 100px; } .floor03_con_ul { width: 100%; height: 410px; } .floor03_con_ul ul { width: 100%; height: 100%; } .floor03_con_ul li { position: relative; width: 48%; height: 97px; float: left; display: block; } .floor03_con_ul li .txt { height: 50px; border: 2px solid #838383; float: left; position: relative; font-size: 16px; color: #333; line-height: 50px; font-weight: bold; text-align: center; } .floor03_con_ul li .txt font { font-size: 22px; color: #eb0500; padding-left: 8px; } .floor03_con_ul li.floor03_con_li1 .txt { width: 215px; } .floor03_con_ul li.floor03_con_li1 { left: 130px; } .floor03_con_ul li.floor03_con_li2 .txt { width: 315px; } .floor03_con_ul li.floor03_con_li2 { left: 210px; } .floor03_con_ul li.floor03_con_li3 .txt { width: 266px; } .floor03_con_ul li.floor03_con_li3 { left: 45px; } .floor03_con_ul li.floor03_con_li4 .txt { width: 295px; height: 58px; line-height: 22px; } .floor03_con_ul li.floor03_con_li4 { left: 245px; top: -5px; } .floor03_con_ul li.floor03_con_li5 .txt { width: 260px; } .floor03_con_ul li.floor03_con_li5 { left: 65px; top: 12px; } .floor03_con_ul li.floor03_con_li6 .txt { width: 330px; } .floor03_con_ul li.floor03_con_li6 { left: 240px; top: -2px; } .floor03_con_ul li.floor03_con_li7 .txt { width: 212px; } .floor03_con_ul li.floor03_con_li7 { left: 162px; } .floor03_con_ul li.floor03_con_li8 .txt { width: 270px; } .floor03_con_ul li.floor03_con_li8 { left: 190px; top: -3px; } .floor03_con_div .floor03_con_ul li.active .txt, .floor03_con_div .floor03_con_ul li.active .txt font { border-color: #eb0500; background: #eb0500; color: #fff; } .floor03_con_div .floor03_con_ul li.active .triangle_right { border-left-color: #eb0500; } .floor03_con_div .floor03_con_ul li.active .triangle_left { border-right-color: #eb0500; } .triangle_right { width: 0; height: 0; border-top: 8px solid transparent; border-left-width: 16px; border-left-style: solid; border-left-color: #838383; border-bottom: 8px solid transparent; float: left; position: relative; top: 18px; z-index: 99999; } .triangle_left { width: 0; height: 0; border-top: 8px solid transparent; border-right-width: 16px; border-right-style: solid; border-right-color: #838383; border-bottom: 8px solid transparent; float: left; position: relative; top: 18px; z-index: 99999; } .floor03_con_call { position: relative; width: 142px; height: 155px; left: 529px; top: -30px; float: left; } .floor03_con_call a { background: url(../images/call_03.png) no-repeat; width: 142px; height: 142px; display: block; } .floor03_con_call a:hover { background: url(../images/call_03_hover.png) no-repeat; } /*经典案例*/ .floor04 { background: #f4f4f4; margin-top: 25px; padding-top: 40px; } .title04 { text-align: center; background: url(../images/title.png) center 35% no-repeat; color: #343434; font-size: 40px; font-weight: bold; } .title04 strong { color: #eb0600; padding-right: 12px; } .title04 span { display: block; color: #343434; font-size: 18px; font-weight: normal; } .floor04_con { background: #FFF; margin-top: 20px; padding-top: 30px; } .floor04_nav { height: 44px; text-align: center; margin-top: 20px; } .floor04_nav ul { position: relative; } .floor04_nav ul li { display: inline-block; } .floor04_nav ul li a { display: block; width: 154px; height: 42px; font-size: 17px; color: #333; line-height: 42px; text-align: center; border: 1px solid #8b8b8b; font-weight: bold; margin: 0 9px; } .floor04_nav ul li a.active, .floor04_nav ul li a:hover { background: #eb0600; color: #fff; } .floor04_more { display: block; width: 100%; text-align: center; float: left; margin-top: 10px; } .floor04_more a { display: block; position: relative; background: #d40300; height: 40px; line-height: 40px; color: #fff; width: 184px; font-size: 18px; margin: 0 auto; } .floor04_more a:hover { color: #ff6600; } .floor04_uls { padding-bottom: 50px; } .floor04_ul_c { width: 1120px; margin: 0 auto; overflow: hidden; } .floor04_ul_c ul { width: 1120px; display: none; } .floor04_ul_c0 li { width: 348px; height: 244px; overflow: hidden; float: left; margin: 0 12px; margin-bottom: 50px; } .floor04_ul_d { width: 348px; height: 244px; text-align: center; } .floor04_ul_n { width: 348px; height: 244px; margin: 0px auto; position: relative; overflow: hidden; } .floor04_ul_nc { height: 194px; overflow: hidden; } .floor04_ul_nc img { width: 348px; height: 194px; } .floor04_ul_nt { height: 48px; width: 100%; text-align: center; line-height: 48px; border-bottom: 1px solid #606060; position: relative; } .floor04_ul_nt .more { width: 20px; height: 20px; background: url(../images/jiantou.jpg) center no-repeat; position: absolute; top: 16px; right: 0; } .floor04_ul_nt a { font-size: 16px; color: #494949; } .floor04_ul_p { position: relative; top: 1px; margin: 0px auto; width: 348px; height: 194px; } .floor04_ul_p .web_case_bg { /* older safari/Chrome browsers */ -webkit-opacity: 0.5; /* Netscape and Older than Firefox 0.9 */ -moz-opacity: 0.5; /* Safari 1.x (pre WebKit!) 老式khtml内核的Safari浏览器*/ -khtml-opacity: 0.5; /* IE9 + etc...modern browsers */ opacity: .5; /* IE 4-9 */ filter: alpha(opacity=50); /*This works in IE 8 & 9 too*/ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /*IE4-IE9*/ filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=50); /*background: #333;*/ width: 100%; height: 100%; z-index: 1; } .web_case { height: 62px; } .web_case img { display: none; } .web_case a { height: 100%; width: 100%; display: block; } .web_text { height: 60px; line-height: 20px; margin: 0px auto; color: #fff; font-size: 12px; } .web_case_p { position: relative; top: -165px; margin: 0px auto; width: 180px; text-align: center; overflow: hidden; z-index: 999; } .floor04_ul_c03 .web_case_p, .floor04_ul_c04 .web_case_p { top: -195px; } .floor04_ul_c03 .web_case_p .web_case, .floor04_ul_c04 .web_case_p .web_case { height: 130px; overflow: hidden; } .floor04_ul_c03 .web_case_p .web_text, .floor04_ul_c04 .web_case_p .web_text { display: none; } .floor04_ul_c03 .web_case_p img, .floor04_ul_c04 .web_case_p img { max-width: 130px; } /*帮您赚到钱*/ .floor05 { background: url(../images/floor05.jpg) top center no-repeat; height: 986px; width: 100%; padding-top: 58px; } .title04_1 { background: url(../images/title04_1.png) center 35% no-repeat; text-align: center; color: #fff; font-size: 36px; font-weight: bold; } .title04_1 span { display: block; font-weight: normal; font-size: 18px; margin-top: 3px; } .title04_1_1 { width: 1100px; margin: 0px auto; height: 76px; background: url(../images/title04_1_1.png) center no-repeat; margin-top: 28px; line-height: 76px; color: #fff; font-size: 27px; letter-spacing: 2.5px; margin-bottom: 52px; } .title04_1_1 strong { color: #12181d; font-size: 30px; font-weight: bold; padding-left: 35px; padding-right: 85px; } .title04_1_1 b { font-size: 43px; font-weight: bold; } .title04_1_1 span { font-size: 14px; padding-left: 140px; } .floor04_01c { width: 1100px; height: 745px; margin: 0px auto; } .floor04_01cl { width: 695px; height: 100%; background: url(../images/f4_01_cl.png) no-repeat; text-align: center; } .f4_ys_all { width: 125px; height: 205px; position: relative; float: left; left: 0px; top: 0px; cursor: pointer; } .f4_ys1 { left: 125px; top: 0; } .f4_ys2 { left: 320px; top: 3px; } .f4_ys3 { left: 22px; top: 93px; } .f4_ys4 { left: 420px; top: 100px; } .f4_ys5 { left: 290px; top: 75px; } .floor04_01cl span { font-size: 24px; color: #fff; display: block; width: 80px; height: 60px; position: relative; float: left; left: 20px; top: 24px; line-height: 30px; } .floor04_01cl p { color: #fff; font-size: 18px; line-height: 20px; } .f4_ys_all .f4_ys_f, .f4_ys_all .f4_ys_b { width: 120px; height: 140px; } .f4_ys_all .f4_ys_f, .f4_ys_all .f4_ys_b:hover { background: url(../images/f4_ys_f.png) no-repeat; } .f4_ys_all .f4_ys_b, .f4_ys_all .f4_ys_f:hover { background: url(../images/f4_ys_b.png) no-repeat; } .floor04_01cr { width: 404px; margin-top: 70px; } .floor04_01cr_ul li { width: 100%; height: 63px; } .floor04_01cr_ul .gou { background: url(../images/f4_01_gou.png) no-repeat; width: 50px; height: 100%; display: block; } .floor04_01cr_ul .txt { width: 350px; height: 30px; font-size: 18px; color: #fefefe; display: block; cursor: pointer; } .floor04_01cr_ul .txt font { font-size: 22px; color: #fefefe; font-weight: bold; } .floor04_con_call_01 { width: 315px; height: 60px; text-align: center; line-height: 60px; background: #eb0500; position: relative; left: 40px; margin-top: 30px; } .floor04_con_call_01:hover { background: #333; } .floor04_con_call_01 a { display: block; font-size: 24px; color: #fff; } /*关于推广*/ .floor06 { background: url(../images/floor4_bg.jpg) repeat; height: 744px; width: 100%; padding-top: 68px; } .title04_2 { height: 134px; background: url(../images/title04_2.png) top center no-repeat; } .title04_2_height { height: 58px; } .title04_2 strong { color: #fff; font-size: 30px; font-weight: bold; line-height: 76px; padding-left: 46px; letter-spacing: 3px; } .title04_2 p { line-height: 76px; color: #fff; font-size: 27px; display: inline-block; padding-left: 80px; letter-spacing: 3px; } .title04_2 span { font-weight: bold; } .title04_2 b { font-size: 14px; line-height: 76px; color: #fff; font-weight: normal; padding-left: 10px; } .w112 { width: 112px; height: 100%; } .floor04_02c { background: url(../images/f4_02_cl.png) no-repeat; width: 100%; height: 455px; margin-top: 80px; } .title_04_021 { height: 160px; } .title_04_02name { font-size: 37px; font-weight: bold; color: #012340; } .title_04_02desc { font-size: 18px; color: #333; position: relative; left: 18px; top: 22px; } .title_04_02name1 { font-size: 27px; color: #333; position: relative; top: 6px; } .title_04_02ul ul { position: relative; float: left; left: 35px; } .title_04_02ul li { width: 100%; height: 42px; cursor: pointer; } .title_04_02ul li .num { font-size: 14px; color: #fff; font-weight: bold; display: block; width: 38px; height: 20px; } .title_04_02ul li .num font { height: 20px; width: 20px; display: block; text-align: center; background: #012340; } .title_04_02ul li .txt { font-size: 16px; color: #333; line-height: 18px; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; -ms-transition: all .3s ease-in-out 0s; -o-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; } .title_04_02ul li .txt font { color: #3f3f3f; font-weight: bold; } .title_04_02ul li:hover .txt { font-size: 17px; } .xiaohai_con_call a:hover { background: #333; } .floor04_02_xyjz { width: 550px; } .title_04_021t { margin-top: 8px; } .floor04_02_sft { width: 550px; } .floor04_con_call_02 { width: 202px; height: 32px; text-align: center; line-height: 32px; background: #e50700; position: relative; left: 195px; top: 12px; } .floor04_con_call_02 a:hover .hover { top: 35px; right: 70px; } .floor04_con_call_02 a { display: block; font-size: 16px; color: #fff; } .floor04_con_call_03 { width: 320px; height: 60px; text-align: center; line-height: 60px; /*background:#ff6600;*/ position: relative; left: 440px; } .floor04_con_call_03 a:hover .hover { top: 45px; right: 145px; } .floor04_con_call_03 a { display: block; font-size: 24px; color: #fff; } /*一站式解决营销问题*/ .floor07 { padding-top: 50px; padding-bottom: 60px; } .floor07_title { text-align: center; color: #012340; font-size: 36px; font-weight: bold; } .floor07_title span { color: #e50700 } .floor07_title p { font-size: 18px; font-weight: normal; margin-top: 5px; } .floor07 .content { text-align: center; margin-top: 30px; } /*您现在可以选择*/ .now-choose { text-align: center; line-height: 90px; font-size: 38px; font-weight: bold; padding-top: 10px; color: #012340; } .floor08 .wd50 { height: 390px; width: 50%; background: #eb0500; } .floor08 .wdr { background: #3f3f3f; } .website-s { width: 535px; color: #fff; padding-top: 20px; padding-left: 65px; } .website-s h2 { font-size: 32px; line-height: 52px; } .website-s p { font-size: 14px; padding-top: 4px; } .website-s p span { background: #fff; color: #ff6600; padding: 2px 5px; } .website-s .text-s { font-size: 19px; line-height: 55px; margin-bottom: 10px; } .website-s .text-s { font-size: 27px; } .from-a { margin-bottom: 12px; } .from-a span { line-height: 40px; display: block; width: 50px; height: 40px; float: left; } .from-a .input-s { line-height: 40px; height: 40px; display: block; border: none; padding-left: 60px; width: 258px; float: left; outline: none; font-size: 14px; } .from-a .inputs { line-height: 40px; height: 40px; display: block; border: none; padding-left: 60px; width: 332px; float: left; outline: none; font-size: 14px; } .from-a .names { background: url(../images/tijiao.jpg) 0 0 no-repeat #f57a56; } .yes-website .from-a .names { background: url(../images/tijiaos.jpg) 0 0 no-repeat #7e7e7e; } .from-a .tels { background: url(../images/tijiao.jpg) 0 bottom no-repeat #f57a56; } .from-a .name { background: url(../images/tijiao1.png) 0 0 no-repeat #f57a56; } .from-a .phone { background: url(../images/tijiao1.png) 0 bottom no-repeat #f57a56; } .from-a .contents { background: #f57a56; border: none; width: 372px; height: 140px; outline: none; padding: 10px; } .from-a .code-s { padding: 0 5px; width: 100px; background: #f57a56; } .from-a .code-s2 { background: #7e7e7e; } .from-a img { float: left; margin: 6px 0 0 10px; } .yes-website .from-a .tels { background: url(../images/tijiaos.jpg) 0 bottom no-repeat #7e7e7e; } .yes-website .last a { border-color: #d40300; background: #d40300; } .from-a a { display: block; width: 152px; line-height: 38px; border: 1px solid #f57a56; text-align: center; float: left; _display: inline; margin-right: 12px; background: #c50f06; color: #fff; cursor: pointer; } .from-a a:hover { opacity: 0.8; filter: alpha(opacity=80); } .website-s .last { padding-top: 10px; } .yes-website { padding-left: 90px; height: 510px; } .yes-website p span { background: #eb0500; color: #fff; } /*为什么选择我们*/ .wd1200 { width: 1200px; margin: auto; } .wd1100 { width: 1185px; margin: auto; } .why-about { padding-top: 50px; } .titles { text-align: center; } .titles h2 { background: url(../images/border_bottom_red.jpg) 0 50% repeat-x; line-height: 54px; font-size: 40px; } .titles h2 span { background: #fff; padding: 0 36px; } .titles h2 span b { color: #eb0800; padding-right: 12px; } .titles p { font-size: 16px; color: #3b3b3b; line-height: 48px; } .floor05_con { height: 375px; overflow: hidden; margin-top: 40px; } .floor05_con li { width: 100%; cursor: pointer; height: 94px; } .floor05_con li .floor05_con_0 { border: 1px solid #eaeaea; width: 203px; height: 91px; } .floor05_con li .ico { width: 85px; height: 100%; } .floor05_con li .ico span { background-image: url(../images/floor05_num1.png); background-repeat: no-repeat; position: relative; left: 11px; top: 22px; height: 60px; width: 55px; display: block; } .floor05_con li .ico span.ico2 { background-position: -55px 0px; } .floor05_con li .ico span.ico3 { background-position: -109px 0px; } .floor05_con li .ico span.ico4 { background-position: -162px 0px; } .floor05_con li .ico span.ico5 { background-position: -215px 0px; } .floor05_con li .ico span.ico6 { background-position: -269px 0px; } .floor05_con li .ico span.ico7 { background-position: -322px 0px; } .floor05_con li .txt { width: 100px; height: 100%; font-size: 16px; color: #333; font-weight: bold; text-align: center; position: relative; top: 30px; } .floor05_con_01 .triangle_right { border-left-color: #eb0500; display: none; float: right; top: 35px; left: 12px; } .floor05_con li.active .triangle_right, .floor05_con li.active .triangle_left { display: block; } .floor05_con li.active .floor05_con_0 { background: #eb0500; border-color: #eb0500; } .floor05_con_03 .triangle_left { border-right-color: #eb0500; display: none; top: 45px; left: -200px; } .floor05_con li.active .ico span { background-image: url(../images/floor05_num2.png); top: 30px; width: 45px; } .floor05_con li.active .txt { color: #fff; top: 40px; } .floor05_con li.active .ico span.ico2 { background-position: -45px 0px; width: 42px; } .floor05_con li.active .ico span.ico3 { background-position: -87px 0px; width: 42px; } .floor05_con li.active .ico span.ico4 { background-position: -129px 0px; width: 42px; } .floor05_con li.active .ico span.ico5 { background-position: -171px 0px; width: 42px; } .floor05_con li.active .ico span.ico6 { background-position: -212px 0px; width: 42px; } .floor05_con li.active .ico span.ico7 { background-position: -254px 0px; width: 42px; } .floor05_con_02 { z-index: 1; width: 682px; position: relative; overflow: hidden; } .floor05_con_02 .f5_con_0 { width: 100%; height: 375px; overflow: hidden; } .floor05_con_01, .floor05_con_03 { width: 205px; } .floor05_con li .floor05_con_0m .txt { position: relative; left: 35px; width: 135px; text-align: left; } .floor05_con li .floor05_con_0m .txt a { font-size: 16px; color: #ff6600; } .floor05_con li .floor05_con_0m .ico { width: 44px; } .floor05_con li .floor05_con_0m .ico span { background-image: url(../images/floor05_num3.png); height: 45px; width: 44px; } .floor05_con li.active .floor05_con_0m .ico span { background-position: -44px 0px; } /*新闻模块*/ .floor09 { background: #f4f4f4; padding: 50px 0 20px; margin-top: 60px; } .news-box { width: 760px; border: 1px solid #e4e4e4; min-height: 434px; background: #fff; position: relative; } .news-box a.more { position: absolute; right: 20px; top: 5px; display: block; line-height: 42px; background: url(../images/mm.jpg) 0 50% no-repeat; padding-left: 24px; } .news-tab { border-bottom: 1px solid #757575; } .news-tab li { border-right: 1px solid #e4e4e4; float: left; width: 158px; text-align: center; } .news-tab li a { display: block; font-size: 15px; line-height: 52px; color: #333; } .news-tab li.cur a { background: #eb0500; color: #fff; } .tab-news-list { display: none; padding: 30px 25px 0; } .tab-news-list.active { display: block; } .tab-news-list li { float: left; width: 47%; border-bottom: 1px dashed #e4e4e4; margin: 0 10px; } .tab-news-list li.first { float: none; width: 100%; border-bottom: 2px solid #e4e4e4; padding-bottom: 30px; margin: 0; } .tab-news-list li a.img { display: block; float: left; width: 241px; } .tab-news-list li a.img img { width: 241px; height: 149px; } .tab-news-list li .text { float: right; width: 468px; } .tab-news-list li .text a { display: block; line-height: 44px; font-size: 16px; border-bottom: 1px solid #e4e4e4; color: #333 } .tab-news-list li .text p { line-height: 24px; color: #777; margin-top: 15px; height: 72px; overflow: hidden; font-size: 14px; } .tab-news-list li a.a { display: block; background: url(../images/nli.jpg) 3px 50% no-repeat; line-height: 36px; padding-left: 18px; font-size: 14px; } .problem { width: 315px; border: 1px solid #e4e4e4; min-height: 434px; background: #fff; } .problem .title { line-height: 52px; background: url(../images/cj.jpg) 16px 50% no-repeat; padding-left: 36px; font-weight: normal; font-size: 15px; position: relative; border-bottom: 1px solid #eb0500; } .problem .title a { position: absolute; right: 20px; top: 5px; display: block; line-height: 42px; background: url(../images/mm.jpg) 0 50% no-repeat; padding-left: 24px; font-size: 12px; } .problem-list { padding: 12px 16px 0; } .problem-list li { border-bottom: 1px dotted #d9d9d9; padding-bottom: 18px; } .problem-list li a { background: url(../images/wt.jpg) 0 50% no-repeat; display: block; padding-left: 39px; line-height: 52px; font-size: 15px; } .problem-list li p { padding-left: 39px; line-height: 22px; } /*服务区域*/ .city-box { padding-top: 55px; } .city-box .title { width: 98px; line-height: 88px; background: #222222; color: #fff; text-align: center; font-size: 14px; } .city-box .title_link { background: #eb0500; } .city-box .content { padding: 14px; width: 950px; border: 1px solid #dddddd; min-height: 64px; } .city-box .content a { display: inline-block; padding: 0 20px; line-height: 32px; text-align: center; } .city-box .content a img { width: 100px; height: 30px; } .city-box .content a h3 { font-weight: normal; } /*主体样式*/ .index-title { line-height: 31px; padding-left: 15px; font-weight: bold; font-family: "微软雅黑"; background: url(../images/nav.png) no-repeat 0% 100%; font-size: 14px; color: #000; } .index-table td { border: solid #add9c0; border-width: 0px 1px 1px 0px; padding: 10px 5px; } .index-table { border: solid #add9c0; border-width: 1px 0px 0px 1px; margin-top: 10px; } /*----- Common css ------*/ .fl { float: left; } .fr { float: right; } .di { _display: inline; } .fwn { font-weight: normal; } .dib { *display: inline; _zoom: 1; _display: inline; _font-size: 0px; } /*页面底部*/ .footer-bg { background: #333; padding: 20px 0 15px; margin-top: 6px; } .foot-sort { float: left; width: 140px; padding-right: 10px; padding-top: 22px; margin-left: 5px; } .foot-sort .title h2 { color: #fff; font-weight: normal; font-size: 16px; line-height: 30px; } .foot-sort .title p { color: #626161; font-size: 13px; } .foot-sort .content { position: relative; overflow: hidden; height: 112px; margin-top: 12px; } .foot-sort .content a { display: block; line-height: 28px; color: #888; height: 28px; font-size: 13px; } .foot-sort .content a:hover { color: #fff; } .contact-us { float: left; width: 321px; } .qq-box { padding-left: 16px; } .qq-box .title { height: 43px; background: url(../images/qqred.jpg) 0 0 no-repeat; line-height: 28px; color: #fff; font-size: 15px; padding-left: 13px; } .qq-box .content a { display: inline-block; width: 42px; height: 42px; border-radius: 21px; background: url(../images/qq.png) 50% 50% no-repeat #3a393a; margin-right: 5px; } .qq-box .content a:hover { background: url(../images/qq.png) 50% 50% no-repeat #e60c08; } .contact-p { color: #a1a1a1; line-height: 22px; } .codes { text-align: center; color: #a1a1a1; font-size: 16px; line-height: 24px; float: right; width: 250px; margin-top: 15px; } .footer-bgs { background: #f0f0f2; } #footer { width: 1100px; margin: 0 auto; padding: 17px 0; } .logos { float: left; width: 234px; } .copyright { border-left: 1px solid #3a3a3a; padding: 30px 0 30px 18px; line-height: 22px; float: left; width: 840px; } .copyright p { text-align: left; float: left } .foot-h1 { font-weight: normal; text-align: right; float: right } .foot-h1 a { padding: 0 3px; } .mt30 { margin-top: 30px; } /*------------内页-------------------*/ .left .box { margin-bottom: 10px; } .left .box h3 { line-height: 31px; padding-left: 15px; font-weight: bold; font-family: "微软雅黑"; background: url(../images/nav.png) no-repeat 0% 100%; font-size: 14px; color: #000; } .left .box .content { padding: 5px 0px; } .prodescription { border: 1px solid #e5e5e5; background: #f9f9f9; line-height: 24px; padding: 10px; margin-bottom: 15px; text-indent: 20px; } .n_banner { width: 1920px; margin: 0 auto; height: 500px; position: relative; left: 50%; margin-left: -960px; } .n_banner img { width: 1920px; margin: 0 auto; height: 500px; } .left { width: 225px; float: left; } .sort_menu { width: 1100px; margin: 0 auto; } .sort_product { margin-top: 10px; } .sort_product h3 { background-color: #ececec; line-height: 28px; padding-left: 15px; font-weight: bold; } .n_contact { margin-top: 10px; } .n_contact h3 { background-color: #ececec; line-height: 28px; padding-left: 15px; font-weight: bold; } .n_contact .content { padding: 5px; line-height: 24px; } .right { width: 1100px; float: left; margin-top: 40px; } .sitemp { line-height: 80px; height: 80px; overflow: hidden; width: 1100px; margin: 0 auto; } .sitemp .site { float: left; text-align: right; line-height: 80px; color: #838383; font-size: 14px; background: url(../images/home.jpg) 0 50% no-repeat; padding-left: 22px; } .sitemp .site a { color: #838383; font-size: 14px; } .right .content { overflow: hidden; line-height: 24px; } .recommend_read { width: 1100px; margin: 0 auto; margin-top: 45px; } .recommend_read .title { text-align: center; color: #333; font-size: 32px; font-weight: normal; margin-bottom: 60px; } /*关于我们页面*/ #container { width: 1112px; margin: 0 auto; } .containAbout01 { width: 1112px; margin: 0 auto; margin-top: 45px; height: 400px; } .containAbout01 .title { text-align: center; color: #000; font-size: 24px; } .containAbout01 .title p { display: block; font-weight: bold; font-size: 35px; } .containAbout01 .title p b { color: #d40300; padding-right: 18px; } .containAbout01 .content { margin-top: 58px; } .containAbout01 .content li { float: left; text-align: center; color: #010101; font-size: 16px; line-height: 60px; width: 278px; } .containAbout01 .content li a { display: block; height: 104px; overflow: hidden; } .containAbout01 .content li.li01 { background: url(../images/li01.png) top center no-repeat; } .containAbout01 .content li.li01:hover { background: url(../images/li01_hover.png) top center no-repeat; } .containAbout01 .content li.li02 { background: url(../images/li02.png) top center no-repeat; } .containAbout01 .content li.li02:hover { background: url(../images/li02_hover.png) top center no-repeat; } .containAbout01 .content li.li03 { background: url(../images/li03.png) top center no-repeat; } .containAbout01 .content li.li03:hover { background: url(../images/li03_hover.png) top center no-repeat; } .containAbout01 .content li.li04 { background: url(../images/li04.png) top center no-repeat; } .containAbout01 .content li.li04:hover { background: url(../images/li04_hover.png) top center no-repeat; } .containAbout02 { background: #383838; padding: 50px 0; margin-top: 45px; } .containAbout02 .title { float: left; color: #fff; font-size: 30px; font-weight: bold; background: url(../images/about02_title.png) top center no-repeat; height: 130px; width: 192px; padding-top: 15px; text-indent: 15px; } .containAbout02 .intro { float: right; color: #efefef; font-size: 14px; line-height: 31px; width: 860px; margin-right: 20px; } .containAbout03 { width: 1112px; margin: 0 auto; } .about03-img { width: 614px; } .about03-title { width: 370px; color: #000; font-size: 45px; font-weight: bold; } .about03-title strong { color: #d40300; font-size: 88px; letter-spacing: 3px; } .about03-title p { display: block; font-size: 24px; font-weight: normal; line-height: 45px; } .about03-title p b { font-size: 35px; color: #d40300; } .about03-title p span { display: block; font-size: 24px; } .about03-tt { width: 370px; margin-top: 70px; } .about03-tt span { color: #000; font-size: 44px; font-weight: bold; } .about03-tt p { color: #161616; font-size: 14px; line-height: 22px; margin-top: 10px; } .containabout04 { background: #f8f8f8; padding: 30px 0; } .idea-title { text-align: center; color: #000; font-weight: bold; font-size: 35px; letter-spacing: 3px; } .idea-title b { color: #d40300; } .idea li { width: 328px; height: 146px; background: #383838; float: left; margin-right: 63px; text-align: center; margin-top: 50px; } .idea li:nth-child(3) { margin-right: 0; } .idea li h2 { color: #fff; font-size: 24px; padding-top: 35px; } .idea li p { display: block; color: #fff; font-size: 18px; padding-top: 10px; } .brand-title { text-align: center; color: #000; font-size: 24px; font-weight: bold; letter-spacing: 3px; margin-top: 70px; } .brand-title b { color: #d40300; } .brand { margin-top: 80px; } .brand li { width: 550px; margin-bottom: 12px; } .brand li h2 { font-weight: normal; color: #d40300; font-size: 30px; margin-top: 30px; } .brand li p { display: block; color: #383838; font-size: 18px; } .brand li strong { display: block; width: 169px; height: 160px; text-align: center; color: #fff; font-size: 35px; line-height: 160px; } .brand li.brand01 { text-align: right; } .brand li.brand03 { text-align: right; } .brand li.brand01 strong { background: url(../images/brand01.png) center no-repeat; margin-left: 18px; float: right; } .brand li.brand01 strong:hover { background: url(../images/brand01_hover.png) center no-repeat; } .brand li.brand02 strong { background: url(../images/brand02.png) center no-repeat; margin-right: 18px; float: left; } .brand li.brand02 strong:hover { background: url(../images/brand02_hover.png) center no-repeat; } .brand li.brand03 strong { background: url(../images/brand03.png) center no-repeat; margin-left: 18px; float: right; } .brand li.brand03 strong:hover { background: url(../images/brand03_hover.png) center no-repeat; } .brand li.brand04 strong { background: url(../images/brand04.png) center no-repeat; margin-right: 18px; float: left; } .brand li.brand04 strong:hover { background: url(../images/brand04_hover.png) center no-repeat; } .contact-title { text-align: center; color: #000; font-size: 18px; margin-bottom: 40px; } .containAbout05 { padding: 50px 0; } .contact-title p { font-size: 35px; font-weight: bold; } .contact-left { width: 365px; } .contact-left .title { color: #e17371; font-size: 18px; } .contact-left .title span { display: block; color: #ee2724; font-size: 35px; font-weight: bold; } .contact-left .intro { color: #181818; font-size: 14px; line-height: 32px; margin-top: 20px; } .contact-right { width: 690px; border: 1px solid #bfbfbf; margin-top: 80px; } .contact-right li { float: left; width: 228px; text-align: center; border-right: 1px solid #bfbfbf; padding-top: 20px; padding-bottom: 30px; } .contact-right li:nth-child(3) { border-right: 0; } .contact-right li h1 { line-height: 196px; height: 196px; } .contact-right li h2 { line-height: 24px; } .contact-right li h2 a { color: #181818; font-size: 14px; font-weight: normal; } /*营销型网站页面*/ .wzjs_top { padding-top: 70px; padding-bottom: 20px; } .wzjs_top .container { position: relative; } .wzjs_top img { display: block; float: left; } .wzjs_top .pct { float: right; text-align: right; width: 620px; margin-top: 50px; } .wzjs_top .pct p { font-size: 18px; color: #656464; } .wzjs_top .pct h5 { font-size: 38px; color: #000; font-weight: bold; margin-top: 17px; margin-bottom: 30px; } .wzjs_top .pct h5 em { color: #ea0500; font-weight: bold; font-style: normal; } .wzjs_top .pct h5 span { display: block; font-size: 16px; color: #cccccc; margin-top: 5px; font-weight: normal; font-family: 'arial' } .wzjs_top .pct h4 { font-size: 25px; color: #fff; font-weight: normal; background: #ea0500; width: 565px; height: 58px; line-height: 58px; text-align: center; float: right; border-radius: 30px; } .wzjs_how { width: 100%; background: #f4f4f4; padding: 50px 0px; padding-bottom: 80px; } .wzjs_how1 { width: 1110px; margin: 0px auto; } .wzjs_howbt { text-align: center; } .wzjs_howbt p { font-size: 18px; font-weight: bold; color: #383838; } .wzjs_howbt h2 { font-size: 30px; color: #000; margin-top: 10px; font-weight: bold; } .wzjs_howbt h2 font { color: #ea0500; } .wzjs_howbt span { color: #ccc; font-size: 14px; margin-top: 5px; display: block; } .wzjs_howbt i { background: url(Img/hr.png) no-repeat center center; display: block; height: 10px; margin-top: 30px; } .wzjs_ld { background: url(../images/swhy.jpg) no-repeat center bottom; height: 699px; margin-top: 35px; } .wzjs_ld ul { width: 1500px; } .wzjs_ld ul li { width: 380px; text-align: center; height: 225px; background: #fff; border-radius: 5px; float: left; margin-right: 350px; margin-bottom: 12px; position: relative; } .wzjs_ld ul li h3 { height: 80px; position: absolute; font-size: 20px; color: #000; top: 32px; left: 170px; } .wzjs_ld ul li h3 font { color: #ccc; display: block; font-size: 12px; } .wzjs_ld ul li i { position: absolute; left: 98px; top: 20px; } .wzjs_ld h4 { padding-top: 82px; color: #ea0500; font-size: 16px; height: 25px; line-height: 25px; font-weight: bold; } .wzjs_ld p { padding: 10px 15px; font-size: 14px; line-height: 27px; color: #7e7e7e; } .gtop { text-align: center; padding-top: 60px; } .gtop h2 { font-size: 35px; color: #000; font-weight: bold; } .gtop h2 span { font-size: 16px; color: #b7b7b7; display: block; font-weight: normal; font-family: 'arial' } .gtop h3 { font-weight: normal; font-size: 18px; color: #ea0500; margin-top: 15px; margin-bottom: 23px; } .gcont { margin: 45px 0px; } .gcont ul { overflow: hidden; } .gcont li { float: left; width: 148px; text-align: center; margin: 0 3px; } .gcont li h4 { overflow: hidden; margin: 0 auto; width: 148px; height: 146px; } .gcont li h5 { font-size: 18px; color: #ea0500; font-weight: normal; margin: 10px 0; } .jiantou { float: left; width: 165px; background: url(../images/jiantou.png) center no-repeat; height: 20px; margin-top: 55px; } .gcont li p { font-size: 14px; line-height: 22px; } .gcont li .gd1 { background: url(../images/gdImg1.png) no-repeat center top; } .gcont li .gd2 { background: url(../images/gdImg2.png) no-repeat center top; } .gcont li .gd3 { background: url(../images/gdImg3.png) no-repeat center top; } .gcont li .gd4 { background: url(../images/gdImg4.png) no-repeat center top; } .gcont li:hover h4 { background-position: center bottom; } .gd_choise { margin-top: 30px; } .gd_choise .container { } .gd_choise .ctop { text-align: center; padding-top: 450px; background: url(../images/choiseBg_01.jpg) no-repeat center; height: 250px;; } .gd_choise .ctop h2 { font-size: 18px; color: #fff } .gd_choise .ctop h3 { font-size: 34px; font-weight: bold; margin-top: 15px; margin-bottom: 25px; color: #fff } .gd_choise .ctop h3 span { color: #ea0500; } .gd_choise .ctop h3 em { display: block; font-size: 14px; color: #7d7d7d; margin-top: 10px; color: #fff; } .gd_choise .ctop a { font-size: 15px; color: #fff; padding-right: 35px; display: inline-block; height: 20px; line-height: 20px; text-decoration: none; } .gd_vant { padding: 56px 0; background: #eeeeee; } .gd_vant .vtop { text-align: center; } .gd_vant .vtop h3 { font-size: 16px; color: #383838; font-weight: normal; } .gd_vant .vtop h2 { font-size: 35px; color: #383838; font-weight: bold; margin-top: 10px; margin-bottom: 20px; } .gd_vant .vtop h2 span { color: #ea0500; } .gd_vant .vtop h2 em { display: block; font-size: 16px; color: #b7b7b7; margin-top: 5px; font-style: normal; font-family: 'arial'; text-transform: uppercase; font-weight: normal; } .gd_vant .vtop i { display: block; background: url(Img/line.png) no-repeat center; width: 69px; height: 3px; margin: 0 auto; } .gd_vant .vcont { margin-top: 48px; } .gd_vant .vcont .ys { position: relative; } .gd_vant .vcont .ys1 { background: url(../images/ysbg1.png) no-repeat right center; height: 366px; } .gd_vant .vcont .ys2 { background: url(../images/ysbg2.png) no-repeat left center; height: 430px; } .gd_vant .vcont dl { position: absolute; padding-bottom: 52px; width: 438px; } .gd_vant .vcont dt span { font-size: 35px; color: #ea0500; font-weight: bold; } .gd_vant .vcont dt p { font-size: 18px; color: #181818; } .gd_vant .vcont dd { margin-top: 35px; } .gd_vant .vcont dd p { font-size: 14px; color: #333; line-height: 32px; } .gd_vant .vcont dd p span { color: #ea0500; } .gd_vant .vcont .ys1 dd p span { font-size: 20px; } .gd_vant .vcont .ys2 dd p span { font-size: 18px; } .gd_vant .vcont .ys1 dl { left: 0; top: 50px; } .gd_vant .vcont .ys2 dl { right: 0; top: 50px; } .ggBox { background: url(../images/ggbg.jpg) no-repeat center; height: 268px; } .ggBox dl { overflow: hidden; padding-top: 30px; } .ggBox dt { float: left; width: 151px; } .ggBox dt img { display: block; } .ggBox dd span { font-size: 20px; color: #fff; } .ggBox p { font-size: 14px; color: #fff; margin: 5px 0; } .ggBox h5 { font-size: 30px; color: #f22d29; font-weight: bold; margin: 15px 0; } .ggBox h5 em { font-weight: normal; display: block; font-size: 14px; color: #f5f5f5; font-family: 'arial'; font-style: normal; } .ggBox h4 { font-size: 16px; color: #fff; background: url(../images/sent.png) no-repeat center; width: 396px; height: 42px; line-height: 42px; font-weight: normal; padding-left: 40px; margin-top: 14px; } .ggBox h4 a { display: block; color: #fff; text-decoration: none; } .wzjs_swhy { background: #eeeeee; padding-top: 35px; } .wzjs_swhy1 { width: 1004px; margin: 0px auto; } .wzjs_swhy1 { padding-top: 56px; } .wzjs_swhy .vtop { text-align: center; } .wzjs_swhy .vtop #container { padding-top: 35px; } .wzjs_swhy .vtop h3 { font-size: 16px; color: #383838; font-weight: normal; } .wzjs_swhy .vtop h2 { font-size: 35px; color: #383838; font-weight: bold; margin-top: 10px; margin-bottom: 20px; } .wzjs_swhy .vtop h2 span { color: #f22d29; } .wzjs_swhy .vtop h2 em { display: block; font-size: 16px; color: #b7b7b7; margin-top: 5px; font-weight: normal; font-style: normal; } .wzjs_swhy .vtop i { display: block; background: url(Img/line2.png) no-repeat center; width: 69px; height: 3px; margin: 0 auto; } .wzjs_swhy .vtop font { background: #383737; margin: 0 150px; color: #fff; display: block; border-radius: 5px; padding: 30px 10px; text-align: center; line-height: 30px; font-size: 14px; margin-top: 15px; } .wzjs_swhy .vcont1 #container { background: url(../images/vcontbg1.png) no-repeat right bottom; height: 485px; } .wzjs_swhy .vcont2 #container { background: url(../images/vcontbg2.png) no-repeat left bottom; height: 500px; } .wzjs_swhy .vcont3 #container { background: url(../images/vcontbg3.png) no-repeat right bottom; height: 380px; } .wzjs_swhy .wzjz_d { padding-top: 60px; } .wzjs_swhy .wzjz_d #container { position: relative; } .wzjs_swhy .wzjz_d dl { position: absolute; } .wzjs_swhy .wzjz_d dt { font-size: 30px; color: #000; font-weight: bold; margin-bottom: 15px; } .wzjs_swhy .wzjz_d dd { overflow: hidden; font-size: 14px; margin-bottom: 20px; } .wzjs_swhy .wzjz_d dd span { padding-left: 20px; background: url(../images/fang.png) no-repeat left center; line-height: 31px; font-size: 18px; color: #000; display: block; } .wzjs_swhy .wzjz_d dd p { float: left; line-height: 28px; display: block; font-size: 14px; } .wzjs_swhy .vcont1 dl { left: 0; top: 10px; padding-bottom: 50px; } .wzjs_swhy .vcont2 dl { right: 0px; top: 20px; padding-bottom: 50px; } .wzjs_swhy .vcont3 .jianzhan { position: absolute; width: 445px; top: 60px; left: 0; } .wzjs_swhy .vcont3 .jianzhan h5 { font-size: 30px; color: #000; font-weight: bold; margin: 20px 0; } .wzjs_swhy .vcont3 .jianzhan p { font-size: 13px; line-height: 23px; margin: 20px 0; margin-bottom: 30px; } .wzjs_swhy .vcont3 .jianzhan h4 { font-size: 20px; color: #fff; font-weight: bold; background: url(../images/yuan3.png) no-repeat center; width: 390px; height: 50px; line-height: 50px; padding-left: 40px; margin-top: 10px; } .wzjs_swhy .vcont3 .jianzhan h4 a { display: block; color: #fff; text-decoration: none; } .wzjs_liuda { width: 1060px; margin: 0px auto; padding-top: 35px; height: 980px; } .wzjs_liuda .vtop { text-align: center; } .wzjs_liuda .vtop h3 { font-size: 15px; color: #333; } .wzjs_liuda .vtop h2 { font-size: 35px; color: #383838; font-weight: bold; margin-top: 10px; margin-bottom: 20px; } .wzjs_liuda .vtop h2 span { color: #f22d29; } .wzjs_liuda .vtop h2 em { display: block; font-size: 16px; color: #b7b7b7; margin-top: 5px; font-style: normal; font-weight: normal; } .wzjs_liuda .vtop i { display: block; width: 69px; height: 3px; margin: 0 auto; } .wzjs_liuda .vtop font { background: #ff5d00; color: #fff; display: block; border-radius: 5px; padding: 20px 0px; text-align: center; line-height: 25px; font-size: 15px; margin-top: 35px; } .wzjs_ldys1 { width: 1110px; padding-top: 30px; } .wzjs_ldys1 ul li { margin: 0 25px; float: left; width: 320px; height: 354px; margin-top: 30px; background: #333; border-radius: 5px; } .wzjs_ldys1 ul li a { color: #fff; width: 256px; height: 290px; display: block; text-align: center; position: relative; padding: 32px; } .wzjs_l1 a i { background: url(../images/ld1.png) no-repeat center top; width: 63px; height: 63px; position: absolute; display: block; top: 36px; left: 130px; } .wzjs_l1 a:hover i { background: url(../images/ld1.png) no-repeat center bottom; display: block; height: 63px; } .wzjs_l2 a i { background: url(../images/ld2.png) no-repeat center top; width: 68px; height: 70px; position: absolute; display: block; top: 36px; left: 126px; } .wzjs_l2 a:hover i { background: url(../images/ld2.png) no-repeat center bottom; display: block; height: 70px; } .wzjs_l3 a i { background: url(../images/ld3.png) no-repeat center top; width: 51px; height: 63px; position: absolute; display: block; top: 36px; left: 132px; } .wzjs_l3 a:hover i { background: url(../images/ld3.png) no-repeat center bottom; display: block; height: 63px; } .wzjs_l4 a i { background: url(../images/ld4.png) no-repeat center top; width: 70px; height: 70px; position: absolute; display: block; top: 36px; left: 122px; } .wzjs_l4 a:hover i { background: url(../images/ld4.png) no-repeat center bottom; display: block; height: 70px; } .wzjs_l5 a i { background: url(../images/ld5.png) no-repeat center top; width: 70px; height: 74px; position: absolute; display: block; top: 36px; left: 122px; } .wzjs_l5 a:hover i { background: url(../images/ld5.png) no-repeat center bottom; display: block; height: 74px; } .wzjs_l6 a i { background: url(../images/ld6.png) no-repeat center top; width: 74px; height: 86px; position: absolute; display: block; top: 36px; left: 122px; } .wzjs_l6 a:hover i { background: url(../images/ld6.png) no-repeat center bottom; display: block; height: 86px; } .wzjs_ldys1 ul li a h3 { color: #fff; font-size: 24px; padding-top: 100px; } .wzjs_ldys1 ul li a:hover h3 { color: #f22d29; } .wzjs_ldys1 ul li a p { line-height: 28px; padding-top: 20px; font-size: 14px; } .wzjs_jzq { left: 50%; margin-left: -960px; position: relative; background: url(../images/quanxian3.png) no-repeat center 415px; width: 1920px; } .wzjs_jzq1 { text-align: center; background: url(../images/wzjs_t1.png) no-repeat center top; height: 170px; padding: 40px 0px; color: #fff; } .wzjs_jzq1 h3 { font-size: 32px; color: #fff; font-weight: bold; } .wzjs_jzq1 font { display: block; margin-top: 10px; font-size: 14px; color: #faa4a2; font-family: 'arial'; text-transform: uppercase; } .wzjs_jzq1 p { font-size: 18px; margin-top: 5px; } .wzjs_jzq2 { width: 1110px; margin: 0px auto; } .wzjs_jzq2 .vtop { text-align: center; } .wzjs_jzq2 .vtop p { font-size: 15px; color: #333; } .wzjs_jzq2 .vtop h2 span { font-size: 30px; color: #000; font-weight: normal; margin-top: 5px; margin-bottom: 5px; } .wzjs_jzq2 .vtop h2 i { font-style: normal; display: block; } .wzjs_jzq2 .vtop h2 { font-size: 35px; color: #000; font-weight: bold; margin-top: 33px; } .wzjs_jzq2 .vtop h2 span em { display: block; font-size: 16px; color: #b7b7b7; font-style: normal; } .wzjs_jzq3 { margin-top: 70px; } .wzjs_jzq3 ul { overflow: hidden; width: 1110px; margin: 0 auto; } .wzjs_jzq3 li { float: left; padding-top: 55px; width: 297px; height: 242px; overflow: hidden; text-align: center; position: relative; margin: 0 22px; border-radius: 297px; } .wzjs_jzq3 li:nth-child(2) { margin: 0 65px; } .wzjs_jzq3 li img { display: inline-block; position: relative; } .wzjs_jzq3 li span { font-size: 25px; color: #fff; display: block; position: relative; font-weight: bold; margin-top: 25px; } .wzjs_jzq3 li > a { display: block; position: absolute; background: url(../images/morbg.png) no-repeat center; width: 26px; height: 26px; bottom: 40px; left: 50%; margin-left: -13px; z-index: 9; } .wzjs_jzq3 li .jieshao { position: absolute; width: 255px; padding: 0 21px; height: 100%; color: #fff; top: -100%; left: 0; } .wzjs_jzq3 li .jieshao h4 { padding-top: 65px; padding-bottom: 25px; color: #fff; font-size: 20px; } .wzjs_jzq3 li .jieshao p { font-size: 13px; line-height: 23px; } .wzjs_jzq3 li.jzqbg1 { background: #333; } .wzjs_jzq3 li.jzqbg2 { background: #626262; } .wzjs_jzq3 li.jzqbg3 { background: #8a8a8a; } .wzjs_jzc { background: url(../images/bolan2.jpg) center top no-repeat #eeeeee; padding-bottom: 60px; margin-top: 80px; } .wzjs_jzc .vtop { text-align: center; padding-top: 35px; background: url(Img/vtopbg2.png) no-repeat center top; } .wzjs_jzc .vtop p { font-size: 15px; color: #333; } .wzjs_jzc .vtop h2 span { font-size: 30px; color: #000; font-weight: normal; margin-top: 5px; margin-bottom: 5px; } .wzjs_jzc .vtop h2 i { font-style: normal; display: block; } .wzjs_jzc .vtop h2 { font-size: 35px; color: #000; font-weight: bold; margin-top: 33px; } .wzjs_jzc .vtop h2 span em { display: block; font-size: 16px; color: #b7b7b7; font-style: normal; } /*jsc_cont*/ .wzjs_jzc .jsc_cont { margin-top: 35px; } .wzjs_jzc .jsc_cont ul { overflow: hidden; width: 1110px; } .wzjs_jzc .jsc_cont li { float: left; width: 188px; height: 454px; overflow: hidden; text-align: center; margin-right: 42px; } .wzjs_jzc .jsc_cont li:nth-child(5) { margin-right: 0; } .wzjs_jzc .jsc_cont li h5 { padding-top: 50px; font-size: 25px; color: #000; margin-bottom: 30px; } .wzjs_jzc .jsc_cont li h5 span { display: block; font-size: 18px; color: #f22d29; margin-top: 10px; } .wzjs_jzc .jsc_cont li .intr { height: 140px; margin: 40px 0; margin-top: 0; } .wzjs_jzc .jsc_cont li .intr p { font-size: 14px; color: #757575; line-height: 28px; } .wzjs_jzc .jsc_cont li em { display: block; text-align: center; line-height: 28px; padding-left: 0 10px; font-size: 14px; font-style: normal; } .wzjs_jzc .jsc_cont li.jsc1 { background: url(../images/jscImg5.png) no-repeat left center; } .wzjs_jzc .jsc_cont li.jsc2 { background: url(../images/jscImg4.png) no-repeat left center; } .wzjs_jzc .jsc_cont li.jsc3 { background: url(../images/jscImg3.png) no-repeat left center; } .wzjs_jzc .jsc_cont li.jsc4 { background: url(../images/jscImg2.png) no-repeat left center; } .wzjs_jzc .jsc_cont li.jsc5 { background: url(../images/jscImg1.png) no-repeat left center; } .wzjs_jzc .jsc_cont li:hover { background-position: right center; } .wzjs_jzc .jsc_cont li:hover * { color: #fff; } .wzjs_jzc .jsc_cont li:hover .intr p { color: #fff; } .wzjs_jzh { padding-bottom: 55px; background: url(../images/jianzhanhou.jpg) top center no-repeat; } .wzjs_jzh .vtop { text-align: center; padding-top: 35px; } .wzjs_jzh .vtop p { font-size: 15px; color: #333; } .wzjs_jzh .vtop h2 span { font-size: 30px; color: #000; font-weight: normal; margin-top: 5px; margin-bottom: 5px; } .wzjs_jzh .vtop h2 i { font-style: normal; display: block; } .wzjs_jzh .vtop h2 { font-size: 35px; color: #000; font-weight: bold; margin-top: 33px; } .wzjs_jzh .vtop h2 span em { display: block; font-size: 16px; color: #b7b7b7; font-style: normal; } .wzjs_jzh .jsh_hou { margin-top: 50px; } .wzjs_jzh .jsh_hou ul { overflow: hidden; padding: 0 27px; } .wzjs_jzh .jsh_hou li { float: left; width: 258px; text-align: center; margin: 0 46px; } .wzjs_jzh .jsh_hou li h3 { width: 258px; height: 62px; line-height: 62px; font-size: 20px; color: #fff; font-weight: bold; border-radius: 10px; margin-bottom: 20px; } .wzjs_jzh .jsh_hou li p { height: 48px; line-height: 48px; border-bottom: 1px dotted #d6d6d6; } .wzjs_jzh .jsh_hou li p { font-size: 15px; padding-left: 22px; text-decoration: none; } .wzjs_jzh .jsh_hou li.hou1 h3 { background: #333; } .wzjs_jzh .jsh_hou li.hou1 p { background: url(../images/houImg1.png) no-repeat 60px center; } .wzjs_jzh .jsh_hou li.hou2 h3 { background: #626262; } .wzjs_jzh .jsh_hou li.hou2 p { background: url(../images/houImg2.png) no-repeat 60px center; } .wzjs_jzh .jsh_hou li.hou3 h3 { background: #8a8a8a; } .wzjs_jzh .jsh_hou li.hou3 p { background: url(../images/houImg3.png) no-repeat 60px center; } .lcBox { padding-top: 45px; background: #eeeeee; padding-bottom: 20px; } .lcBox .lctop { text-align: center; } .lcBox .lctop p { font-size: 24px; color: #f22d29; } .lcBox .lctop h5 { font-size: 35px; color: #333; font-weight: bold; margin: 10px 0; } .lcBox .lctop h5 span { color: #f22d29; } .lcBox .lctop em { display: block; font-size: 14px; color: #b7b7b7; margin-bottom: 25px; font-style: normal; } .lcBox .lctop i { display: block; background: url(Img/line.png) no-repeat center; width: 69px; height: 3px; margin: 0 auto; } .lcBox .lcont { background: url(../images/lcbg.png) no-repeat center; height: 568px; margin-top: 22px; } .our_gift { background: url(Img/giftBg.png) no-repeat center; height: 573px; } .our_gift .container { position: relative; height: 100%; } .our_gift .gftop { text-align: center; padding-top: 76px; } .our_gift .gftop h5 { font-size: 35px; color: #000; font-weight: bold; margin: 0; } .our_gift .gftop h5 span { color: #f22d29; } .our_gift .gftop em { display: block; font-size: 16px; color: #8c8c8c; margin-top: 10px; margin-bottom: 18px; font-family: 'arial'; font-style: normal; } .our_gift .gftop i { display: block; background: url(Img/line.png) no-repeat center; width: 69px; height: 3px; margin: 0 auto; } .gfcont { margin-top: 45px; } .gfcont .gleft { float: left; } .gfcont .gleft h5 { font-size: 40px; color: #000; margin-bottom: 10px; font-weight: bold; margin-top: 0; } .gfcont .gleft h5 span { color: #f22d29; margin-left: 15px; } .gfcont .gleft p { font-size: 16px; color: #383838; line-height: 30px; } .gfcont .gleft p em { font-size: 26px; color: #f22d29; } .gfcont .gleft span { color: #f22d29; } .gfcont .gleft dl { padding-left: 80px; background: url(../images/phone.png) no-repeat left center; margin-top: 40px; } .gfcont .gleft dt { font-size: 16px; color: #383838; } .gfcont .gleft dd { font-size: 30px; color: #f22d29; font-weight: bold; } .gfcont .gright { width: 484px; float: right; } .gfcont .gright li { width: 446px; height: 60px; margin-bottom: 15px; border: 2px solid #f22d29; border-radius: 25px; } .gfcont .gright li span { float: left; width: 64px; height: 64px; } .gfcont .gright li span img { display: block; } .gfcont .gright li .txt { float: left; width: 350px; height: 64px; line-height: 64px; padding: 0 10px; border: none; background: none; outline: none; font-size: 18px; color: #989898; } .gfcont .gright li a { background: url(../images/send.png) no-repeat center; width: 450px; height: 64px; margin: 0 auto; display: block; } .gfcont .gright li.tijiao { background: none; border: none; } .zixun { background: #eeeeee; padding-top: 40px; padding-bottom: 40px; } .zixun h5 { font-size: 35px; color: #000; font-weight: bold; text-align: center; margin-bottom: 15px; margin-top: 10px; } .zixun h5 span { color: #f22d29; } .zixun a { font-size: 20px; color: #fff; text-decoration: none; background: url(../images/zixun_bg.png) no-repeat center; width: 272px; height: 55px; line-height: 55px; padding-left: 50px; margin: 0 auto; display: block; } .panerMain { padding-top: 30px; } .panerMain .ptop { text-align: center; } .panerMain .ptop h5 { font-size: 35px; color: #333; font-weight: bold; margin-bottom: 0; } .panerMain .ptop h5 span { color: #f22d29; } .panerMain .ptop em { display: block; font-size: 14px; color: #b7b7b7; margin-top: 5px; margin-bottom: 18px; font-style: normal; } .panerMain .ptop i { display: block; background: url(Img/line.png) no-repeat center; width: 69px; height: 3px; margin: 0 auto; } .panerMain .pcont { overflow: hidden; width: 1150px; margin: 0 auto; margin-top: 20px; padding-bottom: 50px; background: url(Img/online.png) no-repeat center bottom; } .panerMain .pcont li { float: left; width: 130px; height: 101px; overflow: hidden; cursor: pointer; margin: 0 50px; } .panerMain .pcont li a { display: block; width: 130px; height: 101px; overflow: hidden; position: absolute; } .panerMain .pcont li a img { display: block; position: absolute; top: 0; left: 0; } .zxSpan { padding: 44px 0; background: #eeeeee; } .zxSpan h2 { margin-bottom: 20px; font-size: 24px; font-weight: normal; } .zxSpan h2 a { color: #f22d29; } .zxSpan h2 span { display: block; font-size: 14px; font-weight: normal; font-family: Arial, Helvetica, sans-serif; color: #383838; opacity: 0.83; } .zxBox { width: 665px; } .zxBox dl { overflow: hidden; } .zxBox dt { width: 308px; } .zxBox dt h5 { margin: 10px 0; } .zxBox dt h5 a { font-size: 14px; color: #383838; } .zxBox p { line-height: 22px; height: 66px; overflow: hidden; } .zxBox h2 { color: #f22d29; font-size: 24px; font-weight: normal; } .zxBox h2 a { color: #f22d29; } .zxBox dt img { width: 308px; overflow: hidden; } .zxBox dd { float: right; width: 338px; } .zxBox dd ul { position: relative; top: -8px; } .zxBox dd li { height: 30px; line-height: 30px; overflow: hidden; margin-bottom: 3px; } .zxBox dd li > a { float: left; font-size: 14px; } .zxBox dd li font { float: right; font-size: 12px; color: #f22d29; } .cjwt { width: 384px; float: right; } .cjwt ul { position: relative; top: -8px; } .cjwt li { height: 30px; line-height: 30px; overflow: hidden; margin-bottom: 8px; } .cjwt li font { float: right; font-size: 12px; color: #f22d29; } .cjwt li a { float: left; width: 280px; overflow: hidden; font-size: 14px; } /*手机网站页面*/ .container { width: 1100px; margin: 0 auto; } .sjSpan { background: #fafafa; padding-top: 88px; } .sjBox { background: url(../images/sjBox.jpg) no-repeat top center; position: relative; height: 820px; } .sjBox dl { position: absolute; } .sjBox dt { } .sjBox dt h3 { font-size: 32px; color: #d40300; } .sjBox dt p { margin-bottom: 4px; font-size: 22px; color: #282828; } .sjBox .sjTxt01 { left: 0px; top: 40px; } .sjBox .sjTxt01 dd { width: 510px; line-height: 24px; font-size: 15px; color: #666; } .sjBox .sjTxt02 { right: 10px; top: 360px; } .sjBox .sjTxt02 dt p { font-size: 18px; } .sjBox .sjTxt02 dd { padding-bottom: 26px; } .sjBox .sjTxt02 dd p { padding-top: 4px; padding-left: 30px; margin-bottom: 20px; width: 470px; line-height: 22px; font-size: 14px; color: #4c4c4c; background: url(../images/sjDdP_ico.png) no-repeat left 5px; } .gnSpan .container { position: relative; overflow: hidden; } #gnSpan01 { background: url(../images/shouji1.jpg) no-repeat top center; height: 738px; } #gnSpan03 { background: url(../images/shouji2.jpg) no-repeat center center; height: 695px; } #gnSpan02, #gnSpan04 { background-color: #fff; } #gnSpan01 .container { } #gnSpan02 .container { background: url(../images/gnSpan02.jpg) no-repeat left 150px; padding-bottom: 40px; } #gnSpan03 .container { padding: 0px 86px; } #gnSpan04 .container { background: url(../images/gnSpan04.jpg) no-repeat left 170px; padding-bottom: 80px; } .gnBox02, .gnBox04 { float: right; } .gnBox { margin-top: 220px; } .gnBox02 { margin-top: 180px; } .gnBox04 { margin-top: 180px; } .gnBox h3 { margin-bottom: 32px; font-size: 32px; color: #d40300; } .gnBox dl { margin-bottom: 20px; width: 510px; } .gnBox dt { margin-bottom: 5px; font-size: 16px; color: #d40300; } .gnBox dd { line-height: 20px; font-size: 14px; color: #fff; } .gnBox02 dd { color: #1a1a1a; } .gnBox03 dd { color: #1a1a1a; } .gnBox04 ul { margin-bottom: 56px; } .gnBox04 li { padding-left: 20px; height: 34px; line-height: 34px; font-size: 14px; color: #333; background: url(../images/gnLi_ico.png) no-repeat left center; } .gnBox .gnBox04 a { display: block; width: 228px; height: 59px; } .gnTab { position: absolute; left: 50%; top: 126px; margin-left: -550px; width: 100%; height: 1px; background-color: #e3e1e1; } .gnTab a { display: block; width: 44px; height: 80px; background-repeat: no-repeat; background-position: center top; } .gnTab a:hover, .gnTab a.cur { background-position: center bottom; transition: all .5s; } .gnTab .gnTab01 { margin-top: -75px; margin-left: 414px; background-image: url(../images/gnTabImg01.png); } .gnTab .gnTab02 { margin-top: -80px; margin-left: 489px; background-image: url(../images/gnTabImg02.png); } .gnTab .gnTab03 { margin-top: -80px; margin-left: 566px; background-image: url(../images/gnTabImg03.png); } .gnTab .gnTab04 { margin-top: -80px; margin-left: 643px; background-image: url(../images/gnTabImg04.png); } .alSpan { padding: 44px 0px; background: #f8f8f8 url(../images/alSpan.png) no-repeat top center; } .alSpan h4 { text-align: center; font-size: 32px; color: #252525; } .alSpan h4 b { color: #d40300; } .alSpan h4 p { font-size: 12px; font-weight: normal; color: #b2b2b2; text-transform: uppercase; } .alSpan .alCont { padding-top: 30px; position: relative; } .alSpan .alCont ul { margin: 0 auto; overflow: hidden; } .alSpan .alCont li { float: left; width: 210px; margin: 0 5px; } .alSpan .alCont li img { width: 210px; height: 306px; } .alBox .hd ul { text-align: center; margin-top: 30px; } .alBox .hd ul li { display: inline-block; width: 14px; height: 14px; background: #6b6b6a; margin: 0 7px; text-indent: -150px; overflow: hidden; cursor: pointer; } .alBox .hd ul li.on { background: #eb0500; } /*小程序页面*/ .index_info { width: 100%; margin: auto; background: #f4f4f4; padding: 40px 0; } .index_info p { text-align: center; font-size: 16px; color: #383838; line-height: 32px; margin-bottom: 20px; padding: 0 65px; } .index_info .info_title { font-size: 35px; color: #000; font-weight: bold; line-height: 90px; } .ys_title { margin-top: 30px; font-size: 35px; text-align: center; color: #000; font-weight: bold; } .ys_con { width: 1110px; margin: 40px auto; overflow: hidden; } .ys_con div { position: relative; } .our_ys li { display: inline-block; text-align: center; width: 264px; margin: 0 5px; cursor: pointer; height: 295px; overflow: hidden; background: #d40300; border-radius: 10px; } .our_ys li:hover { background: rgba(212, 3, 0, 0.6); } .our_ys li img { margin-top: 20px; } .our_ys li p { font-size: 24px; margin-top: 25px; color: #fff; } .our_ys li span { display: block; width: 80%; margin: 20px auto; text-align: left; font-size: 14px; height: 70px; overflow: hidden; color: #fad0d0; } .h_hide { width: 80%; margin: 0 auto; padding-top: 20px; } .h_hide dl { overflow: hidden; } .h_hide dd { display: inline-block; width: 40%; margin-left: 3%; margin-right: 3%; border: 1px solid #fff; border-radius: 7px; margin-top: 10px; padding-top: 2px; padding-bottom: 2px; } .h_hide dd:hover { background: #fff; } .h_hide dd:hover a { color: #000; } .h_hide dd a { font-size: 12px; color: #fff; } .xcx { margin-top: 60px; padding-top: 50px; background: url(../images/xcx.jpg) top center no-repeat; height: 490px; } .xcx_title { font-size: 35px; text-align: center; color: #fff; font-weight: bold; } .x_ico { width: 1110px; margin: 20px auto; } .x_ico li { width: 102px; text-align: center; margin-top: 25px; margin-right: 150px; float: left; } .x_ico li:nth-child(5) { margin-right: 0; } .x_ico li:nth-child(10) { margin-right: 0; } .xcx_text { font-size: 16px; color: #fff; margin-top: 15px; height: 45px; overflow: hidden; } .case { width: 1110px; margin: 0 auto; } .case_con { margin-top: 40px; } .case_text { overflow: hidden; } .case_con li { width: 254px; height: 50px; float: left; margin-right: 30px; text-align: center; cursor: pointer; background: #d40300; border-radius: 8px; line-height: 50px; } .case_con li:nth-child(4) { margin-right: 0; } .case_con img { position: relative; bottom: 4px; } .case span { font-size: 20px; color: #fff; position: relative; bottom: 0; } .case_title { margin-top: 50px; font-size: 35px; text-align: center; color: #000; font-weight: bold; } .case_text li { width: 330px; margin-top: 40px; cursor: pointer; float: left; margin-right: 60px; } .case_text li:nth-child(3), .case_text li:nth-child(6) { margin-right: 0; } .ty_er { position: relative; } .g_bc { background: #939393; width: 100%; height: 100%; position: absolute; top: 0; opacity: 0.5; display: none; } .er { text-align: center; width: 100%; height: 100%; position: absolute; top: 0; display: none; } .er img { width: 60%; margin-top: 20px; } .case_img { overflow: hidden; } .case_img img { width: 100%; } .text_title { font-size: 20px; text-align: center; background: #f4f4f4; padding-top: 20px; padding-bottom: 20px; color: #000; } .text_con { font-size: 14px; text-align: center; background: #f4f4f4; padding-left: 10%; padding-right: 10%; height: 114px; overflow: hidden; color: #474747; } .mf_xcx { background: url(../images/body_bg.jpg) center top no-repeat; padding: 60px 0 80px 0; margin-top: 100px; } .mf_xcx p, .mf_xcx span { font-size: 26px; text-align: center; color: #fff; text-align: center; } .mf_xcx p:nth-child(3) { width: 50%; font-size: 17px; margin: 80px auto; line-height: 36px; text-align: center; } .mf_xcx p:nth-child(3) span { font-size: 16px; } .mf_xcx span { color: #d93936; } .mf_ico { width: 1110px; margin: 0 auto; overflow: hidden; } .mf_ico ul { overflow: hidden; } .mf_ico li { width: 25%; float: left; } .mf_ico li p:nth-child(1) { color: #da3f3c; font-size: 40px; } .mf_ico li p:nth-child(2) { font-size: 17px; margin-top: 10px; } /*微商城页面*/ .mcmore-wrapper .navigation { width: 100%; height: 64px; background-color: #fff; border-bottom: 1px solid #d1d1d1; } .mcmore-wrapper .navigation .nav { height: 63px; margin-left: auto; margin-right: auto; } .mcmore-wrapper .navigation .nav ul li { width: 218px; height: 64px; line-height: 64px; float: left; text-align: center; border-top: 1px #d1d1d1 solid; border-left: 1px #d1d1d1 solid; border-right: 1px #d1d1d1 solid; cursor: pointer; } .mcmore-wrapper .navigation .nav ul li.cur { border-top: 4px #d40300 solid; height: 60px; line-height: 60px; } .mcmore-wrapper .navigation .nav ul .btn1 { background: url(../images/02.png) center no-repeat; } .mcmore-wrapper .navigation .nav ul .btn1.cur { background: url(../images/01.png) center no-repeat; } .mcmore-wrapper .navigation .nav ul .btn2 { background: url(../images/04.png) center no-repeat; } .mcmore-wrapper .navigation .nav ul .btn2.cur { background: url(../images/03.png) center no-repeat; } .mcmore-wrapper .navigation .nav ul .btn3 { background: url(../images/06.png) center no-repeat; } .mcmore-wrapper .navigation .nav ul .btn3.cur { background: url(../images/05.png) center no-repeat; } .mcmore-wrapper .navigation .nav ul .btn4 { background: url(../images/08.png) center no-repeat; } .mcmore-wrapper .navigation .nav ul .btn4.cur { background: url(../images/07.png) center no-repeat; } .mcmore-wrapper .navigation .nav ul .btn6 { background: url(../images/10.png) center no-repeat; } .mcmore-wrapper .navigation .nav ul .btn6.cur { background: url(../images/09.png) center no-repeat; } .gray-bg { background: #f9f8f8; } .mcmore-wrapper .sec0 { width: 100%; height: auto; text-align: center; color: #3f3f3f; } .mcmore-wrapper .sec0 .why { font-size: 36px; font-weight: bold; padding-top: 50px; } .mcmore-wrapper .sec0 .why h1 { font-size: 36px; display: initial; color: #d40300; } .mcmore-wrapper .sec0 .tit-1 { font-size: 24px; margin-top: 10px; color: #403d3d; } .mcmore-wrapper .sec0 .tit-2 { color: #908f8f; font-size: 16px; } .mcmore-wrapper .sec0 .sec-img { width: 1105px; margin-left: auto; margin-right: auto; padding-bottom: 100px; margin-top: 45px; } .mcmore-wrapper .sec0 .sec-img .text { font-size: 14px; font-weight: bold; color: #403d3d; } .mcmore-wrapper .sec0 .sec-img .text .text1 { width: 480px; float: left; } .mcmore-wrapper .sec0 .sec-img .text .text2 { width: 420px; float: right; } .mcmore-wrapper .wechat .sec1 { color: #3f3f3f; width: 1100px; margin: 0 auto; } .mcmore-wrapper .wechat .sec1 h3 { text-align: center; font-size: 36px; font-weight: bold; padding-top: 50px; margin-bottom: 50px; color: #373737; } .mcmore-wrapper .wechat .sec1 h3 b { color: #d40300; } .mcmore-wrapper .wechat .sec1 h3 span { display: block; color: #808080; font-size: 12px; font-weight: normal; text-transform: uppercase; } .mcmore-wrapper .wechat .sec1 .icon-list { width: 1100px; height: 400px; } .mcmore-wrapper .wechat .sec1 .icon-list ul > li { float: left; margin-bottom: 60px; text-align: center; margin-right: 58px; } .mcmore-wrapper .wechat .sec1 .icon-list ul > li:nth-child(6), .mcmore-wrapper .wechat .sec1 .icon-list ul > li:nth-child(12) { margin-right: 0; } .mcmore-wrapper .wechat .sec1 .icon-list ul > li span { display: block; font-size: 16px; color: #78797c; padding-top: 15px; text-align: center; } .mcmore-wrapper .wechat .sec1 .icon-list ul > li .icon { width: 132px; height: 132px; border-radius: 132px; border: 1px #cacaca solid; } .mcmore-wrapper .wechat .sec1 .icon-list ul > li .icon.icon1 { background: url(../images/img_01.png) center no-repeat; } .mcmore-wrapper .wechat .sec1 .icon-list ul > li .icon.icon2 { background: url(../images/img_03.png) center no-repeat; } .mcmore-wrapper .wechat .sec1 .icon-list ul > li .icon.icon3 { background: url(../images/img_05.png) center no-repeat; } .mcmore-wrapper .wechat .sec1 .icon-list ul > li .icon.icon4 { background: url(../images/img_07.png) center no-repeat; } .mcmore-wrapper .wechat .sec1 .icon-list ul > li .icon.icon5 { background: url(../images/img_09.png) center no-repeat; } .mcmore-wrapper .wechat .sec1 .icon-list ul > li .icon.icon6 { background: url(../images/img_11.png) center no-repeat; } .mcmore-wrapper .wechat .sec1 .icon-list ul > li .icon.icon7 { background: url(../images/img_13.png) center no-repeat; } .mcmore-wrapper .wechat .sec1 .icon-list ul > li .icon.icon8 { background: url(../images/img_15.png) center no-repeat; } .mcmore-wrapper .wechat .sec1 .icon-list ul > li .icon.icon9 { background: url(../images/img_17.png) center no-repeat; } .mcmore-wrapper .wechat .sec1 .icon-list ul > li .icon.icon10 { background: url(../images/img_19.png) center no-repeat; } .mcmore-wrapper .wechat .sec1 .icon-list ul > li .icon.icon11 { background: url(../images/img_21.png) center no-repeat; } .mcmore-wrapper .wechat .sec1 .icon-list ul > li .icon.icon12 { background: url(../images/img_23.png) center no-repeat; } .mcmore-wrapper .wechat .sec1 .icon-list ul > li .icon.icon1:hover { background: #d40300 url(../images/img_02.png) center no-repeat; border-color: #d40300; } .mcmore-wrapper .wechat .sec1 .icon-list ul > li .icon.icon2:hover { background: #e23c41 url(../images/img_04.png) center no-repeat; border-color: #d40300; } .mcmore-wrapper .wechat .sec1 .icon-list ul > li .icon.icon3:hover { background: #e23c41 url(../images/img_06.png) center no-repeat; border-color: #d40300; } .mcmore-wrapper .wechat .sec1 .icon-list ul > li .icon.icon4:hover { background: #e23c41 url(../images/img_08.png) center no-repeat; border-color: #d40300; } .mcmore-wrapper .wechat .sec1 .icon-list ul > li .icon.icon5:hover { background: #e23c41 url(../images/img_10.png) center no-repeat; border-color: #d40300; } .mcmore-wrapper .wechat .sec1 .icon-list ul > li .icon.icon6:hover { background: #e23c41 url(../images/img_12.png) center no-repeat; border-color: #d40300; } .mcmore-wrapper .wechat .sec1 .icon-list ul > li .icon.icon7:hover { background: #e23c41 url(../images/img_14.png) center no-repeat; border-color: #d40300; } .mcmore-wrapper .wechat .sec1 .icon-list ul > li .icon.icon8:hover { background: #e23c41 url(../images/img_16.png) center no-repeat; border-color: #d40300; } .mcmore-wrapper .wechat .sec1 .icon-list ul > li .icon.icon9:hover { background: #e23c41 url(../images/img_18.png) center no-repeat; border-color: #d40300; } .mcmore-wrapper .wechat .sec1 .icon-list ul > li .icon.icon10:hover { background: #e23c41 url(../images/img_20.png) center no-repeat; border-color: #d40300; } .mcmore-wrapper .wechat .sec1 .icon-list ul > li .icon.icon11:hover { background: #e23c41 url(../images/img_22.png) center no-repeat; border-color: #d40300; } .mcmore-wrapper .wechat .sec1 .icon-list ul > li .icon.icon12:hover { background: #e23c41 url(../images/img_24.png) center no-repeat; border-color: #d40300; } .mcmore-wrapper .wechat .sec1 .mod { width: 100%; height: auto; overflow: hidden; margin-bottom: 60px; } .mcmore-wrapper .wechat .sec1 .mod .text { width: 464px; margin-top: 20px; } .mcmore-wrapper .wechat .sec1 .mod .text h2 { font-size: 30px; color: #3f3f3f; } .mcmore-wrapper .wechat .sec1 .mod .text .tit-en { font-size: 16px; color: #78797c; } .mcmore-wrapper .wechat .sec1 .mod .text .intro { font-size: 16px; color: #78797c; line-height: 24px; margin-top: 10px; } .mcmore-wrapper .wechat .sec1 .mod .text ul { display: block; } .mcmore-wrapper .wechat .sec1 .mod .text ul li.on { color: #e23c41; } .mcmore-wrapper .wechat .sec1 .mod .text ul li:hover { color: #e23c41; } .mcmore-wrapper .wechat .sec1 .mod .mod-img { width: 610px; height: 350px; position: relative; } .mcmore-wrapper .wechat .sec1 .mod .mod-img .bd { width: 542px; height: 328px; margin: 0 auto; z-index: 0; position: relative; overflow: hidden; } .mcmore-wrapper .wechat .sec1 .mod .mod-img .bd li { zoom: 1; vertical-align: middle; } .mcmore-wrapper .wechat .sec1 .mod .mod-img .bd li img { width: 542px; height: 328px; display: block; } .mcmore-wrapper .wechat .sec1 .mod .mod-img .prev, .mcmore-wrapper .wechat .sec1 .mod .mod-img .next { display: block; width: 14px; height: 27px; position: absolute; top: 150px; } .mcmore-wrapper .wechat .sec1 .mod .mod-img .prev { left: 0; background: url(../images/left-arrow.png) center no-repeat; } .mcmore-wrapper .wechat .sec1 .mod .mod-img .next { right: 0; background: url(../images/right-arrow.png) center no-repeat; } .mcmore-wrapper .wechat .sec1 .mod1 .text .hd { height: 81px; margin-top: 10px; } .mcmore-wrapper .wechat .sec1 .mod1 .text .hd li, .mcmore-wrapper .wechat .sec1 .mod2 .text .hd ul li, .mcmore-wrapper .wechat .sec1 .mod3 .text .hd ul li, .mcmore-wrapper .wechat .sec1 .mod4 .text .hd ul li, .mcmore-wrapper .wechat .sec1 .mod5 .text .hd ul li, .mcmore-wrapper .wechat .sec1 .mod6 .text .hd ul li, .mcmore-wrapper .wechat .sec1 .mod7 .text .hd ul li, .mcmore-wrapper .wechat .sec1 .mod8 .text .hd ul li { line-height: 27px; background: url(../images/dian.png) 0 50% no-repeat; padding-left: 12px; color: #78797c; font-size: 16px; } .mcmore-wrapper .wechat .sec1 .mod2 .text .hd { margin-top: 10px; } .mcmore-wrapper .wechat .sec1 .mod3 .text .hd { margin-top: 10px; } .mcmore-wrapper .wechat .sec1 .mod3 .text .hd ul { height: 61px; } .mcmore-wrapper .wechat .sec1 .mod4 .text .hd { margin-top: 10px; } .mcmore-wrapper .wechat .sec1 .mod4 .text .hd ul { height: 121px; } .mcmore-wrapper .wechat .sec1 .mod5 .text .hd { margin-top: 10px; } .mcmore-wrapper .wechat .sec1 .mod5 .text .hd ul { height: 175px; } .mcmore-wrapper .wechat .sec1 .mod6 .text .hd { margin-top: 10px; } .mcmore-wrapper .wechat .sec1 .mod6 .text .hd ul { height: 145px; } .mcmore-wrapper .wechat .sec1 .mod7 .text, .mcmore-wrapper .wechat .sec1 .mod8 .text { margin-top: 50px; } .mcmore-wrapper .wechat .sec1 .mod7 .text .hd, .mcmore-wrapper .wechat .sec1 .mod8 .text .hd { margin-top: 10px; } .mcmore-wrapper .wechat .sec1 .mod7 .text .hd ul, .mcmore-wrapper .wechat .sec1 .mod8 .text .hd ul { height: 55px; } .mcmore-wrapper .wechat .sec2 { width: 100%; height: auto; text-align: center; } .mcmore-wrapper .wechat .sec2 h2 { font-size: 36px; font-weight: bold; padding-top: 50px; color: #3f3f3f; } .mcmore-wrapper .wechat .sec2 h2 b { color: #d40300; } .mcmore-wrapper .wechat .sec2 .tit-2 { color: #3d3c3c; font-family: SimSum; font-size: 14px; padding-top: 5px; } .mcmore-wrapper .wechat .sec2 .sec2-img { padding: 50px 0; } .mcmore-wrapper .wechat .sec3 .part { margin-top: 50px; text-align: center; } .mcmore-wrapper .wechat .sec3 .part .tit { font-size: 36px; color: #545454; font-weight: bold; } .mcmore-wrapper .wechat .sec3 .part .tit b { color: #d40300; } .mcmore-wrapper .wechat .sec3 .part .text { width: 23%; margin: 0 auto; font-size: 14px; color: #3d3c3c; margin-top: 15px; } .mcmore-wrapper .wechat .sec3 .part .dg-container { width: 100%; height: 600px; position: relative; } .mcmore-wrapper .wechat .sec3 .part .dg-container #item3 { width: 900px; } .mcmore-wrapper .wechat .sec3 .part .dg-container .pages { width: 538px; height: 41px; margin-left: auto; margin-right: auto; margin-top: 20px; margin-bottom: 40px; } .mcmore-wrapper .wechat .sec3 .part .dg-container .pages .page { display: block; width: 131px; height: 41px; line-height: 41px; border-radius: 15px; color: #fff; background-color: #7f7f7f; font-size: 14px; text-align: center; float: left; cursor: pointer; border-top: none; padding: 0; margin-top: 0; margin: 0 24px; } .mcmore-wrapper .wechat .sec3 .part .dg-container .pages .hove .page { background-color: #e23c41; } .mcmore-wrapper .wechat .sec3 .part .dg-container .imgbox { width: 1100px; height: 500px; position: absolute; top: 100px; left: 50%; display: inline-block; margin-left: -520px; } .mcmore-wrapper .wechat .sec3 .part .dg-container .imgbox ul { float: left; } .mcmore-wrapper .wechat .sec3 .part .dg-container .imgbox ul li { width: 240px; position: absolute; overflow: hidden; cursor: pointer; } .mcmore-wrapper .wechat .sec3 .part .dg-container .imgbox ul li img { width: 100%; height: 100%; vertical-align: top; } .mcmore-wrapper .wechat .sec3 .part .dg-container .imgbox ul li .shadow { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; filter: alpha(opacity=50); opacity: 0.5; } .mcmore-wrapper .wechat .sec3 .part .dg-container nav { width: 58px; position: absolute; z-index: 1000; bottom: 10px; left: 50%; margin-left: -29px; } .mcmore-wrapper .wechat .sec3 .part .dg-container nav span { float: left; cursor: pointer; width: 24px; height: 25px; color: #000; } .shaow_bg { text-align: center; } /*微分销页面*/ .plan_list { width: 890px; margin: 0 auto; text-align: center; padding-top: 50px; } .plan_list h2 { font-size: 36px; color: #333; text-align: center; height: 170px; } .plan_list h2 b { color: #d40300 } .plan_list h2 span { display: block; color: #808080; font-size: 12px; font-weight: normal; text-transform: uppercase; } .plan_list li { width: 240px; height: 312px; background: #fff; border: 1px solid #e7e5e5; display: inline-block; margin: 0 26px 100px; text-align: center; color: #555; font-size: 18px; vertical-align: top; position: relative; } .plan_list li:hover { box-shadow: -3px 0px 5px #eee, 0px -3px 5px #eee, 0px 3px 5px #eee, 3px 0px 5px #eee; } .plan_list li h3 { width: 160px; height: 45px; background: #d40300; margin: -25px auto 0; line-height: 45px; color: #fff; font-size: 18px; text-align: center; } .plan_list li h4 { margin-top: 30px; font-size: 16px; background: url(../images/xian.jpg) center bottom no-repeat; padding-bottom: 15px; } .plan_list li strong { line-height: 40px; color: #f99403; font-size: 24px; display: block; margin: 30px 0; margin-top: 20px; } .plan_list li strong i { margin-right: 5px; font-size: 24px; font-style: inherit; } .plan_list li p { line-height: 24px; font-size: 14px; text-align: left; width: 70%; margin: 0 auto; } .plan_list li p span { color: #d40300; font-size: 22px; font-weight: bold; padding-right: 5px; } .plan_list li .jian-ico { background-image: url(../images/jian_ico.png); width: 55px; height: 55px; right: 165px; top: -50px; position: absolute; } .List_Bg_Grey { width: 100%; overflow: hidden; } .List_Box { width: 1100px; margin: 0 auto; } .cent_box { width: 1000px; margin: auto; background: #FFF; } .jz_table_kuang { border-radius: 6px; background-color: #fff; padding: 10px; margin-bottom: 60px; } .gn_table { width: 100%; } .TitStyle_01 { width: 100%; overflow: hidden; margin: 40px 0; position: relative; } .TitStyle_01 .TitStyle_Letter { font-size: 36px; font-weight: 900; color: #333; text-align: center; } .TitStyle_01 .TitStyle_Letter b { color: #d40300; } .TitStyle_01 .TitStyle_English { font-size: 12px; color: #808080; text-align: center; text-transform: uppercase; } .gn_table .bt_right { border-right: 1px solid #d6d6d6; } .gn_table .bt_botton { border-bottom: 1px solid #d6d6d6; font-size: 20px; } .gn_table .fall, .gn_table .ture { display: block; width: 36px; height: 36px; margin: 0 auto; } .gn_table .ture { background: url(../images/checkmark.png) center no-repeat; background-size: 50%; } .gn_table .fall { background: url(../images/checkwrong.png) center no-repeat; background-size: 50%; } /*整站优化页面*/ .h65 { width: 100%; height: 65px; } .h50 { width: 100%; height: 50px; } .page_con { width: 1100px; height: auto; margin: 0px auto; margin-top: 25px; } .tels_f5_02 { width: 1120px; margin: 0px auto; overflow: hidden; position: relative; } .tels_f5_02 ul { width: 1280px; height: 310px; overflow: hidden; } .tels_f5_02 li { width: 290px; height: 310px; } .tels_f52_pic { width: 275px; height: 285px; overflow: hidden; } .tels_f52_txt { height: 24px; width: 275px; text-align: center; line-height: 24px; } .tels_f52_txt a { font-size: 14px; color: #333; } .tels_f5_case_more { width: 160px; height: 48px; margin: 0px auto; background: #d40300; } .tels_f5_case_more a { font-size: 20px; text-align: center; display: block; width: 160px; height: 48px; line-height: 48px; color: #fff; } .tels_f5_02:hover .prev_next { display: block; } .tels_f5_02 .prev_next { width: 55px; height: 100px; display: none; position: absolute; background: url(../images/banner_prev_next.png) no-repeat; cursor: pointer; top: 110px; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; -khtml-user-select: none; user-select: none; z-index: 999; } .tels_f53_ul { width: 415px; } .tels_f53_t { width: 100%; height: 50px; line-height: 50px; } .tels_f53_t1 { width: 295px; font-size: 20px; color: #fff; background: #333; text-indent: 20px; height: 100%; } .tels_f53_more { width: 60px; height: 100%; text-align: center; background: #d40300; } .tels_f53_more a { color: #fff; display: block; width: 100%; height: 100%; } .tels_f53_ul ul { width: 355px; } .tels_f53_ul ul li { width: 100%; height: 44px; border-bottom: 1px dashed #ddd; font-size: 14px; } .tels_f53_ul ul li span { display: block; } .tels_f53_ul ul li span.ico { width: 6px; height: 20px; background: #d40300; line-height: 44px; margin-right: 12px; position: relative; top: 12px; } .tels_f53_ul ul li a { color: #333; line-height: 44px; } .tels_f5_form { background: url(../images/tels_f5_form.png) no-repeat #ececec; width: 385px; height: 340px; } .tels_f5f_title { width: 100%; height: 75px; } .tels_f5f_t { font-size: 20px; color: #fff; height: 40px; line-height: 40px; text-indent: 16px; } .tels_f5f_t1 { width: 362px; text-align: right; font-size: 14px; color: #d40300; line-height: 12px; } .map_contact { width: 272px; margin: 0px auto; position: relative; top: 12px; } .map_contact .mc_input { width: 100%; height: 38px; } .map_contact .mc_input input { width: 100%; height: 30px; border: 1px solid #ddd; text-indent: 12px; line-height: 25px; color: #333; } .map_contact .mc_input textarea { width: 100%; height: 36px; border: 1px solid #ddd; text-indent: 12px; line-height: 19px; height: 75px; color: #333; font-family: "Microsoft YaHei"; } #n-codes { width: 100px; height: 24px; } .mc_submit { width: 100%; height: 40px; position: relative; left: 6px; margin-top: 6px; } .mc_submit a { display: block; width: 100%; height: 100%; line-height: 38px; text-align: center; font-size: 14px; color: #fff; background: #d40300; cursor: pointer; } .tels_f5f_t1 p { display: inline; } .tels_f5_02 .prev { left: -2px; } .tels_f5_02 .next { background-position: -55px 0px; right: -3px; } .wzyx_con4r_call a { display: block; width: 100%; height: 100%; background: url(../images/wxyx_3call.png) no-repeat; color: #fff; } .wzyx_con_t span { font-size: 36px; color: #1f1f1f; height: 100%; display: block; width: 445px; margin: 0px auto; font-weight: bold; text-align: center; } .wzyx_con_t font { color: #d81613; } .wzyx_con_ul1_more { width: 1180px; margin: 0px auto; } .wzyx_ul101_l { width: 670px; background: url(../images/wzyx_ul101_l.png) no-repeat right top; position: relative; top: 30px; height: 300px; } .wzyx_ul101_r { width: 440px; } .wzyx_ul101_rt { height: 55px; font-size: 22px; color: #333; width: 100%; } .wzyx_ul101_ru { font-size: 18px; color: #fff; } .wzyx_ul101_ru li { width: 100%; height: 80px; } .wzyx_ul101_rut { width: 100%; height: 50px; background: #d40300; } .wzyx_ul101_rut_d { position: relative; top: 12px; left: 12px; } .wzyx_ul101_rut_dn { width: 30px; } .wzyx_ul101_rut_dt { width: 325px; line-height: 30px; } .wzyx_ul101_div { position: relative; left: 35px; top: 32px; width: 580px; } .wzyx_ul101_dt { font-size: 42px; height: 72px; color: #d40300; font-weight: bold; } .wzyx_ul101_dt font { color: #333; font-weight: normal; } .wzyx_ul101_dd { font-size: 14px; color: #333; line-height: 22px; } .wzyx_ul101_c { width: 1080px; height: 120px; margin: 0px auto; } .wzyx_ul101_ct { width: 500px; color: #d40300; font-size: 59px; } .wzyx_ul101_ct span { position: relative; float: left; left: 155px; } .wzyx_ul101_cm { width: 580px; font-size: 17px; color: #333; line-height: 26px; font-weight: bold; position: relative; top: 25px; } .wzyx_con_ul1_0 { width: 100%; height: 330px; overflow: hidden; } .wzyx_01 { width: 1080px; height: 55px; margin: 0px auto; background: url(../images/wzyx_01.jpg) no-repeat; } .wzyx_con_ul1_02 li { height: 85px; } .wzyx_con_ul1_02 .wzyx_ul101_rut { height: 75px; font-size: 17px; } .wzyx_con_ul1_02 .wzyx_ul101_cm { top: 10px; } .wzyx_con_ul1_02 .wzyx_ul101_rut_dt { line-height: 26px; } .wzyx_pk { height: 705px; text-align: center; width: 100%; } .wzyx_01_call { width: 320px; margin: 0px auto; height: 75px; } .wzyx_01_call a#round { display: block; width: 295px; background: #d40300; color: #fff; text-align: center; line-height: 40px; font-size: 20px; } .wzyx_con_02 .wzyx_con_t span { width: 340px; } .wzyx_con_ul2 { width: 1196px; margin: 0px auto; overflow: hidden; } .wzyx_con_ul2 ul { width: 1300px; } .wzyx_con_ul2 li { width: 420px; height: 255px; } .wzyx_con_ul2_one { width: 364px; } .wzyx_con_ul2_one_t { width: 100%; margin-bottom: 8px; height: 65px; text-align: center; line-height: 65px; font-size: 28px; color: #fff; background: #d40300; } .wzyx_con_ul2_one_d { background: url(../images/wzyx_02.png) no-repeat; font-size: 14px; color: #333; height: 153px; width: 363px; line-height: 20px; } .wzyx_ul2_one_dt { position: relative; top: 18px; left: 18px; width: 325px; line-height: 20px; } .wzyx_03_t { background: url(../images/wzyx_03.png) no-repeat; width: 545px; height: 95px; margin: 0px auto; text-align: center; line-height: 60px; font-size: 24px; color: #fff; } .wzyx_03_ul { width: 100%; } .wzyx_03_ul li { width: 238px; height: 134px; border: #ccc solid 1px; text-align: center; font-size: 14px; } .wzyx_03_ul li img { padding: 10px } .wzyx_03_ul li:hover { border: #d40300 solid 1px; } .wzyx_con4 { width: 1145px; margin: 0px auto; } .wzyx_con4_l { width: 880px; } .wzyx_con4_r { width: 265px; text-align: center; } .wzyx_con4r_t { height: 37px; color: #d40300; font-size: 25px; } .wzyx_con4r_t1 { height: 37px; color: #333; font-size: 18px; } .wzyx_con4r_p1 { height: 173px; } .wzyx_con4r_call { width: 215px; margin: 0px auto; height: 50px; line-height: 50px; text-align: center; font-size: 20px; } .wzyx_con4r_call a { display: block; width: 100%; height: 100%; background: url(../images/wxyx_3call.png) no-repeat; color: #fff; } .wzyx_con_05 .wzyx_con_t span { width: 155px; } .xypt_con_06 { width: 1100px; margin: 0 auto; padding-top: 85px; } .wzyx_con_05_t { height: 100px; width: 100%; text-align: center; color: #000; font-size: 16px; } .wzyx_con_ul5 ul { width: 1250px; } .wzyx_con_ul5 li { width: 168px; height: 230px; float: left; margin-right: 18px; } .wzyx_con_ul5 li:nth-child(6) { margin-right: 0; } .wzyx_con_ul5_one { width: 168px; height: 230px; } .wzyx_con_ul5o_d { width: 156px; margin: 0px auto; padding-top: 10px; } .wzyx_con_ul5o_dt { height: 50px; font-size: 20px; color: #fff; text-align: center; overflow: hidden; } .wzyx_con_ul5o_dt font { font-size: 40px; font-weight: bold; padding: 0px 8px; } .wzyx_con_ul5o_dm { font-size: 14px; color: #fff; line-height: 22px; margin-top: 30px; } .wzyx_con_ul5_o1 { background: #868686; } .wzyx_con_ul5_o2 { background: #909090; } .wzyx_con_ul5_o3 { background: #9a9a9a; } .wzyx_con_ul5_o4 { background: #a4a4a4; } .wzyx_con_ul5_o5 { background: #aeaeae; } .wzyx_con_ul5_o6 { background: #b1b1b1; } .wzyx_con_ul5 li:hover .wzyx_con_ul5_one { background: #d81613; } .wzyx_con_06 .wzyx_con_t span { width: 760px; } .xypt_cond1_01 { background: url(../images/xypt_01.jpg) no-repeat; width: 100%; height: 295px; } .xypt_con1_01 { width: 400px; } .xypt_con1_t1 { position: relative; left: 30px; width: 100%; font-size: 27px; font-weight: bold; color: #fff; height: 70px; } .xypt_con1_t2 { position: relative; left: 30px; width: 100%; font-size: 25px; color: #fff; } .xypt_con1_02 { width: 605px; font-size: 14px; color: #fff; line-height: 20px; position: relative; left: 20px; } .xypt_con1_txt1 { width: 320px; line-height: 20px; /*字距*/ letter-spacing: 2px; } .xypt_con1_03 { width: 180px; font-size: 14px; color: #333; position: relative; top: 235px; } .xypt_con1_t3 { width: 100%; height: 100px; font-size: 24px; color: #333; font-weight: bold; position: relative; left: 0; } .xypt_con1_t3 font { font-size: 35px; color: #d40300; } .xypt_cond1_div2 { background: url(../images/xypt_02.jpg) no-repeat top right; width: 1100px; height: 390px; } .xypt_cond1_div2 ul { width: 568px; height: 290px; } .xypt_cond1_div2 li { height: 33px; width: 100%; margin-bottom: 5px; background: #ededed; line-height: 33px; } .xypt_cond1_div2 li span.ico { display: block; width: 33px; height: 33px; text-align: center; background: #d40300; font-size: 22px; color: #fff; } .xypt_cond1_div2 li span.txt { position: relative; left: 10px; font-size: 16px; color: #333; } .xypt_cond1_div2 li span font { color: #d40300; } .xypt_con_box { width: 1920px; position: relative; left: 50%; margin-left: -960px; background: #faf8f8; } .xypt_con_02 { width: 1100px; margin: 0 auto; } .xypt_con1_call { background: url(../images/wxyx_3call.png) no-repeat top right; width: 183px; height: 50px; position: relative; left: 60px; display: block; font-size: 18px; line-height: 50px; text-align: center; color: #fff !important; } .xypt_con2_t1 { width: 100%; text-align: center; height: 130px; font-weight: bold; font-size: 38px; color: #333; } .xypt_con2_t1 font { color: #d40300; } .xypt_con2_t1 font b { font-size: 98px; } .xypt_con2_t2 { width: 100%; text-align: center; height: 65px; font-weight: bold; font-size: 14px; color: #a6a6a6; text-transform: uppercase; font-weight: normal; } .xypt_con2_ul ul { width: 1100px; } .xypt_con2_ul ul li { width: 550px; height: 425px; float: left; } .xypt_con2_ul_d { width: 535px; } .xypt_con2_ul_dt { width: 100%; height: 60px; margin-bottom: 5px; font-size: 30px; color: #fff; font-weight: bold; line-height: 60px; background: #9c9b9b; } .xypt_con2_ul_dt span.num { text-align: center; font-size: 67px; display: block; width: 85px; line-height: 70px; } .xypt_con2_ul_du { padding: 30px 16px; height: 260px; width: 503px; } .xypt_con2_ul_du ul, .xypt_con2_ul_du ul li { width: 530px; height: auto; } .xypt_con2_ul_du ul { height: 220px; } .xypt_con2_ul_du .ico_gou { background: url(../images/gou.png) no-repeat; width: 25px; min-height: 20px; height: 100%; } .xypt_con2_ul_du .txt { width: 500px; line-height: 24px; font-size: 16px; } .xypt_con2_ul_du .txt font { color: #d40300; } .xypt_con2_ul_db { width: 182px; height: 50px; text-align: center; line-height: 50px; background: #ff6600; font-size: 16px; position: relative; left: 20px; } .xypt_con2_ul_db a { color: #fff; } .xypt_con2_ul_db a:hover { color: #d40300; } .xypt_con2_ul_du1 ul li { min-height: 32px; } .xypt_con2_ul_du2 ul li, .xypt_con2_ul_du3 ul li { height: 25px; } .xypt_con2_ul_du4 ul li { height: 40px; } .xypt_con_03 .wzyx_con_t span { width: 800px; } .xypt_con3_01 { width: 100%; text-align: center; color: #2d2d2d; font-size: 18px; height: 90px; margin-top: 15px; } .xypt_con3_02 { width: 100%; text-align: center; font-size: 25px; color: #d40300; height: 55px; } .xypt_con3_03 { background: url(../images/xypt_03.jpg) no-repeat; width: 1096px; margin: 0px auto; height: 585px; } .h55 { width: 100%; height: 70px; } .xypt_con3_ul1 { font-size: 30px; color: #d81613; font-weight: bold; height: 170px; } .xypt_con3_ul1 li { width: 206px; float: left; text-align: center; left: 100px; position: relative } .xypt_con3_ul1 li span { display: block; font-weight: normal; font-size: 12px; text-transform: uppercase; } .xypt_con3_ul1 .xypt_con3_ul1_1 { position: relative; width: 206px; left: 24px; } .xypt_con3_ul1 .xypt_con3_ul1_3 { position: relative; width: 206px; left: 175px; } .xypt_con3_ul1 .xypt_con3_ul1_4 { position: relative; width: 206px; left: 245px; } .xypt_con3_ul2 li { width: 280px; height: 345px; float: left; } .xypt_con3_ul2d { position: relative; float: left; left: 20px; width: 240px; text-align: center; } .xypt_con3_ul2dt { height: 50px; font-weight: bold; font-size: 24px; } .xypt_con3_ul2dt span.name { color: #d81613; } .xypt_con3_ul2dt span.txt { color: #000; } .xypt_con3_ul2d p { line-height: 22px; font-size: 14px; color: #1f1f1f; text-align: center; } .xypt_con3_ul2 li.xypt_con3_ul2_3 { width: 270px; } .xypt_con3_ul2_3 .xypt_con3_ul2d { position: relative; left: 10px; } .xypt_con3_ul2_call { width: 202px; text-align: center; height: 59px; line-height: 59px; font-size: 24px; color: #fff; position: relative; top: 46px; font-weight: bold; left: 50px; } .xypt_con3_04 { font-size: 24px; color: #fff; width: 245px; height: 45px; line-height: 45px; text-align: center; margin: 0px auto; position: relative; top: -62px; } .xypt_con3_04 a:hover { color: #fff; } .xypt_con_04 { background: url(../images/xypt_04.jpg) no-repeat; height: 1925px; width: 100%; } .xypt_con_05 .wzyx_con_t span, .xypt_con_06 .wzyx_con_t span { width: 150px; } .xypt_con_05 { width: 1100px; margin: 0 auto; padding-top: 55px; } #circle { width: 140px; height: 140px; background: #fbe4d5; -moz-border-radius: 140px; -webkit-border-radius: 140px; border-radius: 140px; position: relative; z-index: 1; } .xypt_con6_ul ul { } .xypt_con6_ul li { width: 180px; height: 210px; float: left; margin: 0 20px; text-align: center; } .xypt_con6_ul_d { width: 180px; font-size: 14px; color: #2d2d2d; } .xypt_con6_circle { position: relative; left: 20px; } .xypt_con6_txt { font-size: 14px; color: #333; text-align: center; width: 100%; margin-top: 5px; } .xypt_con6_circle span { display: block; background: url(../images/xypt_05.png) no-repeat; position: relative; left: 38px; top: 38px; width: 62px; height: 66px; z-index: 9999; } .xypt_con6_circle span.ico2 { background-position: -60px 0px; width: 68px; left: 38px; } .xypt_con6_circle span.ico3 { background-position: -130px 0px; width: 68px; } .xypt_con6_circle span.ico4 { background-position: -198px 0px; width: 78px; } .xypt_con6_circle span.ico5 { background-position: -275px 0px; width: 66px; height: 56px; } .xypt_con6_circle span.ico6 { background-position: 0px -68px; } .xypt_con6_circle span.ico7 { background-position: -60px -70px; width: 70px; height: 56px; } .xypt_con6_circle span.ico8 { background-position: -128px -75px; width: 60px; height: 53px; } .xypt_con6_circle span.ico9 { background-position: -175px -71px; width: 60px; height: 55px; } .xypt_con6_circle span.ico10 { background-position: -248px -64px; width: 62px; height: 66px; } /*整合营销页面*/ .wrap_fwxm_center { width: 1100px; margin: 0 auto; } .par_title { text-align: center; color: #3b3b3b; font-size: 36px; margin-top: 58px; margin-bottom: 20px; } .par_title b { color: #d40300; } .par_title span { display: block; color: #606060; font-size: 24px; font-weight: normal; } .par_img { width: 546px; } .par_word { width: 536px; color: #606060; font-size: 16px; line-height: 32px; text-indent: 30px; margin-top: 100px; } .par_word strong { color: #d40300; font-size: 30px; font-weight: bold; } .par_word b { color: #d40300; font-weight: bold; } .wrap_fwxm1 { background: #f9f8f8; padding: 68px 0; margin-top: 58px; padding-bottom: 0; } .wrap_fwxm1_left { width: 546px; margin-bottom: 50px; } .wrap_fwxm1_right { width: 511px; margin-bottom: 50px; } .wrap_title { text-align: left; color: #262626; font-size: 30px; font-weight: bold; line-height: 45px; } .wrap_title span { display: block; font-weight: normal; font-size: 16px; line-height: 26px; margin-top: 8px; padding-left: 56px; } .wrap_title strong { width: 45px; height: 45px; background: #d40300; border-radius: 45px; color: #fff; display: block; float: left; text-align: center; line-height: 45px; margin-right: 12px; } .wrap_img { overflow: hidden; } .wrap_img img { -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -o-transform: scaleY(1); transform: scaleY(1); -ms-transform: scaleY(1); -ms-transition: all .3s ease-in-out; cursor: pointer; } .wrap_img img:hover { -webkit-transform: scale(1.02); -moz-transform: scale(1.02); -o-transform: scale(1.02); transform: scale(1.06); -ms-transform: scale(1.02); } .wrap_fwxm2 { background: #d40300; padding-top: 60px; } .wrap_fwxm2_left { width: 516px; /*background: url(../images/wrap_fwxm2_left.png) right bottom no-repeat;*/ height: 376px; padding-left: 30px; } .wrap_fwxm2_left h2 { color: #fff; font-size: 37px; } .wrap_fwxm2_left p { color: #fff; font-size: 14px; margin-top: 15px; } .wrap_fwxm2_left p span { background: #fff; color: #eb0500; font-size: 16px; padding: 2px 5px; margin-left: 8px; } .wrap_fwxm2_left h3 { font-weight: normal; font-size: 24px; color: #fff; margin-top: 5px; } .wrap_fwxm2_left h4 { font-weight: normal; color: #fff; font-size: 19px; } .wrap_fwxm2_left h5 { color: #fff; background: url(../images/dianhua.png) 0 50% no-repeat; padding-left: 32px; font-size: 14px; font-weight: normal; margin: 0; margin-top: 45px; } .wrap_fwxm2_left h5 b { font-size: 21px; } .wrap_fwxm2_left li { font-size: 19px; color: #fff; line-height: 24px; } .wrap_fwxm2_left li strong { font-size: 35px; } .wrap_fwxm2_right { width: 546px; } .wrap_fwxm2_right .last { padding-left: 65px; } .wrap_fwxm3 { background: #f9f8f8; padding: 68px 0; } .pro_title { text-align: center; color: #252525; font-size: 36px; font-weight: bold; } .pro_title p { display: block; line-height: 40px; } .pro_title p em { color: #d40300; font-size: 48px; } .wrap_fwxm_center1 { width: 1036px; margin: 0 auto; } .wrap_fwxm3_left { width: 450px; margin-top: 40px; } .wrap_fwxm3_left h2 { color: #3b3b3b; font-size: 24px; font-weight: bold; padding-left: 96px; height: 87px; } .wrap_fwxm3_left h2 b { color: #d40300; } .wrap_fwxm3_left h2 p { font-weight: normal; color: #3b3b3b; font-size: 12px; margin-top: 15px; } .wrap_fwxm3_t1 { background: url(../images/wrap_fwxm3_t1.png) 0 50% no-repeat; } .wrap_fwxm3_t2 { background: url(../images/wrap_fwxm3_t2.png) 0 50% no-repeat; } .wrap_fwxm3_t3 { background: url(../images/wrap_fwxm3_t3.png) 0 50% no-repeat; } .wrap_fwxm3_t4 { background: url(../images/wrap_fwxm3_t4.png) 0 50% no-repeat; } .wrap_fwxm3_img { overflow: hidden; } .wrap_fwxm3_img img { -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -o-transform: scaleY(1); transform: scaleY(1); -ms-transform: scaleY(1); -ms-transition: all .3s ease-in-out; cursor: pointer; } .wrap_fwxm3_img img:hover { -webkit-transform: scale(1.02); -moz-transform: scale(1.02); -o-transform: scale(1.02); transform: scale(1.06); -ms-transform: scale(1.02); } .custom_title { text-align: center; color: #3b3b3b; font-size: 36px; margin-top: 138px; } .custom_title span { display: block; color: #606060; font-size: 24px; font-weight: normal; } .brand_title { text-align: center; color: #373737; font-size: 33px; margin-top: 80px; } .brand_title span { display: block; font-weight: normal; font-size: 16px; } .brand_img { text-align: center; margin-top: 30px; }