@charset "utf-8"; /* CSS Document */ /*common*/ body, td, th {color: #444; font-family: "微软雅黑"; font-size: 14px;} h1, h2, h3, h4, h5, h6 {font-size: 100%; font-weight: normal;} li, dt, dd {list-style: none;} a {color:inherit; text-decoration:none; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out;} a:hover { color:inherit; /*color:#2c88d8;*/ text-decoration:none;} img {border:0; vertical-align:middle;} .clear {clear:both;} .hide {display:none;} .f-fl{float: left;} .f-fr{float: right;} .c_mp{ padding: 0 !important; margin: 0 !important;} br{content: "";} /*body*/ body {background:#ffffff; } body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, legend, input, textarea, select, p, th, td {margin: 0; padding: 0;} /*头部样式*/ .header {height:80px; width:100%; min-width:1200px; background: none; -moz-box-shadow: none; -webkit-box-shadow:none; box-shadow:none; z-index:99999; overflow:hidden; position:fixed; left:0; top:0; border-bottom:1px solid rgba(255,255,255,0.30);} .header .header_Panel {height:80px; width:1200px; margin:0 auto;} .header_Panel .logo { margin-top:28px; width:397px; height:24px; background:url(../images/ratuo_logow.png) 0 0 no-repeat; display: inline-block; float:left; text-indent:-10000px;} .header_Panel .tel {margin-top: 28px;height: 24px;line-height: 24px;font-size: 17px;color: #ffffff;padding-left: 24px;/*background: url(../images/telw.png) 18px center no-repeat;*/display: inline-block;font-family: Arial;float: right;border: 1px solid #fff;border-radius: 50px;padding: 4px 25px} .header_Panel .nav { height:70px; line-height:60px; float:left; margin-left:90px; overflow:hidden;} .nav li {height:70px; width:64px; text-align:center; margin-left:10px; float:left;} .nav li a {height:60px; width:64px; padding-top:10px; color:#ffffff; font-size:16px; display:inline-block; background:url(../images/nav_bg.png) 0 -70px no-repeat;} .nav li a:hover, .nav li a.hover { color:#ffffff; background:url(../images/nav_bg.png) 0 0 no-repeat;} .nav li:nth-of-type(1) {margin-left:0 !important;} .header_hover {height:80px; width:100%; min-width:1200px; background:#ffffff; -moz-box-shadow:0px 0px 8px rgba(0,0,0,0.2); -webkit-box-shadow:0px 0px 8px rgba(0,0,0,0.2); box-shadow:0px 0px 8px rgba(0,0,0,0.2); z-index:99999; overflow:hidden; position:fixed; left:0; top:0;} .header_hover .header_Panel {height:80px; width:1200px; margin:0 auto;} .header_hover .header_Panel .logo { margin-top:28px; width:397px; height:24px; background:url(../images/ratuo_logo.png) 0 0 no-repeat; display: inline-block; float:left; text-indent:-10000px;} .header_hover .header_Panel a.logo:before {content:"";position:absolute;width:80px;height:350px;top:0;left:0px;overflow:hidden;background:-moz-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.2)50%,rgba(255,255,255,0)100%);background:-webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,0)),color-stop(50%,rgba(255,255,255,.2)),color-stop(100%,rgba(255,255,255,0)));background:-webkit-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.2)50%,rgba(255,255,255,0)100%);background:-o-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.2)50%,rgba(255,255,255,0)100%);-webkit-transform:skewX(-25deg);-moz-transform:skewX(-25deg)} .header_hover .header_Panel a.logo:hover::before{-webkit-transition:left 2s;-moz-transition:left 2s;transition:left 2s;left:500px;} .header_hover .header_Panel .tel {margin-top:25px; height:24px; line-height:24px; font-size:20px; color:#2c88d8; padding-left: 24px; background:url(../images/tel.png) left center no-repeat; display:inline-block; font-family:Arial; float:right;} .header_hover .header_Panel .nav { height:70px; line-height:60px; float:left; margin-left:80px; overflow:hidden;} .header_hover .nav li {height:70px; width:82px; text-align:center; margin-left:10px; float:left;} .header_hover .nav li a {height:60px; width:82px; padding-top:10px; color:#333333; font-size:16px; display:inline-block; background:url(../images/nav_bg.png) 0 -70px no-repeat;} .header_hover .nav li a:hover, .header_hover .nav li a.hover { color:#ffffff; background:url(../images/nav_bg.png) 0 0 no-repeat;} .header_hover .nav li:nth-of-type(1) {margin-left:0 !important;} /*首页样式*/ .banner { height:780px; width:100%; min-width:1200px; overflow:hidden; z-index:auto; position: fixed; top:0; left:0;} .banner .m_mn{position: relative; height: 760px;} .subbanner {height:320px; width:100%; min-width:1200px; overflow:hidden; z-index:1; margin:100px auto 0 auto;} .subbanner .subnav { height:54px; margin:266px auto 0 auto; width:1200px; overflow:hidden; text-align:center;} .subnav a { width:140px; line-height:44px; height:44px; display:inline-block; background:rgba(0,0,0,0.4); margin:10px 0 0 1px; -webkit-border-top-left-radius:6px; -webkit-border-top-right-radius:6px; -webkit-border-bottom-right-radius:0px; -webkit-border-bottom-left-radius:0px; -moz-border-radius-topleft:6px; -moz-border-radius-topright:6px; -moz-border-radius-bottomright:0px; -moz-border-radius-bottomleft:0px; border-top-left-radius:6px; border-top-right-radius:6px; border-bottom-right-radius:0px; border-bottom-left-radius:0px; overflow:hidden; font-size:16px; color:#ffffff; transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out;} .subnav a:hover, .subnav a.hover { margin:0 0 0 1px; height:54px; line-height:54px; background:#3fac81;} .swiper-container {width: 100%; height: 100%;} .swiper-banner .swiper-slide {text-align: center;font-size: 18px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; background-repeat:no-repeat; background-position:center center; position: relative; overflow: hidden;} .swiper-banner .swiper-slide>a,.swiper-banner .swiper-slide>div { display:block; height:100%; width: 100%;} .swiper-banner .swiper-slide .ads_left div,.swiper-banner .swiper-slide .ads_right div{position: absolute;} .swiper-banner .swiper-slide .ads_left div img,.swiper-banner .swiper-slide .ads_right div img{max-height: 100%;} .swiper-banner .swiper-slide .ads_left div:nth-child(1){ left: 165px; top: 210px; } .swiper-banner .swiper-slide .ads_left div:nth-child(2){ left: -650px; top: -320px; } .swiper-banner .swiper-slide .ads_left div:nth-child(2) img{ -moz-animation:rotate 20s infinite linear; -webkit-animation:rotate 20s infinite linear; animation:rotate 20s infinite linear; } .swiper-banner .swiper-slide .ads_left div:nth-child(3){ left: 0px; top: 250px;} .swiper-banner .swiper-slide .ads_left div:nth-child(4){ left: 145px; top: 210px;} .swiper-banner .swiper-slide .ads_left div:nth-child(5){ left: 0px; top: 355px;} .swiper-banner .swiper-slide .ads_left div:nth-child(6){ left: 0px; top: 510px;} .swiper-banner .swiper-slide .ads_left div:nth-child(7){ left: 148px; top: 510px;} .swiper-banner .swiper-slide .ads_left div:nth-child(8){ left: 295px; top: 510px;} .swiper-banner .swiper-slide .ads_left div:nth-child(9){ left: 170px; top: 375px;} .swiper-banner .swiper-slide .ads_right div:nth-child(1){left: 880px; top: 130px; } .swiper-banner .swiper-slide .ads_right div:nth-child(2){left: 790px; top: 280px; } .swiper-banner .swiper-slide .ads_right div:nth-child(3){left: 865px; top: 430px;} .swiper-banner .swiper-slide .ads_right div:nth-child(4){left: 740px; top: 555px; } @-moz-keyframes rotate{ 0%{ -moz-transform:rotate(0deg); } 100%{ -moz-transform:rotate(360deg); } } @-webkit-keyframes rotate{ 0%{ -webkit-transform:rotate(0deg); } 100%{ -webkit-transform:rotate(360deg); } } @keyframes rotate{ 0%{ transform:rotate(0deg); } 100%{ transform:rotate(360deg); } } .banner .ads2{ color: #ffffff; font-size: 18px;} .banner .ads2 .tt{line-height: 50px; padding-top: 180px;} .banner .ads2 .g_img div{position: absolute;} .banner .ads2 .g_img div:nth-child(1){ left: 950px; bottom: 65px; z-index: 5; } .banner .ads2 .g_img div:nth-child(2){ left: 760px; bottom: 85px; z-index: 4; } .banner .ads2 .g_img div:nth-child(3){ left: 80px; bottom: 70px; z-index: 3; } .banner .ads2 .g_img div:nth-child(4){ left: 170px; bottom: 80px;z-index: 2; } .banner .ads2 .g_img div:nth-child(5){ left: 510px; bottom: 135px; } .banner .ads2 .g_img div:nth-child(6){ left: 560px; bottom: 320px; } .banner .ads3{ color: #ffffff; font-size: 18px; text-align: left; } .banner .ads3 .g_img div,.banner .ads3 .ico,.banner .ads3 .tt{position: absolute;} .banner .ads3 .tt{ left: 30px; top: 190px; line-height: 36px; } .banner .ads3 .tt img{margin-bottom: 30px;} .banner .ads3 .ico{ left: -20px; bottom: 120px; } .banner .ads3 .ico div{display: inline-block; } .banner .ads3 .g_img div:nth-child(1){ right: -72px; top: 280px; } .banner .ads4{ color: #ffffff; } .banner .ads4 .g_img div,.banner .ads4 .ico,.banner .ads4 .tt{position: absolute;} .banner .ads4 .tt{ width: 100%; text-align: center; top: 120px; z-index: 11; } .banner .ads4 .ico{text-align: center; width: 100%; bottom: 60px; font-size: 14px;} .banner .ads4 .ico div{ display: inline-block; margin: 0 20px 20px; } .banner .ads4 .g_img div:nth-child(1){ width: 100%; text-align: center; top: 205px;} .banner .ads4 .g_img div:nth-child(2){ left: 693px; top: 469px; } .banner .ads4 .g_img div:nth-child(3){ left: 206px; top: 404px; } .banner .ads4 .g_img div:nth-child(4){ left: 742px; top: 315px; } .banner .ads4 .g_img div:nth-child(5){ left: 303px; top: 245px; } .banner .ads4 .g_img div:nth-child(6){ width: 100%; text-align: center; line-height: 1; z-index: 1; font-weight: bold; font-size: 22px;top: 350px;} .banner .ads4 .g_img .img_rotate,.g_img .img_rotate{ -moz-animation:rotate 15s infinite linear; -webkit-animation:rotate 15s infinite linear; animation:rotate 15s infinite linear; } .g_img .img_rotate1{ -moz-animation:rotate 20s infinite linear; -webkit-animation:rotate 20s infinite linear; animation:rotate 20s infinite linear; } .home_main {width:100%; min-width:1200px; background:#ffffff; margin:760px auto 0 auto; position: relative; z-index: 2;} .home_container { width:1200px; margin:0 auto;} .home_container .h_h1 { text-align:center; font-size:32px; line-height:30px; color:#333333; padding-bottom:20px; background:url(../images/h_tline.png) center bottom no-repeat; margin:80px 0 0 0;} .home_container .h_h1.on { background:url(../images/s15.png) center bottom no-repeat; } .home_container .h_h1 span { font-family:Arial; font-size:34px; line-height:30px; color:#999999; text-transform:uppercase;} .home_container .h_h2 { text-align:center; font-size:16px; line-height:30px; color:#666666; margin:10px 0 30px 0; overflow:hidden;} .notice_panel { height:60px; width:100%; min-width:1200px; border-bottom:1px #eeeeee solid;} .notice_panel .notice { padding: 20px 0; height:20px; overflow:hidden; } .notice_panel .notice .swiper-notice{ position: relative; height: 20px; width: 100%; overflow: hidden; } .notice_panel .notice .swiper-notice .swiper-slide{font-size: 14px; justify-content: flex-start; margin-left: 55px;} .notice_panel .notice .swiper-notice .swiper-slide a{width: auto; margin: 0; display: inline-block;} .notice .notice_title { width:46px; height:20px; line-height:20px; color:#ffffff; text-indent:8px; float:left; background:url(../images/notice_bg.png) 0 0 no-repeat;font-size: 14px} .notice .notice_ul { width: 100%; margin-left:8px; float:left; height:20px; line-height:20px; font-size:14px; color:#999999;} .notice .notice_ul span { margin-right:8px;} .service_ul {width:1200px; margin:0 auto 30px auto; overflow:hidden;} .service_ul li { width: 260px; height:360px; padding:20px; float:left;} .service_ul li .simg { margin:0 30px 30px 30px; height:200px; width:200px; -moz-border-radius:100%; -webkit-border-radius:100%; border-radius:100%; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; /*transform-origin:center center; -webkit-transform-origin:center center; -moz-transform-origin:center center;*/} /*.service_ul li .simg:hover {transform:rotate(360deg); -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg);}*/ .service_ul li:nth-child(1) .simg { background:url(../images/service_ico.png) 0 0 no-repeat; } .service_ul li:nth-of-type(1) .simg:hover { background:url(../images/service_icoh.png) 0 0 no-repeat ; } .service_ul li:nth-of-type(2) .simg { background:url(../images/service_ico.png) -350px 0 no-repeat;} .service_ul li:nth-of-type(2) .simg:hover { background:url(../images/service_icoh.png) -350px 0 no-repeat;} .service_ul li:nth-of-type(3) .simg { background:url(../images/service_ico.png) -700px 0 no-repeat;} .service_ul li:nth-of-type(3) .simg:hover { background:url(../images/service_icoh.png) -700px 0 no-repeat;} .service_ul li:nth-of-type(4) .simg { background:url(../images/service_ico.png) -1050px 0 no-repeat;} .service_ul li:nth-of-type(4) .simg:hover { background:url(../images/service_icoh.png) -1050px 0 no-repeat;} .service_ul li .stitle { font-size:24px; color:#111111; margin-bottom:15px; text-align:center;} .service_ul li .scontent { font-size:14px; line-height:24px; color:#666666;text-align: center;} .case_panel {background:#f0f0f0 url(../images/case_bg.jpg) center center no-repeat; height:880px; width:100%; min-width:1200px; overflow:hidden; position: relative;} .case_panel .bg_img, .solution_panel .bg_img { position:absolute; z-index:0;} .case_panel .p_absolute, .solution_panel .p_absolute {z-index:100 !important; width:100%; min-width:1200px; position:absolute; top:0;} .case_panel .case_nav {height:50px; width:1200px; margin:0 auto 30px auto; padding-top:20px; background:url(../images/case_navline.png) center 53px no-repeat; font-size:16px; color:#666666; text-align:center; overflow:hidden;} .case_nav a {color:#666666; padding:0 25px; display:inline-block;} .case_nav a:hover,.case_nav a.on {color:#2c88d8;} .case_nav a em { background-color:#cccccc; height:9px; width:9px; -moz-border-radius:100%; -webkit-border-radius:100%; border-radius:100%; display:inline-block; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out;} .case_nav a:hover em {background-color:#2c88d8;height:9px; width:9px;} .case_nav a.on:hover em, .case_nav a.on em {background-color:#2c88d8;height:13px; width:13px;} /*.case_nav a:nth-of-type(1) em {height:13px; width:13px;}*/ .case_panel .swiper-case-ul{ width: 1200px; margin: 0 auto; overflow: hidden; } .case_panel .case_ul {position: relative; width:1200px; height:400px;} .case_panel .case_ul li {position: absolute; width:400px; background:#000000; height:200px; overflow:hidden;border: 1px solid #fff;} .case_panel .case_ul li img {width:400px; height:auto; opacity:.9; -webkit-transform: scale(1, 1); -moz-transform:scale(1, 1); transform:scale(1, 1); transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; z-index:10;} .case_panel .case_ul li:nth-of-type(1) {height:400px !important; left:400px; top:0px;} .case_panel .case_ul li:nth-of-type(2) {left:0px; top:0px;} .case_panel .case_ul li:nth-of-type(3) {left:800px; top:0px;} .case_panel .case_ul li:nth-of-type(4) {left:0px; top:200px;} .case_panel .case_ul li:nth-of-type(5) {left:800px; top:200px;} .case_panel .case_ul li a:hover img {opacity:1;-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1); z-index:100 !important;} a.case_more { width:240px; height:46px; margin:50px auto 0 auto; text-align:center; display:block; line-height:46px; font-size:16px; color:#2c88d8; z-index:1000; background:url(../images/case_more.png) -240px 0 no-repeat;} a.case_more:hover {background:url(../images/case_more.png) 0 0 no-repeat; color:#ffffff;} .solution_panel { background: url(../images/h_solution_bj.jpg) no-repeat center; height: 820px; width:100%; min-width:1200px; overflow:hidden; position: relative;background-size: cover} .solution_panel .swiper-solution{position: relative; height: 480px; overflow: hidden;} .solution_panel .swiper-solution .swiper-slide{margin-top: 20px;} .solution_panel .swiper-solution .solution_list{ height: 480px; width: 1110px; margin: 25px auto; overflow: hidden; } .solution_panel .swiper-solution .solution_list li{ position: absolute; text-align: center; display:table;} .solution_panel .swiper-solution .solution_list li p{ color: #666666; font-size: 16px;margin-top: 5px; } .solution_panel .swiper-solution .solution_list li .g-img{cursor: pointer; margin: 0 auto 10px; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; background: url(../images/solution_ico_bj.jpg) no-repeat center; width: 140px; height: 140px; text-align: center; -moz-box-shadow:0px 0px 35px -10px #858585; -webkit-box-shadow:0px 0px 35px -10px #858585; box-shadow:0px 0px 35px -10px #858585; display:table-cell; vertical-align:middle; /*behavior: url(ie-css3.htc); position: relative; z-index: 2;*/ -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;} .solution_panel .swiper-solution .solution_list li .g-img img{display: none; margin: 0 auto; } .solution_panel .swiper-solution .solution_list li .g-img img.on{display: block; margin: 0 auto;} .solution_panel .swiper-solution .solution_list li:nth-child(1){ width: 165px; height: 180px; top: 40px; left: 50px;} .solution_panel .swiper-solution .solution_list li:nth-child(2){ width: 165px; height: 185px; top: 255px; left: 140px;} .solution_panel .swiper-solution .solution_list li:nth-child(3){ width: 180px; height: 185px; top: 10px; left: 310px;} .solution_panel .swiper-solution .solution_list li:nth-child(4){ width: 165px; height: 185px; top: 285px; left: 415px;} .solution_panel .swiper-solution .solution_list li:nth-child(5){ width: 165px; height: 185px; top: 125px; left: 585px;} .solution_panel .swiper-solution .solution_list li:nth-child(6){ width: 165px; height: 185px; top: 5px; left: 780px;} .solution_panel .swiper-solution .solution_list li:nth-child(7){ width: 180px; height: 185px; top: 220px; left: 845px;} .solution_panel .swiper-solution .solution_list li:nth-child(8){ width: 165px; height: 185px; top: 40px; left: 1005px;} .solution_panel .swiper-solution .solution_list li:nth-child(1) .g-img{ width: 140px; height: 140px; } .solution_panel .swiper-solution .solution_list li:nth-child(2) .g-img{ width: 110px; height: 110px; } .solution_panel .swiper-solution .solution_list li:nth-child(3) .g-img{ width: 180px; height: 180px; } .solution_panel .swiper-solution .solution_list li:nth-child(4) .g-img{ width: 140px; height: 140px; } .solution_panel .swiper-solution .solution_list li:nth-child(5) .g-img{ width: 140px; height: 140px; } .solution_panel .swiper-solution .solution_list li:nth-child(6) .g-img{ width: 150px; height: 150px; } .solution_panel .swiper-solution .solution_list li:nth-child(7) .g-img{ width: 180px; height: 180px; } .solution_panel .swiper-solution .solution_list li:nth-child(8) .g-img{ width: 110px; height: 110px; } .solution_panel .swiper-solution .solution_list li .g-img:hover{background: url(../images/solution_hover1.jpg) no-repeat center; } .solution_panel .swiper-solution .solution_list li:nth-child(2) .g-img:hover,.solution_panel .swiper-solution .solution_list li:nth-child(1) .g-img:hover{background: url(../images/solution_hover2.jpg) no-repeat center; } .solution_panel .swiper-solution .solution_list li:nth-child(6) .g-img:hover,.solution_panel .swiper-solution .solution_list li:nth-child(8) .g-img:hover{background: url(../images/solution_hover3.jpg) no-repeat center; } .solution_panel .swiper-solution .solution_list li:nth-child(7) .g-img:hover,.solution_panel .swiper-solution .solution_list li:nth-child(4) .g-img:hover{background: url(../images/solution_hover4.jpg) no-repeat center; } .solution_panel .swiper-solution .solution_list li .g-img:hover img{display: block;} .solution_panel .swiper-solution .solution_list li .g-img:hover img.on{display: none;} .solution_panel .solution_xt .xt{ position: absolute;} .solution_panel .solution_xt .xt:nth-child(1){ left: 250px; top: 0; background: url(../images/solution_xt_tl1.png) no-repeat; height: 147px; width: 130px; } .solution_panel .solution_xt .xt:nth-child(2){ left: 65px; top: 0; background: url(../images/solution_xt_tl2.png) no-repeat; height: 158px; width: 175px; } .solution_panel .solution_xt .xt:nth-child(3){ left: 180px; top: 0; background: url(../images/solution_xt_tl3.png) no-repeat; height: 127px; width: 172px; } .solution_panel .solution_xt .xt:nth-child(4){ right: -195px; top: -105px; background: url(../images/solution_xt_tr1.png) no-repeat; height: 326px; width: 415px;} .solution_panel .solution_xt .xt:nth-child(5){ right: -100px; top: 40px; background: url(../images/solution_xt_tr2.png) no-repeat; height: 207px; width: 241px; } .solution_panel .solution_xt .xt:nth-child(6){ right: -100px; top: -80px; background: url(../images/solution_xt_tr3.png) no-repeat; height: 249px; width: 222px; } .solution_panel .solution_xt .xt:nth-child(7){ left: 50px; bottom: 0; background: url(../images/solution_xt_bl1.png) no-repeat; height: 74px; width: 105px; } .solution_panel .solution_xt .xt:nth-child(8){ right: 260px; bottom: -30px; background: url(../images/solution_xt_br2.png) no-repeat; height: 136px; width: 187px; } .solution_panel .solution-prev{background: url(../images/tab_left.png) no-repeat center; width: 30px; height: 60px; left: 0;} .solution_panel .solution-next{background: url(../images/tab_right.png) no-repeat center; width: 30px; height: 60px; right: 0;} .news_panel {background:url(../images/news_bg.jpg) center top no-repeat; background-attachment: fixed; height:750px; width:100%; min-width:1200px; overflow:hidden;} .news_panel .news_nav { text-align:center; overflow:hidden;} .news_panel .news_nav a { width:160px; height:40px; line-height:40px; background:#ffffff; color:#666666; font-size:16px; display:inline-block; margin-left:1px;} .news_panel .news_nav a:hover {background:#eeeeee; color:#666666;} .news_panel .news_nav a.hover {background:#207dc7; color:#ffffff;} .news_panel .news_nav a.hover:hover {background:#2c88d8; color:#ffffff;} .news_panel .news_container{margin-top: 30px; overflow: hidden; width: 1200px; height: 380px; } .news_panel .news_container .news_left{float: left; overflow: hidden;} .news_panel .news_container .news_left .news-text{padding: 10px; width: 280px; height: 360px; background-color: rgba(255,255,255,0.9); float: left; margin-right: 10px;} .news_panel .news_container .news_left .news-text .g-img{width: 100%; height: 180px; overflow: hidden; text-align:center} .news_panel .news_container .news_left .news-text .g-img img{max-width: 100%; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out;} .news_panel .news_container .news_left .news-text .g-img img:hover{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);} .news_panel .news_container .news_left .news-text .m-text{padding: 25px 15px 15px; font-size: 14px;} .news_panel .news_container .news_left .news-text .m-text .g-tt{font-size: 16px; color: #333333; width: 100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .news_panel .news_container .news_left .news-text .m-text .g-tt a{ color: #333333; } .news_panel .news_container .news_left .news-text .m-text .g-text{color: #888888; margin: 15px 0; width: 100%; height: 60px; line-height: 20px; overflow:hidden; } .news_panel .news_container .news_left .news-text .m-text .g-more{color: #666666; text-decoration: underline; } .news_panel .news_container .news_right{float: right; overflow: hidden; background-color: rgba(255,255,255,0.9); padding: 20px 30px; width: 520px; height: 340px;} .news_panel .news_container .news_right .news_text{border-bottom: 1px solid #E7E7E7; padding: 15px 0; overflow: hidden; } .news_panel .news_container .news_right .news_text .time{ width: 80px; float: left; text-align: center; color: #999999; margin-right: 20px; font-size: 14px;} .news_panel .news_container .news_right .news_text .time .g-d{ font-size: 60px; line-height: 50px; margin-bottom: 8px; } .news_panel .news_container .news_right .news_text .m-text{float: left; width: 420px;} .news_panel .news_container .news_right .news_text .m-text .g-tt{ font-size: 16px; margin-bottom: 10px; width: 100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .news_panel .news_container .news_right .news_text .m-text .g-tt a{ color: #333333;} .news_panel .news_container .news_right .news_text .m-text .g-text{color: #888888; height: 40px; font-size: 14px; line-height: 20px; overflow: hidden;} .news_panel .news_container .news_right .news_list{padding-top: 20px; padding-left: 10px;} .news_panel .news_container .news_right .news_list li{ background: url(../images/h_ico1.png) center left no-repeat; font-size: 14px; width: 100%; overflow: hidden; height: 28px; line-height: 28px; text-indent: 1em;} .news_panel .news_container .news_right .news_list li a{color: #666666;} .news_panel .news_container .news_right .news_list li span{color: #999999;} .clients_panel{height: 570px; width: 100%; background: url(../images/h_clients_bj.jpg) no-repeat center; overflow: hidden; position: relative;} .clients_panel .home_container .h_h1,.clients_panel .home_container .h_h2{color: #ffffff;} .clients_panel .home_container .h_h1 span{ opacity: 0.6; color: #ffffff;} .clients_panel .clients_container{height: 160px; width: 100%; overflow: hidden; margin-top: 80px;} .clients_panel .clients_left{float: left; overflow: hidden; height: 160px; } .clients_panel .clients_left .m-text{height: 160px; float: left; overflow: hidden; padding: 0 38px; text-align: center; color: #ffffff; font-size: 16px;} .clients_panel .clients_left .m-text .number{width: 100%; height: 120px; line-height: 120px; position: relative; } .clients_panel .clients_left .m-text .number .num_ico{font-size: 16px; font-weight: bold; color: #ffffff; position: absolute; top: 0; right: -15px; height: 50px; width: 20px; line-height: 35px; } .clients_panel .clients_left .m-text .number .num1,.clients_panel .clients_left .m-text .number .num2,.clients_panel .clients_left .m-text .number .num3{background:url(../images/num.png) top center repeat-y;width:52px;height:90px;margin-right:5px; margin-top: 10px; display: inline-block; } .clients_panel .clients_right{ height: 160px; width: 348px; float: right; position: relative;} .clients_panel .clients_right .swiper-clients{width: 100%; height: 100%; overflow: hidden;} .clients_panel .clients_right .swiper-slide{ background:url(../images/h_clients_txtbj.png) no-repeat center bottom; position: relative; } .clients_panel .clients_right .swiper-slide .g-img{position: absolute; border-radius: 50%; width: 50px; height: 50px; top: 0; left: 20px; border: 3px solid #ffffff; overflow: hidden;} .clients_panel .clients_right .swiper-slide .g-text{padding: 30px 30px 0 20px; height: 130px; color: #ffffff; line-height: 24px; text-align: left; font-size: 14px;} .clients_panel .clients_right .swiper-slide .g-text .tt{font-size: 16px; text-indent: 70px; margin-bottom: 15px;} .clients_panel .clients_right .swiper-slide .g-text .text{ height: 48px; overflow: hidden;} .h-logo{ position: relative; height: 372px; background-color: #ffffff; top: -80px; z-index: 1;} .h-logo .box{ overflow: hidden; height: 452px; width: 100%; position: absolute; top: 0; left: 0; z-index: -1;} .h-logo .box.current{ z-index: 10;} .h-logo .box .myhex{float: left; width: 239px; height: 150px; overflow: hidden; border-right: 1px dotted #dedede; border-bottom: 1px dotted #dedede; transition:all 0.5s ease-in-out; background-color: #ffffff; } .h-logo .box .myhex a{ position: relative;width: 239px; height: 150px; display: block; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; } .h-logo .box .myhex img{ transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; /*opacity: 0.7;*/ /* -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray;*/ } .h-logo .box .myhex:hover img{ opacity: 1; filter: none; } .h-logo .box .myhex .text{ position: absolute; top: 0; width: 100%; -webkit-transform: rotateY(180deg) translateZ(1px); -moz-transform: rotateY(180deg) translateZ(1px); -ms-transform: rotateY(180deg) translateZ(1px); -o-transform: rotateY(180deg) translateZ(1px); transform: rotateY(180deg); color: #666; text-align: center; opacity: .06; background: rgba(255,255,255,.9); } .h-logo .box .myhex .text img{filter: none; -webkit-filter:none;-moz-filter:none; } .h-logo .box .myhex:hover .text{ opacity: 1; } .h-logo .box .myhex:hover a { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); } .h-logo .box .myhex:nth-child(5),.h-logo .box .myhex:nth-child(10),.h-logo .box .myhex:nth-child(15){ border-right: none;} .h-logo .box .myhex.rotation{-webkit-transform: rotateY(180deg);-moz-transform: rotateY(180deg);-ms-transform: rotateY(180deg);-o-transform: rotateY(180deg);transform: rotateY(180deg);} .h-logo .box .myhex.rotation img{ opacity:0; transition:opacity 0.3s ease-in-out;} .h-logo .linkmore{width: 239px; height: 150px; position: absolute; bottom: -80px; right: 0; z-index: 10;background: url(../images/link_logo_bjt.png) no-repeat center;} .h-logo .linkmore .myhex_tab{position: relative; width: 100%; height: 100%;} /*.h-logo .linkmore .myhex-xt{ height: 100%; width: 100%px; position: absolute; transform: rotate(225deg); }*/ .h-logo .linkmore .myhex-prev,.h-logo .linkmore .myhex-next{ cursor: pointer; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; opacity: 0.3; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray;} .h-logo .linkmore .myhex-prev{ background: url(../images/link_tab_left.png) no-repeat center; width: 30px; height: 60px; position: absolute; left: 40px;top: 20px; } .h-logo .linkmore .myhex-next{ background: url(../images/link_tab_right.png) no-repeat center; width: 30px; height: 60px; position: absolute; right: 40px; bottom: 20px;} .h-logo .linkmore .myhex-prev:hover,.h-logo .linkmore .myhex-next:hover{ opacity: 1; filter: none;} .h-link{ background:#ffffff url(../images/h_link_bj.png) center top no-repeat; width: 100%; height: 170px;} .link_box{position: relative;z-index: 2;overflow: hidden;background: #fff;} .link_text{padding: 10px 0;background: #fff;} .link_text .g-tt{width: 120px; float: left; font-size: 14px; color: #666666;} .link_text .g-text{float: left; width: 1080px; overflow: hidden; } .link_text .g-text a{color: #666666; margin-bottom: 5px; margin-right: 10px; display: inline-block; font-size: 14px;} /*内页共用样式*/ .m_mn{ width: 1200px; margin: 0 auto;} .m_xn{ width: 1200px; margin: 0 auto; } /*.m_ads{ height:460px; width:100%; min-width:1200px; overflow:hidden; z-index:-1; position: fixed; top:0; left:0;}*/ .m_ads{ height:380px; width:100%; min-width:1200px; overflow:hidden; z-index:-1; top:0; left:0;} .m_ads.h_280{height: 280px;} .m_ads.h_280 .text{ padding-top: 127px; } .m_ads.h_300{height: 300px;} .m_ads.h_300 .text{ padding-top: 147px; } .m_ads.h_580{height: 580px;} .m_ads.h_580 .text{ padding-top: 140px; } .m_ads .text{ text-align: center; padding-top: 170px;} .m_ads .text span{font-size: 40px; color: #ffffff; margin: 0 10px; text-transform: uppercase; -webkit-text-shadow:0px 0px 6px rgba(0,0,0,0.25); -moz-text-shadow:0px 0px 6px rgba(0,0,0,0.25); text-shadow:0px 0px 6px rgba(0,0,0,0.25); } .m_ads .text .xt{ height: 1px; width: 145px; margin: 15px auto 0; border-bottom: 1px solid rgba(255,255,255,0.5); } .m_main{width:100%; min-width:1200px; background:#f5f5f5; margin: 0 auto; } .m_main1{width:100%; min-width:1200px; background:#ffffff; margin: 0 auto; } .m_main2{width:100%; min-width:1200px; margin:250px auto 0 auto; background: url(../images/case_top_bj.png) repeat-x left center; } .m_main3{width:100%; min-width:1200px; background:#ffffff; overflow: hidden; position: relative; } .m_main4{width:100%; min-width:1200px; background:#f5f5f5; margin: 0 auto; position: relative; } .m_main5{width:100%; min-width:1200px; background:#ffffff; margin:0; } .m_main6,.m_main7{width:100%; min-width:1200px; color:#ffffff; margin:0;} .m_subtopic{ height: 70px; width: 100%; border-bottom: 1px solid #E7E7E7; background-color: #ffffff; } .m_subtopic .subtopic_list{ font-size: 0; color: #666666; overflow: hidden; height: 70px; text-align: center; } .m_subtopic .subtopic_list li{display: inline-block; height: 70px; line-height: 70px; padding: 0 20px; background: url(../images/side_bjx.png) no-repeat right center; font-size: 18px; } .m_subtopic .subtopic_list li:last-child{background: none;} .m_subtopic .subtopic_list li a{display: block; padding: 0 20px; height: 70px; border-bottom: 2px solid #ffffff; } .m_subtopic .subtopic_list li a.on::before{ width: 100%; } .m_subtopic .subtopic_list li a:hover,.m_subtopic .subtopic_list li a.on{color: #3784D2;} .m_subtopic .subtopic_list li a.hvr-underline-from-left:before{height: 2px; background: #3784D2; -webkit-transition-duration: .5s; transition-duration: .5s; } .m_subtopic1{height: 60px; width: 100%; border-bottom: 1px solid #E7E7E7; background-color: #ffffff; } .m_subtopic1 .subtopic_list{ font-size: 16px; color: #333333; } .m_subtopic1 .subtopic_list li{float: left; margin-right: 40px; height: 60px; line-height: 60px; } .m_subtopic1 .subtopic_list li dl{ max-height: 60px; overflow: hidden; position: relative; z-index: 111; transition:max-height 0.5s ease-in-out; -webkit-transition:max-height 0.5s ease-in-out; } .m_subtopic1 .subtopic_list li dl:hover{ max-height: 300px; background-color: #ffffff; color: #333333;} .m_subtopic1 .subtopic_list li dl dt{ background: url(../images/blog_ico1.png) no-repeat 50px center; padding-right: 20px; cursor: pointer; } .m_subtopic1 .subtopic_list li dl dd{ height: 40px; line-height: 40px; padding: 0 10px;background-color: #ffffff; } .m_crm{ height: 50px; line-height: 50px; color: #888888; background: url(../images/news_ico2.png) no-repeat left 17px; text-indent: 25px;} .m_crm1{ height: 50px; border-bottom: 1px solid #E7E7E7; line-height: 50px; color: #888888; } .m_crm1.on{background-color: #f0f3fa; } .m_crm1 .m_xn,.m_crm1 .m_mn{background: url(../images/news_ico2.png) no-repeat left 17px; text-indent: 25px;font-size: 14px;color: #4b556e} .m_crm a.on,.m_crm a:hover,.m_crm1 a.on,.m_crm1 a:hover{color: #666666;} .n_mn .m_text .article_tt{ color: #333333; font-size: 24px; font-weight: bold; margin-bottom: 18px; margin-top: -5px; } .n_mn .m_text .g_attr span{ display: inline-block; margin-right: 25px; color: #888888;} .n_mn .m_text .g_attr span.on a{display: inline-block; border: 1px solid #cccccc; margin-right: 5px; border-radius: 5px; font-size: 12px; width: 18px; height: 18px; line-height: 18px; text-align: center;} .n_mn .m_text .g_attr span.on a:hover{ background-color: #2c88d8; color: #ffffff; border: 1px solid #2c88d8; } .n_mn .m_text .g_attr span a:hover{color: #2c88d8;} .n_mn .m_text .text{padding: 30px 0 ; font-size: 16px; color: #666666; line-height: 28px; overflow: hidden; border-top: 1px dotted #ddd;margin-top: 20px;} .n_mn .m_text .text img{ max-width: 100%;display: block;margin: auto;} .n_mn .m_aside{ padding: 25px 0 0; line-height: 26px; overflow: hidden; border-top: 1px dotted #C7C7C7; color: #888888;} /*关于我们*/ .n_about{ padding: 60px 0 0; background-color: #ffffff;} .n_about .m_tt{ text-align: center; } .n_about .about .g_text{ color: #666666; line-height: 28px; width: 1200px; margin: 15px auto 80px;} .n_about .team{ background:#f6f6f6 url(../images/about_img1.png) no-repeat center top; height: 520px; width: 100%; } .n_about .team .g_text{padding-top: 160px; padding-left: 20px; color: #ffffff; line-height: 28px; width: 540px; } .n_about .culture{background-color: #f6f6f6; height: 485px; padding-top: 85px; width: 100%; } .n_about .culture .culture_list{overflow: hidden; width: 1200px; margin: 60px auto 0;font-size: 0; } .n_about .culture .culture_list li{ display: inline-block; width: 270px; margin-right: 40px; text-align: center; } .n_about .culture .culture_list li .g-img{ width: 185px; height: 185px; line-height: 185px; text-align: center; margin: 0 auto; border: 1px dashed #B9BABA; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; } .n_about .culture .culture_list li .g-img img{ width: 170px; height: 170px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; } .n_about .culture .culture_list li .text .tt{ color: #333333; font-size: 20px; margin: 30px 0 5px; } .n_about .culture .culture_list li .text .info{ color: #666666; font-size: 14px; line-height: 28px; } /*联系我们*/ .n_contact{ padding: 60px 0;} .n_contact .s_side{height: 52px; text-align: center; } .n_contact .s_side a{ display: inline-block; height: 50px; font-size: 16px; line-height: 50px; color: #666666; width: 200px; border: 1px solid #dedede; background-color: #ffffff; border-radius: 30px; margin: 0 10px; } .n_contact .s_side .hvr-bounce-to-right:before{ border-radius: 30px;background: #2c88d8;border-color: #2c88d8; } .n_contact .s_side a:hover{ color: #ffffff;} .n_contact .s_side a.on{ background: #2c88d8; color: #ffffff;} .n_contact .s_side a.on:before{background: none;} .n_contact .g_content .allmap{ margin-bottom: 40px; padding: 10px; background-color: #ffffff; position: relative; -moz-box-shadow:0px 0px 20px rgba(127,128,130,0.2); -webkit-box-shadow:0px 0px 20px rgba(127,128,130,0.2); box-shadow:0px 0px 20px rgba(127,128,130,0.2); height: 500px; } .n_contact .g_content .g-text{ padding: 0 0 60px; width: 100%; height: 205px; } .n_contact .g_content .g-text .left{ width: 599px; border-right: 1px solid #DCDCDC; height: 205px;float: left; } .n_contact .g_content .g-text .left .g-img{ line-height: 205px; height: 205px; width: 120px; margin-left: 10px;} .n_contact .g_content .g-text .left .text{height: 205px;color: #333333; width: 450px; } .n_contact .g_content .g-text .left .text .tt{ font-size: 24px; margin-top: 30px;} .n_contact .g_content .g-text .left .text .address{ font-size: 16px;margin-top: 10px; padding-left: 25px; background: url(../images/contact_ico2.png) no-repeat left -353px; } .n_contact .g_content .g-text .left .text .info{ color: #666666; font-size: 14px; margin-top: 40px; } .n_contact .g_content .g-text .left .text .info span{ display: inline-block; height: 25px; padding-left: 25px; background: url(../images/contact_ico2.png) no-repeat left -265px; margin-bottom: 20px; width: 175px;} .n_contact .g_content .g-text .left .text .info span:nth-child(2){ background-position: left -86px; } .n_contact .g_content .g-text .left .text .info span:nth-child(3){ background-position: left -176px; } .n_contact .g_content .g-text .left .text .info span:nth-child(4){ background-position: left 5px; } .n_contact .g_content .g-text .right{ width: 540px; padding-left: 60px; height: 205px;float: left; } .n_contact .g_content .g-text .right .text{ height: 205px; float: left; width: 380px;} .n_contact .g_content .g-text .right .text .top{color: #888;font-size: 20px;margin-top: 20px;} .n_contact .g_content .g-text .right .text .tt{ color: #888888; font-size: 18px; margin-top: 20px; } .n_contact .g_content .g-text .right .text .tel{ color: #2c88d8; font-size: 46px; font-weight: bold; margin-top: -5px; margin-bottom: 20px; } .n_contact .g_content .g-text .right .text .info{ color: #666666; margin-top: 14px;} .n_contact .g_content .g-text .right .text .info span{ display: inline-block; padding-left: 69px; height: 50px; width: 155px; margin-right: 15px; background: url(../images/contact_ico2.png) no-repeat #106bb2 45px -432px; border-radius: 10px; line-height: 50px; box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.23); color: #fff;} .n_contact .g_content .g-text .right .g-img{ float: right; height: 205px; width: 140px; } .n_contact .g_content .g-text .right .g-img .code{background-color: #ffffff; text-align: center; margin-top: 25px; -moz-box-shadow:0px 0px 20px rgba(127,128,130,0.4); -webkit-box-shadow:0px 0px 20px rgba(127,128,130,0.4); box-shadow:0px 0px 20px rgba(127,128,130,0.4); } .n_contact .g_content .g-text .right .g-img .code p{padding: 0 0 10px ; color: #666666;} /*案例样式*/ .n_case{} .case_img_ico_l{position: absolute; top: 0; left: 0; z-index: 1; } .case_img_ico_r{position: absolute; top: 0; right: 0; z-index: 1; -webkit-transform: rotateY(180deg);transform: rotateY(180deg); } .case_tab{height: 400px; width: 100%; overflow: hidden; margin-top: 30px; position: relative;} .case_tab .case_panel{background: none;} .n_case .n_snav{ width: 100%; height: 100px; line-height: 100px; background: #ffffff url(../images/sase_nav_bj.png) no-repeat center bottom; -webkit-box-shadow: 0 0 30px rgba(0,0,0,0.2);box-shadow: 0 0 30px rgba(0,0,0,0.2); } .n_case .n_snav .list{ color: #666666;height: 100px;/* font-size: 0;*/ overflow: hidden; float: left; } .n_case .n_snav .list a{display: inline-block; font-size: 18px; padding: 0 10px; /*background: url(../images/seek_nav_bj.png) no-repeat right center;*/} .n_case .n_snav .list a:first-child{padding-left: 60px;} .n_case .n_snav .list a:last-child{ background: none; } .n_case .n_snav .seek{ float: right; height: 40px; padding: 30px 0;width: 260px; margin-right: 40px; } .n_case .n_snav .seek .box{width: 260px; height: 40px; line-height: 40px; border-radius: 20px; background-color: #f6f6f6; } .n_case .n_snav .seek .box input{outline: none;width: 190px; border: none; height: 30px; line-height: 30px; padding:5px 0 5px 20px; background: none; color: #7d7d7d; float: left;} .n_case .n_snav .seek .box button{ width: 40px; height: 40px; border: none; background: url(../images/seek_ico.png) no-repeat center; cursor: pointer; float: left;} .n_case .case_list{ padding: 40px 0 60px; background-color: #ffffff;} .n_case .case_list .list{width: 100%;} .n_case .case_list .list li{width: 380px; height: 310px; margin:0 30px 30px 0; float: left; -webkit-box-shadow: 0 0 30px rgba(0,0,0,0.2);box-shadow: 0 0 30px rgba(0,0,0,0.2); position: relative; z-index: 11; } .n_case .case_list .list li:nth-of-type(3n){ margin-right:0px;} .n_case .case_list .list li .g-img{ height: 260px; width: 380px; position: relative; overflow: hidden; } .n_case .case_list .list li .g-img img{ -webkit-transition: transform 0.5s ease-out ; transition: transform 0.5s ease-out ; } .n_case .case_list .list li .g-img .tt{padding: 15px 20px; bottom: 0; color: #ffffff; font-size: 16px; position: absolute; text-shadow:2px 2px 2px #333} .n_case .case_list .list li .g-img .text{opacity: 0; background-color: rgba(0,0,0,0.25); position: absolute; top:0; left: 0; padding: 30px; height: 200px; width: 320px; -webkit-transition: opacity 0.5s ease-out ; transition: opacity 0.5s ease-out ; } .n_case .case_list .list li .g-img .text .box { box-sizing: border-box; color: #ffffff; position: relative; height: 200px; width: 320px; padding: 30px 35px 40px; } .n_case .case_list .list li .g-img .text .box::before,.n_case .case_list .list li .g-img .text .box::after { box-sizing: border-box; content: ''; position: absolute; width: 100%; height: 100%; } .n_case .case_list .list li .g-img .text .box::before, .n_case .case_list .list li .g-img .text .box::after { border: 1px solid transparent; width: 0; height: 0; } .n_case .case_list .list li .g-img .text .box::before { top: 0; left: 0; } .n_case .case_list .list li .g-img .text .box::after { bottom: 0; right: 0; } .n_case .case_list .list li .g-img:hover .text{opacity: 1;} .n_case .case_list .list li .g-img:hover .tt{opacity: 0;} .n_case .case_list .list li .g-img:hover img{ -webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1); } .n_case .case_list .list li .g-img .text:hover .box .more{ opacity: 1; -webkit-transition: opacity 0.2s ease-out 0.6s; transition: opacity 0.2s ease-out 0.6s; } .n_case .case_list .list li .g-img .text:hover .box::before, .n_case .case_list .list li .g-img .text:hover .box::after { width: 100%; height: 100%; } .n_case .case_list .list li .g-img .text:hover .box::before { border-top-color: #ffffff; border-right-color: #ffffff; -webkit-transition: width 0.25s ease-out, height 0.25s ease-out 0.25s; transition: width 0.25s ease-out, height 0.25s ease-out 0.25s; } .n_case .case_list .list li .g-img .text:hover .box::after { border-bottom-color: #ffffff; border-left-color: #ffffff; -webkit-transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s; transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s; } .n_case .case_list .list li .g-img .text .box .title{width: 100%; height: 24px; text-align: center; text-overflow: ellipsis; overflow: hidden; white-space: normal; color: #ffffff; font-size: 18px; font-weight: bold; } .n_case .case_list .list li .g-img .text .box .xt{ width: 40px; margin: 10px auto; height: 2px; background-color: #ffffff } .n_case .case_list .list li .g-img .text .box .txt{ color: #eeeeee; line-height: 24px; text-align: justify; height: 94px; overflow: hidden;} .n_case .case_list .list li .g-img .text .box .more{width: 30px; height: 30px; border-radius: 50%; z-index: 2; background:#ffffff url(../images/case_more1.png) no-repeat center; position: absolute; left: 50%; margin-left: -15px; bottom: -14px; opacity: 0;} .n_case .case_list .list li .info{ height: 50px; line-height: 50px; background-color: #ffffff; padding-left: 10px; color: #888888;} .n_case .case_list .list li .info .cate{/*width: 240px; */} .n_case .case_list .list li .info .switch{ padding: 0 10px 0px 0px; text-align:right} .n_case .case_list .list li .info .switch a{display:inline-block; height: 30px;} .n_case .case_list .pages{margin-top: 20px;} .m_case{padding: 60px 0;} .m_case .case_top{padding: 20px; background-color: #ffffff; min-height: 200px; overflow:hidden;} .m_case .case_top .g_img{ width: 292px; height: 200px; overflow: hidden; float: left; } .m_case .case_top .g_info{ float: right; width: 848px; min-height: 200px; } .m_case .case_top .g_info .g_tt{ font-size: 24px; color: #333333; font-weight: bold; line-height: 22px; height: 35px; margin-bottom: 8px; width: 100%; overflow: hidden; } .m_case .case_top .g_info .g_tt .link{ font-size: 14px; font-weight: normal; color: #2c88d8; text-align: center; width: 118px; height: 33px; line-height: 33px; border: 1px solid #3784D2; border-radius: 5px; position: relative;} .m_case .case_top .g_info .g_tt .link a{display: block; background: url(case_m_ico2.png) no-repeat 20px center; text-indent: 17px; } .m_case .case_top .g_info .g_tt .link a:hover{ background: #2c88d8 url(case_m_ico3.png) no-repeat 20px center; color: #ffffff; } .m_case .case_top .g_info{ float: right; width: 848px; min-height: 200px; } .m_case .case_top .g_info .tag{color: #333333; margin-bottom: 18px; } .m_case .case_top .g_info .tag span{margin-right: 10px;} .m_case .case_top .g_info .text{ line-height: 28px; color: #666666; } .m_case .case_top .g_info .text .tt{color: #333333;} .m_case .case_top .g_info .text .tt .xl{ cursor: pointer; width: 26px; height: 16px; border: 1px solid #E2E2E2; border-radius: 3px; margin-top: 6px; background: url(../images/case_m_xl.png) no-repeat center; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; } .m_case .case_top .g_info .text .tt .xl.on{background: url(../images/case_m_xl1.png) no-repeat center;} .m_case .case_top .g_info .text .txt{position: relative; z-index: 55; max-height: 65px; width: 848px; margin-left: -20px; padding: 0 20px 20px; overflow: hidden; background-color: #ffffff; transition:max-height 0.5s ease-in-out; -webkit-transition:max-height 0.5s ease-in-out;} .m_case .case_top .g_info .text .txt.on{ max-height: 1200px; } .m_case .g_content{padding: 50px 0 0; height: 100%;} .m_case .g_content p,.myContent p{font-size: 16px;color: #333;line-height: 1.5;margin-bottom: 15px;text-indent: 2em;} .m_case .g_content .tt,.myContent h3,.m_case .g_content h3{background: url(../images/case_m_ico1.png) no-repeat 2px -97px; color: #333333; font-size: 23px; font-weight: bold;text-indent: 20px; margin-bottom: 20px;line-height:40px; } .m_case .g_content .tt .g_tab1 a{ background: url(../images/case_mobile_ico2.png) no-repeat; } .m_case .g_content .tt .g_tab a.on:hover{background: url(../images/case_mobile_ico2.png) no-repeat; } .m_case .g_content .tt .g_tab1 a.on:hover{ background: url(../images/case_m_ico.png) no-repeat; } .m_case .g_content .tt .g_tab a.pc,.m_case .g_content .tt .g_tab a.on.mobile,.m_case .g_content .tt .g_tab1 a.pc,.m_case .g_content .tt .g_tab1 a.on.mobile{ background-position: left center;width: 31px; } .m_case .g_content .tt .g_tab a.mobile,.m_case .g_content .tt .g_tab a.on.mobile,.m_case .g_content .tt .g_tab1 a.mobile,.m_case .g_content .tt .g_tab1 a.on.mobile{ background-position: right center; width: 14px; } .m_case .gallery-top { height: 100%; width: 100%; } .m_case .gallery-top .swiper-slide{text-align: center;} .m_case .gallery-top .swiper-slide img{max-width: 100%;} .m_case .gallery-top .swiper-button-white{background: url(../images/case_m_tab.png) no-repeat; width: 80px; height: 80px;} .m_case .gallery-top .swiper-button-next{ background-position: center bottom; } .m_case .gallery-top .swiper-button-prev{ background-position: center top; } .m_case .thumbs{height: 164px; position: relative; width: 100%; padding: 20px 0; } .m_case .thumbs .gallery-thumbs { width: 1090px; height: 180px; margin: 0 auto ; overflow: hidden; box-sizing: border-box; } .m_case .thumbs .gallery-thumbs .swiper-wrapper{margin-left: -440px;} .m_case .thumbs .gallery-thumbs .swiper-slide { overflow: visible; text-align: center; width: 186px; line-height: 132px; height: 132px; padding: 10px; border: 2px solid #E4E4E4; opacity: 0.7; transition:border 0.5s ease-in-out; -webkit-transition:border 0.5s ease-in-out; margin-top: 8px; cursor: pointer; } .m_case .thumbs .gallery-thumbs .swiper-slide img{ max-width: 100%; max-height: 100%; } .m_case .thumbs .gallery-thumbs .swiper-slide span{position: absolute; opacity: 0; background: url(../images/case_thumbs_ico.png) no-repeat center; width: 20px; height: 10px; top: -10px; left: 50%; z-index: 22; margin-left: -10px; } .m_case .thumbs .gallery-thumbs .swiper-slide-active { opacity: 1; border: 2px solid #3784D2; } .m_case .thumbs .gallery-thumbs .swiper-slide-active span{ opacity: 1;} .m_case .thumbs .swiper-button-white{background: url(../images/m_tab1.png) no-repeat; width: 48px; height: 153px; border: 1px solid #E4E4E4; top: 30px; position: absolute; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; } .m_case .thumbs .swiper-button-white:hover{ background-color: #eeeeee; } .m_case .thumbs .swiper-button-next{ background-position: 17px center; right: 0; } .m_case .thumbs .swiper-button-prev{ background-position: -55px center; left: 0; } .m_case .case_mobile{width: 100%; height: 900px; background: url(../images/case_mm_bj1.jpg) no-repeat center;} .m_case .case_mobile .swiper-mobile{ width: 320px; height: 568px; overflow: hidden; border: 1px solid #E2E2E2; margin: 135px auto } .m_case .case_mobile .swiper-mobile .swiper-slide img { width:320px !important; height:auto !important;} .m_case .case_mobile .swiper-button-white{background: url(../images/case_m_tab.png) no-repeat; width: 80px; height: 80px; top: 45%;} .m_case .case_mobile .swiper-button-next{ background-position: center bottom; right: 150px; } .m_case .case_mobile .swiper-button-prev{ background-position: center top; left: 150px; } .m_case .g_latest{padding: 60px 0 20px; height: 210px; overflow: hidden; width: 100%; } .m_case .swiper-latest{ width: 960px; height: 210px; overflow: hidden; float: right;} .m_case .swiper-latest .swiper-slide{ overflow: hidden;} .m_case .swiper-latest .swiper-slide div{color: #ffffff; position: absolute; padding: 15px; bottom: 0; font-size: 16px; width:100%; background:rgba(0,0,0,0.2); text-shadow:1px 1px 1px #333 } .m_case .g_latest .swiper-button{height: 210px; width: 220px; background: url(../images/case_latest_bj.png) no-repeat center; position: relative; float: left; } .m_case .g_latest .swiper-button .latest-next{background: url(../images/m_tab3.png) no-repeat center bottom; width: 35px; height: 35px; top: 170px; right: 30px; opacity: 0.7; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out;} .m_case .g_latest .swiper-button .latest-prev{background: url(../images/m_tab3.png) no-repeat center top; width: 35px; height: 35px; top: 140px; left: 90px; opacity: 0.7; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; } .m_case .g_latest .swiper-button .latest-next:hover,.m_case .g_latest .swiper-button .latest-prev:hover{ opacity: 1;} /*付款方式样式*/ .n_pay{ padding: 60px 0; } .n_pay .g_content{ overflow: hidden;} .n_pay .g_content .pay_code{padding: 30px 0 80px; height: 175px; overflow: hidden;} .n_pay .g_content .pay_code .g-img img{margin-left: 40px;} .n_pay .g_content .pay_code .text{ margin-left: 75px; color: #666666; padding: 60px 0;} .n_pay .g_content .pay_bank{ padding: 10px 0 80px; overflow: hidden; } .n_pay .g_content .pay_bank li{border-bottom: 1px dashed #C7C7C7; border-right: 1px dashed #C7C7C7; padding: 45px 0; width: 499px; float: left;} .n_pay .g_content .pay_bank li .g-img{float: left; margin-top: 6px;} .n_pay .g_content .pay_bank li .text{float: left; line-height: 28px; color: #333333;} .n_pay .g_content .zy_list{padding: 10px 0 45px; line-height: 28px; font-size: 14px; color: #333333; } .n_pay .g_content .zy_list span{ width: 6px; height: 6px; background-color: #A7A8A8; border-radius: 50%; float: left; margin: 11px 10px 0 10px;} /*新闻样式*/ .n_news{ padding: 60px 0; } .n_news .n_snav{text-align: center; height: 44px; font-size: 0; margin-bottom: 60px;} .n_news .n_snav a{display: inline-block; margin: 0 5px; width: 180px; height: 44px; line-height: 44px; background: #ffffff; border: 1px solid #dedede; font-size: 16px; color: #666666; } .n_news .n_snav a.hvr-shutter-in-vertical:before{background: #ffffff; color:#666666; } .n_news .n_snav a.on{color: #ffffff; } .n_news .n_snav a.on.hvr-shutter-in-vertical:before{background: url(../images/news_snav_bj2.jpg) no-repeat center;-webkit-transition:none; transition:none; -moz-transition:none; } .n_news .n_snav a:hover{background: url(../images/news_snav_bj2.jpg) no-repeat center; color: #ffffff;} .n_news .pages{padding-top: 10px;} .n_news .n_mn .m_text{width: 1200px; overflow: hidden; } .n_news .n_mn .m_text .article_tt{ text-align: center; font-weight: normal; } .n_news .n_mn .m_text .g_attr{ text-align: center;} .m_related:after,.m_related::before,.m_related{background: none!important} /*博客样式*/ .n_blog{ overflow: hidden; position: relative; padding: 60px 0; } .n_blog .g_content{ width: 840px; overflow: hidden;} .n_blog .g_list{ padding: 20px 0;} .n_blog .g_list .g_box{ width: 100%;padding: 20px 0; border-bottom: 1px dashed #E3E3E3; overflow: hidden; } .n_blog .g_list .g_box .g_img{ width: 270px; height: 152px; line-height: 152px; overflow: hidden; } .n_blog .g_list .g_box .g_img img{max-width: 100%;} .n_blog .g_list .g_box .g_text{ width: 550px; overflow: hidden; } .n_blog .g_list .g_box .g_text .tt{ color: #333333; font-size: 18px;font-weight: bold; width: 100%; height: 24px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .n_blog .g_list .g_box .g_text .g_aside{ font-size: 14px; color: #999999; line-height: 24px; padding: 11px 0;overflow: hidden; } .n_blog .g_list .g_box .g_text .g_mark{ width: 100%; overflow: hidden; color: #999999;font-family:Arial; } .n_blog .g_list .g_box .g_text .g_mark span{ margin-right: 40px;} .n_blog .g_list .g_box .g_text .g_mark span:last-child{margin-right: 0;} .n_blog .g_list .g_box .g_text .g_mark span.time{ padding-left: 20px; background: url(../images/blog_ico.png) no-repeat left -117px; } .n_blog .g_list .g_box .g_text .g_mark span.mark{padding-left: 20px; background: url(../images/blog_ico.png) no-repeat left -70px; } .n_blog .load_data{width: 100%; height: 50px; line-height: 50px; background-color: #f6f6f6; text-align: center; cursor: pointer; font-size: 18px; color: #999999;} .n_blog .load_data .ico{display: inline-block; width: 120px; height: 50px; background: url(../images/blog_ico.png) no-repeat left -145px; } .n_blog .n_mn .m_text{width: 840px; overflow: hidden; } .n_blog .m_related{ overflow: hidden; } .n_blog .m_related .m_mn{width: 100%;} .n_blog .m_related .g_list{ width: 100%; padding: 20px 0 0; overflow: hidden; text-indent: 20px; line-height: 24px;} .n_blog .m_related .g_list li{margin-bottom: 10px; float: left; width: 420px; } .n_blog .m_related .g_list .tt{ color: #333333; width: 100%; height: 24px; background: url(../images/blog_ico.png) no-repeat -3px 7px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .m_main1 .profour .profourtop{color: #333} /*人才招聘*/ .n_recruit{ padding: 100px 0 130px; width: 1200px; margin: 0 auto; } .n_recruit .g_content{text-align: center;} .n_recruit .g_content .xt{ width: 60px; height: 2px; background-color: #2c88d8; margin: 15px auto;} .n_recruit .g_content .g_text{ padding: 0 65px; font-size: 16px; color: #666666; text-align: center; line-height: 30px; } .n_recruit .g_content .list{ overflow: hidden; margin-top: 75px; } .n_recruit .g_content .list li{float: left; width: 220px; height: 268px; margin-right: 40px; color: #ffffff;} .n_recruit .g_content .list li:last-child{margin-right: 0;} .n_recruit .g_content .list li .text{ padding: 125px 20px 30px; height: 113px; font-size: 14px; } .n_recruit .g_content .list li .text .zw{ font-size: 20px; } .n_recruit .g_content .list li .text .xw{ font-size: 12px;text-transform: uppercase; margin: 5px 0 49px; } .pages{color:#1a4b85; overflow:hidden; font-size:16px; text-align:center; margin-bottom:20px;} .pages span{ line-height: 52px; display:inline-block; color:#555;} .pages a,.pages b{ display:inline-block; color:#333; text-align:center; vertical-align:middle; padding:0px 10px; line-height:50px; overflow:hidden; min-width:50px; min-height:50px; box-sizing:border-box; font-size:16px; background:#fff; border:1px solid #dedede;} .pages a:nth-child(1){display: none;} .pages b{ display:block; background:#2c88d8; color:#fff; border:1px solid #2c88d8;display: inline-block;} .pages a:hover{background:#dedede; color:#fff;} .apages{color:#1a4b85; overflow:hidden; font-size:16px; text-align:center; margin-bottom:20px;} .apages span{ padding:0 6px; margin-top:10px; display:inline-block; color:#555;} .apages a{ display:block; color:#333; border:1px solid #dedede; padding:7px 10px; overflow:hidden;} .apages span.curr a{ display:block; color:#1a4b85; background:#e8e8e8; border:1px solid #e8e8e8;} .footer { background:#15181E; color:#676c74; font-size:14px; overflow:hidden; width:100%; min-width:1200px; position: relative; z-index: 2;} .footer a {color:#676c74;} .footer a:hover {color:#989a9d;} .footer .footer_panel {width:1200px; margin:0 auto; padding:50px 0; min-height: 184px;} .footer_panel dl { overflow:hidden; float:left;} .footer_panel dl dt { font-size:18px; color:#cccccc; line-height:40px;} .footer_panel dl dt a { color:#cccccc;} .footer_panel dl dd { line-height:36px; font-size:14px; width:180px; padding-right:10px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;} .footer_panel dl.dk1 { width:130px; padding-right:20px;} .footer_panel dl.dk2 { width:390px; padding-right:20px;} .footer_panel dl.dk2 dd { float:left;} .footer_panel dl.dk3 { width:320px; padding-right:20px;} .footer_panel dl.dk3 dd { width:100%; height:40px; line-height:40px; text-indent:20px;} .footer_panel dl.dk3 dd.add { background:url(../images/footer_ico.png) 0 0 no-repeat;margin-bottom: 15px;} .footer_panel dl.dk3 dd.tel { background:url(../images/footer_ico.png) 0 -40px no-repeat; font-size:30px; color:#2c88d8; font-family:Arial;} .footer_panel dl.dk3 dd.qq { margin-top:10px;} .footer_panel dl.dk3 dd.qq a { width:180px; height:40px; display:inline-block; text-indent:10000px; background:url(../images/qq1.gif) 0 0 no-repeat;} .footer_panel dl.dk3 dd.qq a:hover {background:url(../images/qq2.gif) 0 0 no-repeat;} .footer_panel dl.dk4 { width:140px; padding-right:10px; overflow: visible; } .footer_panel dl.dk4 dd{ background: rgba(0,0,0,0.5) url(../images/an1.png) no-repeat; border-radius: 10px; width: 140px; height: 156px; line-height: 44px; text-indent: 50px; font-size: 14px; color: #676c74; margin-top: 10px; cursor: pointer; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; position: relative; } .footer_panel dl.dk4 dd.wx{background-position: 15px 12px;} .footer_panel dl.dk4 dd.wx .code{ /*background: url(../images/wx_code.png) no-repeat center;*/ width: 140px; line-height: 152px; text-indent: 0; text-align: center; position: absolute; left: 5px; top: 0px; z-index: 55; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; overflow: hidden;} /*.footer_panel dl.dk4 dd.wx:hover{background-position: 15px -38px; color: #ffffff;} .footer_panel dl.dk4 dd.wx:hover .code{height: 148px;} .footer_panel dl.dk4 dd.wb{background-position: 15px -88px;} .footer_panel dl.dk4 dd.wb a{ display: block;} .footer_panel dl.dk4 dd.wb:hover{background-position: 15px -138px;} .footer_panel dl.dk4 dd.wb:hover a{color: #ffffff;}*/ .footer .copyright {border-top:1px #313b4c solid; width:1200px; margin:0 auto; line-height:24px; text-align:center; color:#989a9d; font-size:14px; padding:25px 0; overflow:hidden;} /*插件样式*/ .banner-pages .swiper-pagination-bullet{width:50px;height:4px;display:inline-block; background-color:#ffffff; opacity:.5; border-radius: 0;} .banner-pages .swiper-pagination-white .swiper-pagination-bullet{background:#fff} .banner-pages .swiper-pagination-bullet-active{opacity:1;background:#ffffff} .swiper-clients .clients_pages{bottom: 0; width: 100%;} .clients_pages .swiper-pagination-bullet{width:10px;height:10px;display:inline-block; background-color:#ffffff; opacity:.5; border-radius: 50%;} .clients_pages .swiper-pagination-white .swiper-pagination-bullet{background:#fff} .clients_pages .swiper-pagination-bullet-active{opacity:1;background:#ffffff} .m_case .case_mobile .swiper-pages{bottom: 50px; } .m_case .case_mobile .swiper-pages .swiper-pagination-bullet{width:10px;height:10px;display:inline-block; border:1px solid #ffffff; opacity: 1; background:none; border-radius: 50%;} .m_case .case_mobile .swiper-pages .swiper-pagination-bullet-active{opacity:1;background:#ffffff} /*hover区*/ .n_blog .load_data:hover,.n_blog .g_list .g_box .g_text .tt:hover,.n_mn .m_aside a:hover,.n_case .n_snav .list a:hover,.m_subtopic1 .subtopic_list li dl a:hover, .m_subtopic1 .subtopic_list li:hover,.n_blog .m_related .g_list .tt:hover,.h-link .link_text .g-text a:hover, .news_panel .news_container .news_right .news_text .m-text .g-tt a:hover,.news_panel .news_container .news_right .news_list a:hover,.news_panel .news_container .news_left .news-text .m-text .g-tt a:hover, .news_panel .news_container .news_left .news-text .m-text .g-more:hover { color:#2c88d8;} .n_blog .g_top img,.n_blog .g_list .g_box .g_img img,.m_case .g_latest img{ -webkit-transition: transform 0.5s ease-out ; -ms-transform:transform 0.5s ease-out; -moz-transform:transform 0.5s ease-out; transition: transform 0.5s ease-out ; } .n_blog .g_top img:hover,.n_blog .g_list .g_box .g_img img:hover,.m_case .g_latest img:hover{ -webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);} /*----- 侧边客服样式 -----*/ #online {width:151px; background:url('../images/online.gif') no-repeat 0 -170px; right:0; top:190px; position:absolute; overflow:hidden; z-index:6000;} #online .left{width:32px; height:110px; margin-top:19px; background:url(../images/online.gif) no-repeat 0 -19px; float:left; overflow:hidden;} #online .left a{width:32px; height:110px; display:block; text-indent: -5000px; overflow:hidden;} #online .right{width:116px; margin-right:3px; float:right; overflow:hidden;} #online .right a.close {width:100px; height:19px; padding-right:19px; background:url(../images/online.gif) no-repeat -32px 0; display:block; text-indent: -5000px; overflow:hidden;} #online .right .T {width:109px; height:30px; line-height:30px; font-size:14px; font-weight:bold; padding-left:10px; background:url(../images/online.gif) no-repeat -32px -190px; font-family: Microsoft YaHei;} #online .right .C {width:106px; padding:10px 0 4px 8px; line-height:22px; background:url(../images/online.gif) no-repeat -32px -220px; overflow:hidden;} #online .right .C li { margin-bottom:6px;} #online .right .C li a {width:100%; height:25px; padding-left:10px; /*background:url(../images/online.gif) no-repeat -40px -30px;*/ line-height:25px; display:block; } #online .right .C li a img{ margin-right:10px;vertical-align: middle; width:25px;} #online .right .C li a:hover {/*background:url(../images/online.gif) no-repeat -40px -60px;*/ text-decoration:underline; color:#000;} #online .right .time {width:116px; height:36px; background:url(../images/online.gif) no-repeat -32px -130px;} /*案例手机网站二维码*/ .casemobliea{ position:relative;} .casemobliecode{background: url(../images/qr_code_bg.png) no-repeat center; width: 140px; height: 0; line-height: 152px; text-indent: 0; text-align: center; position: absolute; left: 5px; top: 26px; z-index: 55; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; overflow: hidden; height:148px; z-index:1000; left:-62px; display:none} .casemobliecode img{width:125px; height:125px} .casemobliea:hover .casemobliecode{display:block} .right_side{ position: absolute; right: 0; top: 35%; width: 60px; height: 245px; z-index: 80000; } .right_side ul{} .right_side ul li{ width: 60px; height: 60px; border-bottom: 1px solid #3197f0; background: #2c88d8 url(../images/right_ico.png) no-repeat; cursor: pointer; position: relative;-webkit-transition: background 0.5s ease-out ; -moz-transform:background 0.5s ease-out; transition: background 0.5s ease-out ; } .right_side ul li:hover{ background:#FFFFFF url(../images/right_hover_ico.png) no-repeat; } .right_side ul li.qq{ background-position: center 17px; border-top-left-radius: 5px; } .right_side ul li.qq div{ display: none; background-color: #f9f9f9; position: absolute; right: 60px; width: 180px; height: 300px; border-bottom-left-radius: 5px; border-top-left-radius: 5px; overflow: hidden; -moz-box-shadow:-7px 0px 10px rgba(0,0,0,0.2); -webkit-box-shadow:-7px 0px 10px rgba(0,0,0,0.2); box-shadow:-7px 0px 10px rgba(0,0,0,0.2); } .right_side ul li.qq div dt{ text-align: center; height: 60px; line-height: 60px; background-color: #ffffff; } .right_side ul li.qq div dd{height: 60px; line-height: 60px; color: #666666; margin: 0 auto; width: 160px; font-size: 16px; border-bottom: 1px dotted #dedede; text-indent: 80px; background: url(../images/qqbg.gif) no-repeat 30px 17px;} .right_side ul li.qq div dd a{ display: block;} .right_side ul li.qq div dd a:hover{ color: #556c9c;} .right_side ul li.tel{ background-position: center -44px; } .right_side ul li.tel div{ display: none; border-bottom-left-radius: 5px; border-top-left-radius: 5px; position: absolute; right: 60px;-moz-box-shadow:-7px 0px 10px rgba(0,0,0,0.3); -webkit-box-shadow:-7px 0px 10px rgba(0,0,0,0.3); box-shadow:-7px 0px 10px rgba(0,0,0,0.3); height: 60px; line-height: 60px; padding: 0 20px; font-size: 24px; font-weight: bold; color: #217cc8; background-color: #ffffff; white-space: nowrap } .right_side ul li.wx{ background-position: center -105px; } .right_side ul li.wx div{ width: 105px; border-radius: 5px; display: none; position: absolute; top: -45px; right: 60px;-moz-box-shadow:-7px 0px 10px rgba(0,0,0,0.3); -webkit-box-shadow:-7px 0px 10px rgba(0,0,0,0.3); box-shadow:-7px 0px 10px rgba(0,0,0,0.3); overflow: hidden; } .right_side ul li.top{ background-position: center -166px; border: none; border-bottom-left-radius: 5px; } .right_side ul li:hover div{ display: block;} .right_side ul li.qq:hover{ border-radius: 0; } .m_case .swiper-latest .swiper-slide div{color: #ffffff; position: absolute; padding: 15px; bottom: 0; font-size: 16px; width: 276px; background: url(../images/title_bj.png) repeat-x left -25px; } .n_case .case_list .list li .g-img .tt{padding: 15px 20px; width: 340px; bottom: 0; color: #ffffff; font-size: 16px; position: absolute; background: url(../images/title_bj.png) repeat-x left -30px;} .n_blog .g_top .r_img .txt{ font-size: 20px; line-height: 32px;padding: 0 20px 15px; position: absolute; bottom: 0; width: 520px; background: url(../images/title_bj.png) repeat-x left -30px;} .n_blog .g_top .l_img .text .txt{font-size: 16px; line-height: 24px;padding: 0 15px 10px; position: absolute; bottom: 0; background: url(../images/title_bj.png) repeat-x left -30px; width: 240px; } /*方案*/ .fang_top{ width:100%; height:585px; background: url(../images/cbg.jpg) no-repeat center;overflow:hidden;padding-top:160px;} .fang_top .text {text-align: center;} .fang_top .text span {font-size: 40px;color: #ffffff;margin: 0 10px;text-transform: uppercase;-webkit-text-shadow: 0px 0px 10px rgba(0,0,0,0.5);-moz-text-shadow: 0px 0px 10px rgba(0,0,0,0.5);text-shadow: 0px 0px 10px rgba(0,0,0,0.5);} .fang_top .text span {font-size: 40px;color: #ffffff;margin: 0 10px;text-transform: uppercase;-webkit-text-shadow: 0px 0px 10px rgba(0,0,0,0.5);-moz-text-shadow: 0px 0px 10px rgba(0,0,0,0.5);text-shadow: 0px 0px 10px rgba(0,0,0,0.5);} .fang_top .text .xt {height: 1px;width: 145px;margin: 15px auto 0;border-bottom: 1px solid rgba(255,255,255,0.5);} .fang_list{ width:100%; height:auto; margin-top:27px;} .fang_list li{ width:276px; height:auto; float:left; margin-right:30px; margin-bottom:15px; text-align:center;} .fang_list li:nth-child(4n){ margin-right:0;} .fang_list li:nth-child(5),.fang_list li:nth-child(6),.fang_list li:nth-child(7),.fang_list li:nth-child(8){ margin-bottom:0;} .fang_list li a{ display:block; width:100%; height:100%; overflow:hidden;} .fang_pic{ width:100%; height:auto;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;-moz-box-shadow: 0px 0px 35px -10px #858585;-webkit-box-shadow: 0px 0px 35px -10px #858585;box-shadow: 0px 0px 35px -10px #858585; background:#fff;} .fang_pic img{ display:none; margin:0 auto;max-width: 100%;} .fang_pic img.on{ display:block;} .fang_list li p{ font-size:16px; color:#fff; text-align:center; margin-top:5px; display:inline-block;position: relative; } .fang_list li p:after{ content: ''; position: absolute; bottom: 0; left: 0; width: 0; height: 1px; background: #fff; transition: all 0.3s ease-out;} /*背景颜色改变效果*/ /*.fang_list li:hover .fang_pic{ background:url(../images/cbg.png) no-repeat;} .fang_list li:hover .fang_pic img{ display:block;} .fang_list li:hover .fang_pic img.on{ display:none;}*/ /*图片动的效果*/ .fang_list li:hover .fang_pic img{animation: swing 1s 0s linear normal; -webkit-animation: swing 1s 0s linear normal;} .fang_list li:hover p:after{ width: 100%;} @-webkit-keyframes swing{ 20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)} 40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)} 60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)} 80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)} 100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)} } @keyframes swing{ 20%{-webkit-transform:rotate(15deg);-ms-transform:rotate(15deg);transform:rotate(15deg)} 40%{-webkit-transform:rotate(-10deg);-ms-transform:rotate(-10deg);transform:rotate(-10deg)} 60%{-webkit-transform:rotate(5deg);-ms-transform:rotate(5deg);transform:rotate(5deg)} 80%{-webkit-transform:rotate(-5deg);-ms-transform:rotate(-5deg);transform:rotate(-5deg)} 100%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)} } /*浮动*/ .case_float{ position:fixed; left:25px; top:50%; margin-top:-192px; background:url(../images/nav_ico_bj.png) repeat-y left top; z-index:10;} .case_float li{ width: 100%;text-align: left;} .case_float li a{ font-size:14px; color:#333; height: 30px; line-height:30px; display:block; padding-left:25px;position:relative;} .float_bg{ width:9px; height:9px; position:absolute; border-radius:50%; background:#666; left:-4.5px; top:50%; margin-top:-4.5px;} .case_float li a.current .float_bg{ background:#3197f0;} .case_float li a.current{ color:#3197f0;} .f_title{ text-align:center; font-size:30px; font-weight:bold; background: linear-gradient(to right, #03d6b0, #13b3d7);-webkit-background-clip: text;-moz-background-clip: text;-ms-background-clip: text;-o-background-clip: text;color: transparent; display:inline-block;} .f_p{ text-align:center; text-transform:uppercase; font-size:16px; color:#999999; font-family:Arial;} .f_title1{ width:100%; height:auto; background:url(../images/icon70.png) no-repeat left 2px; padding-left:70px; min-height:52px; text-align:left;} .f_title1 h3{font-weight:bold; font-size:30px; color:#fff;} .f_title1 p{ background:url(../images/xian.png) no-repeat left center; padding-left:15px; font-size:16px; color:#fff; font-family:Arial; margin-top:2px; letter-spacing:1px; text-transform:uppercase;} .header_Panel .logo { margin-top:13px; width:288px; height:52px; background:url(../images/logo4.png) 0 0 no-repeat; display: inline-block; float:left; text-indent:-10000px;} /*.header_Panel .tel {margin-top:28px; height:24px; line-height:24px; font-size:24px; color:#2c88d8; padding-left: 24px; background:url(../images/tel.png) left center no-repeat; display:inline-block; font-family:Arial; float:right;}*/ .header_Panel .nav { height:70px; line-height:70px; float:left; margin-left:90px; overflow:hidden;} .nav li {height:70px; width:82px; text-align:center; margin-left:12px; float:left;} .nav li a {height:60px; width:82px; padding-top:10px; font-size:16px; display:inline-block;} /*.nav li a.aactive:hover{background:url(../images/icon68.png) 0 0 no-repeat; color:#fff;}*/ .nav li:nth-of-type(1) {margin-left:0 !important;} .header_hover{ position:fixed; left:0; top:0;height:80px; width:100%; min-width:1200px; background:#ffffff; z-index:30;} .header_hover .header_Panel {height:80px; width:1200px; margin:0 auto;} .menu{ width:100%; height:0; position:fixed; left:0; top:80px; background:url(../images/icon69.png) repeat-x;transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out; overflow:hidden; } .menu .cont{ width:1200px; margin:0 auto;} .menu_left{ width:176px; height:auto; float:left; line-height:60px; font-size:20px; color:#fff; padding-left:29px; text-align:left; font-weight:bold;} .menu_list{ width:910px; height:auto; float:right; text-align:left;} .nav li .menu_list li{ width:auto; display:inline-block; height:60px; line-height:60px; margin:0px 15px;} .nav li .menu_list li a{ font-size:14px; color:#fff; width:auto; display:block; margin:0; padding:0; height:60px; line-height:60px; background:none; position:relative;} .nav li .menu_list li a:after {content: '';position: absolute;bottom: 0;left: 0;width: 0;height: 2px;background: #fff;transition: all 0.3s ease-out;} .nav li .menu_list li:hover a:after{ width:100%;} .nav li .menu_list li a:hover{ background:none;} .nav li.next .menu{ height:60px;} .nav li.next a{background: url(../images/nav_bg.png) 0 0 no-repeat;} /*.nav li.next a.aactive{background:url(../images/icon68.png) 0 0 no-repeat;}*/ .header_hover .header_Panel .logo{margin-top:13px; width:288px; height:52px; background:url(../images/logo3.png) 0 0 no-repeat; display: inline-block; float:left; text-indent:-10000px;} .header_hover .header_Panel .nav{ margin-left:90px;} .header_hover .menu{background:#fff; -moz-box-shadow: 0px 3px 10px rgba(0,0,0,0.2);-webkit-box-shadow: 0px 3px 6px rgba(0,0,0,0.1);box-shadow: 0px 3px 6px rgba(0,0,0,0.1); border-top:1px solid #eee;} .header_hover .nav li{ margin-left:12px;} .header_hover .nav li a{ background: url(../images/nav_bg.png) 0 -70px no-repeat;} .header_hover .nav li a.aactive{background:url(../images/icon68.png) 0 -70px no-repeat;} .header_hover .nav li a:hover, .header_hover .nav li a.hover { color:#ffffff; background:url(../images/nav_bg.png) 0 0 no-repeat;} .header_hover .nav li .menu_list li a{color:#333; background:none; position:relative;} .header_hover .nav li .menu_list li a:after {content: '';position: absolute;bottom: 0;left: 0;width: 0;height: 2px;/*background: #3197f0;*/transition: all 0.3s ease-out;background: -webkit-linear-gradient(left, #3197f0 , #2c88d8);background: -moz-linear-gradient(left, #3197f0 , #2c88d8);background: -o-linear-gradient(left, #3197f0 , #2c88d8);background: linear-gradient(left, #3197f0 , #2c88d8);FILTER:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#3197f0,endColorStr=#2c88d8);} .header_hover .nav li .menu_list li:hover a:after{ width: 100%;} .header_hover .nav li.next a{ color:#fff;background: url(../images/nav_bg2.png) 0 0 no-repeat;} .header_hover .nav li.next a.aactive{ color:#fff;background:url(../images/icon68.png) 0 0 no-repeat;} .header_hover .menu_left{background: linear-gradient(to right, #3197f0, #2c88d8);-webkit-background-clip: text;-moz-background-clip: text;-ms-background-clip: text;-o-background-clip: text;color: transparent;display: inline-block;} .header_hover .menu1 .menu_left{background: linear-gradient(to right, #2d72ff, #d768ec);-webkit-background-clip: text;-moz-background-clip: text;-ms-background-clip: text;-o-background-clip: text;color: transparent;display: inline-block;} .header_hover .nav li .menu1 .menu_list li a:after{background: -webkit-linear-gradient(left, #2d72ff , #d768ec);background: -moz-linear-gradient(left, #2d72ff , #d768ec);background: -o-linear-gradient(left, #2d72ff , #d768ec);background: linear-gradient(left, #2d72ff , #d768ec);FILTER:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#2d72ff,endColorStr=#d768ec);} .f_title2{ background:url(../images/icon71.png) no-repeat right 2px; font-size:30px; font-weight:bold; text-align:right; padding-right:65px; min-height:52px;} .f_title2 h3{background: linear-gradient(to right, #03d6b0, #13b3d7);-webkit-background-clip: text;-moz-background-clip: text;-ms-background-clip: text;-o-background-clip: text;color: transparent; display:inline-block; font-weight:bold;} .f_title2 p{background:url(../images/xian1.png) no-repeat right center; padding-right:10px; font-size:16px; color:#999999; font-family:Arial; margin-top:2px; letter-spacing:1px; text-transform:uppercase; font-weight:normal;} .f_title3{background:url(../images/icon72.png) no-repeat left 2px;} .f_title4{background:url(../images/icon73.png) no-repeat right 2px;} .f_title4 h3{background: linear-gradient(to right, #33b1e7, #32d9d9);-webkit-background-clip: text;-moz-background-clip: text;-ms-background-clip: text;-o-background-clip: text;color: transparent; display:inline-block;} .f_title5{background:url(../images/icon74.png) no-repeat left 2px;} .f_title6{background:url(../images/icon75.png) no-repeat right 2px;} .f_title6 h3{background: linear-gradient(to right, #29acff, #8654ff);-webkit-background-clip: text;-moz-background-clip: text;-ms-background-clip: text;-o-background-clip: text;color: transparent; display:inline-block;} .f_title7{background:url(../images/icon76.png) no-repeat left 2px;} .f_title8{background:url(../images/icon77.png) no-repeat right 2px;} .f_title8 h3{background: linear-gradient(to right, #fe9816, #f63b25);-webkit-background-clip: text;-moz-background-clip: text;-ms-background-clip: text;-o-background-clip: text;color: transparent; display:inline-block;} .f_title9{background:url(../images/icon78.png) no-repeat left 2px;} .f_title10{background:url(../images/icon79.png) no-repeat right 2px;} .f_title10 h3{background: linear-gradient(to right, #a63fcc, #f1566c);-webkit-background-clip: text;-moz-background-clip: text;-ms-background-clip: text;-o-background-clip: text;color: transparent; display:inline-block;} .wm {padding-bottom: 100px;} .wm-title {border-bottom: 1px solid #eeeeee; padding-bottom: 14px; height: 31px; margin-top: 23px;} .wm-title span {font-size: 16px; color: #333; display: block; line-height: 16px; font-weight: bold; position: relative; float: left;} .wm-title span:after {content: ''; width: 32px; height: 2px; background: #005baa; position: absolute; bottom: -15px; left: 50%; margin-left: -16px;} .wm-list {overflow: hidden; width: 101%; padding: 30px 0 0;} .wm-list li, .wm-list dl {float: left; width: 186px; line-height: 16px; margin-bottom: 25px;} .wm-list a, .wm-list dt {font-size: 16px; color: #3c3c3c; transition: all 0.3s ease-in-out; font-weight: 500; text-transform: none;} .wm-list dt {margin-bottom: 24px;} .wm-list dd a {font-size: 14px; color: #999; line-height: 32px;} .wm-list a:hover {color: #005baa;} /*商城*/ .cont{ width:1200px; height:auto; margin:0 auto;} .shop_banner{ width:100%; height:680px; min-width:1200px; margin:0 auto; overflow:hidden; background:url(../images/banner.jpg) no-repeat; background-position:center;} .shop_user{ width:100%; height:auto; margin-top:80px;} .shop_title{ width:100%; height:auto; text-align:center;} .shop_title h3{ font-weight:normal; font-size:32px; color:#333333;} .shop_title img{ margin-top:10px;} .shop_title p{ font-size:16px; color:#666666; margin-top:5px;} .user_list{ width:100%; height:auto; margin-top:54px;} .user_list li{ width:592px; height:200px; float:left; margin-right:16px; margin-bottom:16px;} .user_list li:nth-child(2n){ margin-right:0;} .user_list li a{ display:block; width:100%; height:100%; background:url(../images/pic1.jpg) no-repeat; cursor:pointer;} .user_list li:nth-child(2) a{ background:url(../images/pic2.jpg) no-repeat;} .user_list li:nth-child(3) a{ background:url(../images/pic3.jpg) no-repeat;} .user_list li:nth-child(4) a{ background:url(../images/pic4.jpg) no-repeat;} .user_list li h3{ font-size:24px; color:#fafafa; font-weight:bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:45px 215px 0 43px;-webkit-transition: all .4s;-moz-transition: all .4s;transition: all .4s;-ms-transition: all .4s;} .user_list li p{ font-size:14px; color:#fafafa; line-height:24px;overflow:hidden; text-overflow:ellipsis; padding:10px 215px 0 43px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; height:48px;} .user_list li span{-webkit-transition: all .4s;-moz-transition: all .4s;transition: all .4s;-ms-transition: all .4s; width:86px; height:30px; line-height:30px; border:1px solid #fff; font-size:14px; color:#fafafa; margin-left:43px; margin-top:15px; display:inline-block; text-align:center; opacity:0;} .user_list li span.shop_shan{ margin-left:20px;} .user_list li a:hover h3{ padding:35px 215px 0 43px;} .user_list li a:hover span{ opacity:1;} /*我们的优势*/ .shop_good{ width:100%; height:auto; margin-top:70px; background:url(../images/bg1.jpg) no-repeat; min-height:530px; background-size:cover; background-position:center; padding-top:70px; box-sizing:border-box;} .shop_good .solute_title h3{ color:#fff;} .shop_good .solute_title h3 span{color:#fff; opacity:0.6; -webkit-opacity:0.6; -moz-opacity:0.6;} .shop_good .solute_title p{ color:#fff;} .good_list{ width:100%; height:auto; margin-top:65px;} .good_list li{ width:240px; height:auto; float:left; min-height:192px;background:url(../images/s14.png) no-repeat right center; text-align:center;padding:0 16px; box-sizing:border-box; } .good_list li:last-child{ background:none;} .good_list li a{ display:block; width:100%; height:100%; overflow:hidden;} .good_pic{ width:100%; height:42px; text-align:center;} .good_pic img{ vertical-align:bottom;} .good_text{ width:100%; height:auto; margin-top:25px;} .good_text h3{ font-weight:normal; color:#fff; font-size:20px; overflow:hidden;text-overflow:ellipsis; white-space:nowrap;} .good_text hr{ display:block; width:30px; height:auto; border:none; border-top:3px solid #fff; opacity:0.5; -webkit-opacity:0.5; -moz-opacity:0.5; margin-top:20px;} .good_text p{ font-size:14px; line-height:24px; color:#fff;text-overflow:ellipsis;display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; height:72px; margin-top:20px;} /*合作伙伴*/ .shop_partner{ width:100%; height:auto; margin-top:70px; margin-bottom:70px;} .shop_partner .cont{ width:1280px;} .partner{ width:100%; height:auto; margin-top:50px; position:relative; height:455px;} .partner .swiper-container{ width:1200px; margin:0 auto;} .partner_list{ width:100%; height:auto;border-top:1px dashed #e4e3e3;border-left:1px dashed #e4e3e3; overflow:hidden; box-sizing:border-box;} .partner_list li{ float:left; width:239px; height:150px; border:1px dashed #e4e3e3; border-left:none; border-top:none;box-sizing:border-box;} .partner_list li a{ display:table-cell; vertical-align:middle; text-align:center; width:239px; height:150px;transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;} .partner_list li a img{ max-width:238px; max-height:148px; margin:0 auto;} .partner .swiper-button-prev,.partner .swiper-button-next{ width:31px; height:59px; margin-top:-29.5px;} .partner .swiper-button-prev{ background:url(../images/s16.png) no-repeat; left:0;} .partner .swiper-button-prev:hover{background:url(../images/s16-1.png) no-repeat;} .partner .swiper-button-next{ background:url(../images/s17.png) no-repeat; right:0;} .partner .swiper-button-next:hover{background:url(../images/s17-1.png) no-repeat;} .partner_list li a:hover{ transform:rotateY(360deg);} /*小程序*/ .header_hover .nav li a.axctive{background: url(../images/icon.png) 0 -70px no-repeat;} .header_hover .nav li.next a.axctive{ color:#fff;background:url(../images/icon.png) 0 0 no-repeat;} .header_hover .menu2 .menu_left{background: linear-gradient(to right, #676bed, #26d7d7);-webkit-background-clip: text;-moz-background-clip: text;-ms-background-clip: text;-o-background-clip: text;color: transparent;display: inline-block;} .header_hover .nav li .menu2 .menu_list li a:after{background: -webkit-linear-gradient(left, #676bed , #26d7d7);background: -moz-linear-gradient(left, #676bed , #26d7d7);background: -o-linear-gradient(left, #676bed , #26d7d7);background: linear-gradient(left, #676bed , #26d7d7);FILTER:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#2d72ff,endColorStr=#d768ec);} .chengxu_banner{ background:none; } .chengxu_banner a{ display:block; width:100%; height:100%; overflow:hidden;background:url(../images/banner.jpg) no-repeat; background-size:cover; background-position:center;} .chengxu_dao{ width:100%; height:auto; margin-top:50px;} .dao_left{ float:left; width:294px; height:528px; overflow:hidden;} .dao_left a{ display:block; width:100%; height:100%; overflow:hidden; position:relative;} .dao_img{ width:100%; height:100%;background:url(../images/pic.jpg) no-repeat; position:absolute; left:0; top:0; z-index:1; transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;} .dao_text{ width:100%; height:auto; padding:57px 30px; box-sizing:border-box; position:relative; z-index:2;} .dao_text h3{ font-size:24px; color:#fff; font-weight:bold;} .dao_text p{ font-size:16px; color:#fff; margin-top:3px;} .dao_bg{ width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(0,01,0,0.5); opacity:0; z-index:3; overflow:hidden;transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;} .pic-box{ display:table-cell; vertical-align:middle; text-align:center;} .dao_bg .pic-box{ width:294px; height:528px; padding:57px 30px; box-sizing:border-box;} .dao_bg h3{ font-size:26px; color:#fff; font-weight:bold;} .dao_bg p{ color:#fff; margin-top:3px; font-size:16px;} .dao_bg span{ display:block; width:134px; height:40px; border:1px solid #fff; line-height:40px; border-radius:20px; text-align:center; margin:0 auto; margin-top:20px; font-size:14px; color:#fff;} .dao_bg span img{ margin-left:10px;} .dao_left a:hover .dao_img{ transform:scale(1.05);} .dao_left a:hover .dao_bg{ opacity:1;} .dao_right{ float:right; height:528px; width:898px;} .dao_top{ width:100%; height:340px;} .dao_topl{ float:left; width:596px; height:340px;} .dao_topl a{display:block; width:100%; height:100%; overflow:hidden; position:relative;} .dao_topl .dao_text{padding-right:405px;} .dao_topl .dao_img{background:url(../images/pic1.jpg) no-repeat;} .dao_topl .dao_bg .pic-box{ width:596px; height:340px; padding:57px 30px; box-sizing:border-box;} .dao_topl a:hover .dao_img{ transform:scale(1.05);} .dao_topl a:hover .dao_bg{ opacity:1;} .dao_topr{ width:294px; float:right;} .dao_topr .dao_text{position:relative; padding:57px 30px;} .dao_topr .dao_img{background:url(../images/pic2.jpg) no-repeat; } .dao_topr .dao_bg .pic-box{ width:294px;} .dao_bottom{ width:100%; height:180px; margin-top:8px;} .dao_bottom li{ width:294px; height:180px; float:left; margin-right:8px;} .dao_bottom li a{display:block; width:100%; height:100%; overflow:hidden; position:relative; } .dao_bottom li a .dao_text{padding:30px;padding-right:20px;} .dao_bottom li a .dao_img{background:url(../images/pic3.jpg) no-repeat; } .dao_bottom li a .dao_text img{ margin-top:20px;} .dao_bottom li:nth-child(2) .dao_img{ background:url(../images/pic4.jpg) no-repeat;} .dao_bottom li:last-child .dao_img{ background:url(../images/pic5.jpg) no-repeat;} .dao_bottom li:last-child{ margin-right:0;} .dao_bottom li .dao_bg .pic-box{ width:294px; height:180px; padding:0;} .dao_bottom li .dao_bg h3{ font-size:20px;} .dao_bottom li .dao_bg span{ margin-top:15px;} .dao_bottom li .dao_bg span img{ margin-top:0;} .dao_bottom li a:hover .dao_img{ transform:scale(1.05);} .dao_bottom li a:hover .dao_bg{ opacity:1;} /*小程序核心优势*/ .hexin{ width:100%; height:auto; margin-top:70px;} .hexin_con{ width:100%; height:auto; position:relative; background:url(../images/icon9.png) no-repeat center bottom; min-height:355px; margin-top:50px;} .hexin_con li{ position:absolute;} .hexin_con li.hexin_1{ left:0; top:123px;} .hexin_img{ text-align:center; background:url(../images/icon5.png) no-repeat; width:48px; height:48px; line-height:48px; color:#fff; font-weight:bold; font-size:18px; float:left;} .hexin_text{ float:left; margin-left:16px; background:#f6f6f6; padding:20px; box-sizing:border-box; font-size:16px; line-height:28px; position:relative; color:#333333;} .hexin_bg{ width:0; height:0; position:absolute; left:-12px; top:16px; border-top:7px solid transparent; border-bottom:7px solid transparent; border-right:12px solid #f6f6f6;} .hexin_con li.hexin_1 .hexin_text{ width:238px;} .hexin_con li.hexin_2{ left:238px; top:0;} .hexin_con li.hexin_2 .hexin_img{background:url(../images/icon6.png) no-repeat;} .hexin_con li.hexin_2 .hexin_text{ width:238px;} .hexin_con li.hexin_3{ right:238px; top:0;} .hexin_con li.hexin_3 .hexin_img{background:url(../images/icon7.png) no-repeat;} .hexin_con li.hexin_3 .hexin_text{ width:238px;} .hexin_con li.hexin_4{ right:0; top:123px;} .hexin_con li.hexin_4 .hexin_img{background:url(../images/icon8.png) no-repeat;} .hexin_con li.hexin_4 .hexin_text{ width:238px;} .index_list{ margin-top:30px;overflow: hidden;} .index_list li a{ overflow:inherit;} .index_list li p{ color:#666666; line-height:30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .fang_list li p:after{ background:#666;} /* 产品列表 */ .list-pro {padding: 35px 0;} .list-pro li {float: left;width: 24.999%;text-align: center;position: relative;} .list-pro li img {display: block;margin: 0 auto;/*box-shadow: 0 5px 15px #fff;*/border-radius: 50%;} .list-pro li .name {font-size: 18px;color: #fff;font-weight: bold;margin-top: 25px;display: block} .list-pro li:hover .name {color: #e6891e;} .list-pro li.active:after {border-width: 25px 25px 0;border-style: solid;border-color: #05163f transparent transparent;position: absolute;bottom: -60px;left: 50%;transform: translate(-50%, 0);content: "";display: block;} .list-pro li.active a {color: #e6891e;} .list-pro li .name:before {content: "";display: inline-block;background: url(../images/fy.png) no-repeat;width: 46px;height: 18px;vertical-align: middle;margin-right: 10px;background-size: cover;} .list-pro li .name:after {content: "";display: inline-block;background: url(../images/fr.png) no-repeat;width: 46px;height: 18px;vertical-align: middle;margin-left: 10px;background-size: cover;} .list-pro-cl {margin-top: 50px} .list-pro-cl ul {margin-left: -3%;margin-top: -35px} .list-pro-cl ul li {float: left;width: 22%;margin-left: 3%;margin-top: 35px;position: relative;} .list-pro-cl li .pic img {display: block;width: 100%;transition: all .6s ease;} .list-pro-cl li .pic:hover img {transform: scale(1.1, 1.1);-ms-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1);-webkit-transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);-moz-transition: all .6s ease;-ms-transition: all .6s ease;-o-transition: all .6s ease;-webkit-transition: all .6s ease;transition: all .6s ease;} .list-pro-cl li .pro-name {background: #005aa9;overflow: hidden;padding: 25px 0 5px 30px;margin-top: -20px;} .list-pro-cl li .pro-name:before {display: block;background: url(../images/dian.png) no-repeat;background-size: cover;content: "";width: 34px;height: 34px;position: absolute;left: 10px;bottom: 7px;} .list-pro-cl .pro-name h3 {float: left;line-height: 38px;width: 75%;} .list-pro-cl .pro-name h3 a {color: #fff;font-weight: bold;font-size: 18px;width: 100%;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap} .list-pro-cl ul li:hover h3 a {color: #e6891e;} .list-pro-cl .pro-name .look {float: right;margin-right: 20px;} .list-pro-cl .pic {text-align: center;display: block;margin: 0 auto;overflow: hidden;} .list-pro-cl h2 {font-size: 38px;color: #05163f;text-align: center;font-weight: bold;margin-top: -50px;} .list-pro-cl h2 img {display: inline-block;margin-left: -35px;width: 30px;height: 30px;margin-top: -10px;} .list-pro-cl .tit {text-align: center;font-size: 18px;color: #555f7d;margin-top: 20px;margin-bottom: 40px;} .m-b50{margin-bottom: 50px;} /* 产品列表end*/ /* 产品详情 */ .pro-cont .pro-head-bg {background: #f0f3fa;} .pro-cont .pro-head {overflow: hidden;padding-bottom: 50px;position: relative;margin: 0 auto;max-width: 1920px;} .pro-head .pro-head-l {float: left;max-width: 800px;width: 42%;margin-top: 40px;position: absolute;left: 4%;} .pro-head .pro-head-l .img {width: 100%;max-width: 800px;} .pro-head .pro-head-l ul {overflow: hidden;width: 85%;margin-top: 20px;} .pro-head .pro-head-l li {float: left;width: 33.333%;text-align: center;font-size: 16px;color: #788291;} .pro-head .pro-head-l li span {color: #fff;font-size: 16px;box-sizing: border-box;margin-right: 5px;width: 39px;display: inline-block;text-align: center;background: url(../images/sp_bg.png) no-repeat;background-size: 39px 32px;line-height: 32px;padding-left: 8px;} .pro-head .pro-head-r {float: right;background: #0d173a;background: -webkit-linear-gradient( #adbbe1 20%, #0d173a);background: -o-linear-gradient( #adbbe1 20%, #0d173a);background: -moz-linear-gradient( #adbbe1 20%, #0d173a);background: linear-gradient( #adbbe1 20%, #0d173a);max-width: 1100px;width: 58%;padding: 55px 16% 50px 7%;box-sizing: border-box;border-bottom-left-radius: 50px;} .pro-head-r h1 {font-size: 36px;color: #05163f;font-weight: bold;margin-top: 10px;} .pro-head-r h1:before {background: url(../images/fire.png) no-repeat;display: inline-block;content: "";width: 29px;height: 34px;vertical-align: middle;margin-top: -10px;margin-right: 10px;background-size: cover;} .pro-head-r .tit {font-size: 16px;color: #465174;margin-top: 10px;margin-bottom: 30px} .pro-head-r .tit span {font-size: 16px;color: #e6891e;font-weight: bold} .pro-head-r .pro-sc {background: #f0f3fa;border-radius: 10px;overflow: hidden;padding: 20px 0;} .pro-head-r .pro-sc li {text-align: center;width: 50%;float: left} .pro-head-r .pro-sc li img {width: 48px;} .pro-head-r .pro-sc li span {display: block;font-size: 16px;color: #2b3040;margin: 15px auto 5px;} .pro-head-r .pro-sc li p {font-size: 16px;color: #e6891e;font-weight: bold} .pro-head-r .pro-sc li.first {border-right: 1px solid #dbe0ed;margin-left: -1px} .pro-sc-dt {overflow: hidden;background: #3b4e80;padding: 10px;border-radius: 10px;position: relative;margin-bottom: 20px;} .pro-sc-dt:before {width: 351px;height: 18px;background: url(../images/bc.png) no-repeat;display: block;position: absolute;right: 5px;top: 0;content: "";} .pro-sc-dt:after {width: 351px;height: 18px;background: url(../images/bc_bot.png) no-repeat;display: block;position: absolute;right: 5px;bottom: 0;content: "";} .pro-sc-dt .fl {float: left;border-radius: 10px;background: #f0f3fa;box-sizing: border-box;width: 45%;} .pro-sc-dt .fl .bott {border-bottom: 1px dashed #d7e4ff;} .pro-sc-dt .fl p {padding: 20px 0 20px 10px;} .pro-sc-dt .fl img {width: 36px;vertical-align: middle;margin-top: -3px;margin-right: 5px;} .pro-sc-dt .fl .one {font-size: 16px;color: #2b3040;} .pro-sc-dt .fl .two {font-size: 16px;color: #e6891e;font-weight: bold;} .pro-sc-dt .fr {float: left;width: 52%;margin-left: 3%;margin-top: 10px;} .pro-sc-dt .fr p {color: #d2e1ff;font-size: 14px;} .pro-sc-dt .fr ul {overflow: hidden;margin-top: 10px;} .pro-sc-dt .fr li {float: left;text-align: center;width: 31.33%;margin-right: 2%;} .pro-sc-dt .fr li img {width: 112px;/* height: 74px; */display: block;border-radius: 5px;} .pro-sc-dt .fr li span {color: #d2e1ff;font-size: 14px;display: block;margin-top: 10px;} .pro-sc-dt .fr .pro-head-r .pro-js {margin-top: 15px} .pro-head-r .pro-js p {font-size: 14px;color: #f0f3fa;border-bottom: 1px dashed #27335c;padding: 15px 0;} .pro-head-r .pro-js p a {color: #fff;} .pro-head-r .bottom {overflow: hidden;padding-top: 25px;} .pro-head-r .bottom .swt {float: left;width: 50%;text-align: center;} .pro-head-r .bottom .b-r {float: left;width: 50%;text-align: center;margin-top: 25px;padding-left: 40px;box-sizing: border-box;} .pro-head-r .bottom .b-r {overflow: hidden;} .pro-head-r .bottom .b-r .ewm {float: left;max-width: 85px;} .pro-head-r .bottom .b-r .ewm-dh {float: left;overflow: hidden;} .pro-head-r .bottom .b-r .ewm-dh p {text-align: left;margin-left: 10px;margin-top: 4px;} .pro-head-r .bottom .ewm-dh .one {font-size: 14px;color: #fff;} .pro-head-r .bottom .ewm-dh .two {font-size: 14px;color: #fff;} .pro-head-r .bottom .ewm-dh .two span {font-size: 22px;color: #e6891e;} .pro-nav {margin: 50px auto 30px;} .pro-nav ul {overflow: hidden;border: 1px solid #e8ebf1;padding: 15px 0;box-sizing: border-box;border-radius: 50px;box-sizing: border-box;-moz-box-shadow: 2px 0 20px rgba(21, 53, 129, 0.2) inset;-webkit-box-shadow: 2px 0 20px rgba(21, 53, 129, 0.2) inset;box-shadow: 2px 0 20px rgba(21, 53, 129, 0.2) inset;} .pro-nav ul li {float: left;text-align: center;width: 20%} .pro-nav li a {color: #2b3040;font-size: 18px;border-right: 1px solid #edeff4;display: block;} .pro-nav li:hover a {color: #e6891e;} .pro-nav li.over {border-right: none;} .pro-cont .new-r {margin-top: 0} .pro-cont .xg-cp {margin-top: 25px;} .pro-cont h3 {text-align: center !important;width: 100%;padding-left: 0;margin: 30px 0 20px;} .pro-cont h3:before {width: 82px;height: 21px;content: "";display: inline-block;background: url(../images/ic1.png) no-repeat;position: static;margin-right: 15px;} .pro-cont h3:after {width: 82px;height: 21px;content: "";display: inline-block;background: url(../images/ic2.png) no-repeat;position: static;margin-left: 15px;} .advantage {margin-top: 30px} .advantage li {position: relative;margin-bottom: 15px;} .advantage li strong {color: #fff;font-size: 15px;padding: 7px 20px 7px 0;font-weight: normal;border-radius: 30px;position: relative;padding-left: 40px;background: #84c9b7;} .advantage li strong span {font-size: 18px;width: 40px;height: 40px;display: inline-block;box-sizing: border-box;border-radius: 50%;border: 1px solid #e8ebf1;background: #fff;text-align: center;line-height: 40px;margin-left: -1px;margin-right: 15px;font-weight: bold;position: absolute;top: -7px;left: -5px;color: #333;} .advantage li:first-child strong {background: #84c9b7;} .advantage li:nth-child(2) strong {background: #f25a29;} .advantage li:nth-child(3) strong {background: #27aae2;} .advantage li:nth-child(4) strong {background: #8ec63f;} .advantage li:nth-child(5) strong {background: #697db4;} .advantage li:nth-child(6) strong {background: #84c9b7;} .advantage li:nth-child(7) strong {background: #f25a29;} .advantage li:nth-child(8) strong {background: #27aae2;} .advantage li:nth-child(9) strong {background: #8ec63f;} .advantage li:nth-child(10) strong {background: #697db4;} .advantage li:first-child strong span {background: #fff;color: #84c9b7;border: 1px solid #84c9b7;} .advantage li:nth-child(2) strong span {background: #fff;color: #f25a29;border: 1px solid #f25a29;} .advantage li:nth-child(3) strong span {background: #fff;color: #27aae2;border: 1px solid #27aae2;} .advantage li:nth-child(4) strong span {background: #fff;color: #8ec63f;border: 1px solid #8ec63f;} .advantage li:nth-child(5) strong span {background: #fff;color: #697db4;border: 1px solid #697db4;} .advantage li:nth-child(6) strong span {background: #fff;color: #84c9b7;border: 1px solid #84c9b7;} .advantage li:nth-child(7) strong span {background: #fff;color: #f25a29;border: 1px solid #f25a29;} .advantage li:nth-child(8) strong span {background: #fff;color: #27aae2;border: 1px solid #27aae2;} .advantage li:nth-child(9) strong span {background: #fff;color: #8ec63f;border: 1px solid #8ec63f;} .advantage li:nth-child(10) strong span {background: #fff;color: #697db4;border: 1px solid #697db4;} .dg-cs table {width: 100%} .dg-cs h3 {font-size: 26px;color: #05163f;font-weight: bold;} .dg-cs p {font-size: 16px;color: #555f7d;line-height: 2em;margin-top: 15px;margin-bottom: 15px;} .dg-cs tr {padding: 5px 10px;box-sizing: border-box;} .dg-cs tr td {padding: 15px 0;box-sizing: border-box;} .dg-cs .one-color {background: #8b224d;background: -webkit-linear-gradient(left, #8b224d, #1b2057);background: -o-linear-gradient(right, #8b224d, #1b2057);background: -moz-linear-gradient(right, #8b224d, #1b2057);background: linear-gradient(to right, #8b224d, #1b2057);color: #fff;} .more-list {/* background: #0d173a; */position: relative;overflow: hidden;} /* .more-list:after {background: url('../images/lw_dw.png') no-repeat;background-size: 100% 100%;width: 1884px;height: 1033px;position: absolute;bottom: 0;content: "";display: block;} */ .more-list .cs-two {max-width: 1300px;margin: 0 auto;width: 100%;position: relative;z-index: 10;overflow: hidden;} .more-list .cs-two h3 {font-size: 26px;margin-bottom: 30px;color: #05163f;font-weight: bold;} .more-list .cs-two .list p {font-size: 16px;color: #555f7d;line-height: 2em;margin-top: 15px;margin-bottom: 15px;margin-left: 5%;} .cs-two-bg {background: #fff;overflow: hidden;position: relative;/* border: 1px solid #c2cdef; */} /* .cs-two-bg:after {box-shadow: 1px 0px 0px rgba(21, 53, 129, 0.2) inset;content: "";position: absolute;top: 0;bottom: 0;left: 22%;display: block;right: 0} */ .more-list .cs-two .list {width: 100%;/* overflow: hidden; */padding-bottom: 50px;padding-top: 50px;box-sizing: border-box;margin: 0 auto;border: 1px solid #c2cdef;} .more-list .fl {/* width: 22%;float: left; */position: relative;} /* .more-list .fl:after {background: url('../images/kf_bg.png') no-repeat;width: 100%;height: 250px;background-size: 100% 100%;content: "";position: absolute;top: 0;} */ .more-list .fl .cs-kf {position: relative;z-index: 10;cursor: pointer;display: none;} .more-list .fl .cs-kf img {margin-left: -10%;margin-top: 15px;} .more-list .fl .cs-kf span {font-size: 20px;color: #fff;display: block;margin-left: 15%;margin-top: 10px} .more-list .fl ul {/* margin-top: 60px; */margin-bottom: 25px;overflow: hidden;margin-left: -2%;} .more-list .fl ul li {color: #465174;font-size: 16px;padding: 15px 30px;box-sizing: border-box;cursor: pointer;margin-bottom: 25px;border-radius: 30px;display: inline-block;margin-left: 2%;background: #e0e8ff;} .more-list .fl ul li.cur {/* border: 3px solid #8e1d64;position: relative; */box-shadow: 0 8px 13px rgba(151, 30, 98, 0.3);background: url(../images/x_bg.png) repeat;padding: 19px 4px;} .more-list .fl ul li.cur span {background: #e0e8ff;padding: 15px 30px;border-radius: 30px;} /* .more-list .fl ul li.cur:before {background: url('../images/bk.jpg') no-repeat;height: 100%;width: 6px;content: "";display: block;position: absolute;left: 0;top: 0;} */ .more-list table {margin: 0 auto;width: 95%;} .more-list table td {font-size: 14px;padding: 15px 5px;box-sizing: border-box;word-break: break-all;} .cs-two-bg .list .cs-tb {background: url("../images/ys_bg.png") no-repeat;padding: 30px 0;margin-bottom: 40px;border-top-left-radius: 15px;border-top-right-radius: 15px;position: relative;} .cs-two-bg .list .cs-tb:before {background: url(../images/cs_kf.png) no-repeat;background-size: cover;width: 160px;height: 120px;content: "";display: block;position: absolute;top: -35px;} .cs-two-bg .list .cs-tb strong {font-size: 26px;color: #fff;padding-left: 55px;display: block;display: none;} .cs-two-bg .list .cs-tb span {font-size: 16px;color: #fff;display: block;padding-left: 255px;/* margin-top: 14px; */} .cs-two-bg .list .cs-tb a {font-size: 18px;color: #2b3451;background: #e8eeff;padding: 10px 25px;border-radius: 35px;margin-left: 15px;border: 3px solid rgba(0, 0, 0, 0.1);} /*haowenjing*/ .cs-two-bg .cs-tb {background: url("../images/ys_bg.png") no-repeat;padding: 30px 0;border-top-left-radius: 15px;border-top-right-radius: 15px;position: relative;} .cs-two-bg .cs-tb:before {background: url(../images/cs_kf.png) no-repeat;background-size: cover;width: 160px;height: 120px;content: "";display: block;position: absolute;top: -35px;} .cs-two-bg .cs-tb strong {font-size: 26px;color: #fff;padding-left: 55px;display: block;display: none;} .cs-two-bg .cs-tb span {font-size: 16px;color: #fff;display: block;padding-left: 228px;/* margin-top: 14px; */} .cs-two-bg .cs-tb a {font-size: 18px;color: #2b3451;background: #e8eeff;padding: 10px 25px;border-radius: 35px;border: 3px solid rgba(0, 0, 0, 0.1);display: inline-block;} /*haowenjing*/ .dn {display: none;}/* .new-cont-l table { } */ .new-cont-l table td {box-sizing: border-box;word-break: break-all;padding: 10px 0;min-width: 68px;} .new-cont-l table td p {color: #fff;} .pro-xg-wz {margin-top: 0;border: 1px solid #f0f3fa;} .pro-xg-wz .xg_tit {overflow: hidden;background: #f0f3fa;} .pro-xg-wz .xg_tit h4 {color: #05163f;font-weight: bold;font-size: 20px;float: left;padding: 10px 20px;background: #fff;border-top-right-radius: 15px;} .pro-xg-wz .xg_tit h4 a {color: #05163f;font-weight: bold;font-size: 20px;float: left;padding: 10px 0;background: #fff;border-top-right-radius: 15px;padding-right: 10px} .pro-xg-wz .xg_tit h4:before, .pro-xg-wz .xg_tit h4:after {display: none} .pro-xg-wz .xg_tit span {float: right;padding: 10px 0;} .pro-xg-wz .xg_tit span a {font-size: 16px;color: #4b556e;display: block;margin-top: 3px;padding-right: 20px;} .xg-al {margin: 70px auto 40px;} .xg-al h4 {text-align: center;width: 100%;margin: 20px 0;font-weight: bold;font-size: 26px;color: #05163f;} .xg-al h4 a {font-weight: bold;font-size: 26px;color: #05163f;} .xg-al h4:before {width: 82px;height: 21px;content: "";display: inline-block;background: url(../images/ic1.png) no-repeat;position: static;margin-right: 15px;} .xg-al h4:after {width: 82px;height: 21px;content: "";display: inline-block;background: url(../images/ic2.png) no-repeat;position: static;margin-left: 15px;} .xg-al ul {overflow: hidden;margin-left: -3%;} .xg-al li {overflow: hidden;float: left;width: 47%;margin-left: 3%;} .xg-al li .al-img {width: 49%;float: left;margin-right: 3%;} .xg-al li .al-img img {width: 100%;border-radius: 10px} .xg-al li .al-r {width: 48%;float: left;} .xg-al li .al-r h5 {margin-bottom: 30px} .xg-al li .al-r h5 a {font-size: 18px;color: #2b3040;font-weight: bold;line-height: 32px;} .xg-al li .al-r p {font-size: 16px;color: #555f7d;margin-top: 10px;} .xg-al li .al-r p span {color: #e6891e;} .xg-al li .al-r img {width: 24px;vertical-align: middle;margin-top: -3px;margin-right: 10px} /*==============产品详情 start==============*/ .breadnav{clear:both; line-height:1; color:#fff; padding:15px 0px 24px 0px; } .breadnav a:link,.breadnav a:visited{color:#fff; text-decoration:none; } .breadnav a:hover,.breadnav a:active{color:#fccc00; text-decoration:none; } .n_pro{background: #05163f;padding-top: 100px;background: url(../images/pro_bg.jpg) top center;} /**/ .proone{padding-bottom:53px; position:relative; padding-top: 100px;} .proone:before{content:''; width:761px; height:199px; background:url(../images/prooneicon06.png) no-repeat center top; background-size:761px; position:absolute; left:-65px; bottom:0; } .proonefre.proone:before{background:url(../images/prooneicon07.png) no-repeat center top; right:-94px; left:auto; bottom:8px; height:230px; background-size:761px; } .proone .proonefl{float:left; width:586px; position:relative; z-index:1; } .proone .proonefl .prooneflpic{clear:both; display:block; overflow:hidden; } .proone .proonefl .prooneflicon{clear:both; text-align:left; line-height:1; padding-top:15px; } .proone .proonefl .prooneflicon span{padding-right:25px; display:inline-block; padding-left:14px; background:url(../images/prodot01.png) no-repeat left center; } .proone .proonefr{float:right; width:550px; position:relative; z-index:1; } .proone .proonefr h1{color:#fff; font-size:30px; display:inline-block; position:relative; line-height:1; margin-bottom:28px; } .proone .proonefr h1:after{content:''; position:absolute; right:-78px; top:-5px; background:url(../images/prooneicon01.png) no-repeat center top; background-size:63px; width:63px; height:40px; } .proone .proonefr .proonefrtab{clear:both; } .proone .proonefr .proonefrtab li{float:left; color:#fff; width:169.5px; margin-left:10px; border-radius:5px 5px 0px 0px; background-color:#006dbc; background-image:linear-gradient(90deg, #006dbc, #1b92de); background-position:left center; background-size:100% 100%; background-repeat:no-repeat; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; text-align:center; line-height:26px; } .proone .proonefr .proonefrbox{margin:9px 11px; position:relative; padding:10px 15px; z-index:2; } .proone .proonefr .proonefrbox:after{content:''; position:absolute; left:0px; bottom:0px; right:0px; top:0px; background:#fff; z-index:2; box-shadow:0px 4px 20px rgba(0, 0, 0, 0.2) inset; } .proone .proonefr .proonefrbox:before{content:''; position:absolute; left:-11px; right:-11px; top:-9px; bottom:-9px; background:url(../images/homefivebg.jpg) repeat; z-index:1; box-shadow:0px 4px 20px rgba(0, 0, 0, 0.2); } .proone .proonefr .proonefrbox p{position:relative; z-index:3; clear:both; display:block; line-height:30px; padding:5px 0px; color:#1b1b1b; } .proone .proonefr .proonefrbox p strong{font-weight:normal; } .proone .proonefr .proonefrbox p:first-child,.proone .proonefr .proonefrbox p:nth-child(2){clear:none; float:left; background:url(../images/prodot01.png) no-repeat left 16px; padding-left:15px; margin-bottom:7px; } .proone .proonefr .proonefrbox p:first-child span,.proone .proonefr .proonefrbox p:nth-child(2) span{color:#006dbc; font-size:16px; font-weight:bold; } .proone .proonefr .proonefrbox p:first-child{padding-right:80px; } .proone .proonefr .proonefrbox p:nth-child(3){border-top:1px solid #e8e8e8; padding-top:10px; } .proonefrspec{background:url(../images/prooneicon04.jpg) no-repeat center bottom #fff; background-size:100%; margin:0px 25px; border-radius:0px 0px 5px 5px; overflow:hidden; padding:13px 0px; box-shadow:0px 4px 8px rgba(0, 0, 0, 0.1); } .proonefrspec p{float:left; } .proonefrspec p:first-child{border-right:1px solid #eee; } .proonefrspec p:first-child span{clear:both; display:block; text-align:center; font-size:14px; font-weight:bold; line-height:1; padding-bottom:2px; color:#1c1c1c; } .proonefrspec p:first-child span i{clear:both; display:block; font-weight:normal; font-style:normal; padding-top:2px; color:#4c4c4c; } .proonefrspec p:first-child span:first-child+span{color:#b80000; } .proonefrspec p:first-child+p{padding:0px 0px 0px 5px; } .proonefrspec p:first-child+p span{float:left; text-align:center; width:47px; height:47px; overflow:hidden; border-radius:50%; border:2px solid #fff; box-shadow:-3px 0px 4px rgba(255, 130, 0, 0.38); position:relative; margin-left:10px; } .proonefrspec p:first-child+p span i{position:absolute; left:0px; right:0px; bottom:0px; line-height:1; color:#fff; background:#7d3719; font-style:normal; padding:2px 0px 6px 0px; } .proonefrspec p:first-child+p img{clear:both; display:block; } .proonefrbom{padding-top:25px; text-align:left; } .proonefrbom a{display:inline-block; color:#fff; background-color:#006dbc; background-image:linear-gradient(90deg, #006dbc 0%, #1b92de 50%,#006dbc 100%); background-position:left center; background-size:200% 100%; background-repeat:no-repeat; width:145px; line-height:34px; border-radius:17px; text-align:center; cursor:pointer; transition:background-position .6s ease; } .proonefrbom a:hover{background-position:right center; } .proonefrbom span{float:right; line-height:34px; } .proonefrbom span strong{font-size:26px; color:#006dbc; } .proonefritem{clear:both;padding-top:20px;position: relative;padding-left: 75px;} .proonefritem .proonefritempic{position: absolute;width:50px;margin-right:10px;left: 0px;top: 20px;} .proonefritem .proonefritemtit{float:left;border:1px dashed #eee;line-height:30px;border-radius:10px;padding:0px 15px;position:relative;margin-top:19px;} .proonefritem .proonefritemtit:after,.proonefritem .proonefritemtit:before{color:#de7a1b; font-size:26px; font-weight:bold; position:absolute; line-height:1; } .proonefritem .proonefritemtit:after{content:'“'; left:-18px; top:-7px; } .proonefritem .proonefritemtit:before{content:'”'; right:-15px; bottom:-19px; } /**/ .proxz{margin-bottom: 40px;} .proxztop{clear:both;display:block;position:relative;margin-bottom: 25px;z-index: 2;} .proxztop .proxztopp01{clear:both;display:block;font-size:24px;font-weight:bold;color:#333;line-height: 1;} .proxztop .proxztopp02{clear:both;display:block;text-align:left;line-height:1;margin-top: 20px;color:#888;} .proxztop .proxztopp03{position:absolute;right:0px;bottom: 14px;line-height:1;margin-top:25px;color:#888;} .proxztop .proxztopp03 em{position:absolute;width:12px;display:block;left: 76px;top: 20px;} .proxzbom{height: 500px;position: relative;background: #edf2f6;padding-top: 1px;position: relative;height: 370px;} .proxzbom .proxzname{clear: both;text-align: center;line-height: 1;width: 624px;margin: 70px auto 0px;} .proxzbom .proxzbombox{background:url(../images/proxzicon05.png) no-repeat center bottom;position: absolute;z-index: 1;background-size: 520px;width: 520px;left: 50%;margin-left: -260px;top: 0px;height: 81.081081%;z-index:5;} .proxzmain{width:80%; margin: 0 auto; height:95%; position: relative;} .proxzitem{position:absolute;} .proxzitem span{display:block;} .proxzitem i{clear:both;display:block;font-style:normal;} .proxzitem01{z-index:1;width:70px;left: 189px;top: 170px;} .proxzitem01 .proxzitem01icon{position:absolute; width:28px; left:50%; margin-left:-14px; top:22px;} .proxzitem01 .proxzitem01txt{color:#617a8c;text-align:center;position:absolute;left:0px;right:0rem;top: 57px;line-height: 14px;} .proxzitem02{z-index: 6;width:100px;right: 189px;top: 206px;} .proxzitem02 .proxzitem02icon{position:absolute;width: 36px;left:50%;margin-left: -18px;top: 32px;} .proxzitem02 .proxzitem02txt{color:#617a8c;text-align:center;position:absolute;left:0px;right:0rem;top: 73px;line-height: 16px;} .proxzitem03{z-index: 1;width:135px;left: 50px;bottom: 45px;} .proxzitem03 .proxzitem03txt{clear:both;display:block;text-align:left;color:#617a8c;line-height: 16px;} .proxzitem04{width: 180px;left:50%;margin-left: -90px;bottom: 27px;} .proxzbom.proxzbom2 .proxzbombox{width: 1200px;background: none;margin-left: -500px;padding:0px 0px 0px 0px;top: 20px;} .proxzbom.proxzbom2 .proxzitem01{left: 67px;top: 126px;} .proxzbom.proxzbom2 .proxzitem02{right: 70px;top: 210px;} .proxzbom.proxzbom2 .proxzitem03{left: 50px;bottom: 30px;} .proxzbom.proxzbom2 .proxzmain{width:80%;height:100%;} /***/ .protwo{clear:both; background:url(../images/protwobg01.png) no-repeat center top; background-size:1200px; position: relative; z-index: 5;} .ie8-hack .protwo{background: none;} .protwo .protwofl{float:left; width:860px; } .protwo .protwofl .protwonav{clear:both; width:100%; padding-top:10px; } .protwo .protwofl .protwonav li{float:left; padding-right:10px; } .protwo .protwofl .protwonav li a{clear:both; display:block; width:138px; line-height:38px; text-align:center; border-radius:5px 5px 0px 0px; border:1px dashed #bfbfbf; border-bottom:0px; font-size:16px; } .ie8-hack .protwo .protwofl .protwonav li a{border:1px dashed #bfbfbf;} .protwo .protwofl .protwonav li a:hover,.protwo .protwofl .protwonav li:first-child a{border:1px solid #006dbc; border-bottom:0px; background:#006dbc; color:#fff; } .protwobox h3 {font-size:24px; margin:15px 0; color:#272727; background:url(../images/protwoicon01.png) no-repeat left center; padding-left:57px; line-height:35px; margin:50px 0px 30px 0px; } .ie8-hack .protwobox h3{background: none; padding-left:0px;} .protwobox{padding-top:15px;} .protwobox p {text-align:left;line-height:2; font-size:16px;margin-bottom: 15px;} .protwobox img{margin: 0 auto; display: block;} .protwobox .swiper-slide{text-align: center;} .protwobox .swiper-slide span{display: block;padding: 10px 0;} .protwobox video {clear:both; margin:17px auto; display:block; width:100%; } .protwobox .NybAdvantageTop{padding:5px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;text-indent: 0px;} .protwobox .NybAdvantageTop span{padding:0px 0px; font-weight:bold; line-height:26px; display:block; text-indent:0px; color:#000; } .protwobox .NybAdvantageTop em{float:left; background:#ffd200; display:block; font-size:16px; color:#ff1a1a; font-weight:bold; text-indent:0; font-style:normal; border-radius:50%; width:26px; height:26px; text-align:center; line-height:26px; margin-right:10px; } .protwofr{float:right; width:310px; } .protwofr2 .protwofrhottit{padding-top: 30px;} .protwofrhottit{clear:both; font-size:24px; font-weight:bold; color:#272727; padding:80px 0px 10px 30px; background: url(../images/protwobg02.jpg) repeat} .protwofrhottit h4{background:url(../images/protwoicon01.png) no-repeat left center; padding-left:57px; line-height:1; background-size:45px; display: inline-block;} .ie8-hack .protwofrhottit h4{background: none; padding-left:0px;} .protwofr .protwofrhot ul{clear:both; background:url(../images/protwobg02.jpg) repeat; padding: 10px 30px ;} .protwofr .protwofrhot ul li{margin-bottom:24px; box-shadow: 0 5px 15px #c4c5ca;} .protwofr .protwofrhot ul .protwofrhotpic{clear:both; display:block; background:url(../images/homefivebg.jpg) repeat; padding:7px; box-shadow:-4px 4px 8px rgba(0, 0, 0, 0.09); position:relative; z-index:2; } .protwofr .protwofrhot ul .protwofrhotpic img{ } .protwofr .protwofrhot ul .protwofrhottxt{background:url(../images/homefivebg.jpg) repeat; overflow:hidden; line-height:37px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; } .protwofr .protwofrhot ul .protwofrhottxt .protwofrhottxtfl{float:left; background:#fee2cc; color:#cb291e; width:52px; text-align:center; position:relative; margin-right:45px; } .protwofr .protwofrhot ul .protwofrhottxt .protwofrhottxtfl:after{position:absolute; content:''; width:46px; height:8px; background:url(../images/protwoicon02.png) no-repeat right top; background-size:46px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); right:-37px; } .ie8-hack .protwofr .protwofrhot ul .protwofrhottxt .protwofrhottxtfl{margin-right:15px;} .ie8-hack .protwofr .protwofrhot ul .protwofrhottxt .protwofrhottxtfl:after{display: none;} /**/ .proparametr{padding:10px 0px;} .proparametr .proparametrtop{float:left;width: 100%;margin-left: -15px;position: relative;z-index: 2;} .proparametr .proparametrtop p.proparametrtit{ cursor: pointer; border:1px solid #cba1ae;line-height:20px;padding:8px 5px;margin-bottom:10px;border-radius:25px;font-size:14px;color:#333;float: left;width: 199px;margin-left: 15px;text-indent: 0px;text-align: center;} .proparametr .proparametrtop p.proparametrtit.on{color:#fff;position:relative;box-shadow:0px 3px 16px rgba(0, 0, 0, 0.24);background-color: #c9221e;background-image: linear-gradient(90deg, #c9221e 30%, #de7b1b 50%, #c9221e);background-position: left center;background-size: 200% 100%;background-repeat: no-repeat;transition: background-position .6s ease;} .proparametr .proparametrbom{float:right;width: 100%;margin-top: 2px;} .proparametr .proparametrbom #proparametrbomitem{clear: both;position: relative;background: url(../images/homefivebg.jpg) repeat;padding: 20px 15px;} .proparametr .proparametrbom #proparametrbomitem table{background:#fff;border-collapse: collapse;} .proparametr .proparametrbom #proparametrbomitem table td{border: 1px solid #cacaca;} .proparametr .proparametrbom .proparametrbombox{clear:both;display:block;background:url(../images/csman.png) no-repeat left top;background-size:180px;padding-left:200px;height: 199px;padding-top: 60px;margin-top: -25px;position: relative;z-index: 2;} .proparametr .proparametrbom .proparametrbombox p{padding:0px; margin:0px; text-indent:0px; background: url(../images/proitemicon04.png) no-repeat left 8px; margin-bottom:5px; padding-left:15px; background-size:8px; } .proparametr .proparametrbom .proparametrbombox p span{color: #c3311c; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-image: -webkit-linear-gradient(left,#bf211d, #d3751b);} /**/ .prothree{clear:both; background:url(../images/prothreeicon01.jpg) repeat; position:relative; padding:40px 0px 80px 0px; } .prothree.newmargin{margin-top:-20px; } .prothree:after{position:absolute; z-index:2; content:''; left:0px; bottom:0px; top:0px; right:0px; background:url(../images/prothreeicon03.png) no-repeat center bottom; background-size:100%; } .prothree::before{position:absolute; z-index:2; content:''; left:0px; bottom:-60px; top:0px; right:0px; background:url(../images/prothreeicon04.png) no-repeat center bottom; background-size:100%; } .prothree .prothreetit{clear:both; text-align:left; font-size:14px; line-height:35px; background:url(../images/homeoneicon01.png) no-repeat left center; padding-left:36px; background-size:30px; } .prothree .prothreetit h4{float:left; margin-right:20px; font-size:32px; font-family: "Microsoft JhengHei","Helvetica Neue", "Microsoft YaHei", Helvetica, STHeiTi, sans-serif; font-weight:bold; } .prothree .prothreetit h4 a{clear:both; background:none; font-size:32px; } .prothree .prothreetit a{background:url(../images/prothreeicon02.png) no-repeat right 7px; padding-right:35px; line-height:30px; display:inline-block; } .videorel .prothreetit{clear:both; text-align:right; font-size:24px; font-weight:bold; color:#272727; padding:30px 0px 22px 0px; } .videorel .prothreetit h4{background:url(../images/protwoicon01.png) no-repeat left 9px; padding-left:57px; line-height:1; background-size:45px; display: inline-block;} .prorelatNew{position:relative; z-index:3; margin-top: 30px;} .prorelatNew ul{padding:10px 0px; } .prorelatNew li{float:left; width:356px; background:url(../images/prodot01.png) no-repeat left center; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; margin-left:23px; padding:10px 0px 10px 20px; line-height:24px; } .promoremend{position:relative; z-index:3; } .promoremend ul{clear:both; display:block; padding:17px 0px 0px 10px; } .promoremend ul li{float:left; margin-left:-10px; padding:10px 0px; } .promoremend ul li a{clear:both; display:block; line-height:32px; border:1px dashed #969696; padding:0px 16px; border-radius:16px; } .promoremend ul li a:hover{color:#c9221e; border-color:#c9221e; } /**/ .prorelatCase{position:relative; z-index:3; } .prorelatCase ul{padding:25px 0px 10px 0px; } .prorelatCase ul li{float:left; margin-left:23px; width:276px; margin-bottom:10px; transition:all 0.3s; } .prorelatCase ul li a{clear:both; display:block; } .prorelatCase ul li a:first-child+a{color:#0e0e0e; font-size:14px; text-align:center; padding:15px 10px 15px 10px; line-height:24px; position:relative; overflow:hidden; background:#edf1fb; white-space: nowrap;-ms-text-overflow: ellipsis;text-overflow: ellipsis;} .prorelatCase ul li a:first-child{position:relative; overflow:hidden; } .prorelatCase ul li a:first-child img{width: 100%;height: auto;} .prorelatCase ul li a:first-child:after{content:''; position:absolute; left:0px; right:0px; height:100%; background:rgba(0, 0, 0, 0.24); bottom:-100%; z-index:1; } .prorelatCase ul li a:first-child:before{content:''; position:absolute; left:50%; top:150%; width:50px; height:50px; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); background:url(../images/hovericon.png) no-repeat center center rgba(0, 0, 0, 0.5); background-size:39px; z-index:2; border:2px solid #fff; border-radius:50%; transition:all 0.5s; -webkit-transition:all 0.5s; } .prorelatCase ul li:hover a:first-child:after{bottom:0%; transition:all 0.5s; -webkit-transition:all 0.5s; } .prorelatCase ul li:hover a:first-child:before{top:50%; transition:all 0.5s; -webkit-transition:all 0.5s; } .prorelatCase ul li:hover{ transition:all 0.3s; box-shadow:0px 5px 12px rgba(0, 0, 0, 0.1); } /**/ .profour{position:relative; clear:both; background-size:100%; margin-top:-54px; position:relative; z-index:3; height: 610px;overflow: hidden;} .inside+.profour{margin-top:0px;} .profour .m_mn{position:absolute; left:50%; top:138px; margin-left:-600px;} .profour1{height: 500px;} .profour1 .m_mn{top: 30px;} .profour .profourtop{margin-left:20px; width:680px; height:35px; font-size:14px; background:url(../images/profouricon01.png) no-repeat center left; color:#fff; padding:12px 0px 0px 60px; line-height:24px; } .profour .profourtop span{float:left; position:relative; font-size:22px; background:url(../images/profouricon02.png) no-repeat right center; padding-right:42px; background-size:32px; margin-right:10px; } .profourbom{background:#fff; background:url(../images/homefivebg.jpg) repeat; margin:0px 20px; padding:40px 0px 50px 0px; } .profourbom .profourfl{float:left; width:385px; margin:0px 0px 0px 20px; position:relative; } .profourbom .profourfl:after{content:''; position:absolute; left:33px; top:0px; bottom:0px; width:1px; background:#eee; } .profourbom .profourfl dt{clear:both; position:relative; font-size:24px; color:#006dbc; font-weight:bold; border:1px solid #e1e1e1; background:#fff; line-height:1; padding:9px 0px 9px 45px; margin-left:35px; z-index:2; } .profourbom .profourfl dt span{position:absolute; left:-35px; top:0px; border-radius:50%; overflow:hidden; border:1px solid #e1e1e1; width:70px; height:70px; } .profourbom .profourfl dt i{font-size:16px; color:#272727; clear:both; display:block; font-family: "Microsoft JhengHei","Helvetica Neue", "Microsoft YaHei", Helvetica, STHeiTi, sans-serif; line-height:1; font-style:normal; padding-top:11px; } .profourbom .profourfl dd{clear:both; font-family: "Microsoft JhengHei","Helvetica Neue", "Microsoft YaHei", Helvetica, STHeiTi, sans-serif; padding-left:27px; font-weight:bold; color:#272727; font-size:16px; margin-left:21px; position:relative; line-height:1; margin-top:28px; z-index:2; } .profourbom .profourfl dd span{ color:#272727; } .profourbom .profourfl dd:after{content:''; position:absolute; left:7px; bottom:0px; width:17px; height:12px; border-radius:50%; background:rgba(150, 150, 150, 0.52); } .profourbom .profourfl dd i{position:absolute; left:0px; top:-5px; font-size:18px; font-style:normal; color:#878787; line-height:1; } .profourbom .profourfl dd:nth-child(2){color:#006dbc; /* background:url(../images/profouricon04.png) no-repeat 101px center; */} .profourbom .profourfl dd:nth-child(2) i{color:#006dbc; } .profourbom .profourfl dd:nth-child(2):after{background:rgba(182, 24, 24, 0.52); } /**/ .casemagess .profourbom .profourfl{width:291px; } .casemagess .profourbom .profourfl dd{margin-left:0px; } .casemagess .profourbom .profourfl dd span{ color:#272727; } .casemagess .profourbom .profourfl dd:nth-child(2){background:none; } .casemagess .profourbom .profourfr{width:590px; padding:27px 17px 33px 25px; } .casemagess .profourbom .profourfl:after{top:81px; left:12px; } .profourcase .profourcasefl,.profourcase .profourcasefr{float:left; width:71px; border-radius:50%; overflow:hidden; border:1px solid #eee; } .profourcase p{float:left; width:140px; text-align:center; padding-top:18px; font-weight:bold; font-family: "Microsoft JhengHei","Helvetica Neue", "Microsoft YaHei", Helvetica, STHeiTi, sans-serif; } .profourcase p span{clear:both; display:block; text-align:center; padding-bottom:5px; } .profourcase p span i{width:6px; height:6px; margin:0px 8px; background-color:#006dbc; border-radius:50%; display:inline-block; -webkit-animation:sk-three-bounce 1.4s ease-in-out 0s infinite both; animation:sk-three-bounce 1.4s ease-in-out 0s infinite both; } .profourcase p span i:first-child{-webkit-animation-delay:-0.8s; animation-delay:-0.8s; } .profourcase p span i:nth-child(2){-webkit-animation-delay:-0.64s; animation-delay:-0.64s; } .profourcase p span i:nth-child(3){-webkit-animation-delay:-0.48s; animation-delay:-0.48s; } .profourcase p span i:nth-child(4){-webkit-animation-delay:-0.32s; animation-delay:-0.32s; } .profourcase p span i:nth-child(5){-webkit-animation-delay:-0.16s; animation-delay:-0.16s; } @-webkit-keyframes sk-three-bounce { 0%, 80%, 100% {-webkit-transform:scale(0); transform:scale(0); } 40% {-webkit-transform:scale(1); transform:scale(1); } } @keyframes sk-three-bounce { 0%, 80%, 100% {-webkit-transform:scale(0); transform:scale(0); } 40% {-webkit-transform:scale(1); transform:scale(1); } } /**/ .profourbom .profourfr{float:right; margin-right:43px; display:block; width:555px; position:relative; box-shadow:-4px 0px 8px rgba(0, 0, 0, 0.09); background:url(../images/protwoicon03.jpg) no-repeat right bottom #fff; padding:27px 27px 33px 40px; background-size:330px; } .ie8-hack .profourbom .profourfr:before{display:none;} .profourbom.noprofourfr .profourfr:before{display:none; } .profourbom .profourfr .cont_form{float:left; width:325px; padding-right:21px; position:relative; } .profourbom .profourfr .cont_form .btnclick{position:absolute; left:108px; bottom:-49px; } .profourbom .profourfr .cont_form .btnclick .btn_submit{width:150px; height:38px; border-radius:19px; line-height:30px; background-color:#c9221e; background-image:linear-gradient(90deg, #006dbc 0%, #1b92de 50%,#006dbc 100%); background-position:left center; background-size:200% 100%; background-repeat:no-repeat; transition:background-position .6s ease; color:#fff; font-size:14px; cursor:pointer; } .profourbom .profourfr .cont_form .btnclick .btn_submit:hover{background-position:right center; } .profourbom .profourfr .cont_form li{clear:both; display:block; padding-bottom:16px; } .profourbom .profourfr .cont_form li span{float:left; font-size:16px; color:#353535; width:56px; text-align:left; line-height:32px; } .profourbom .profourfr .cont_form li span font{color:#2c88d8; } .profourbom .profourfr .cont_form li input{float:right; border:1px solid #e1e1e1; border-radius:3px; width:225px; font-size:14px; color:#333; line-height:24px; padding:3px 10px 3px 30px; height: 32px;} .profourbom .profourfr .cont_form li textarea{float:right; font-family:'微软雅黑'; border:1px solid #e1e1e1; border-radius:3px; width:225px; font-size:14px; color:#333; line-height:24px; height:57px; padding:3px 10px 3px 30px; } .profourbom .profourfr .cont_form li .inputicon01{background:url(../images/homefiveicon04.png) no-repeat 5px 7px; background-size:24px; } .profourbom .profourfr .cont_form li .inputicon02{background:url(../images/homefiveicon03.png) no-repeat 5px 7px; background-size:24px; } .profourbom .profourfr .cont_form li .inputicon03{background:url(../images/homefiveicon02.png) no-repeat 5px 7px; background-size:24px; } .profourbom .profourfr .cont_form li .btnSub{ color:#fff; background:#1c1c1c; line-height:26px; text-align:center; width:100%; } /**/ .profourbom .profourfr .cont_form.casefrom{width:100%; padding:0px; } .profourbom .profourfr .cont_form.casefrom ul{clear:both; overflow:hidden; width:100%; } .profourbom .profourfr .cont_form.casefrom ul li{float:left; width:259px; clear:none; margin-right:15px; } .profourbom .profourfr .cont_form.casefrom ul li input{clear:both; display:block; width:100%; padding:3px 10px; } .profourbom .profourfr .cont_form.casefrom ul li select{clear:both; display:block; width:100%; padding:3px 10px; height:32px; border:1px solid #e1e1e1; border-radius:3px; font-size:14px; color:#333; line-height:24px; } .profourbom .profourfr .cont_form.casefrom ul li:last-child{width:535px; } .profourbom .profourfr .cont_form.casefrom ul li textarea{width:100%; float:left; padding:3px 10px; } .profourbom .profourfr .cont_form.casefrom .btnclick{left:190px; } .profourbom .profourfr .cont_form.casefrom ul li input::-webkit-input-placeholder,.profourbom .profourfr .cont_form.casefrom ul li textarea::-webkit-input-placeholder{color:#333; } /**/ .marqueetop{float:right;height:163px; width:166px; border-left:1px solid #e9e9e9; padding-left:15px; overflow-y: hidden;text-align: center;padding-top: 15px;} /**/ .profive{padding-bottom:50px; } .profive .profivetit{clear:both; line-height:42px; text-align:left; overflow: hidden;} .profive .profivetit strong{float:left;width:164px;height:42px;text-align:center;line-height: 39px;color:#fff;background:url(../images/profiveicon01.jpg) no-repeat right top;background-size:164px;font-size:24px;font-weight:normal;margin-right:36px;padding-right: 5px;} .profive .profivetit span{font-size:14px; color:#555; background:url(../images/prothreeicon02.png) no-repeat right 7px; padding-right:35px; line-height:30px; display:inline-block; } .profive .profivetit span a{color:#555; } .profive ul{margin-left:-100px; } .profive ul li{float:left; margin-left:100px; width:540px; padding-top:31px; } .profivewen{clear:both; overflow:hidden; } .profivewen span{float:left; width:60px; height:60px; border:1px solid #d8e1ff; border-radius:50%; overflow:hidden; } .profivewen a{float:right; width:450px; font-size:16px; line-height:24px; color:#464646; margin-top:5px; height:48px; overflow:hidden; } .profiveda{clear:both; margin-top:15px; background:url(../images/homefivebg.jpg) repeat; padding:0px 20px 0px 0px; color:#737373; overflow:hidden; } .profiveda i{float:left; background:url(../images/profiveicon02.png) no-repeat left top; background-size:37px; width:37px; height:48px; text-align:center; font-style:normal; font-size:14px; padding-top:8px; line-height:1; color:#773500; font-weight:bold; } .profiveda span{float:right; width:430px; line-height:24px; height:48px; overflow:hidden; margin:11px 0px; } /**/ .prosix{clear:both; background:url(../images/prosixbg.png) no-repeat center top; padding:47px 0px 60px; background-size:100% 100%; } .prosix .prosixp01{clear:both; text-align:center; color:#fff; font-size:32px; font-family: "Microsoft JhengHei","Helvetica Neue", "Microsoft YaHei", Helvetica, STHeiTi, sans-serif; font-weight:bold; line-height:1; position:relative; } .prosix .prosixp01 span{position:relative; z-index:2; } .prosix .prosixp01:after{content:''; position:absolute; bottom:-7px; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); background:url(../images/prosixicon01.png) no-repeat center top; width:275px; height:16px; background-size:250px; } .prosix .prosixp02{color:#fff; line-height:34px; border:1px dashed #fff; border-radius:17px; text-align:center; margin:37px auto 0px; width:276px; font-size:16px; } /*==============产品详情 end==============*/ /*==============产品综合 start==============*/ .insideban01{background:url(../images/insideban01.jpg) no-repeat center top; background-size:100%; } .insideban01 .breadnav{position:relative; } .insideban01 .breadnav:after{content:''; background:url(../images/insideban01icon.png) no-repeat center top; width:327px; height:64px; background-size:327px; position:absolute; right:50px; top:42px; } .insideban02{background:url(../images/insideban02.jpg) no-repeat center 0; background-size:100%; } .insideban03{background:url(../images/insideban03.jpg) no-repeat center top; background-size:100%; } .insideban04{background:url(../images/newban01.jpg) no-repeat center top; background-size:100%; } .insideban05{background:url(../images/caseban.jpg) no-repeat center top; background-size:100%; } .insideban06{background:url(../images/caseban02.jpg) no-repeat center top;/* background-size:100%; */} .prozhtit{clear:both; display:block; color:#fff; line-height:1; background:url(../images/homeoneicon01.png) no-repeat left 11px; padding-left:32px; margin-bottom:32px; background-size:13px; } .prozhtit strong{clear:both; display:block; font-size:32px; line-height:1; font-family: "Microsoft JhengHei","Helvetica Neue", "Microsoft YaHei", Helvetica, STHeiTi, sans-serif; margin-bottom:15px; } .prozhtit h1{clear:both; display:block; font-size:32px; line-height:1; font-family: "Microsoft JhengHei","Helvetica Neue", "Microsoft YaHei", Helvetica, STHeiTi, sans-serif; margin-bottom:15px; } .prozhtit a{color:#fff; } .prozhtit a:hover{color:#c9221e; } .proitem{clear:both; background:url(../images/homefivebg.jpg) repeat; padding:30px 30px 60px 30px; margin-bottom:58px; position:relative; } .proitem .proitemtop{position:relative; z-index:2; } .proitem .proitemtop span{float:left; width:90px; } .proitem .proitemtop .proitemtoptit{float:left; width:706px; padding-left:5px; color:#121212; line-height:20px; padding-top:9px; } .proitem .proitemtop .proitemtoptit h3{clear:both; display:block; font-size:24px; color:#252525; padding-bottom:18px; line-height:1; background:url(../images/proitemicon01.png) no-repeat left 31px; background-size:24px; } .proitem .proitemtop .more_detail{float:right; border:1px dashed #dd8581; width:110px; line-height:27px; transition:all .2s linear; border-radius:15px; text-align:center; color:#161616; background:url(../images/proitemicon04.png) no-repeat 19px center; background-size:8px; padding-left:15px; margin-top:22px; } .proitem .proitemtop .more_detail:hover{background:#c9221e; color:#fff; transition:all .2s linear; } .proitem .proitemul{clear:both; display:block; margin-left:-36px; padding-top:21px; position:relative; z-index:2; } .proitem .proitemul li{float:left; margin-left:36px; width:208px; position:relative; } .proitem:nth-of-type(1) .proitemul li:nth-child(2):after,.proitem:nth-of-type(2) .proitemul li:first-child:after,.proitem:nth-of-type(3) .proitemul li:first-child:after,.proitem:nth-of-type(4) .proitemul li:first-child:after{content:''; position:absolute; right:15px; top:-6px; background:url(../images/proitemicon03.png) no-repeat center top; width:30px; height:35px; background-size:30px; } .proitem .proitemul li>a{clear:both; display:block; border-radius:6px 6px 0px 0px; overflow:hidden; } .proitem .proitemul li>a img{width: 100%;} .proitem .proitemul li .proitemulpic{clear:both; display:block; } .proitem .proitemul li .proitemultit{background-color:#c9221e; border-radius:0px 0px 6px 6px; overflow:hidden; background-image:linear-gradient(90deg, #c9221e 30%, #e35d10 50%, #ca231e); background-position:left center; background-size:200% 100%; background-repeat:no-repeat; transition:background-position .6s ease; } .proitem .proitemul li .proitemultit a{clear:both; display:block; text-align:center; color:#fff; background:url(../images/proitemicon05.png) no-repeat right center; line-height:30px; padding:4px 0px; } .proitem .proitemul li:hover .proitemultit{background-position:right center; } .proitembom{clear:both; padding-top:30px; padding-left:8px; } .proitembom a{float:left; margin-top:17px; border:1px dashed #969696; margin-left:-8px; padding:1px 27px; line-height:22px; border-radius:13px; } .proitembom a:hover{color:#c9221e; border-color:#c9221e; } /*==============产品综合 end==============*/ .clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden; font-size:0px; } img{max-width: 100%;} .fl{float: left;} .fr{float: right;} .cp-kind .list:nth-child(odd) {padding:70px 0;} .cp-kind .list:nth-child(even) {background:#f5f5f5;padding:50px 0;} .cp-kind h3 {background:url("../images/cpfl-tb.png") left center no-repeat;font-size:36px;font-weight:bold;padding-left:100px;display:inline-block;} .cp-kind .label {background:#2277c8;background:-webkit-linear-gradient(left top,#2c88d8,#1968ba);background:-o-linear-gradient(bottom left,#2c88d8,#1968ba);background:-moz-linear-gradient(bottom left,#2c88d8,#1968ba);background:linear-gradient(to bottom left,#2c88d8,#1968ba);font-size:18px;color:#fff;display:inline-block;padding:7px 14px;border-radius:5px;position:relative;vertical-align:bottom;margin-left:30px;} .cp-kind .label:before,.cp-kind .label:after {content:"";width:8px;height:8px;background:#2277c8;background:-webkit-linear-gradient(left top,#2c88d8,#1968ba);background:-o-linear-gradient(bottom left,#2c88d8,#1968ba);background:-moz-linear-gradient(bottom left,#2c88d8,#1968ba);background:linear-gradient(to bottom left,#2c88d8,#1968ba);border:2px solid #fff;border-radius:50%;display:block;position:absolute;top:11px;} .cp-kind .label:before {left:-5px;} .cp-kind .label:after {right:-5px;} .cp-kind .look-more {width:96px;height:45px;background:url("../images/look-detail.png") 20px center no-repeat;border:1px solid #2277c8;font-size:18px;line-height:46px;display:block;border-radius:10px;padding-left:50px;} .cp-kind .look-more:hover {color:#2277c8;} .cp-kind .text {font-size:16px;color:#666666;line-height:30px;margin:25px 0 35px 0;} .cp-kind ul {margin-left:-6.2%;} .cp-kind li {width:18.8%;float:left;margin-left:6.2%;text-align:center;border-radius:10px;transition:all .3s ease;} .cp-kind li img {border-radius:10px;transition:all .3s ease;} .cp-kind li p a {background:url("../images/cp-tb.png") left center no-repeat;font-size:18px;line-height:48px;display:inline-block;padding-left:30px;box-sizing:border-box;} .cp-kind li p {-ms-text-overflow: ellipsis;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;} .cp-kind li:hover {background:#fff;box-shadow:0 5px 15px #c4c5ca;} .cp-kind li:hover img {border-radius:10px 10px 0 0;} .cp-kind .cp-wz {width:100%;margin-top:10px;} .cp-kind .cp-wz a {font-size:16px;border:1px dashed #dadada;padding:10px;border-radius:5px;margin-right:15px;display:inline-block;margin-top:20px;color: #666;} .cp-kind .cp-wz a:hover {background:#2277c8;background:-webkit-linear-gradient(left top,#2c88d8,#1968ba);background:-o-linear-gradient(bottom left,#2c88d8,#1968ba);background:-moz-linear-gradient(bottom left,#2c88d8,#1968ba);background:linear-gradient(to bottom left,#2c88d8,#1968ba);border:1px solid transparent;color:#fff;} .list-pro-cl ul li:hover {background:#fff;border-radius:10px;box-shadow:0 5px 15px #c4c5ca;transform:translateY(-10px);-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);} .list-pro-cl ul li:hover img {border-radius:10px 10px 0 0;} /*==============产品问答列表 start==============*/ .questionone{clear:both; position:relative; background:url(../images/homefivebg.jpg) repeat; padding:30px 30px 40px 130px; margin-top:28px; } .questionone:before{content:''; position:absolute; left:0px; top:0px; width:106px; height:220px; background:url(../images/qicon01.png) no-repeat center top; background-size:106px; left:26px; top:-66px; } .questionone .questiononefl{float:left; width:50%; } .questionone .questiononefl .questiononefltit{ padding-bottom:15px; color:#161616; font-size:40px; height: 41px;line-height: 41px;background-size: 153px;margin-left: 15px; } .questionone .questiononefl .questiononefltxt{clear:both; font-size:16px; color:#161616; line-height:36px; } .questionone .questiononefl .questiononefltxt strong{color:#2c88d8; font-size:18px; } .questionone .questiononefl .questiononefltxt a{cursor:pointer; background:url(../images/qicon02.png) no-repeat center center; background-size:153px; line-height:41px; color:#fff; display:inline-block; width:153px; text-align:center; font-size:18px; margin-left:15px; } .questionone .questiononefr{float:right; width:45%; background:#106bb2; padding:27px 12px 46px; box-shadow:0px 3px 6px rgba(0, 0, 0, 0.06); margin-top:-53px; position:relative; } .questionone .questiononefr:after{content:''; background:url(../images/qicon07.png) no-repeat right top; position:absolute; left:-18px; top:0px; width:18px; height:24px; background-size:18px; } .questiononefr .tj_wenti{clear:both; width:100%; padding-bottom:20px; } .questiononefr .tj_wenti span{float:left; width:46%;margin: 0 2% } .questiononefr .tj_wenti span input{clear:both; width:90%; text-align:left; color:#a9a9a9; border:1px solid #d9d9d9; line-height:24px; padding:0 5%; font-size: 16px;height: 50px;} .questiononefr .cpxltextarea{clear:both; display:block; padding:0px 2%; width:99%; } .questiononefr .cpxltextarea textarea{clear:both; width:96%; font-family:微软雅黑; margin-left: 1%;padding-left: 1%; color:#a9a9a9; border:1px solid #d9d9d9; margin:0px; height: 96px;line-height: 30px;font-size: 16px;} .questiononefr .cpxlbtn{position:absolute; left:24px; cursor:pointer; color:#fff; box-shadow:-2px 2px 3px rgba(0, 0, 0, 0.23); background-color:#106bb2;background-image:-webkit-linear-gradient(left, #106bb2 30%, #03A9F4 50%, #106bb2); background-image:-moz-linear-gradient(left, #cd3330 30%, #e1852d 50%, #cd3330); background-image:-ms-linear-gradient(left, #cd3330 30%, #e1852d 50%, #cd3330); background-position:left center; background-size:200% 100%; background-repeat:no-repeat; transition:background-position .6s ease; font-size: 18px;width: 154px;height: 43px;border-radius: 20px;line-height: 40px;bottom: -17px;} .questiononefr .cpxlbtn:hover{background-position:right center; } /**/ .questiontwo{padding:60px 22px 0; } .questiontwo .questiontwotit{font-size:25px; padding-bottom:28px; line-height:1; } .questiontwo ul{margin-left:-2%; } .questiontwo ul li{float:left; margin-left:2%; width:48%; padding-bottom:31px; } .questiontwo.questiontwowen{clear:both; overflow:hidden; } .questiontwowen span{float:left; width:53px; height:53px; border:1px solid #d8e1ff; border-radius:50%; overflow:hidden; } .questiontwowen a{ font-size:18px; line-height:24px; color:#464646; padding-top:8px; height:48px; overflow:hidden; display: block;padding-left: 11px;} .questiontwowen a:hover{color:#773500; } .questiontwoda{clear:both; margin-top:15px; background:url(../images/homefivebg.jpg) repeat; padding:0px 20px 0px 0px; border-radius:5px; color:#737373; overflow:hidden; } .questiontwoda i{float:left; background:url(../images/profiveicon02.png) no-repeat left top; text-align:center; font-style:normal; line-height:1; color:#773500; font-weight:bold;background-size: 56px;width: 56px;height: 76px;font-size: 22px;padding-top: 11px; } .ie8-hack .questiontwoda i{height: 37px; line-height: 37px; padding-top: 0px;} .questiontwoda span{font-size:16px; line-height:1.8; height:56px; overflow:hidden; margin:11px 0px;display: block; padding-left: 11px;} /*==============产品问答列表 end==============*/ .answerfltit{background:url(../images/qicon04.png) no-repeat left top; background-size:300px; width:200px; height:100px; font-size:20px; font-weight:bold; color:#773500; padding:39px 0px 0px 90px; text-align:center; line-height:90px; margin-top:-39px; }