@charset "utf-8"; body{font-family:"microsoft yahei";} a{text-decoration: none;} a:hover{text-decoration: none;} .titis{text-align: center; position:relative;} .titis h4 { font-size: 32px; font-weight: 400; background: #fff; width: 160px; z-index: 999; text-align: center; display: inline-block;} .titis span{ position: absolute; background: #f6f6f6; width: 100%; top: 22px; display: block; height: 4px; left: 0px; z-index: -1;} .pro_bj{height: 770px; padding-top: 20px;overflow: hidden;background: #f5f5f5;} .s3{ padding: 60px 0px;} .s3 .fl img{ height: 400px; width: 600px; } .s3 .fl a{ position:absolute; background:; width:58px; height:58px; top: 142px; left: 270px;} .s3 .fr{ width: 566px;} .s3 .fr .tit{ font-size: 60px; color: #d5d5d5; line-height: 44px;} .s3 .fr span{ font-size: 16px; line-height: 54px;} .s3 .fr .xian{ background: #d0d0d0; width: 360px; height: 1px;} .s3 .fr .com{ margin: 26px 0px; color: #666; line-height: 34px;} .s3 .fr .more{ background: #046ebc; color: #fff; border-radius: 30px; padding: 10px 40px; margin-top: 28px; display: table;} .s3 .fr .more:hover{background: #085b99;} .fl{float: left;} .fr{float: right;} .wrap{width: 1200px;margin: 0 auto;} /*。产品列表。*/ .touch_list{ width: 100%; height: 264px; background: #f5f5f5; } .touch_word{ width: 1200px;height: 240px; margin: 0 auto; } .touch_word>div{ float: left; } .touch_word12{ width: 264px;height: 240px; margin-right: 46px; } .touch_word12:last-child{ margin-right: 0px;} .touch_word12_top{ width: 100%;height: 80px; position: relative; } .touch_word12_top img{ position: absolute; top:34px;left:0; } .touch16{ position: absolute; font-size: 16px; color: #333; left: 45px; top: 40px; font-weight: bold; } .touch333{ position: absolute; color:#333; display: none; left:248px;top:43px; } .touch12{ position: absolute; font-size: 12px; color:#000; right: 0px;top:45px; } .touch_word12_bottom{ width: 100%;height: 150px; padding-top: 10px; } .touch_word12_bottom li{ height:36px; } .touch_word12_bottom li a{ display: block; font-size: 14px; color:#000; line-height:36px; } .touch_word12_bottom li a i{ width: 6px; height: 11px; display: inline-block; margin: 0px 10px;} .touch_word12_bottom li:first-of-type i{background:url(/uploads/image/tdpimages/icon1.png) no-repeat;} .touch_word12_bottom li:nth-of-type(2) i{background:url(/uploads/image/tdpimages/icon2.png) no-repeat;} .touch_word12_bottom li:nth-of-type(3) i{background:url(/uploads/image/tdpimages/icon3.png) no-repeat;} .touch_word12_bottom li:nth-of-type(4) i{background:url(/uploads/image/tdpimages/icon4.png) no-repeat;} .touch_word12_bottom li:hover a{ color:#fff;} .touch_word12_bottom li:first-of-type:hover{ background:#e60012;} .touch_word12_bottom li:nth-of-type(2):hover{background:#eb6100;} .touch_word12_bottom li:nth-of-type(3):hover{background:#22ac38;} .touch_word12_bottom li:nth-of-type(4):hover{background:#00a2e9;} .touch_word12_bottom li:first-of-type:hover i{background:url(/uploads/image/tdpimages/icon0.png) no-repeat;} .touch_word12_bottom li:nth-of-type(2):hover i{background:url(/uploads/image/tdpimages/icon0.png) no-repeat;} .touch_word12_bottom li:nth-of-type(3):hover i{background:url(/uploads/image/tdpimages/icon0.png) no-repeat;} .touch_word12_bottom li:nth-of-type(4):hover i{background:url(/uploads/image/tdpimages/icon0.png) no-repeat;} .touch_line1{ width: 100%;height: 11px; background: ; } .pro_c{margin-top:11px;position:relative;} .pro_c dl{ float: left; width: 268px; border-bottom: 0; background: #fff; margin-right: 42px; overflow: hidden;} .pro_c dd {text-align: center;height: 70px;padding-top:36px;} .pro_c dd h4 a{display: block;width:230px;border:1px solid #d2d9d6;height: 39px;line-height: 39px;font-size:20px;color: #000;font-weight:bold;border-width:1px 0;margin:0 auto;overflow:hidden;text-overflow:ellipsis;white-space: nowrap; margin-bottom:20px;} .pro_c dd span {font-size:16px;color: #000000;height: 30px;line-height: 30px; padding: 0px 10px;display: block;} .pro_c dt i{ font-size: 0; line-height: 0; display: block; overflow: hidden; width: 268px;} .pro_c dt i img { transition: all 1s; height: 224px; display: block; margin: 0 auto;} .pro_c dl:hover dt i img{transform: scale(1.1);} .pro_c dt em a {display: block;height: 69px;line-height: 69px;text-align: center;background: #00b0ec;font-size: 16px;color: #fff;margin-top:22px;} .pro_c dl:last-child{margin:0;} .pro_j1,.pro_j2{position:absolute; top:198px;} .pro_j1{left:-65px;} .pro_j2{right:-65px;} .al_bj{padding-top:56px;overflow: hidden;} .anl .titis {margin-bottom:40px;} /*.anl .titis p {color: #fff}*/ .al_qh{float:left;width:266px;background: #f5f5f5;overflow: hidden;} .al_qh li{height:94px;border-bottom:1px solid #808281; padding-left: 68px;font-size:20px;line-height: 94px;} .al_qh li.on{} .al_qh li:nth-child(1){background: url(/uploads/image/tdpimages/icon_y1.png) no-repeat 8px center;} .al_qh li:nth-child(2){background: url(/uploads/image/tdpimages/icon_y2.png) no-repeat 8px center;} .al_qh li:nth-child(3){background: url(/uploads/image/tdpimages/icon_y3.png) no-repeat 8px center;} .al_qh li:nth-child(4){background: url(/uploads/image/tdpimages/icon_y4.png) no-repeat 8px center;} .al_qh li:nth-child(5){background: url(/uploads/image/tdpimages/icon_y5.png) no-repeat 8px center;} .al_qh li:nth-child(6){background: no-repeat 8px center;} .al_qh li:nth-child(1).on{background:#e60012 url(/uploads/image/tdpimages/icon_y01.png) no-repeat 8px center;color: #fff;} .al_qh li:nth-child(2).on{background:#e60012 url(/uploads/image/tdpimages/icon_y02.png) no-repeat 8px center;color: #fff;} .al_qh li:nth-child(3).on{background:#e60012 url(/uploads/image/tdpimages/icon_y03.png) no-repeat 8px center;color: #fff;} .al_qh li:nth-child(4).on{background:#e60012 url(/uploads/image/tdpimages/icon_y04.png) no-repeat 8px center;color: #fff;} .al_qh li:nth-child(5).on{background:#e60012 url(/uploads/image/tdpimages/icon_y05.png) no-repeat 8px center;color: #fff;} .al_qh li:nth-child(6).on{background:#e60012 no-repeat 8px center;color: #fff;} .al_nr{float:right;width: 908px;} .al_nr dl{ height: 475px;background: #0093dd; overflow: hidden;} .al_nr dt {float:left;width:600px; height: 570px;overflow: hidden;} .al_nr dt img {max-width:100%; } .al_nr dd { float: left; width: 240px; padding: 42px 0 0 35px;} .al_nr dd h4 a {display: block;height: 64px;line-height: 64px;font-size:22px;color: #fff; font-weight: 400;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;position: relative;} .al_nr dd h4 a:after{content: "";display: block;height: 2px;background: #fff;width:133px;position: absolute;left:0;bottom:0;} .al_nr dd p {font-size:14px;color: #fff;line-height: 30px;padding-top:28px; padding-bottom: 46px;overflow:hidden;} .al_nr dd em a { display: block; width: 124px; height: 38px; border: 1px solid #ffffff; text-align: center; line-height: 38px; font-size: 14px; color: #535353; color: #fff;} /* 服务流程 */ .g_lc{ height: 354px;padding-top: 60px;} .g_lc ul{ margin-top: 34px;} .g_lc li{position: relative; float: left; width: 150px; text-align: center; font-size: 17px; color: #555555; /* border-right: 1px solid #f1f1f1; */ height: 42px; padding-top: 140px;} .g_lc li i{position: absolute; width: 172px; height: 30px; left: 2px; top: 199px;display: none;} .g_lc li:hover i{display: block;} .g_lc li:hover{color: #fff;} .g_lc li:nth-child(1):hover{background: #f60000;} .g_lc li:nth-child(2):hover{background: #fe8e08;} .g_lc li:nth-child(3):hover{background: #faeb00;} .g_lc li:nth-child(4):hover{background: #09cb00;} .g_lc li:nth-child(5):hover{background: #195fd9;} .g_lc li:nth-child(6):hover{background: #700ef8;} .g_lc li:nth-child(7):hover{background: #bf187e;} .g_lc li:nth-child(8):hover{background: #9ccf32;} .g_lc li:nth-child(1):hover i{background: no-repeat;} .g_lc li:nth-child(2):hover i{background: no-repeat;} .g_lc li:nth-child(3):hover i{background: no-repeat;} .g_lc li:nth-child(4):hover i{background: no-repeat;} .g_lc li:nth-child(5):hover i{background: no-repeat;} .g_lc li:nth-child(6):hover i{background: no-repeat;} .g_lc li:nth-child(7):hover i{background: no-repeat;} .g_lc li:nth-child(8):hover i{background: no-repeat;} .g_lc li span{ position: absolute; left: 28px; top: 30px; background: url(/uploads/image/tdpimages/icon_lc.png) no-repeat; width: 94px; height: 94px; display: table-cell; vertical-align: middle;} .g_lc li span img{ margin-top:0px;} .g_lc li em{ position: absolute; left: 28px; top: 30px; display: none; background: url(/uploads/image/tdpimages/icon_lc0.png) no-repeat; width: 95px; height: 95px;} .g_lc li em img{margin-top:0px;} .g_lc li:hover em{display: block;} .g_lc .lctel{background: no-repeat;width: 545px;height: 50px;line-height: 50px;margin: 0 auto;} .g_lc .lctel span{display: block;float: left;width: 190px;height: 50px;line-height: 50px;text-align: center;font-size: 16px;font-weight: bold;color: #000000;} .g_lc .lctel span a{color: #000000;} .g_lc .lctel em{ display: block; float: left; width: 328px; text-align: center; font-size: 20px; font-weight: bold; color: #fff;} /**/ .news{ background: #f5f5f7; padding-top: 50px;} .news .titis h4{background: #f5f5f7;} .news .titis span{background: #eeeef0;} .news1{width:600px; overflow: hidden;} .n_nav{height:40px; overflow: hidden;} .n_nav span a{display: inline-block;font-size: 14px; color:#555555; font-family: "arial";text-transform: uppercase; line-height: 40px;font-weight: normal;} .n_nav li{ float: left;margin-right: 14px;padding-right: 20px;} .n_nav li a{ color: #333; font-size: 18px;line-height: 38px;} .n_nav li a{ display: inline-block;height:38px; font-size: 24px;} .n_nav li a:hover , .n_nav .cur a{ color:#0093dd;border-bottom: 2px solid #0093dd; font-size: 24px;} .n_nav .nobg{background:none;} .news_c{margin-top: 26px; height: 418px;} .news_c dl{height:217px; overflow: hidden;width: 600px;} .news_c dt{height:206px;width:276px; overflow: hidden;float: left;} .news_c dt a{width:276px; height:206px;display: block;float: right;} .news_c dt img{width:276px; height:206px;} .news_c dd{padding-top: 2px;width: 300px;float: right;} .news_c dd h3{ font-size: 18px; color: #333; line-height: 26px; font-weight: normal;} .news_c dd h3 a{ color:#333;font-weight: bold;} .news_c dd span{display: block;color: #777;font-size: 14px;padding:10px 0 0 0;} .news_c dd p{padding-top: 8px;line-height: 24px; font-size: 15px; color:#555;} .news_c dd p a{ color:#0093dd;display: block;padding-top: 6px;} .news_c ul{margin-top: 10px;} .news_c li{ font-size: 14px; color:#777777; line-height: 36px;} .news_c li a{ color:#333; padding-left:12px ;display: inline-block;background: no-repeat 0 17px ;} .news_c li a:hover{background: no-repeat 0 17px ; color:#0071be;} .wt{width:484px; overflow: hidden;overflow: hidden;} .wt h4{height:40px; overflow: hidden; line-height: 40px;margin-bottom: 25px;} .wt h4 a{font-size: 18px;color:#333;border-bottom: 2px solid #0093dd; line-height: 38px;width: 75px;display: block;} .wt h4 span a{display: inline-block;font-size: 14px; color:#555555; font-family: "arial";text-transform: uppercase; line-height: 40px;font-weight: normal;} .wt dl{ margin-top: 18px; height: 80px; overflow: hidden; border-bottom: 1px #d0d0d0 solid;} .wt dt{width:124px; float: left; overflow: hidden;height:93px;margin-right: 25px;} .wt dt img{ width:124px;height:93px;} .wt dd{ overflow: hidden;} .wt dd h3{ padding-left: 36px; background: url(/uploads/image/tdpimages/w.jpg) no-repeat 0 0; height: 26px; line-height: 26px; font-size: 14px; overflow: hidden; font-weight: normal; /* margin-top: 5px; */ font-weight: bold;} .wt dd h3 a{ color:#333;} .wt dd h3 a:hover{color: #e76825;} .wt dd p{ padding-left: 36px; background: url(/uploads/image/tdpimages/d.jpg) no-repeat 0 0; line-height: 26px; font-size: 14px; color: #555; margin-top: 10px;} .shil{height: 240px;padding-top: 60px;} .sl_nr{margin-top:40px;position: relative;} .sl_nr li {float:left;width:227px;margin-right:10px;font-size: 0;line-height: 0;position: relative;} .sl_nr li img{width:197px;height: 73px;} .sl_nr li p{display:block;width:100%;height: 37px;line-height: 37px;text-align: center;;font-size:14px;} .sl_nr li:last-child{margin:0;} .sl_j1,.sl_j2{position: absolute;top:38px;} .sl_j1{left:-50px;} .sl_j2{right:-50px;} .link2{ padding:24px 0px;} .link2 p{ color: #0085d2; border-bottom: 2px solid #0085d2; font-size: 24px; margin-bottom: 14px; width: 96px; padding-bottom: 8px;} .link2 a{ float:left; margin-right: 20px;}