@charset "utf-8"; /*! normalize.css v2.1.3 | mit license | git.io/normalize */ /*html5*/ article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } audio, canvas, video { display: inline-block; } audio:not([controls]) { display: none; height: 0; } /*base*/ html { font: 12px/1.8 "微软雅黑"; color: #666; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; /*修正手持设备字体变化*/ } * { margin: 0; padding: 0; } a { text-decoration: none; background: transparent; /*修正win8系统ie连接灰色背景*/ outline:none; blr:expression(this.onfocus=this.blur()); } a:focus { outline: 0; } a:active, a:hover { outline: 0; } a{ color:#333;} a:hover{ color:#0159af;} img { border: 0; -ms-interpolation-mode:bicubic } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } button, input, select, textarea { font-family: inherit; font-size: 100%; margin: 0; outline:none; } button, input { line-height: normal; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input.submit { border: 0; margin: 0; cursor: pointer; } input.radio { width: 13px; height: 13px; float: left; display: inline; } textarea { overflow: auto; vertical-align: top; } table { border-collapse: collapse; border-spacing: 1; } ul, ol { list-style:none; } li { list-style:none; } /*清除浮动*/ .clear { clear: both; height:0px; line-height:0px; } .fl { float:left; } .fr { float:right; } dl, dd, dt { list-style:none; padding:0px; margin:0px; } html,body{ position: relative; } a{cursor:pointer;} .w960{ width: 960px; margin: 0 auto; position: relative; z-index: 1; } .ovh{ overflow: hidden; } .mt35{ margin-top: 35px!important; } .main_content{ width:85%; margin:0 auto;} /*分页*/ .pagingnav { padding: 5px 10px; margin-top: 20px; margin-bottom: 20px; } .pagingnav p { height: 30px; line-height: 30px; } .pagingnav .uls { overflow: hidden; width: 100%; text-align: center; } .pagingnav .uls li{ display: inline-block; text-align: center; list-style:none; margin-left: 5px; padding: 0 10px; height: 28px; line-height: 28px; /*border: 1px solid #ebebeb;*/ text-decoration: none; } .pagingnav .uls a { } .pagingnav .uls a.cur,.pagingnav .uls li.thisclass{ /*background-color: #0080cc; border-color: #0080cc; color: #fff;*/ } .pagingnav .uls .tbtn:hover { background-color: inherit; color: inherit; background-color:transparent; color:#666; } /***********top***************/ .header{ width:100%; float:left; position: relative; z-index: 999;} .header_top{ width:100%; float:left; height:30px; background:#f1f1f1; line-height: 30px; overflow: hidden;} .header_top_title{ float:left; font-size: 14px;} .header_top_fr{ float:right;} .header_top_yy{ float:left} .header_top_yy i{ margin-right: 5px; font-size: 14px; color: #4d4d4d;} .header_top_yy a{ padding: 0 5px; border-right: 1px solid #e5e5e5; font-size:14px;} .header_top_yy a:last-child{ border-right: 0px solid #e5e5e5;} .header_top_yy a img{ margin-right:5px;position:relative; top:2px;} .header_cont{ width:100%; float:left; height:120px; padding:13px 0; background:#fff;} .header_cont .logo{ float:left; margin-top: 30px;} .header_cont .logo img{} .header_cont .logo_gg{ float:left; border-left: 1px solid #e5e5e5; margin-left:15px; padding:10px 0 10px 15px; font-size: 24px; line-height: 35px; margin-top: 15px;} .header_cont .logo_gg span{ font-size:18px;} .header_cont_fr{ float:right; margin-top: 22px;} .header_cont_tb{ float:left; } .header_cont_tel{ float:left; padding-left:70px; background:url(/uploads/image/tsimages/head_tel.png) center left no-repeat; margin-left: 15px; height: 60px;} .header_cont_tel span{ color: #e11b2c; font-size: 22px; line-height: 26px;} .header_cont_tel span a{ color: #e11b2c; } .header_nav{ float:left; width:100%; height:60px; background:url(/uploads/image/tsimages/head_nav_bg.png) center center;} .header_nav> .main_content>ul{ display: flex;} .header_nav> .main_content>ul>li{ flex-grow: 1; text-align:center; background:url(/uploads/image/tsimages/head_nav_xian.png) left center no-repeat; font-size: 18px; color: #fff; line-height: 60px; position: relative; width: 14%;} .header_nav> .main_content>ul>li a{ color: #fff; float: left; width: 100%;} .header_nav li ul { position: absolute; padding: 15px 0 7px 0; top: 100%; left: 0; opacity: 0; visibility: hidden; background-color: #fff; list-style: none; -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.11); -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.11); box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.11); z-index:9999 } .header_nav li:hover > ul { opacity: 1; visibility: visible; z-index: 999; margin-top: -1px; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .header_nav li > ul li{ text-align:left; line-height:40px; padding: 1px 23px;} .header_nav .sub-menu li a:hover { border-bottom:2px solid #000; } .header_nav .sub-menu { width: 220px; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; -webkit-transform: translate(0px, 10px); -moz-transform: translate(0px, 10px); -ms-transform: translate(0px, 10px); -o-transform: translate(0px, 10px); transform: translate(0px, 10px); border: 1px solid #eaeaec; } .header_nav .sub-menu li a { margin-bottom: 9px; } .header_nav li:hover > .sub-menu > li { padding: 1px 23px; } .header_nav li:hover > .sub-menu > li > a { letter-spacing: 1px; color: #000; } .header_nav .sub-menu .sub-menu:before { left: -8px; } /*banner*/ .slide-main{position:relative; float: left;} .slide-main .prev,.slide-main .next{display:none;width:70px;height:70px;position:absolute;z-index:222; overflow:hidden;cursor:pointer;opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);_border:1px solid none; top: 40%;} .prev img,.next img{ width:100%;} .slide-main:hover .prev,.slide-main:hover .next{display:block;} .prev{left:70px;} .next{right:70px;} .prev:hover,.next:hover,.nav-main a:hover,.nav-main a.cur{opacity:1;-moz-opacity:1;filter:alpha(opacity=100);} .item{display:block;width:100%;height:20px;position:absolute;z-index:124;left:0;text-align:center; bottom: 5%;} .item a{display:inline-block;width:10px;height:10px;margin-right:11px;opacity:1;-moz-opacity:0.3;filter:alpha(opacity=30);overflow:hidden;border-radius: 10px; border: 1px solid #dcdbdd;} .item a.cur{background:#dcdbdd;} .slide-box,.slide{display:block;width:100%; float: left;} .slide-box{position:relative;} .slide{display:none; background:#1d2d6b;position:relative;z-index:8;} .slide a{display:block;width:100%;cursor:pointer;} .slide img{ width:100%;} /*关键词搜索*/ .i_seach{ width:100%; float:left; height:50px; line-height:50px; background:#fff; border-bottom: 1px solid #efefef;} .i_seach_fl{ width:60%; float:left;} .i_seach_fl span{ float:left;font-size: 14px;} .i_seach_fl a{ float:left; padding:0 5px;font-size: 14px;} .i_seach_fr{ float:right; height: 45px; border-bottom: 1px solid #3154a9; margin-top: 5px;} .i_seach_fr .sotext { float: left; width: 200px; height:45px; line-height: 45px; padding:0 10px; border: 0px; outline: none; border-right:0px; color:#b8b8b8; font-size:12px; } .sotext::-webkit-input-placeholder { color:#b5b5b5;} .i_seach_fr .sobtn { float: left; width: 45px; height: 45px; line-height:45px; background: center center no-repeat; border:0px; color:#fff; font-size: 26px; /*background-size: 18px;*/ } /*四大核心*/ .i_hexin{ width:100%; float:left; padding: 50px 0;} .i_hexin_title{ width:100%; float:left; text-align:center; margin-top: 40px; font-size: 24px; color: #000;} .i_hexin_title span{ font-size: 36px;} .i_hexin_list{ float:left; width:100%; margin-top: 80px; background-color:#fff;} .i_hexin_list ul{} .i_hexin_list li{ float:left; width: calc(40% - 100px); margin-bottom: 100px;} .i_hexin_list li:nth-child(1){ margin-right:10%; background:url(/uploads/image/tsimages/hx_title1.png) left top no-repeat; padding-left:100px;} .i_hexin_list li:nth-child(2){ margin-left:10%; background:url(/uploads/image/tsimages/hx_title2.png) right top no-repeat; padding-right:100px; text-align: right;} .i_hexin_list li:nth-child(3){ margin-right:10%; background:url(/uploads/image/tsimages/hx_title3.png) left bottom no-repeat; padding-left:100px; margin-bottom: 0px;} .i_hexin_list li:nth-child(4){ margin-left:10%;background:url(/uploads/image/tsimages/hx_title4.png) right bottom no-repeat; padding-right:100px; text-align: right; margin-bottom: 0px;} .i_hexin_list li:nth-child(1) .i_hexin_list_cont{ background:url(/uploads/image/tsimages/hx_title_xian1.png) right top 20px no-repeat; width: 70%; padding-right: 30%;} .i_hexin_list li:nth-child(2) .i_hexin_list_cont{ background:url(/uploads/image/tsimages/hx_title_xian2.png) left top 20px no-repeat; width: 70%; padding-left: 30%;} .i_hexin_list li:nth-child(3) .i_hexin_list_cont{ background:url(/uploads/image/tsimages/hx_title_xian3.png) right bottom 20px no-repeat; width: 70%; padding-right: 30%; padding-top:50px; } .i_hexin_list li:nth-child(4) .i_hexin_list_cont{ background:url(/uploads/image/tsimages/hx_title_xian4.png) left bottom 20px no-repeat; width: 70%; padding-left: 30%; padding-top:50px; } .i_hexin_list li:nth-child(1) .i_hexin_list_title{ color: #2449a4;} .i_hexin_list li:nth-child(2) .i_hexin_list_title{ color: #a40000;} .i_hexin_list li:nth-child(3) .i_hexin_list_title{ color: #ec6941;} .i_hexin_list li:nth-child(4) .i_hexin_list_title{ color: #00702e;} .i_hexin_list li:nth-child(1) .i_hexin_list_title span{ background: #fff; padding-right: 20px;} .i_hexin_list li:nth-child(2) .i_hexin_list_title span{ background: #fff; padding-left: 20px;} .i_hexin_list li:nth-child(3) .i_hexin_list_title span{ background: #fff; padding-right: 20px;} .i_hexin_list li:nth-child(4) .i_hexin_list_title span{ background: #fff; padding-left: 20px;} .i_hexin_list li .i_hexin_list_title{ font-size: 24px; font-weight: bold;} .i_hexin_list li .i_hexin_list_desc{font-size: 16px; color: #595959;} .i_hexin_list_gd{ width:100%; float:left; text-align:center;} .i_hexin_list_gd a{ color: #fff; background: #2449a4; padding: 10px 20px; font-size: 18px; border-radius: 50px; position: relative; top: -50px;} /*产品中心*/ .i_cpzx{ width:100%; float:left; padding: 88px 0; background:url(/uploads/image/tsimages/cpzx_bg.jpg) center top no-repeat; } .i_cpzx_title{ width:100%; float:left; text-align:center; color: #fff; font-size: 24px; margin-top: 17px;} .i_cpzx_title span{ font-size: 36px; color: #feea00; border-bottom: 1px solid #4779b9; padding: 0 100px; padding-bottom: 18px;} .i_cpzx_xian{ width: 150px; height: 4px; background: #ffea00; margin: 0 auto; position: relative; top: 7px;} .i_cpzx_xl{ width:100%; float:left; margin-top:60px;} .i_cpzx_xl li{ width:calc(18% - 1px); padding:0 1%; color:#fff; float:left; border-right: 1px #5989ca dashed;} .i_cpzx_xl li:last-child{ border-right:0px;} .i_cpzx_xl_title{ padding-left:30px; background:url(/uploads/image/tsimages/i_cp_xl_tb1.png) left center no-repeat; font-size: 24px; margin-bottom: 7px;} .i_cpzx_xl_cont{} .i_cpzx_xl_cont a{ color:#fff; width:100%; float:left; line-height: 28px;} .i_cpzx_xl_cont a:hover{ text-decoration: underline;} .i_cpzx_list{ width:100%; float:left; position: relative; margin-top: 70px;} #myscroll{display:block; width:100%; position:relative; overflow:hidden;} #myscroll #myscrollbox{display:block; float:left; position:absolute; left:0; top:0; width:1000000px; overflow:hidden;} #myscroll ul{display:block; float:left; list-style-type:none; padding:0; margin:0;} #myscroll ul li { float:left; position:relative; width:234px; } #myscroll ul li a{display:block; position:relative; color:#333; width:calc(100% - 10px); margin: 0 auto; background: #fff; text-align: center; padding: 10px 0;} #myscroll ul li .i_cpzx_list_tu{ width:100%; padding-bottom:100%; position:relative; overflow:hidden; } #myscroll ul li .i_cpzx_list_tu img{ position:absolute; height:100%; top:0px; left:50%; transform:translatex(-50%); } #myscroll ul li .i_cpzx_list_xh{ color:#2449a4; font-size:20px; font-weight: bold;} #myscroll ul li .i_cpzx_list_title{ color:#3f3f3f; font-size:14px;} #mybtns{width:100%; display:block; } #mybtns a{width:52px; height:99px; display:block;margin-right:1px; position: absolute; top:50%; transform: translatey(-50%);} #mybtns a:hover{} #mybtns a:hover, #myscroll, #mybtns a,#myscroll #myscrollbox{ -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } #mybtns #left{ background-image:url(/uploads/image/tsimages/jt_l.png); left:-7%; } #mybtns #right{ background-image:url(/uploads/image/tsimages/jt_r.png); right:-7%} .disabled{ pointer-events: none;} .i_cpzx_gs{ width:5px; display:none;} /*解决方案*/ .i_jjfa{width:100%; float:left; padding: 50px 0; background:#fff; border-bottom: 1px solid #cdcdcd;} .i_jjfa_title{ width:100%; float:left; text-align:center; font-size: 24px; margin-top: 7px;} .i_jjfa_title span{ font-size: 36px; color: #2449a4; border-bottom: 1px solid #efefef; padding: 0 100px; padding-bottom: 18px;} .i_jjfa_xian{ width: 150px; height: 4px; background: #2449a4; margin: 0 auto; position: relative; top: 7px;} .i_jjfa_list{ width:100%; float:left; margin-top:70px;} .i_jjfa_info{ width:100%; float:left; background:url(/uploads/image/tsimages/jjfa_list_bg.jpg) center right no-repeat;} .i_jjfa_list_tu{ width:50%; float:left;} .i_jjfa_list_tu img{ width:100%;} .i_jjfa_list_cont{ width: 40%; float: left; padding:5%;} .i_jjfa_list_title{ font-size: 24px; border-bottom: 1px solid #c4c4c4; padding-bottom: 25px;} .i_jjfa_list_title span{ font-size: 14px; color: #b7b7b7;} .i_jjfa_list_desc{ font-size: 15px; margin-top: 20px;} .i_jjfa_list_gd{ margin-top: 30px;} .i_jjfa_list_gd a{ font-size: 14px; padding:10px 20px; color:#fff; background:#2449a4;} .i_jjfa_bot{ float: left; width: 100%; text-align: center; margin-top:50px;} .i_jjfa_bot ul{ width:90%; margin:0 auto; position:relative;} .i_jjfa_bot li{ display: inline-block; text-align: center; width:16%;} .i_jjfa_bot li .i_jjfa_tb{} .i_jjfa_bot li .i_jjfa_tb img{ background-color: #fff; padding:0 5px} .i_jjfa_bot li .i_jjfa_tb img#tb2{ display:none;} .i_jjfa_bot li:hover .i_jjfa_tb img#tb2,.i_jjfa_bot li.cli1 .i_jjfa_tb img#tb2{ display:inline-block;} .i_jjfa_bot li:hover .i_jjfa_tb img#tb1,.i_jjfa_bot li.cli1 .i_jjfa_tb img#tb1{ display:none;} .i_jjfa_bot_title{ width:100%; margin-top: 20px; font-size: 16px;} .i_jjfa_bot_xian{ width: 85%; height: 1px; background: #e5e5e5; margin: 0 auto; position: relative; top: 32px;} /*优势*/ .i_ys{ width:100%; float:left; padding: 50px 0; background:#fff;} .i_ys_title{ width:100%; float:left; text-align:center; font-size: 24px; margin-top: 22px;} .i_ys_title span{ font-size: 36px; color: #424242; border-bottom: 1px solid #efefef; padding: 0 100px; padding-bottom: 25px;} .i_ys_xian{ width: 150px; height: 4px; background: #2449a4; margin: 0 auto; position: relative; top: 14px;} .i_ys_list{width:100%; float:left; margin-top:100px;} .i_ys_list li{width:100%; float:left; color:#000;} .i_ys_list li .i_ys_tu{ width:50%; float:left; overflow: hidden; } .i_ys_list li:nth-child(2n) .i_ys_tu{ float:right;} .i_ys_list li .i_ys_tu img{ height:100%; position: relative; left: 50%; transform: translatex(-50%);} .i_ys_list li .i_ys_fr{ width: 40%; float: left; margin-left: 2%; margin-right: 8%; padding-top: 30px; padding-bottom: 50px;} .i_ys_list li:nth-child(2n) .i_ys_fr{ margin-left:8%; margin-right: 2%; } .i_ys_list li .i_ys_sz{ float: left; background: #264ba4; color: #fff; font-size: 34px; padding: 20px 15px; font-weight: bold; position: relative; margin-top: 18px; margin-right:20px;} .i_ys_list li .i_ys_sz span{ border-bottom: 1px solid #fff; padding-bottom: 10px;} .i_ys_list li .i_ys_cont{ float: right; width: calc(100% - 100px); } .i_ys_list li .i_ys_list_title{ font-size: 29px; font-weight: bold; width: 100%; border-bottom: 1px dashed #e4e4e4; padding-bottom: 5px; margin-bottom: 20px;} .i_ys_list li .i_ys_list_title span{ font-size:12px; color: #d5d5d5;} .i_ys_list li .i_ys_list_desc{ line-height: 35px;} .i_ys_list li .i_ys_list_desc p{ font-size: 18px; padding-left:20px; background:url(/uploads/image/tsimages/ys_tb1.png) top 10px left no-repeat;} .i_ys_list li .ys_gd{ margin-top: 30px;} .i_ys_list li .ys_gd img{ position: relative; top: 5px; margin-right: 10px;} .i_ys_list li .ys_gd a{ background: #264ba6; color: #fff; padding: 12px 22px; font-size: 16px;} /*新闻中心*/ .i_news{ width:100%; float:left; padding: 50px 0; background: #fff;} .i_news_title{ width:100%; float:left; text-align:center; font-size: 24px; margin-top: 38px;} .i_news_title span{ font-size: 36px; color: #424242; border-bottom: 1px solid #efefef; padding: 0 100px; padding-bottom: 25px;} .i_news_xian{ width: 150px; height: 4px; background: #2449a4; margin: 0 auto; position: relative; top: 14px;} .i_news_list{ width:100%; float:left; margin-top: 100px; margin-bottom: 30px;} .i_news_list_fl{width:49%; float:left; } .i_news_list_fl_tu{ width:100%;} .i_news_list_fl_tu img{ width:100%;} .i_news_list_fl_title{ height: 30px; width: 100%; background: #7f7f7f; text-align: center; line-height: 30px; color: #fff; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .i_news_list_fr{ width:49%; float:right;} .i_news_list_fr_t{ width:100%; float:left; color:#000;} .i_news_list_fr_t_tu{width:30%; float:left; margin-right: 5%;} .i_news_list_fr_t_tu img{ width:100%;} .i_news_list_fr_t_cont{ width:65%; float:left;} .i_news_list_fr_t_title{ font-size: 16px; border-bottom: 1px solid #e5e5e5; padding-bottom: 15px; margin-bottom: 7px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .i_news_list_fr_t_desc{ line-height: 20px;} .i_news_list_fr_t_gd{ margin-top: 12px;} .i_news_list_fr_t_gd span{ font-size: 14px; color: #fff; background: #254da5; border-radius: 4px; padding: 5px 17px; margin-top: 5px;} .i_news_list_fr_bot{ width:100%; float:left; margin-top: 40px;} .i_news_list_fr_bot li{ width:100%; float:left; margin-bottom: 8px;} .i_news_list_fr_bot li .i_news_list_fr_b_title{ float:left; width:calc(100% - 115px); padding-left: 15px; background:url(/uploads/image/tsimages/news_tb.png) left top 7px no-repeat; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .i_news_list_fr_bot li .i_news_list_fr_b_time{ float:right; width:100px;} /*关于我们*/ .i_gywm{ width:100%; float:left; padding-top: 50px; background:#f5f5f5} .i_gywm_title{ width:100%; float:left; text-align:center; font-size: 24px; margin-top: 25px;} .i_gywm_title span{ font-size: 36px; color: #424242; border-bottom: 1px solid #efefef; padding: 0 100px; padding-bottom: 25px;} .i_gywm_xian{ width: 150px; height: 4px; background: #2449a4; margin: 0 auto; position: relative; top: 14px;} .i_gywm_bot{ width:100%; float:left; margin-top:193px; background:#264ba6; padding-bottom:50px;} .i_gywm_bot_fl{ width:54%; float:left; position: relative; margin-top: -120px;} .i_gywm_bot_fl_tu{ width:100%; float:left; } .i_gywm_bot_fl_tu img{ width:100%; } .i_gywm_bot_fl_title{ width: 90%; padding: 0 5%; float: left; color: #fff; font-size: 18px; margin-top: 40px;} .i_gywm_bot_fl_desc{ width: 90%; padding: 0 5%; float: left; color: #fff; line-height: 26px; text-indent: 2em;} .i_gywm_bot_fl_desc a{ color: #d49842; text-decoration: underline;} .i_gywm_bot_fr{ width:41%; float:right; padding-left:3%} .i_gywm_bot_fr_title{ font-size: 30px; color: #fff; margin-top: 94px; font-weight: bold; line-height: 53px;} .i_gywm_bot_fr_title span{ font-size: 16px;} .i_gywm_bot_fr_tu{ width: 300px; height: 227px; position:relative; margin-top: 25px; } .i_gywm_bot_fr_tu .tempwrap{ border: 3px solid white; background:#fff;} .i_gywm_bot_fr_tu ul{ width: 100%; height: 227px; position: relative; overflow: hidden; } .i_gywm_bot_fr_tu li{ width: 100%; height: 227px; line-height: 100px ; text-align: center; } .i_gywm_bot_fr_tu li img{ width:100%; height:100%;} .i_gywm_bot_fr_tu .color1{ position: absolute; } .i_gywm_bot_fr_tu .input1{ width: 35px; height: 35px; margin:-35px; position: absolute; top:35px ; right:-5px; background:url(/uploads/image/tsimages/i_jj_bnt1_1.png) center center no-repeat; border:0px; } .i_gywm_bot_fr_tu .input1:hover{ background:url(/uploads/image/tsimages/i_jj_bnt1_2.png) center center no-repeat;} .i_gywm_bot_fr_tu .input2{ width: 35px; height: 35px; position: absolute; top:40px; right:-40px; background:url(/uploads/image/tsimages/i_jj_bnt2_1.png) center center no-repeat; border:0px; } .i_gywm_bot_fr_tu .input2:hover{ background:url(/uploads/image/tsimages/i_jj_bnt2_2.png) center center no-repeat;} /*footer*/ .footer{ width:100%; float:left;} .footer_nav{ width:100%; float:left; height:80px; line-height:80px; border-bottom:1px solid #e5e5e5; border-top: 1px solid #e5e5e5;} .footer_nav ul{ width:100%; float:left; display: flex;} .footer_nav li{ font-size:18px; text-align:center; flex-grow: 1;} .footer_cont{width:100%; float:left; padding:30px 0;} .footer_cont_fl{ width:calc(25% - 1px); float:left; text-align:center; border-right:1px solid #e5e5e5} .footer_logo{ margin-bottom: 15px;} .footer_logo img{ max-width: 100%;} .footer_ewm{ font-size: 12px; line-height: 40px;} .footer_ewm img{ width: 145px;} .footer_cont_cent{width:30%; float:left; padding: 0 5%;} .footer_lx_title{ font-size: 24px; color: #274aa4; font-weight: bold;} .footer_lx_xian{ width: 60px; height: 1px; background: #dcdcdc; margin-top: 11px;} .footer_lx_cont{ margin-top: 15px; font-size: 18px; line-height: 38px; color: #000;} .footer_lx_cont span{ font-size: 24px;} .footer_cont_fr{width:calc(25% - 1px); float:left; padding-left:5%; border-left:1px solid #e5e5e5;} .footer_lx_tel{ min-height:65px; margin-top: 15px; padding-left:70px; background:url(/uploads/image/tsimages/footer_tel.png) left center no-repeat;} .footer_lx_tel span a{ font-size: 32px; color: #284ba7;} .footer_lx_qq{ float: left; background: #264ba6; color: #fff; padding: 10px 20px; margin-top: 30px; font-size: 18px;} .footer_lx_qq a{ color: #fff;} .footer_lx_qq i{ position:relative; padding-right:10px; top: 2px; } .footer_bot{ width:100%; float:left; line-height:35px; color:#fff; background: #264ba6;} .footer_link{ width:60%; padding:0 5%; float:left; } .footer_link span{} .footer_link a{ color:#fff; padding:0 5px;} .footer_fr{ width:29%; float:right; text-align:center;} .footer_fr a{ color:#fff; } /*online service*/ .kf-sidebar{position: fixed;top: 250px;right: 10px;z-index: 999;} .kf-sidebar li{width: 55px;height: 55px;margin-bottom: 1px;position: relative;} .kf-sidebar .sidebox{display: block;width: 55px;height: 55px;position: absolute;top: 0;right: 0;overflow: hidden;transition: ease-in-out 0.2s;} .kf-sidebar .tb{display: block;width: 55px;height: 55px;position: absolute;top: 0;left: 0;} .kf-sidebar li:hover .tb{background-color: rgba(0,0,0,0.3) !important;} .kf-sidebar p{line-height: 55px;text-align: center;color: #ffffff !important;font-size: 20px;float: left;position: absolute;top: 0;left: 55px;} .kf-sidebar .kf-tel .sidebox{background-color:#0056a6;} .kf-sidebar .kf-qq .sidebox{background-color: #0056a6;} .kf-sidebar .kf-weixin .sidebox{background-color: #0056a6;} .kf-sidebar .kf-ww .sidebox{background-color: #0056a6;} .kf-sidebar #gotop{background-color: #0056a6;cursor: pointer;} .kf-sidebar .kf-tel .tb{background: url(/uploads/image/tsimages/kf_tel.png)no-repeat center;} .kf-sidebar .kf-qq .tb{background: url(/uploads/image/tsimages/kf_qq.png)no-repeat center;} .kf-sidebar .kf-weixin .tb{background: url(/uploads/image/tsimages/kf_weixin.png)no-repeat center;} .kf-sidebar .kf-ww .tb{background: url(/uploads/image/tsimages/kf_ww.png)no-repeat center;} .kf-sidebar #gotop .tb{background: url(/uploads/image/tsimages/gotop.png)no-repeat center;} .kf-sidebar .kf-tel p{width: 180px;} .kf-sidebar .kf-tel:hover .sidebox{width: 235px;} .kf-sidebar .kf-qq p{width: 140px;} .kf-sidebar .kf-qq:hover .sidebox{width: 195px;} .kf-sidebar .kf-ww p{width: 140px;} .kf-sidebar .kf-ww:hover .sidebox{width: 195px;} .kf-sidebar .ewm{position: absolute;top: -53px;right: 55px;padding-right: 15px;display: none;} .kf-sidebar .ewm .box{padding: 5px;background: #ffffff;border: 1px solid #02963f;} .kf-sidebar .ewm .box img{display: block;width: 150px;height: 150px;} /*内页*/ .content{ width:100%; float:left; padding-bottom:50px;} .location{ width: 100%; height: 45px; line-height: 45px; border-bottom: 1px dashed #dcdcdc; font-size:14px; overflow: hidden;margin-bottom: 20px;} .location span{ border-left: 10px solid #333333; font-weight: normal; padding-left: 8px;} .location a{ } .location a:hover{ color:#0056a6} .tl-fdh-02 { height: 55px; background: #fff; margin-bottom: 20px; overflow: hidden; } .tl-fdh-02 li { width:14.28%; height: 55px; font-size: 18px; line-height: 55px; text-align: center; float: left; border-right: 1px solid #eee; margin-right: -1px; background: #f4f4f4; cursor: pointer; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .tl-fdh-02 li a { display: block; height: 55px; color: #a8a8a8; } .tl-fdh-02 li.sidenavcur,.tl-fdh-02 li:hover { background: url(/uploads/image/tsimages/p16-icon6.png) no-repeat bottom center #0159af; border-color: #0159af; } .tl-fdh-02 li.sidenavcur a,.tl-fdh-02 li:hover a { color: #fff; } /*honor*/ .list_honor{ width:100%; float:left; } .list_honor ul{} .list_honor li{ width:24%; float:left; margin-right:1.3%; margin-bottom: 1.3%;} .list_honor li:nth-child(4n){ margin-right:0px;} .list_honor li .list_honor_tu{ width: calc(100% - 2px); padding-bottom: 68%; border: 1px solid #e5e5e5; position: relative; overflow: hidden;} .list_honor li .list_honor_tu img{ width:100%; min-height: 100%; position: absolute;} .list_honor li .list_honor_title{ height: 30px; font-size: 14px; line-height: 30px; text-align: center; padding: 0 5px; /* overflow: hidden; text-overflow: ellipsis; white-space: nowrap; */ background: #f0f0f0; color: #4b4a4a;} .list_honor2{ width:100%; float:left; } .list_honor2 ul{} .list_honor2 li{ width:24%; float:left; margin-right:1.3%; margin-bottom: 1.3%;} .list_honor2 li:nth-child(4n){ margin-right:0px;} .list_honor2 li .list_honor_tu{ width: calc(100% - 2px); padding-bottom: 68%; border: 1px solid #e5e5e5; position: relative; overflow: hidden;} .list_honor2 li .list_honor_tu img{ height: 100%; position: absolute; left:50%; transform:translatex(-50%);} .list_honor2 li .list_honor_title{ height: 30px; font-size: 14px; line-height: 30px; text-align: center; padding: 0 5px; /* overflow: hidden; text-overflow: ellipsis; white-space: nowrap; */ background: #f0f0f0; color: #4b4a4a;} /*公司简介*/ .about1 { padding-bottom: 30px; margin-top: 20px; border-bottom: 1px dashed #ddd; } .about1 dt { width: 70%; height: 368px; float: left; overflow: hidden; margin-bottom: 30px; } .about1 dt img { width: 100%; display: block; } .about1 dd { width: calc(25% - 2px); height: 238px; overflow: hidden; float: right; margin-top: 45px; padding: 45px 0 0 5%; border: 2px solid #0159af; border-left: 0; } .about1 dd h3 { font: 20px "times new roman", times, serif; text-transform: uppercase; color: #333; } .about1 dd h3 em { display: block; font-size: 50px; font-weight: bold; font-style: normal; } .about1 dd span { display: block; font: 36px "microsoft yahei"; font-weight: bold; color: #0159af; padding-top: 8px; } .about1 dd span em { display: block; font-size: 26px; font-weight: normal; font-style: normal; color: #222; } .about1 h4 { font: 36px "microsoft yahei"; font-weight: bold; color: #222; padding-bottom: 10px; line-height: 60px; margin: 0px; } .about1 h4 em { font: 36px "times new roman", times, serif; color: #0159af; text-transform: uppercase; padding-left: 10px; } .about1 h4 span { font: 24px "microsoft yahei"; color: #222; width: 100%; float: left; } .about1 p { font: 15px "microsoft yahei"; color: #666; line-height: 26px; } .about2 { margin-top: 60px; } .about2 h2, .about3 h2, .about4 h2 { text-align: center; font-size: 34px; color: #333; line-height: 110%; margin-top: 35px; margin-bottom: 25px; } .about2 h2 span, .about3 h2 span, .about4 h2 span { color: #0159af; margin: 0 10px; } .about2 h2 em, .about3 h2 em, .about4 h2 em { display: block; font-weight: normal; font-style: normal; font-size: 12px; text-transform: uppercase; color: #666; } .about2 dl dt { background: #333; float: left; width: 50%; overflow:hidden; } .about2 dl dt img{ width:100%;} .about2 dl dd { float: right; width: 40%; font-size: 15px; background: #f7f7f7; padding: 5%; /* height: 279px;*/ } .about3 { margin-top: 60px; } .about3 li { background: #f7f7f7; margin-bottom: 10px; line-height: 40px; color: #444; font-size: 14px; float: left; width: 50%; list-style-type: none; } .about3 li.none { width: 100%; } .about3 li.er { line-height: 26px; padding-top: 15px; } .about3 li.er span { height: 80px; line-height: 80px; margin-top: -15px; } .about3 li span { display: inline-block; width: 52px; height: 42px; text-align: center; background: #0159af; color: #fff; font-size: 22px; margin-right: 15px; float: left; } .about4 { margin-top: 60px; } .about4 li { float: left; width: 285px; margin-right: 20px; display: inline; } .about4 li img { width: 100%; } .about4 li:nth-child(4n) { margin-right: 0px; } .about4 li p { margin: 0; padding-top: 0; } .about4 li span { display: block; background: #0159af; text-align: center; font-size: 16px; color: #fff; line-height: 40px; margin-bottom: 30px; } .about4 li:hover span { background: #ffad00; } .p12-aboutinfo-1-tit { height: 114px; line-height: 114px; font-size: 30px; text-align: center; color: #333; } .lianxi li { float: left; width: 22%; min-height: 180px; text-align: center; margin-right: 1.3%; color: #666; margin-bottom: 30px; line-height: 160%; padding: 0 1%; font-family: 微软雅黑; background: #eee; } .lianxi li.last { float: right; margin-right: 0px } .lianxi li img { margin-top: 20px; width: 52px; } .lianxi li i { display: block; font-size: 14px; color: #333; padding-bottom: 8px; font-style: normal; padding-top: 10px; } .lianxi li span { display: block; font-size: 18px; color: #333; } .lianxi li.last span { font-size: 15px; } /*在线留言*/ .p4-order-form-1 { overflow: hidden; } .p4-order-form-1 .p4-titlel-1 { width: 145px; height: 46px; font-size: 18px; line-height: 46px; text-align: center; color: #fff; background: #333333; } .p4-order-form-1-con { border: 1px solid #bbb; background: no-repeat center bottom #fff; padding: 40px 15%; } .p4-order-form-1-con li { margin-bottom: 10px; font-size: 14px; line-height: 35px; color: #666; overflow: hidden; } .p4-order-form-1-con label { display: inline-block; width: 120px; color: #666; vertical-align: top; text-align: right; height: 33px; line-height: 33px; overflow: hidden; } .p4-order-form-1-con .inputs, .p4-order-form-1-con li select { width: 73%; margin-right: 10px; outline: none; padding-left: 10px; border: 1px solid #eee; height: 33px; line-height: 32px; color: #666; box-sizing: border-box; /* float: left; */ } .p4-order-form-1-t1 textarea { width: 73%; height: 102px; line-height: 24px; border: 1px solid #eee; outline: none; resize: none; overflow: auto; margin-right: 10px; padding-left: 10px; box-sizing: border-box; } .p4-order-form-1-con .p4-order-form-1-t3 { padding-left: 120px; } .p4-order-form-1-con .p4-order-form-1-t3 input { width: 80px; height: 30px; border: 0; text-align: center; margin-right: 30px; color: #fff; padding-left: 0; cursor: pointer; } .p4-order-form-1-con .p4-order-form-1-b1 { background: #0159af; } .blk-xs{width:20%;} .fdh-01-tit { background: #0159af; height: 80px; } .fdh-01-tit .h3 { height: 79px; font-size: 24px; font-weight: normal; line-height: 75px; color: #fff; border-bottom: 1px solid #fff; text-align: center; } .fdh-01-tit .h3 span { font-size: 14px; text-transform: uppercase; } .fdh-01-nav-one .h3 { height: 50px; line-height: 50px; background: url(/uploads/image/tsimages/p14-icon5.png) no-repeat right center #ececeb; margin-bottom: 2px; } .fdh-01-nav-one .h3.sidenavcur, .fdh-01-nav-one .h3:hover { background: url(/uploads/image/tsimages/p14-icon2.png) no-repeat right center #0159af; } .fdh-01-nav-one .h3 a { display: block; height: 50px; font-size: 18px; font-weight: normal; margin-right: 40px; margin-left: 38px; color: #666; } .fdh-01-nav-one .h3.sidenavcur a, .fdh-01-nav-one .h3:hover a { color: #fff; } .fdh-01-nav-one dl.sidenavcur{ display:block !important;} .fdh-01-nav dl { padding: 2px 0 4px; } .fdh-01-nav dt { height: 50px; font-size: 16px; line-height: 50px; padding-left: 54px; padding-right: 40px; margin-bottom: 1px; background: #ececec; position: relative; overflow: hidden; } .fdh-01-nav dt:after { content: ""; width: 8px; height: 8px; border: 2px solid #b8b8b8; border-style: solid solid none none; position: absolute; top: 50%; right: 32px; margin-top: -4px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .fdh-01-nav dt.sidenavcur:after, .fdh-01-nav dt:hover:after { border-color: #0159af; } .fdh-01-nav dt.sidenavcur a, .fdh-01-nav dt:hover a { color: #0159af; } .fdh-01-nav dd { border: 1px solid #ececec; border-bottom: 0; } .fdh-01-nav p { height: 50px; font-size: 14px; line-height: 50px; padding-left: 72px; padding-right: 40px; border-bottom: 1px solid #ececec; background: #fff; position: relative; overflow: hidden; } .fdh-01-nav p.sidenavcur a, .fdh-01-nav p:hover a { color: #0159af; } .fdh-01-nav p.sidenavcur:after, .fdh-01-nav p:hover:after { background: #333333; } .fdh-01-nav a { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .cbgg-01 { background: #0159af; text-align: center; color: #fff; } .cbgg-01 p { padding-top: 15px; } .cbgg-01 p img { vertical-align: middle; margin-right: 5px; } .cbgg-01 span { display: block; font-size: 28px; font-weight: bold; font-family: arial; padding-bottom: 20px; padding-top: 10px; } .cbgg-01 span a{ color:#fff;} .blk-sm { width: 78%; } .left_news{ width: 100%;} .left_news .h3{ width: 100%; height: 79px; font-size: 24px; font-weight: normal; line-height: 75px; color: #fff; border-top: 1px solid #fff; text-align: center; background: #0159af;} .left_news li{ width: 96%; padding: 2%; border-bottom: 1px #dedede dotted;} .left_news li .left_news_title{ font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #000;} .left_news li .left_news_desc{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; color: #8d8d8d;} .left_news li .left_news_time{ color: #8d8d8d;} .left_news li:hover .left_news_title{ color:#0159af;} .zxlb-1n-ts-01-list dl { border: 1px solid #dedede; width: 100%; margin-bottom: 15px; padding: 22px 0 22px; background: #fff; display: inline-block; } .zxlb-1n-ts-01-list dl:hover { border-color: #0159af; } .zxlb-1n-ts-01-list dt { width: 30%; float: left; margin-left: 22px; margin-right: 5.5%; } .zxlb-1n-ts-01-list dt img { width: 100%; margin: 0 auto; display: block; } .zxlb-1n-ts-01-list dd { width: 58%; float: left; } .zxlb-1n-ts-01-list dd .h4 { height: 40px; font-weight: normal; font-size: 18px; color: #154c64; line-height: 40px; margin-bottom: 5px; overflow: hidden; } .zxlb-1n-ts-01-list .h4{ display: block; height: 40px; color: #4b4a4a; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .zxlb-1n-ts-01-list dl:hover .h4{ color: #0159af; } .zxlb-1n-ts-01-list-desc { max-height: 72px; font-size: 14px; line-height: 24px; color: #797979; margin-bottom: 28px; overflow: hidden; } .zxlb-1n-ts-01-list-deta { float: right; width: 134px; height: 40px; display: inline-block; border: 1px solid #aaa; font-size: 16px; line-height: 40px; text-align: center; } .zxlb-1n-ts-01-list dl:hover .zxlb-1n-ts-01-list-deta { background: #0159af; border-color: #0159af; } .zxlb-1n-ts-01-list dl:hover .zxlb-1n-ts-01-list-deta { color: #fff; } .zxxq-01 { background: #fff; padding: 18px 0; } .zxxq-01-tit { /* height: 38px; */ font-size: 24px; font-weight: normal; line-height: 38px; color: #4b4a4a; text-align: center; /* overflow: hidden; text-overflow: ellipsis; white-space: nowrap; */ } .zxxq-01-sour { height: 24px; font-size: 12px; line-height: 24px; text-align: center; color: #aaa; margin-bottom: 20px; } .zxxq-01-sour a { color: #aaa; } .zxxq-01-sour span { margin: 0 9px; } .zxxq-01-text { padding: 16px 18px; font-size: 14px; line-height: 24px; border: 1px solid #d6d6d6; margin-bottom: 22px; } .zxxq-01-text-t1 { width: 78px; float: left; color: #342f2e; margin-right: -78px; } .zxxq-01-text-t2 { padding-left: 80px; } .xgzx-pagin-01-href { float: right; font-size: 18px; line-height: 32px; } .xgzx-pagin-01-href span { display: inline-block; padding: 0 6px; margin-left: 4px; background: #333333; } .xgzx-pagin-01-href a { display: block; color: #fff; } .xgzx-pagin-01-key { min-height: 40px; border-top: 1px solid #333333; font-size: 14px; line-height: 40px; color: #575556; } .gduo{ width:100%; float:left; height:50px; line-height:50px; margin-bottom:30px; border-top: 1px #999 dotted;} .gduo span.pre{ float:left; width:50%; text-align:left; } .gduo span.next{ float:left; width:50%; text-align:right; } /*产品中心*/ .cl-cplb-3nt4-3-01-tit { border-bottom: 1px solid #ebebeb; margin-bottom: 16px; line-height: 0; } .cl-cplb-3nt4-3-01-tit .h3 { display: inline-block; max-width: 90%; font-size: 24px; font-weight: normal; color: #3b3b3b; line-height: 44px; border-bottom: 1px solid #333333; margin-bottom: -1px; overflow: hidden; } .cl-cplb-3nt4-3-01-tit .h3 span { color: #3b3b3b; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .cl-cplb-3nt4-3-01-con dl { width: 31.23%; float: left; border: 1px solid #d5d5d5; background: #fff; margin-bottom: 14px; margin-right: 2.7%; box-sizing: border-box; transition: 0.5s; } .cl-cplb-3nt4-3-01-con dl:hover{box-shadow: 3px 3px 12px rgba(0,0,0,0.1);} .cl-cplb-3nt4-3-01-con dl:nth-child(3n){ margin-right: 0;} .cl-cplb-3nt4-3-01-con dl.cl-cplb-3nt4-3-01-clear { margin-right: 0; } .cl-cplb-3nt4-3-01-con dt img { width: 100%; display: block; } .cl-cplb-3nt4-3-01-con dd { padding: 0 12px 6px; } .cl-cplb-3nt4-3-01-con .h3 { height: 38px; font-size: 18px; font-weight: normal; line-height: 38px; overflow: hidden; } .cl-cplb-3nt4-3-01-con .h3 { color: #767676; height: 38px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .cl-cplb-3nt4-3-01-con .h3 b{ font-weight: 100;} .cl-cplb-3nt4-3-01-txt2 { height: 44px; font-size: 14px; line-height: 22px; overflow: hidden; } .cl-cplb-3nt4-3-01-info2 { display: inline; font-size: 14px; font-weight: bold; line-height: 22px; } .cl-cplb-3nt4-3-01-info2 a { color: #666; } .p15-showcase { position: relative; padding: 12px 18px 16px 20px; margin-bottom: 15px; background: #fff; border: 1px solid #eee; } .p15-showcase-right-con { line-height: 24px; font-size: 14px; max-height: 168px; margin-bottom: 86px; overflow: hidden; } .p15-showcase-left { position: relative; width: 44.7%; float: left; line-height: 0; overflow: hidden; border: 1px solid #e7e7e7; margin-right: 3.3%; } .p15-showcase-left-jt { width: 12px; height: 23px; position: absolute; top: 50%; margin-top: -11px; cursor: pointer; z-index: 33; } .p15-showcase-left-prev { left: 10px; } .p15-showcase-left-next { right: 10px; } .p15-showcase-left-size { position: absolute; right: 0; bottom: 0; width: 56px; height: 28px; font-size: 14px; line-height: 16px; padding: 0 15px; } .p15-showcase-left-size em { font-style: normal; } .p15-showcase-left-pic { width: 100%; text-align: center; } .p15-showcase-left-pic li { float: left; } .p15-showcase-left-pic img { width: 100%; display: block; } .p15-showcase-right { width: 51.6%; float: left; } .p15-showcase-right-tit { height: 40px; font-size: 24px; line-height: 40px; color: #454545; margin-bottom: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .cpxq-01 { margin-bottom: 22px;margin-top:40px; } .cpxq-01-nav { font-size: 18px; height: 57px; border-bottom: 1px solid #ebebeb; background: #333; } .cpxq-01-nav li { float: left; height: 57px; line-height: 56px; padding: 0 30px; border-right: 1px solid #ebebeb; cursor: pointer; color:#fff; } .cpxq-01-nav li.cur { background: url(/uploads/image/tsimages/p16-icon6.png) no-repeat center bottom #0159af; color: #fff; } .cpxq-01-text { display: none; } .cpxq-01-text img{ max-width:100%; height: auto !important;} /*.cpxq-01-desc {*/ /* padding-left: 15px;*/ /* padding-right: 15px; */ /*}*/ .cpxq-01-cur { display: block; } .pc-cx-tel-1 { width: 50%; height: 56px; border-top: 2px solid #e6e6e6; padding-top: 10px; position: absolute; bottom: 16px; right: 2%; } .pc-cx-tel-1-t1 { width: 114px; height: 44px; background: #0159af; font-size: 18px; line-height: 44px; text-align: center; float: right; } .pc-cx-tel-1-t1 a { display: block; color: #fff; } .pc-cx-tel-1-t2 { height: 56px; padding-left: 60px; background: url(/uploads/image/tsimages/pc-xc-icon2.png) no-repeat 10px top; font-size: 18px; line-height: 18px; color: #454545; background-size: 40px; } .pc-cx-tel-1-t2 p { line-height: 24px; } .p14-product-2-tit { height: 46px; line-height: 46px; border-bottom: 2px solid #dfdfdf; margin-bottom: 30px; padding-top: 26px; } .p14-product-2-tit b { display: inline-block; font-size: 24px; font-weight: normal; color: #464646; padding-left: 30px; border-bottom: 2px solid #333333; background: no-repeat 0px center; } .p14-product-2-tit span { margin-left: 10px; font-size: 18px; font-family: arial; color: #c2c2c1; text-transform: uppercase; } .p14-product-2-list dl { float: left; width: 23.8%; border: 1px solid #dfdfdf; margin-right: 1.5%; box-sizing: border-box;margin-bottom: 30px; } .p14-product-2-list dl:last-child{ margin-right:0px;} .p14-product-2-list dl.p14-product-clear { margin-right: 0; } .p14-product-2-list dl img { display: block; width: 100%; } .p14-product-2-list dd { padding: 10px 28px 10px 10px; margin-right: 2px; position: relative; } .p14-product-2-list .h3 { height: 30px; font-size: 16px; font-weight: normal; line-height: 30px; color: #191919; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .p14-product-2-list .h3 a { color: #191919; } .p14-product-2-desc { font-size: 14px; line-height: 24px; color: #666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .p14-product-2-list dl:hover { border-color: #0159af; } .p14-product-2-list dl:hover h3 a { color: #0159af; } /*专题页*/ .zty_tu{ width:100%; float:left; position:relative;} .zty_tu img{ width:100%;} .zty_cont{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); text-align: center; color: #fff; background: rgba(38,75,166,0.8); padding: 2%; font-size: 21px;} .zty_cont span{ font-size: 48px; font-weight: bold;} .zty_ys{ width:100%; float:left; padding:100px 0;} .zty_ys_title{ text-align:center; font-size:24px; color:#000;} .zty_ys_title span{ color:#264ba6; font-size:48px;font-weight: bold;} .zty_ys_list{ float:left; width:100%; margin-top:100px;} .zty_ys_list li{ float:left; width:18%; margin: 0 1%; text-align:center; cursor: pointer;} .zty_ys_list li .zty_ys_list_tu{width:100%;} .zty_ys_list li .zty_ys_list_tu img{ max-width:100%;} .zty_ys_list li .zty_ys_list_tu img.tu2{ display:none;} .zty_ys_list li:hover .zty_ys_list_tu img{ display:none;} .zty_ys_list li:hover .zty_ys_list_tu img.tu2{ display:initial;} .zty_ys_list li .zty_ys_list_title{ font-size:24px; margin-top:30px; width:100%;} .zty_gl{ width:100%; float:left; padding:100px 0 105px; background:url(/uploads/image/tsimages/zty_gl_bg.jpg); position:relative;z-index: 999;} .zty_gl_title{ text-align:center; font-size:28px; color:#000;} .zty_gl_title i{ padding:0 5px;} .zty_gl_title span{ font-size:18px; color:#8f8f8f; background:url(/uploads/image/tsimages/zty_gl_bg.jpg) ;padding:0 10px; position: relative; z-index: 999;} .zty_gl_title_xian{ width:250px; height:1px; background:#8f8f8f;margin: 0 auto; position: relative; top: -15px;} .zty_gl_list{ width:100%; float:left; margin-top:100px; position:relative;} .zty_gl_list li{ float:left; width:50%; border-bottom:1px solid #ddd; padding: 30px 0;} .zty_gl_list li .zty_gl_dian{ float:left; font-size: 50px; line-height: 16px; color: #264ba6; padding: 0 1%; width: 3%;} .zty_gl_list li .zty_gl_list_title{ float:left; font-size: 20px; width: 35%; line-height: 26px;} .zty_gl_list li:nth-child(2n) .zty_gl_dian{float:right;} .zty_gl_list li:nth-child(2n) .zty_gl_list_title{float:right; text-align: right;} .zty_gl_list_tu{ position:absolute; width: 40%; left: 50%; transform: translatex(-50%); top: -10%; text-align:center;} .zty_gl_list_tu img{max-width:100%;} .zty_xznf{ width:85%; margin: 0 auto; position:absolute; background:#fff; bottom: -105px; height:210px; z-index: 999;} .zty_xznf_tu{ float:left; position: relative; top: -15px; width: 20%;} .zty_xznf_tu img{ max-width:100%;} .zty_xznf_cont{ float:left; width: 40%; color: #000; padding: 0 5%;} .zty_xznf_title{ margin-top: 50px; font-size: 20px;} .zty_xznf_title span{ font-size: 28px; font-weight: bold; margin-right: 10px;} .zty_xznf_desc{ font-size: 12px;} .zty_xznf_gd{ float:left; width:30%; position: relative; top: 50%; transform: translatey(-50%); text-align: center;} .zty_xznf_gd a{ color: #fff; padding: 10px 15px; border-radius: 35px; font-size: 16px; margin:0 1%; width:40%;} .zty_xznf_gd a i{} .zty_xznf_gd a i img{ position: relative; margin-right: 10px;} .zty_xznf_gd a.dzcp{ background: #0056a6;} .zty_xznf_gd a.zxzx{ background: #ed1f23;} .zty_cp{ width:100%; float:left; padding:150px 0 100px; background:#264ba6; position:relative;} .zty_cp_title{ text-align:center; position:relative; font-size:30px; color:#fff; z-index: 99;} .zty_cp_title span{ font-size:18px; padding:0 10px; background:#264ba6;} .zty_cp_xian{ position:relative; width:50%; height:1px; margin:0 auto; background:#516fb8; top: -15px;} .zty_cp_list{ width:100%; float:left; position:relative; margin-top:50px;} .zty_cp_list #myscroll ul{display:block; float:left; list-style-type:none; padding:0; margin:0;} .zty_cp_list #myscroll ul li { float:left; position:relative; width:234px; } .zty_cp_list #myscroll ul li a{display:block; position:relative; color:#333; width:calc(100% - 10px); margin: 0 auto; background: #fff; text-align: center; padding: 10px 0;} .zty_cp_list #myscroll ul li .i_cpzx_list_tu{ width:100%; padding-bottom:100%; position:relative; overflow:hidden; } .zty_cp_list #myscroll ul li .i_cpzx_list_tu img{ position:absolute; height:100%; top:0px; left:50%; transform:translatex(-50%); } .zty_cp_list #myscroll ul li .i_cpzx_list_xh{ color:#2449a4; font-size:20px; font-weight: bold;} .zty_cp_list #myscroll ul li .i_cpzx_list_title{ color:#3f3f3f; font-size:14px;} .zty_cp_list #mybtns{width:100%; display:block; position: relative; margin-top: 20px; } .zty_cp_list #mybtns a{width:99px; height:45px; display:block;margin-right:1px; position: absolute; top:50%; transform: translatey(-50%);} .zty_cp_list #mybtns a:hover{} .zty_cp_list #mybtns a:hover, #myscroll, #mybtns a,#myscroll #myscrollbox{ -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .zty_cp_list #mybtns #left{ background-image:url(/uploads/image/tsimages/zty_jt_l.png); left:calc(50% - 110px); } .zty_cp_list #mybtns #right{ background-image:url(/uploads/image/tsimages/zty_jt_r.png); right:calc(50% - 110px);} .zty_cp_list #mybtns #zty_cp_gd{ color:#fff; right:5%; width: auto; height: auto; text-decoration: underline; font-size: 14px;} .zty_yyly{ width:100%; float:left; padding:100px 0;} .zty_yyly_title{ text-align:center; font-size:28px; color:#000;} .zty_yyly_title i{ padding:0 5px;} .zty_yyly_title span{ font-size:18px; color:#8f8f8f; padding:0 10px; position: relative; z-index: 999;} .zty_yyly_list{ width:100%; float:left; margin-top:50px;} .zty_yyly_list_lf{ width:49%; float:left;} .zty_yyly_list_lf ul{} .zty_yyly_list_lf li{ width:45%; float:left; margin-right: 6%; margin-bottom: 30px;} .zty_yyly_list_lf li:nth-child(2n){ margin-right:0;} .zty_yyly_list_lf li .zty_yyly_list_tu{width:100%; } .zty_yyly_list_lf li .zty_yyly_list_tu img{width:100%; } .zty_yyly_list_fr{ width:49%; float:right;} .zty_yyly_list_tu{width:100%;} .zty_yyly_list_tu img{width:100%;} .zty_cjwt{ width:100%; float:left; padding:100px 0 50px; background:#f5f5f5;} .zty_cjwt_title{ text-align:center; font-size:28px; color:#000;} .zty_cjwt_title i{ padding:0 5px;} .zty_cjwt_title span{ font-size:18px; color:#8f8f8f; padding:0 10px; position: relative; z-index: 999;} .zty_cjwt_list{ width:80%;margin:0 auto; position: relative; margin-top: 50px;} #zty_cjwt_myscroll{display:block; width:100%; position:relative; overflow:hidden;} #zty_cjwt_myscroll #zty_cjwt_myscrollbox{display:block; float:left; position:absolute; left:0; top:0; width:1000000px; overflow:hidden;} #zty_cjwt_myscroll ul{display:block; float:left; list-style-type:none; padding:0; margin:0;} #zty_cjwt_myscroll ul li { float:left; position:relative; width:234px; } #zty_cjwt_myscroll ul li a{display:block; position:relative; color:#333; width:calc(100% - 10px); margin: 0 auto;text-align: center; padding: 10px 0; padding-bottom:50px; border-bottom:2px solid #eeeeee} #zty_cjwt_myscroll ul li .zty_cjwt_list_tu{ width:100%; position:relative; overflow:hidden; } #zty_cjwt_myscroll ul li .zty_cjwt_list_tu img{ width:100%; } #zty_cjwt_myscroll ul li .zty_cjwt_list_title{ color:#3f3f3f; font-size:16px; height:50px; line-height:50px;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;} #zty_cjwt_myscroll ul li:hover a{ border-bottom:2px solid #0056a6;} #zty_cjwt_myscroll ul li:hover .zty_cjwt_list_title{ color:#0056a6; } #zty_cjwt_mybtns{width:100%; display:block; } #zty_cjwt_mybtns a{width:38px; height:73px; display:block;margin-right:1px; position: absolute; top:35%; transform: translatey(-50%);} #zty_cjwt_mybtns a:hover{} #zty_cjwt_mybtns a:hover, #zty_cjwt_myscroll, #zty_cjwt_mybtns a,#zty_cjwt_myscroll #zty_cjwt_myscrollbox{ -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } #zty_cjwt_mybtns #zty_cjwt_left{ background-image:url(/uploads/image/tsimages/zty_cjwt_jt_l.png); left:-35px; } #zty_cjwt_mybtns #zty_cjwt_right{ background-image:url(/uploads/image/tsimages/zty_cjwt_jt_r.png); right:-35px} .disabled{ pointer-events: none;} .zty_cjwt_gs{ width:3px; display:none;} .zty_rxcp{ width:100%; float:left; padding:100px 0; } .zty_rxcp_title{font-size:36px; text-align: center; font-weight: bold; color: #000;} .zty_rxcp_tb{ text-align: center; z-index: 999; position: relative; margin-top: 30px;} .zty_rxcp_tb img{ width:20px; width: 14px; background: #fff; padding: 0 20px;} .zty_rxcp_xian{ width: 200px; height: 1px; background: #efefef; margin: 0 auto; position: relative; top: -10px;} .zty_rxcp_list{ width:100%; float:left; position:relative; margin-top:50px;} .zty_rxcp_list #myscroll ul{display:block; float:left; list-style-type:none; padding:0; margin:0;} .zty_rxcp_list #myscroll ul li { float:left; position:relative; width:234px; } .zty_rxcp_list #myscroll ul li a{ width:90%; display:block; position:relative; color:#333; margin: 0 auto; background: #fff; text-align: center; padding: 10px 0;} .zty_rxcp_list #myscroll ul li .i_cpzx_list_tu{ width:100%; padding-bottom:100%; position:relative; overflow:hidden; border:1px solid #ccc; border-radius: 5px;} .zty_rxcp_list #myscroll ul li .i_cpzx_list_tu img{ position:absolute; height:100%; top:0px; left:50%; transform:translatex(-50%); } .zty_rxcp_list #myscroll ul li .i_cpzx_list_title{ color:#4a4949; font-size:14px; height:30px; line-height:30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .zty_rxcp_list #myscroll ul li .i_cpzx_list_gd{ margin-top: 20px;} .zty_rxcp_list #myscroll ul li .i_cpzx_list_gd span{ padding: 10px 20px; background: #e5e5e5; border-radius: 30px; font-size: 14px;} .zty_rxcp_list #myscroll ul li .i_cpzx_list_gd i{ font-style: initial; width:10px; height:10px; background:#454545; border-radius:100px; color:#fff; padding: 0px 4px; margin-left: 5px; font-size: 12px;} .zty_rxcp_list #mybtns{width:100%; display:block; } .zty_rxcp_list #mybtns a{width:57px; height:62px; display:block;margin-right:1px; position: absolute; top:4 0%; transform: translatey(-50%);} .zty_rxcp_list #mybtns a:hover{} .zty_rxcp_list #mybtns a:hover, #myscroll, #mybtns a,#myscroll #myscrollbox{ -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .zty_rxcp_list #mybtns #left{ background-image:url(/uploads/image/tsimages/zty_rxcp_l.png); left:-5%; } .zty_rxcp_list #mybtns #right{ background-image:url(/uploads/image/tsimages/zty_rxcp_r.png); right:-5%;} .zty_rxcp_gs{ width:4px; display:none;} .zty_gg{ width:100%; float:left; padding:100px 0; border-top:1px solid #e5e5e5;} .zty_gg_title{ font-size:36px; text-align: center; font-weight: bold; color: #000;} .zty_gg_tb{ text-align: center; z-index: 999; position: relative; margin-top: 30px;} .zty_gg_tb img{ width:20px; width: 14px; background: #fff; padding: 0 20px;} .zty_gg_xian{ width: 200px; height: 1px; background: #efefef; margin: 0 auto; position: relative; top: -10px;} .zty_zl{ width:100%; float:left; padding:100px 0; background:url(/uploads/image/tsimages/zty_zl_bg.jpg) center top no-repeat;color:#fff; } .zty_zl_title{ font-size:36px; text-align:center; color:#fff; font-weight: bold;} .zty_zl_tb{text-align: center; float: left; position: relative; left: 50%; transform: translatex(-50%); margin-top: 50px;} .zty_zl_tb span{ min-width: 350px; float: left; text-align: center; border-bottom: 1px solid #c7c6c6; border-top: 1px solid #c7c6c6; font-size: 30px;} .zty_zl_tb span:nth-child(2){ color:#ed0000} .zty_zl_tb img{ float: left; padding: 0 50px;} .zty_zl_list{ width:100%; float:left; margin-top:100px; position:relative;} .zty_zl_list_tu1{ position:absolute; width: 40%; left: 50%; transform: translate(-50%,-50%); top: 50%; text-align:center;} .zty_zl_list_tu2{ position:absolute; width: 40%; left: 50%; transform: translate(-50%,-50%); top: 50%; text-align:center;} .zty_zl_list img{ max-width:100%;} .zty_zl_list ul{ width:100%; float:left;} .zty_zl_list li{ width:50%; float:left; } .zty_zl_list li .zty_zl_list_cont{ width:50%; float:left; padding:10px 0 50px; border-bottom:1px #fff dashed;} .zty_zl_list li:nth-child(2n) .zty_zl_list_cont{ float:right;} .zty_zl_list_title{ width:100%; float:left; font-size:25px; font-weight:bold;} .zty_zl_list_title .zty_zl_list_tb{ float:left; margin-right: 10px; position: relative; top: 10px;} .zty_zl_list_title .zty_zl_list_tb img{} .zty_zl_list_desc{width:100%; float:left; font-size:16px;} .zty_dz{ width:100%; float:left; padding:100px 0; background:#f5f5f5;} .zty_dz_title{ text-align:center; font-size:16px; color:#717171;} .zty_dz_title span{ font-size:36px; font-weight:bold; color:#000;} .zty_dz_title a{ color:#e90000;} .zty_dz_tb{ text-align: center; z-index: 999; position: relative; margin-top: 30px;} .zty_dz_tb img{ width:20px; width: 14px; background: #f5f5f5; padding: 0 20px;} .zty_dz_xian{ width: 200px; height: 1px; background: #c4c4c4; margin: 0 auto; position: relative; top: -10px;} .zty_dz_list{ width:100%; float:left; margin-top:50px;} .zty_dz_list li{ float:left; width:10%; padding:0 3%; text-align:center; position:relative; cursor: pointer;} .zty_dz_list li .zty_dz_list_tu{ border-radius: 100%; overflow: hidden; border: 10px solid #ebebeb; position:relative; z-index:999; } .zty_dz_list li .zty_dz_list_tu img{ width: 100%;} .zty_dz_list li .zty_dz_list_tu img.tu{ display:none;} .zty_dz_list li:hover .zty_dz_list_tu img{ display:none;} .zty_dz_list li:hover .zty_dz_list_tu img.tu{ display:initial} .zty_dz_list li .zty_dz_list_title{ font-size: 16px; margin-top: 20px; color: #000;} .zty_dz_list_xian{width:100%; position:absolute; height: 10px; background: #ebebeb; top: 38%; transform: translatey(-50%);} .zty_dz_list li:last-child .zty_dz_list_xian{ width:0px;} .sp_header{ display: none;} .sp_nav_xjb{ background:url(/uploads/image/tsimages/head_nav_xia.png) center bottom no-repeat; width:30px; height:30px;} .sjj_nav_i_se{ background:url(/uploads/image/tsimages/head_nav_xia.png) center top no-repeat;} .sjj_nav ul li form{ margin:15px 0; float: left; width: 100%;} .sjj_nav ul li .sotext { float: left; width:70%; height: 30px; line-height: 30px; padding:0 2%; color: #333; border: 1px solid #ddd; background:#eeeeee; outline: none; border-right:0px; color:#666; font-size:14px; } .sotext::-webkit-input-placeholder { color:#666;} .sjj_nav ul li .sobtn { float: left; width: 20%; height: 32px; border: 1px solid #2449a4; line-height: 32px; background: no-repeat center center #2449a4; } .footer_fd_kuan{ display:none;} .footer_fd,#gotop_wap{ display:none;} #lightbox-container-image-box{ max-width: 80%; height:auto !important; margin:0 auto;} #lightbox-container-image img#lightbox-image{ width:100%;} #lightbox-container-image-data-box{ max-width: 95%;} @media (max-width: 1299px){ .header_cont_tb{display:none;} } @media (max-width: 1199px){ } @media (max-width: 999px){ .header_cont{padding:0px;} .header_cont_fr{ margin-top: 30px;} .header_cont_tel{ font-size:0px; display:none;} .header_cont_tel span{ font-size:0px;} .header_tel { font-size: 0px; width:auto; float:left; margin:0px;} .header_tel span{ float: left; margin:0px; font-size:0px; padding-top:45px; padding-left: 35px; background: url(/uploads/image/tsimages/head_tel2.png) bottom left no-repeat; width:auto; background-size: 35px;} .head_nav_wap{ margin-left: 10px; margin-top: 7px; border-left: 1px solid #d9d9d9;} .header_nav,.header_search,.header_cont .logo_gg{ display: none;} .sp_header{ display: block;} .i_seach{ height:auto; line-height: unset; padding-bottom:10px;} .i_seach_fr,.i_seach_fl{ width: 100%;} .i_seach_fr .sotext{ width: 80%; padding: 0 1%;} .i_seach_fr .sobtn{ width: 17%;} .i_hexin_title{ margin-top:0px;} .i_hexin_list{ background-position: center !important; background:none !important;} .i_hexin_list li{ width: calc(48% - 100px); margin: 0 !important; border-bottom: 1px solid #c6c6c6; padding: 10px; height: 88px;line-height: 88px; background-position: center left !important;text-align: left !important; padding-left: 100px; padding-right: 0px !important;} .i_hexin_list li .i_hexin_list_cont{ background: none !important; width: 100% !important; padding:0px !important;} .i_hexin_list li .i_hexin_list_desc{ display:none;} .i_hexin_list_gd{ margin-top: 30px;} .i_hexin_list_gd a{ top: 0px;} .i_cpzx_xl{ background-size: auto 100%;} .i_cpzx_xl li{ width: calc(44% - 1px); margin-bottom:3%;} .i_cpzx_xl li:nth-child(2n) { border-right: 0px;} .i_cpzx_gs{ width:4px;} .i_ys_title span{ padding: 0 50px;} #lightbox-container-image-box{ max-width:100%; height:auto !important; margin:0 auto;} #lightbox-container-image img#lightbox-image{ width:100%;} #lightbox-container-image-data-box{ max-width: 95%;} .footer_nav,.footer_cont,.footer_link,.kf-sidebar{display:none;} .footer_bot{ line-height: 40px; text-align: center; border-top: 1px solid #c2c2c2;} #gotop_wap{display:block;} #gotop_wap { position: fixed; bottom: 80px; right: 5px; background: url(/uploads/image/tsimages/gotop1.png) no-repeat 14px 15px rgba(0,0,0,0.5); width: 40px; height: 40px; border-radius: 4px; cursor: pointer; z-index: 999; } .footer_fd_kuan{ display:block;width: 100%; float:left; height: 60px;} .footer_fd{ display:block; width: 100%; position: fixed; bottom: 0px; height: 60px; background: #191938; box-shadow: 0px 0px 14px #040404; z-index: 99999;} .footer_fd li{ width:25%; float:left; text-align:center;} .footer_fd li a{ color:#fff; width: 100%; float: left; line-height: 30px;} .footer_fd li .footer_fd_tu{ width: 100%; height:20px; float:left; text-align:center; margin-top:10px;} .footer_fd li .footer_fd_tu img{ height:100%;} .footer_fd li .footer_fd_title{} .blk-xs{ display:none;} .blk-sm{ width: 100%;} .p4-order-form-1-con{ padding: 40px 10%;} .zty_cont{ font-size: 14px;} .zty_cont span{ font-size: 34px;} .zty_ys_list li .zty_ys_list_title{ font-size: 16px;} .zty_ys_list li{ width: 16%; margin: 0 2%;} .zty_gl_list_tu{ display: none;} .zty_gl_list li{width: 48%;} .zty_gl_list li:nth-child(2n){ float:left;} .zty_gl_list li .zty_gl_list_title{ width: 95%;} .zty_gl_list li:nth-child(2n) .zty_gl_dian { float: left;} .zty_gl_list li:nth-child(2n) .zty_gl_list_title { float: left; text-align: left;} .zty_xznf{height:} .zty_xznf_gd a{ width: 50%; float: left; margin: 10px 25%;} .zty_xznf_title{ margin-top:0px; font-size: 16px;} .zty_zl_tb span{ font-size: 20px; min-width: 250px;} } @media (max-width: 799px){ .i_hexin_list li .i_hexin_list_title {font-size: 18px;} .i_cpzx_gs{ width:3px;} .i_jjfa_info{ background-color: #f5f5f5;} .i_jjfa_list_tu{ width: 100%;} .i_jjfa_list_cont{ width:90%; padding: 5%;} .i_ys_list li .i_ys_tu{ width: 100%;} .i_ys_list li .i_ys_tu img{ width: 100%;} .i_ys_list li .i_ys_fr{ width:90%;} .i_news_list_fl{ width: 100%; margin-bottom:30px;} .i_news_list_fr{ width: 100%;} .i_gywm_bot_fl{ width: 100%; padding-bottom: 5%; border-bottom: 1px solid #fff; margin-bottom: 30px; margin-top: -30%;} .i_gywm_bot_fr{ float: none; width:auto; text-align: center; padding-left:0px;} .i_gywm_bot_fr_tu{margin: 0 auto;} .footer_fr{ width: 100%;} .p15-showcase-left,.p15-showcase-right{ width: 100%;} .pc-cx-tel-1{ width: 95%;} .cpxq-01-nav{ height:auto; float: left; width: 100%;} .p14-product-2-list dl{ width: 48%;} .p14-product-2-list dl:nth-child(2n) { margin-right: 0px;} .zxlb-1n-ts-01-list dl{ padding-top:0px;} .zxlb-1n-ts-01-list dt{ width: 100%; margin:0px;} .zxlb-1n-ts-01-list dd{ width: 96%; padding: 0 2%;} .zxlb-1n-ts-01-list-deta{ float: left;} .gduo span.pre,.gduo span.next{ width:100%; text-align:left; line-height: 20px; padding: 5px 0;} .tl-fdh-02{ height:auto;} .tl-fdh-02 li{ font-size: 14px; width: 20%;} .about1 dt{ width: 100%; height: auto;} .about1 dd{ display:none;} .about2 dl dt{ width: 100%;} .about2 dl dd{ width: 90%; height: auto;} .about3 li{ width: 100%;} .about1 h4 em{ font-size:26px;} .list_honor li{ width: 48%; margin-right:2%;} .list_honor li:nth-child(2n){ margin-right:0px;} .lianxi li{ width: 47%; margin-right:2%; } .lianxi li:nth-child(2n){ margin-right:0px;} .p4-order-form-1-con label{ width: 23%} .zty_xznf_tu{ display:none;} .zty_xznf_cont{ width: 60%; position: relative; top: 50%; transform: translatey(-50%);} .zty_xznf_gd a{ font-size: 12px; width:70%; margin: 10px 0;} .zty_cont{ font-size: 12px;} .zty_cont span{ font-size: 24px;} .zty_rxcp_gs{ width:3px;} .zty_zl{ background-size: auto 100%;} .zty_rxcp_title,.zty_gg_title,.zty_zl_title,.zty_dz_title span{ font-size: 26px;} .zty_dz_title{ font-size: 14px;} .zty_zl_list_title{ line-height: 45px; font-size: 18px;} .zty_zl_list li .zty_zl_list_cont{ padding: 10px 0 20px;} .zty_zl_list_desc{ font-size: 12px;} .zty_dz_list li .zty_dz_list_title{ font-size: 12px; height:40px;} .zty_dz_list_xian{ top: 25%;} .zty_zl_tb span{ font-size: 12px; min-width:150px;} } @media (max-width: 599px){ .i_hexin_title,.i_cpzx_title,.i_jjfa_title,.i_ys_title,.i_news_title,.i_gywm_title{ font-size: 18px;} .i_hexin_title span,.i_cpzx_title span,.i_jjfa_title span,.i_ys_title span,.i_news_title span,.i_gywm_title span { font-size: 24px; border-bottom:0px; padding: 0;} .i_cpzx_gs{ width:2px;} .i_jjfa_bot li{ width: 31%; margin-bottom: 30px;} .i_jjfa_bot_xian{ bottom: 32px;} .i_gywm_bot_fl{ margin-top: -50%;} #mybtns #left, #mybtns #right { background-size: 40px; background-repeat: no-repeat; background-position: center; z-index: 999;} #myscroll ul li .i_cpzx_list_title{ line-height: 20px; height: 40px;} .i_ys_list li .i_ys_list_title{ font-size: 22px;} .i_ys_list li .i_ys_sz{ font-size: 24px;} .n_banner{ background-size: 180% !important; height:160px !important;} .location{ display:none;} .content{ padding-top: 10px;} .cl-cplb-3nt4-3-01-con dl{ width: 48%;} .cl-cplb-3nt4-3-01-con dl:nth-child(3n) { margin-right: 4%;} .cl-cplb-3nt4-3-01-con dl:nth-child(2n) { margin-right: 0;} .cl-cplb-3nt4-3-01-con h3,.cl-cplb-3nt4-3-01-txt2,.cl-cplb-3nt4-3-01-info2{ font-size: 12px;} .cpxq-01-nav{ font-size: 14px;} .zxxq-01-tit{ font-size: 18px;} .about1 h4 em{ font-size:20px;} .lianxi li span,.lianxi li.last span{ font-size: 14px;} .p4-order-form-1-con label { width: 100%; float: left; text-align: left;} .p4-order-form-1-con .inputs, .p4-order-form-1-con li select{ width: 100%;} .p4-order-form-1-t1 textarea{ width: 100%;} .zty_ys_title{font-size: 14px;} .zty_ys_title span{ font-size: 24px;} .zty_gl,.zty_cp,.zty_yyly,.zty_cjwt,.zty_ys,.zty_rxcp,.zty_dz,.zty_zl,.zty_gg{ padding: 30px 0;} .zty_yyly_title,.zty_cjwt_title,.zty_cp_title,.zty_gl_title{ font-size: 20px;} .zty_yyly_title span,.zty_cjwt_title span,.zty_cp_title span,.zty_gl_title span{ font-size: 14px;} .zty_gl_list,.zty_ys_list,.zty_zl_list,.zty_rxcp_list{ margin-top: 30px} .zty_gl_list li { width: 100%;} .zty_gl_list li .zty_gl_list_title{ font-size: 16px;} .zty_ys_list{ text-align: center;} .zty_ys_list li{width: 28%; margin:2%; display: inline-block; text-align: center; float:none;} .zty_ys_list li .zty_ys_list_title{ margin-top:15px; font-size: 12px;} .zty_xznf { position: relative; float: left; width: 100%; bottom: 0px; height: auto; padding: 10px 0;} .zty_xznf_cont{ transform: initial; width:90%;} .zty_xznf_gd{ transform: initial; width: 90%; padding: 0 5%;} .zty_xznf_gd a{ width:40%; margin:10px 5%; padding: 10px 0;} .zty_xznf_gd a i img{ height: 14px;} .zty_cp_list #mybtns{ margin-bottom: 40px;} .zty_cp_list #mybtns #left, .zty_cp_list #mybtns #right{ background-size:auto;} .zty_cp_list #mybtns #zty_cp_gd{ right: 0; top: 60px; position: relative; width: 100%; text-align: center;} .zty_yyly_list_lf,.zty_yyly_list_fr{ width: 100%;} .zty_yyly_list_lf li{ width: 47%;} .zty_cjwt_gs{ width:2px;} .zty_cont span{ font-size: 14px;} .zty_rxcp_gs{ width:2px} .zty_rxcp_title,.zty_gg_title,.zty_zl_title,.zty_dz_title span{ font-size: 20px;} .zty_dz_list li{ width: 27%;} .zty_dz_list li:nth-child(3) .zty_dz_list_xian{ display:none;} .zty_dz_list_xian { top: 35%;} .zty_zl_tb img{ padding: 0 30px; width: 18px;} .zty_zl_list_tu1,.zty_zl_list_tu2{ display:none;} .zty_zl_list li .zty_zl_list_cont{ width: 90%;} .zty_zl_list_desc{ height: 60px} .zty_dz_tb,.zty_gg_tb,.zty_rxcp_tb{ margin-top: 10px;} .cpxq-01-nav li{ text-align: center; border-bottom: 1px solid #ebebeb; width: calc(33.3% - 1px); padding:0px;} } @media (max-width: 499px){ .main_content{ width: 90%;} .i_hexin,.i_cpzx,.i_news,.i_ys{ padding: 30px 0;} .i_gywm{padding-top:30px;} .i_ys_list,.i_news_list{ margin-top: 50px;} .i_gywm_bot{margin-top: 150px;} .i_cpzx_xl{ display:none;} .i_hexin_list li{ width: calc(50% - 60px); background-size: 50px !important; padding-left: 60px !important;} .i_hexin_title,.i_cpzx_title,.i_jjfa_title,.i_ys_title,.i_news_title,.i_gywm_title{ font-size: 16px;} .i_hexin_title span,.i_cpzx_title span,.i_jjfa_title span,.i_ys_title span,.i_news_title span,.i_gywm_title span { font-size: 18px; border-bottom:0px; padding: 0;} .i_ys_list li .i_ys_list_desc p{ font-size: 14px;} .i_hexin_list{ margin-top: 30px;} .i_gywm_bot_fr_title{ font-size: 22px; line-height: 30px;} .n_banner{ background-size: 180% !important; height:130px !important;} .tl-fdh-02 li{ width: 25%;} .about1 h4{font-size:24px;} .about1 h4 em{ font-size:16px;} .zty_zl_tb img{ padding: 0 10px;} .zty_zl_tb span{ min-width: 130px;} .zty_rxcp_title, .zty_gg_title, .zty_zl_title, .zty_dz_title span { font-size: 16px;} .zty_zl_list_title{ font-size: 16px;} } @media (max-width: 399px){ .i_gywm_bot_fr_tu .input1{ right: 5px; z-index: 999; } .i_gywm_bot_fr_tu .input2{ right: -30px; z-index: 999;} .i_ys_list li .i_ys_list_desc p { font-size: 12px;} .n_banner{ background-size: 180% !important; height:100px !important;} } .pagingnav{ clear: both; margin: 20px; overflow: hidden; margin-left: 0px; text-align: center; font-size: 12px } .pagingnav .uls>span { display: inline-block; border: 1px solid #ccc; padding: 4px 12px; margin: 0 1px; line-height: 24px; background: #fff; color: #999 } .pagingnav .uls>span.page-numbar a{ display: inline-block; border: 1px solid #ccc; padding: 4px 12px; margin: 0 1px; line-height: 24px; background: #fff; color: #999 } .pagingnav .uls>span.page-numbar { display: inline-block; border: none; padding: 0; margin: 0; line-height: 24px; background: #fff; color: #999 } .pagingnav .uls>span.page-numbar span{ display: none; } .pagingnav .uls span:hover { background: #0159af; color: #fff; border: 1px solid #0159af } .pagingnav .uls span.page-numbar a:hover { background: #0159af; color: #fff; border: 1px solid #0159af } .pagingnav .uls>span:not(.page-numbar):hover a{ color: #fff; } .pagingnav .uls span.page-numbar:hover { background: #fff; color: #999; border: none } /* .pagingnav .uls>span.page-numbar:hover a{ color: none; } */ .pagingnav .uls .page-numbar a.page-num-current { display: inline-block; border: 1px solid #0159af; padding: 4px 12px; margin: 0 1px; background: #0159af; color: #fff; } .pagingnav .uls .page-numbar a.page-num-current { color: #fff; } .pagingnav .uls span a { /* display: block; */ color: #999 } .pagingnav .uls span:not(.page-numbar) a:hover { color: #fff; } @media (max-width: 600px) { .pagingnav .uls span.page-status,.pagingnav .uls span.page-num{ display: none; } .pagingnav .uls >span { padding: 2px 5px; } .pagingnav .uls >span.page-numbar a { padding: 2px 5px; } .pagingnav .uls .page-numbar a.page-num-current { padding: 2px 5px; } }