@charset "utf-8"; /* CSS reset for c_b */ body , div , dl , dt , dd , ul , ol , li , h1 , h2 , h3 , h4 , h5 , h6 , pre , form , fieldset , input , textarea , p , blockquote , th , td {margin:0; padding:0;} table {border-collapse:collapse; border-spacing:0;} table th , table td {padding:5px;} fieldset , img {border:0;} address , caption , cite , code , dfn , em , th , var {font-style:normal; font-weight:normal;} ol , ul {list-style:none;} ception , th{text-align:left;} q:before , q:after{content:'';} abbr , acronym{border:0;} a {color:#666; text-decoration:none;} /*for ie f6n.net*/ a:focus{outline:none;} /*for ff f6n.net*/ a:hover {text-decoration:underline;} h1,h2,h3,h4,h5,h6{font-size: 100%;} .list-none{ list-style:none; padding:0px; margin:0px;} /*定位*/ .tl {text-align:left;} .tc {text-align:center;} .tr {text-align:right;} .bc {margin-left:auto; margin-right:auto;} .fl {float:left; display:inline;} .fr {float:right; display:inline;} .zoom {zoom:1} .hidden {visibility:hidden;} .vam {vertical-align:middle;} p{ word-spacing:-1.5px;} strong{ font-weight:bold;} -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box; /*其他*/ .curp{cursor:pointer}; /*原reset*/ sup{vertical-align:baseline;} sub{vertical-align:baseline;} input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;} input,button,textarea,select{*font-size:100%;} input,select{vertical-align:middle;} body{font:12px/1.231 arial,helvetica,clean,sans-serif;} select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;} table{font-size:inherit;font:100%; border-collapse:collapse;} pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;} /*title*/ /* CSS Document */ body{background-color:#fff; overflow-x:hidden; min-width: 1200px; color:#666; font-size:12px; font-family: microsoft yahei , "宋体"; position:relative;}/*网站字体颜色*/ .header , .content , .footer , .container{margin-left:auto; margin-right:auto; width:1200px; font-family:microsoft yahei;} .vam { vertical-align:middle;} .clear{clear:both; height:0; line-height:0; font-size:0;} .tr { text-align:right;} .tl { text-align:left;} .center { text-align:center;} .fl { float:left;} .fr { float:right;} .pa{ position:absolute;} .pr{ position:relative} .cart_header , .cart_content , .cart_footer { width:760px; margin:0 auto;}/* -- 购物车外部框架 -- */ .titis{height: 126px;text-align: center;background: url(../images/ico1.png) no-repeat center bottom;margin-bottom: 32px;} .titis h4{font-size:42px;color: #1f1f1f;font-weight: normal;height:71px;line-height:71px;} .titis h4 a {color: #1f1f1f;text-decoration: none;} .titis h4 span{color: #004098;font-weight:bold} .titis h4 i{width:6px;height: 6px;background: #1f1f1f;border-radius: 50%;margin:0 18px; vertical-align: middle;display:inline-block;} .titis p{height:32px;line-height: 32px;font-size: 18px;color: #dfdfdf;} .titis p em{color: #363636;padding:0 6px;} .left{ float: left; } .right{ float: right; } .top30{ margin-top: 30px; } .top60{ margin-top: 60px; } /* 头部 */ /*欢迎词*/ .header{width:100%; overflow:hidden; background-color:#fff;} .htop{ border-bottom:1px solid #e5e5e5;} .htop .container{ height:36px; line-height:36px; overflow:hidden;} .htop em{ float:left; font-size:13px;} .htop span{ float:right;} .htop span a{text-decoration:none; font-size:13px;} .htop span a.noBl{ border-left:none;} .htop span a.noBr{ padding-right:0;} /*logo、tel*/ .hcont{padding-top: 6px;padding-bottom: 6px;} .hcont .dlogo{ float:left;} .hcont .dlogo dl{ overflow:hidden;} .hcont .dlogo>dl>h1,.hcont .dlogo>dl>h2{ float:left;} .hcont .dlogo>dl>h1 img,.hcont .dlogo>dl>h2 img{display:block;/* width: 126px; */} .hcont .dlogo dd{/* margin-left: 126px; */padding: 18px 0 15px 25px;float: left;display: none;} .hcont .dlogo dd p {font-size: 24px;color: #333;font-weight: bold;} .hcont .dlogo dd h2{font-size: 18px;font-weight:normal;margin-top: 8px;} .hcont .dphone{ float:right; position:relative;} .hcont .dphone dl{margin-top: 26px;} .hcont .dphone dt{font-size: 16px;padding-left: 26px;background: url(../images/tel.gif) 0px 8px no-repeat;margin-bottom: 10px;line-height: 25px;} .hcont .dphone dt span{font-size: 24px;color: #333;font-weight: bold;} .hcont .dphone dd{ font-size:21px; color:#e31d1e;} .hcont .dphone img{ position:absolute; left:-216px; top:32px;} /*导航*/ .navBox{border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;} .navBox .nav{/* width: 1200px; */height: 50px;line-height: 60px;margin: 0 auto;position: relative;z-index: 111;} .navBox .nav li{float: left;height: 50px;line-height: 50px;text-align: center;position: relative;} .navBox .nav li:hover{ background:#004098; } .navBox .nav>li>a{color: #333;font-size: 16px;padding: 0 26px;text-decoration: none;} .navBox .nav li .second-nav{width: 180px;display: none;position: absolute;margin-top:0;} .navBox .nav li .second-nav .na_3{position: relative;width: 100%;height: 40px;line-height: 40px;background: rgba(51, 51,51, 0.6);border-top: 1px solid #f1f1f1;} .navBox .nav li .second-nav .na_3 a{font-size: 14px;color:#fff;text-align:center;} .navBox .nav li .second-nav li:hover{ background:#004098;} .navBox .nav li:hover >a,.navBox .nav li.cur a{color: #fff;/* height:50px; *//* width:132px; */} .navBox .nav li.cur{background: #004098;} /* 轮播图 */ .fullSlide { width:100%;position:relative; background:#fff; overflow:hidden;} .fullSlide .bd {margin:0 auto;position:relative;z-index:0;overflow:hidden;} .fullSlide .bd ul{ margin-bottom:0; } .fullSlide .bd ul {width:100% !important;height:660px;} .fullSlide .bd li {width:100% !important;height: 660px;overflow:hidden;text-align:center;} .fullSlide .prev{position:absolute;width: 40px;height: 58px;background: url(../images/pro-j3.png) no-repeat;right: 95%;z-index: 9999;top: 50%;transform: translateY(-50%);cursor:pointer;opacity: 0.6;} .fullSlide .next{position:absolute;width: 50px;height: 58px;background: url(../images/pro-j4.png) no-repeat;left: 95%;z-index: 9999;top: 50%;cursor:pointer;transform: translateY(-50%);opacity: 0.6;} .jjj1 ul{height: 450px !important;} .jjj1 ul li{ height:450px; } #flashs{ position:relative; overflow:hidden;} #flashs .bgitem{ z-index:1;position:absolute; top:0; } #flashs .btn{ position:absolute; z-index:7; bottom:15px; left:50%; margin-left:-95px; padding:0px 6px;} #flashs .btn ul{ height: auto !important;} #flashs .btn{/* display: none; */} #flashs .btn li{color:#fff;background:#717174;cursor: pointer;display: inline-block;margin:0 2px;width: 60px;height: 10px;font-size: 0px;border-radius: 6px;line-height:25px;text-align:center;} #flashs .btn li.cur{background: #2e9d37;} /*轮播图*/ #banner{background: #ccc;position: relative;} #banner .swiper-slide a{display:block;} #banner .swiper-slide img{display:block;margin: 0 auto;height: auto;width: 100%;} #banner .swiper-pagination{bottom:15px;position: absolute;left: 50%;margin-left: -95px;padding: 0 6px;} #banner .swiper-pagination-bullet{width:25px;height:25px;line-height: 25px; background:#717174;cursor: pointer;display: inline-block;margin: 0 2px;font-size: 14px;color: #fff; border-radius: unset;opacity: 1;text-align: center;} #banner .swiper-pagination-bullet-active{background:#004098;} /*搜索*/ .search{border-bottom:1px solid #e5e5e5;} .search .gjc{overflow:hidden;float:left;height: 70px;line-height: 70px;font-size: 15px;} .search .gjc span{color: #004098; float: left;} .search .gjc a{ font-size:13px;} .search .sc{float:right;margin-top: 14px;} .search .sc .tt{float: left;width: 200px;height: 38px;line-height: 38px;padding: 0 10px;background: #fff;border-bottom: 1px solid #004098;border-top: 1px solid #004098;border-left: 1px solid #004098;font-size: 14px;color: #a1a0a0;border-radius: 18px 0px 0px 18px;outline: none;border-right: none;} .search .sc .s_bt{border: 0px;float: left;width: 60px;height: 40px;line-height: 38px;text-align: center;font-size: 0px;border-radius: 0px 18px 18px 0px;border-right: 1px solid #004098;border-bottom: 1px solid #004098;border-top: 1px solid #004098;color: #333;text-decoration: none;background: url(../images/fangda.png) no-repeat center #fff;} /* 解决方案 */ .eflti{width:100%;background:url(../images/zcban29.jpg) no-repeat center top;overflow:hidden;height: 637px;} .xe_t{ overflow:hidden; text-align:center; font-size:24px; line-height:24px; color:#333;} .xe_t h3{font-size: 40px;line-height: 40px;color:#333;border-bottom:3px solid #004098;padding-bottom: 10px;width: 200px;margin: 0 auto 9px;} .xlc2bj{ height:266px; box-sizing: border-box; padding-top:30px; overflow: hidden; font-family:"Microsoft Yahei"; width: 1193px; margin: 0 auto;} .xlc2bj h2{ margin-bottom:60px;} .con1{margin:0 auto;} .con1 ul{border: 1px solid #004098;border-left: none;border-right: none;height: 428px;width: 1197px;} .con1 ul li{float: left;width:298px;overflow: hidden;border-right: 1px solid #004098;} .con1 ul li .pic{ background: #fff; width:298px; height:214px; overflow: hidden;} .con1 ul li .js{ height: 214px; text-align: center;} .con1 ul li .js p{font-size:22px;color: #004098;font-weight: bold;line-height: 26px;} .con1 ul .top .js .fk{ padding: 10px 0 0;} .con1 ul .top .js p{ margin: 30px 0 0;} .con1 ul .bottom .js p{ padding: 40px 0 0;} .con1 ul li .js hr{outline: none;border: none;width: 50px;height: 2px;background: #004098;display: inline-block;vertical-align: top;margin: 15px 0 10px;} .con1 ul li .js .wa{color: #696969;font-size: 16px;width: 242px;margin: 0 auto;height: 98px;line-height: 28px;} .con1 ul li:first-child{border-left: 1px solid #004098;} .con1 ul img:hover{transform: scale(1.1,1.1);} /*产品展示*/ .cpzs ul li{float: left;width: 382px;height: 600px;border: 1px solid #ccc;margin-right: 24px;margin-bottom: 20px;} .cpzs ul li:nth-child(3n) { margin-right: 0;} .cpzs .cpt{width: 380px;height: auto;padding: 1px;border-bottom: 1px solid #ccc;} .cpzs .cpt img{width: 380px;height: auto;} .cpzs .cpwz{padding-left: 20px;margin-top: 30px;} .cpzs .cpwz p{font-size: 18px;letter-spacing: 0px;margin-bottom: 20px;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .cpzs .btnBox{margin:0 auto;width: 300px;height: 54px;line-height: 54px;overflow:hidden;background:url(../images/pro_btn_Box.png) no-repeat;border-radius:25px;margin-top: 40px;} .cpzs .btnBox a{text-decoration:none;display:block;float: left;width: 50%;font-size: 16px;color:#fff;text-indent: 34px;background: url(../images/pro_btn.png) no-repeat 110px center;transition: all 0.5s ease-out;} .cpzs .btnBox a:hover{text-indent:30px;background-position:112px center;} .sycp a.Mores{color: #333;font-size: 16px;margin-top: 30px;text-align: center;display: block;margin-bottom: 36px;position: relative;text-decoration: none;} .sycp a.Mores i{padding: 0 15px;position: relative;z-index: 9;background-color: #ffffff;font-style: inherit;} .sycp a.Mores::after{content: "";width: 100%;height: 1px;display: block;position: absolute;top: 50%;margin-top: -0.5px;left: 0;background-color: #ddd;} .sycp a.Mores:hover i{color: #004098;} /* 广告 */ .dingzhiMain{ background:url(../images/dizhiBg.png) no-repeat center top; height:195px;} .dingzhiMain .container{ position:relative; height:100%; z-index:999;} .dingzhiMain .dz{padding-top: 31px;padding-left: 40px;width: 40%;float: left;} .dingzhiMain .dz h5{font-size: 30px;color:#363636;} .dingzhiMain .dz h5 em{font-size: 36px;color: #16b651;font-weight:bold;} .dingzhiMain .dz p{font-size: 20px;color:#fff;background:url(../images/dzbg.png) no-repeat center;width: 285px;height: 40px;line-height: 40px;padding-left:10px;margin:12px 0;font-weight: initial;letter-spacing: 5px;} .dingzhiMain .dz em{font-size: 18px;color:#565656;} .dingzhiMain .youlx{ float: left;} .dingzhiMain .youlx p{float: left;padding-left: 130px;font-size: 26px;line-height: 26px;margin-top: 60px;background: url(../images/xiaotubiao.png) no-repeat 80px 12px;color: #333;font-weight: bold;} .dingzhiMain .youlx p em{ font-size: 17px; color: #666;} /*优势*/ .index_syys .title{margin:0 auto;width:530px;height:95px;margin-top:50px;background: url(../images/wzys_title.png) no-repeat center;} .index_syys .title .txt{float:left;font-weight:bold;text-align:left;line-height:95px;font-size:40px;color: #333;} .index_syys .title .txt span{color: #004098;} .index_syys .title .txt1{float:left;margin: 20px 0 0 24px;text-align:center;font-weight:bold;height:24px;line-height:24px;vertical-align:middle;color:#000;font-size:16px;} .index_syys .title .txt2{float:right;line-height:95px;font-weight:bold;font-size:40px;color: #333;} .index_syys .list{ margin-top:70px;} .index_syys .list .dbjl{ margin-top:50px;} .index_syys .list .td1{ width:1200px; min-height:225px;} .index_syys .list .td1 .td1_l{width:603px;background: url(../images/syys_bt.png) no-repeat top left;} .index_syys .list .td1 .td1_l .sz{ float:left; font-size:48px; margin:0 31px; line-height:80px; font-weight:bold; font-family:Arial; color:#fff;} .index_syys .list .td1 .td1_l .wz{float:left;margin-left:10px;text-align:left;margin-top:15px;font-size:14px;color: #004098; text-transform: uppercase;} .index_syys .list .td1 .td1_l .wz span{ font-size:26px;} .index_syys .list .td1 .td1_l .bt{margin-top:20px;color: #004098;font-size:20px;line-height:30px;} .index_syys .list .td1 .td1_l .bt span{ color:#000;} .index_syys .list .td1 .td1_l .nr{ margin-top:10px;} .index_syys .list .td1 .td1_l .nr ul li{ font-size: 14px; padding-left:20px;color:#666;line-height:24px;background: url(../images/wzsy_xtb.png) no-repeat left;} .index_syys .list .td1 .td1_r{ width:432px;} .index_syys .list .td1 .td1_r img{ width:432px; height:225px;} .index_syys .list .td1 .td1_r img{-moz-box-shadow: 20px 20px 1px #f1f1f1; /* 老的 Firefox */ box-shadow: 20px 20px 1px #f1f1f1;} .index_syys .line{ width:1200px; height:55px; margin:20px auto;} /* 客户案例 */ .jz_bg{background:url(../images/jz_bg.jpg) no-repeat center 0;height: 410px;padding: 140px 0 0;overflow: hidden;} .yin_t b{color: #093e5e;} .jz_t{display: block;font-size: 36px;color: #fff;width: 260px;height: 160px;background: #004098;position: absolute;top: -44px;left: 18px;line-height: 44px;padding: 40px 0 0 40px;z-index: 20;text-transform: uppercase;} .jz_t i{display: block;font-style: normal;} .jz_m{padding: 48px 0 0;} .jz_m dl{width: 1164px;height: 225px;background: #fff;padding: 18px;} .jz_m dl dt{width: 300px;height: 225px;float: left;overflow: hidden;line-height: 0;} .jz_m dl dt img{width: 300px;height: 225px;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;} .jz_m dl dt img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);} .jz_m dl dd{width: 740px;float: left;padding: 25px 0 0 70px;} .jz_m dl dd h5{height: 35px;line-height: 35px;overflow: hidden;} .jz_m dl dd h5 a{font-size: 20px;color: #333;font-weight: normal;} .jz_m dl dd h5 a:hover,.jz_m dl dd span a:hover{color: #093e5e;} .jz_m dl dd em{display: block;font-size: 16px;color: #333;height: 25px;line-height: 25px;overflow: hidden;padding: 5px 0 0;} .jz_m .jz_desc{font-size: 14px;color: #666;line-height: 25px;height: 50px;overflow: hidden;padding: 10px 0 0;} .jz_m dl dd span{display: block;padding: 20px 0 0;} .jz_m dl dd span a{font-size: 14px;color: #333;text-transform: uppercase;} .jz_btn{width: 128px;height: 46px;position: absolute;top: 12px;right: 0;z-index: 20;} .jz_btn a{display: block;width: 46px;height: 46px;margin-left: 18px;float: left;} .jz_btn .jz_lico{background:url(../images/jz_lico01.png) no-repeat;} .jz_btn .jz_lico:hover{background:url(../images/jz_lico02.png) no-repeat;} .jz_btn .jz_rico{background:url(../images/jz_rico01.png) no-repeat;} .jz_btn .jz_rico:hover{background:url(../images/jz_rico02.png) no-repeat;} .yin_t{font-size: 40px;color: #333;text-align: center;position: relative;height: 90px;line-height: 42px;} .yin_t:before{content: "";width: 18px;height: 1px;background: #000;position: absolute;top: 24px;left: 33%;} .yin_t:after{content: "";width: 18px;height: 1px;background: #000;position: absolute;top: 24px;right: 33%;} .yin_t a{color: #333;text-decoration: none;} .yin_t span{display: block;font-size: 20px;font-weight: normal;} .yin_t:before {left: 36%;} .yin_t:after {right: 36%;} /*合作客户*/ .hz{background:url(../images/hz_bg.jpg) no-repeat center 0;height: 366px;overflow: hidden;} .hz ul li{width: 210px;height: 118px;float: left;position: relative;line-height: 0;margin-top: 30px;margin-left: 37px;overflow: hidden;} .hz ul li:nth-child(6n) {margin-left: 0;} .hz ul li img{width: 210px;height: 118px;} .hz ul li a{width: 190px;height: 0;display: block;position: absolute;text-decoration: none;bottom: 0;left: 0;font-size: 14px;color: #fff;background: rgb(0, 64, 152,0.8);text-align: center;line-height: 118px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding: 0 10px;transition:height .3s;-moz-transition:height .3s; /* Firefox 4 */-webkit-transition:height .3s; /* Safari and Chrome */-o-transition:height .3s; /* Opera */} .hz ul li:hover a{height: 118px;} .hz .nobor,.hz ul li:first-child{margin-left: 0;} /* 客户留言 */ .uform{background: #fefefe url(../images/lybj.jpg) no-repeat center center;height: 450px;position:relative;} .uform .lybk{float: right;padding-top: 64px;} .uform h3{color: #fff;font-weight: normal;font-size: 30px;} .uform p{color: #fff;font-size: 16px;margin-top: 10px;} .uform ul{ float:right; margin-top:38px; margin-right:32px;} .uform li{width: 420px;overflow:hidden;margin-bottom:2px;} .uform li span{float:left;background-color:#fff;width: 50px;height: 50px;} .uform li span img{ display:block;} .uform li .ut{height: 50px;line-height: 50px;padding:0 10px;} .uform li .ut,.uform li .wby{float:left;width: 348px;background:#fff;outline:none;font-size:14px;color:#858484;border:none;border-left:1px solid #376cb2;border-radius: 0px 6px 6px 0px;} .uform li .wt{ height:88px;} .uform li .wt img{ padding-top:25px;} .uform li .wby{ height:68px; padding:10px; line-height:22px; resize:none;} .uform li a{display: block;width: 100%;height: 50px;line-height: 50px;border-radius: 5px;background-color: #004098;color: #fff;font-size: 16px;text-align: center;margin-top: 2px;text-decoration: none;} /* 关于我们 */ .about{height: 966px;overflow: hidden;} .about .yin_t{font-size: 40px;margin-top: 60px; color: #333;text-align: center;height: 130px;line-height: 40px;overflow: hidden;} .about .yin_t a{color: #333;} .about .yin_t i{color: #004098;font-style: initial;} .about .yin_t span{display: block;font-size: 18px;color: #333;font-weight: normal;padding: 5px 0 0;} .about .titis p {font-size:18px;} .ab_t{width:1200px;margin:0 auto;} .ab_w{width:1200px;padding: 32px 0px 0 0px;text-align: center;margin:0 auto;} .ab_w h2{margin-bottom: 12px;} .ab_w h2 a{font-size:24PX;color: #252525;font-weight: normal;height: 35px;line-height: 35px;text-decoration: none;} .ab_w p{font-size:16px;color: #505050;line-height: 26px;} .xc_bj{background: #f6f6f6;height: 428px;} .xc_qh{height:78px;width: 435px;background: #2e2e2e;overflow: hidden;position: relative;top:-37px;margin:0 auto;} .xc_qh li{float:left;width:217px;height: 78px;text-align: center;} .xc_qh li i{display: inline-block;margin:22px 13px 0 0;vertical-align: top;width:37px;height: 33px;overflow: hidden;} .xc_qh li:nth-child(1) i{background:url(../images/xc_ico1.png) no-repeat;} .xc_qh li:nth-child(2) i{background:url(../images/xc_ico2.png) no-repeat;} .xc_qh li:nth-child(3) i{background:url(../images/xc_ico3.png) no-repeat;} .xc_qh li:nth-child(1).cur i{background:url(../images/xc_ico1_hv.png) no-repeat;} .xc_qh li:nth-child(2).cur i{background:url(../images/xc_ico2_hv.png) no-repeat;} .xc_qh li:nth-child(3).cur i{background:url(../images/xc_ico3_hv.png) no-repeat;} .xc_qh li span{display: inline-block;padding-top:20px;text-align:left;font-size:12px;color: #fff;text-transform: uppercase;} .xc_qh li span em{display: block;font-size:18px;color: #fff;height: 23px;line-height: 23px;} .xc_qh li.cur{background: #004098;} .xc_qh li.cur span{color: #fff;} .xc_nr{padding-top:16px;overflow: hidden;} .xc_nr li{float:left;width:281px;overflow: hidden;margin-right:25px;} .xc_nr li a{ text-decoration:none;} .xc_nr li span {display: block;background: #fff;height: 60px;padding:0 16px;line-height: 60px;font-size:16px;color: #171717;} .xc_nr li span img {float:right;padding-top:17px;} .xc_nr li i{display: block;font-size:0;line-height: 0;width:281px;overflow: hidden;} .xc_nr li i img{width: 266px;height: 211px;transition: all 0.5s;padding: 6px;border: 1px solid #ccc;} .xc_nr li:hover i img{transform: scale(1.1);} .xc_nr li:last-child{margin:0;} /*新闻*/ .newbox{line-height:24px;font-family: "Microsoft Yahei";color: #666;clear: both;padding: 60px 0 28px;} .newbox .til01{height: 102px;} .news{height: 474px;overflow: hidden;} .new_t{height: 78px;position: relative;font-size: 20px;font-weight: bold;z-index: 1;} .new_t a{background:url(../images/new_ico1.gif) no-repeat 0 14px;height: 48px;line-height: 48px;display: block;text-decoration: none;color: #004098;border-bottom: solid 2px #004098;float: left;padding: 0 0 0 32px;} .new_t:before{content: "";position: absolute;width:1200px;height: 1px;background: #cecece;left: 0;top:49px;z-index: -1;} .new1{ width:600px; height:385px; overflow:hidden; float:left; position:relative;margin-top: 9px;} .new1 dt{ display:block; width:600px; height:240px;overflow: hidden;} .new1 dt img{ display:block; border:1px solid #ccc; padding:2px; width:594px; height:234px;overflow: hidden;} .new1 dd{padding:13px 0 0;} .new1 dd p{ font-size:14px; } .new1 dd h3{display:block;height: 51px;line-height: 51px;font-size: 18px;font-weight: normal;} .new1 dd h3 a{display:block;color:#333;text-decoration: none;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;} .new2{ width:524px;height: 375px; float:right; overflow:hidden;} .new2 dl{height:116px;margin-bottom: 22px;border-bottom:1px dashed #cecece;} .new2 dt{ float:left;text-align: center; width:80px;line-height: 54px;font:48px "Microsoft YaHei"; color:#7e7e7e;font-weight: bold;} .new2 dt em{ display:block; font:16px "Microsoft YaHei"; color:#999;line-height: 32px;} .new2 dd{ width:432px; float:right; margin-top:7px;} .new2 dd p{ font-size:14px;} .new2 dd h3 a{display:block;font-size: 18px;font-weight: normal;color:#333;line-height:39px;text-decoration: none;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;} .new2 dl:hover dt,.new2 dl:hover dd h3 a{color: #004098;} .faq{ height:160px; overflow:hidden; position:relative;} .faq h3{ width:134px;padding: 33px 0 0; overflow:hidden; font:20px "Microsoft YaHei"; font-weight:bold; color:#181c63; float:left;line-height: 27px;} .faq h3 a{display:block;color: #004098;text-decoration: none;} .faq h3 em{ display:block; font:14px Arial; color:#b4b4b4; text-transform:uppercase;} .faq_c{ width:1066px; float:left; overflow:hidden; height:160px;} .faq2{padding: 20px 0!important;} .faq_c dl{width:429px;height:95px;padding:16px 26px;background: #fff;float:left; margin:0 73px 0 10px; overflow:hidden;box-shadow: 0 0 10px 10px #e9e9e9;} .faq_c dt{ display:block;line-height:23px; height:30px; color:#3a3a3a; background:url(../images/faq_w.gif) no-repeat left 0; padding-left:42px; overflow:hidden;font-weight: bold;} .faq_c dt a{display:block;color:#3a3a3a;text-decoration: none;font-size: 14px;font-weight: normal;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;} .faq_c dd{background:url(../images/faq_d.gif) no-repeat left 0; padding-left:42px;} .prev1,.next1{display:block; width:51px; height:23px;position: absolute;left: 0;top: 106px;} .next1{left: 51px;} /*友情链接*/ .link{border: 1px solid #fff;height: auto;position: relative;margin: 16px 0;line-height: 50px;height: 50px;} .link ul {padding-left: 150px;display: inline-block;display: block;overflow: hidden;} .link ul li {float: left;font-size: 14px;line-height: 50px;} .link ul li a {display: block;color: #fff;font-weight: bold;padding: 0 10px;} .link ul li:last-child a {border-right: none;} .link ul li:first-child {display: block;height: 50px;line-height: 50px;position: absolute;left: 0;top: 0;margin-left: 0;text-indent: 54px;font-size: 14px;background: url(../images/yqlj.png) no-repeat 20px 15px;font-weight: bold;padding-top: 0;} .link ul li:first-child a {color: #f5f5f5;padding: 0;border-right: none;display: block;} .link ul li a:hover {color: #fff;} .link a.Jia{width: 65px;height: auto;padding: 18px 0;position: absolute;right: 0;top: 0;border-left: 1px #fff solid;text-align: center;display: none;} /*底部通用*/ .Footer{background-color: #004098;} .Footer .FooterTop{height: 500px;} .Footer .FooterCon{padding-top: 60px;padding-bottom: 20px;} .Footer .FooterCon dl{float: left;margin-right: 78px;width: 190px;} .Footer .FooterCon dt{height: 32px;border-bottom: 1px solid #fff;padding-bottom: 20px;} .Footer .FooterCon dt a{font-size: 18px;color: #fff;} .Footer .FooterCon dt a:hover{text-decoration: underline;} .Footer .FooterCon dd{margin-top: 20px;} .Footer .FooterCon dd li{font-size: 14px;color: #999999;margin-bottom: 10px;} .Footer .FooterCon dd li a{color: #fff;font-size: 15px;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height: 24px;} .Footer .FooterCon dd li a:hover{text-decoration:none; color:#fff} .Footer .FooterCon .box{float: right;width: 350px;} .Footer .FooterCon .box .phone{background: url(../images/Footer01.png) no-repeat left center;padding-left: 54px;margin-bottom: 25px;} .Footer .FooterCon .box .phone span{display: block;font-size: 13px;color: #fff;} .Footer .FooterCon .box .phone em{display: block;font-size: 24px;color: #fff;font-weight: bold;margin-top: 5px;font-style:normal;} .Footer .FooterCon .box p{padding-left: 52px;margin-bottom: 12px;color: #fff;font-size: 13px;height: 20px;line-height: 20px;} .Footer .FooterCon .box .p1{background: url(../images/Footer02.png) no-repeat 18px center;/* margin-bottom: 30px; */} .Footer .FooterCon .box .p2{background: url(../images/Footer03.png) no-repeat 18px center;} .Footer .FooterCon .box .p3{background: url(../images/Footer04.png) no-repeat 18px center;} .Footer .FooterCon .box .p4{background: url(../images/Footer05.png) no-repeat 18px center;} .Footer .FooterCon .box a{display: block;width:318px;height: 47px;margin-top:16px;padding-left: 20px;} .Footer .FooterCon .box a img{display: block;/* width: 100%; */} .Footer .footerBottom{height: 80px;background: #1c71e6;} .Footer .footerBottom p{font-size: 13px;color: #fff;line-height: 80px;} .Footer .footerBottom p a{color: #fff;margin: 0 8px;} .Footer .footerBottom p.p1{float: left;} .Footer .footerBottom p.p2{float: right;} .foot-wz{padding: 0 20px;} .foot-wz h2{color: #fff;font-size: 14px;font-weight: normal;line-height: 22px;} .lxtop{overflow:hidden;margin-top: 30px;border-radius: 3px;border: 1px solid #ccc; background:#fff;} .lxtop img{float:left;} .lxtop .on{font-size:16px;line-height:35px;padding: 24px 20px 20px 430px;color:#666;} .lxtop .on p{ line-height: 30px; } .lxtop span{ display:block;color:#282828;font-size:18px;line-height:50px; } .Separate { font-size:30px;text-align: center;margin: 30px auto 20px;overflow: hidden; } .Separate span{ display:block;font-size:14px;letter-spacing: 5px;color: #a4a4a4; margin-top: 10px; } .lxfsnr{ overflow:hidden;border:1px solid #ccc;border-radius:3px;padding-top:20px; background:#fff; } .lxfsnr ul{ overflow:hidden; } .lxfsnr li{ margin :0 0 20px 15px;float:left; padding-bottom:10px; width:47%;border-right:1px solid #ccc;border-bottom:1px solid #ccc; } .lxfsnr li:last-child{ width: 96%; } .lxfsnr li img{ float:left; } .lxfsnr li p+p{ float:left;line-height:46px;padding-left: 15px;font-size:16px;width: 82%; } .lxfsnr li a{ font-size:16px; } .lxfsnr li a:hover{ color: #d80003;text-decoration:underline; } /* 右侧悬浮窗 */ .yb_conct { position: fixed;z-index: 9999999;top: 200px;right: -127px;cursor: pointer;transition: all .3s ease; } .yb_bar ul li { width: 180px;height: 53px;font: 16px/53px 'Microsoft YaHei';color: #fff;text-indent: 54px;margin-bottom: 3px;border-radius: 3px;transition: all .5s ease;overflow: hidden;} .yb_bar .yb_top { background: #ea1509 url(../images/fixCont.png) no-repeat 0 0; } .yb_bar .yb_phone { background: #ea1509 url(../images/fixCont.png) no-repeat 0 -57px; } .yb_bar .yb_QQ { text-indent: 0;background: #ea1509 url(../images/fixCont.png) no-repeat 0 -113px; } .yb_bar .yb_skype { text-indent: 0;background: #ea1509 url(../images/skype.png) no-repeat; } .yb_bar .yb_ali { text-indent: 0;background: #ea1509 url(../images/ali.png) no-repeat; } .yb_bar .yb_ercode { background: #ea1509 url(../images/fixCont.png) no-repeat 0 -169px; } .hd_qr { padding: 0 29px 25px 29px; } .yb_QQ a,.yb_skype a,.yb_ali a { text-indent: 54px;width: 100%;height: 100%;color: #fff;margin-left: 56px;text-decoration:none; } /*产品页左侧*/ .cpMain{ overflow:hidden; } .sidebar{ width: 1200px;margin:10px auto;margin-top:20px; } .pro_l{ width: 240px;float:left; } .pro_l h4{ background: #004098; } .pro_l h4 a{ display:block;height: 74px;line-height: 74px;text-decoration:none;color:#fff;font-size: 24px;padding-left:27px; } .pro_l h4 .prolia { display:block;height: 74px;line-height: 74px;color: #fff;font-size: 24px;padding-left: 20px;text-decoration: none; } .active1{ border:1px #ddd solid; } .sidebar .pro_l ul{ border-top:none; overflow:hidden; background:#fff; border:0px !important; } .pro_l li{ margin-top: 8px; } .pro_l li h5{ padding-left: 20px;background: #f5f5f5;height: 40px;line-height: 40px;overflow:hidden;margin: 0 12px;border-radius: 4px; } .pro_l li h5:hover{ background:#004098; } .pro_l li h5:hover a{ color:#fff; } .pro_l li h5 a{ font-size: 15px; color:#535353; text-decoration:none; font-weight: normal; } .pro_l li .sedp{ margin-top: 10px;} .pro_l li .sedp p{ margin-bottom:8px;} .pro_l li .sedp p a{ font-size:14px; display:block; margin-left:25px; padding-left:5px; height:25px; line-height:25px; text-decoration:none; } .pro_l li .sedp p a:hover{ color: #004098; } .pro_l li .sedp p a.cur{ color:#004098; } .ny_cptj{ margin-top:20px; } #marquee2 ul li a img{ width: 220px;height: auto;margin: 0px;border: 1px solid #ccc;padding: 2px; } #marquee2 ul li p{ height:30px; line-height: 40px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } #marquee2 ul li p a{ font-size:14px; line-height:24px; text-decoration: none; } #marquee2 ul li p:hover a{ color:#1f98e4; } #marquee2 ul li{ text-align:center; } .sidebar .sb_box{ float:right; width: 940px; background:#fff; overflow:hidden; border: 1px #ddd solid; } .nlist{ float:left; width: 238px; background: #fff; padding-bottom: 0px !important; } .nlist ul{ padding: 11px; } .nlist li{ margin: 0px !important; } .nlist .leftli a{ display:block; height:40px;line-height:40px;background: #f5f5f5;font-size:14px;border-radius: 6px;color:#333;margin-bottom: 4px;padding: 0px 14px;text-decoration:none;} .nlist .leftli a:hover,.nlist li.cur a{ background:#004098; color:#fff;} /*右侧*/ .editor{ line-height: 2; color: #333; } .editor img{ max-width: 100%; } .rtop { overflow:hidden; padding-top:24px; padding-bottom:9px; border-bottom:1px solid #dbdbdb; margin:0 20px; } .rtop h5 { float:left; padding-left: 10px; border-left: 3px solid #004098; font-weight: normal; line-height: 16px; } .rtop h5 a { font-size: 16px; color: #004098; font-weight: bold; } .rtop span { float: right; } .rtop span em { color: #999; } .rtop span a { color: #999; } .cpshow{ overflow:hidden; padding-top:10px; margin:0 20px; } .cpshow li{float:left;width: 286px;height: 306px !important;margin:0 8px;margin-bottom:20px;} .cpshow li:nth-child(3n){ margin-right:0; } .cpshow li img{ display:block; border:1px solid #d3d3d3; width: 272px; } .cpshow li h4{ text-align:center;margin-top:16px;width: 274px;font-size: 16px;font-weight: normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .cpshow li h4 a{ font-size:14px; color:#333; font-weight:normal;} .cpshow li p{ font-size:13px; color:#666; line-height:21px; height:1px; overflow:hidden;} .cpshow li span{ display:block; overflow:hidden; margin-top:20px;} .cpshow li span .zx{ float:left; width:103px; height:40px; line-height:40px; text-align:center; font-size:13px; color:#fff; text-decoration:none; border-left:3px solid #333; background:#666;} .cpshow li span .xq{ float:right; font-size:13px; color:#666; margin-top:14px; } .cpshow li img:hover{ border-color:#004098; } .cpshow li span .zx:hover{ background:#004098; border-left-color:#004098; } .RandomNews{ padding:0px 15px; } .RandomNews h4{ padding-left:27px;height:36px;line-height:36px;font-size: 15px;color: #004098;background: #f5f5f5;font-weight: normal; } .RandomNews li{ height:28px;line-height:28px;padding:0 17px 0 10px;width: 428px;float:left;overflow:hidden; } .RandomNews li a{ background:url(../images/ico55.gif) no-repeat 0 5px;padding-left:12px;text-decoration: none; } .RandomNews li:hover a{ color:#004098;} .RandomNews ul{padding: 10px 0px;} .right .RandomNews .news_random{border:1px solid #ccc;border-top:none;background:#fff;} .right .RandomNews ul{padding-top:8px;border:1px solid #ccc;border-top:none;margin-bottom:15px;width:762px;background:#fff;} /*产品模块*/ #productlist{ padding:15px 0px; } #productlist li{ float:left; display:inline; text-align:center; } #productlist li a.img{ display:block; text-align:center; font-size:0px; } #productlist li a.img img{ margin:auto; border:1px solid #ccc; } #productlist li h3{ padding:5px 0px 10px; font-weight:normal; line-height:1.5; } #showproduct{ padding:15px; } #showproduct h1.title{ font-size:18px; padding:5px 0px; margin-bottom:5px; } #showproduct .pshow dt{ float:left; } #showproduct .pshow dt img{border:1px solid #ccc;width: 380px;height: 380px;} #showproduct .pshow dd{ float:right; } #showproduct .pshow dd ul{ margin-left:15px; } #showproduct .pshow dd li{ padding:5px 5px 5px 45px; min-height:28px; _height:28px; margin:5px 0px; clear:both; border-bottom:1px solid #eee; position:relative; line-height:2; } #showproduct .pshow dd li span{ position:absolute; left:0px; top:0px; color:#999; padding:5px; height:28px;} #showproduct .ctitle{ margin:15px 0px 10px; padding:5px 20px; background:url(../images/dt-7.gif) no-repeat left center; *background-position:left 17px; font-size:14px; border-bottom:1px dotted #ccc; } #showproduct .editor{ line-height:2; padding:0px 10px; font-size:14px; } /*图片模块*/ #imglist{padding: 15px 20px;} #imglist li{float:left;display:inline;text-align:center;margin-right: 14px;margin-left: 10px;width: 276px;} #imglist li:nth-child(3n) {margin-right: 0;} #imglist li img{ border:1px solid #ccc; padding:2px;width: 274px;height: 206px;} #imglist li a.img{ font-size:0px; display:block;} #imglist li a.img img{ margin:auto; border:1px solid #ccc; } #imglist li h3{padding: 5px 0px 5px;font-weight:normal;line-height:1.5;height: 30px;font-size: 14px;line-height: 24px;} #showimg{ padding:15px;} #showimg h1.title{ font-size:18px; padding:5px 0px; margin-bottom:10px; text-align:center;} #showimg .imgshow{ text-align:center;} #showimg .editor{ line-height:2; padding:0px 10px; font-size:14px;} .imgparalist li{ padding:3px 15px 3px; background:url(../images/dt-0.gif) no-repeat 5px center;} .imgparalist li span{ float:left; margin-right:10px; color:#999;} #showimg .ctitle{ margin:10px 0px 10px; padding:5px 20px; background:url(../images/dt-7.gif) no-repeat left center; *background-position:left 17px; font-size:14px; border-bottom:1px dotted #ccc; } /*简介模块*/ #showtext{ padding:15px; line-height:2;} /*文章模块*/ #newslist{ padding:15px 20px;} #newslist li{ padding:6px 10px; background:url(../images/dt-0.gif) no-repeat left 19px;} #newslist li a{ font-size:14px; margin-right:5px;} #newslist li span{ float:right; color:#aaa;} #newslist li p{ color:#aaa;} #shownews{ padding:0px 15px 15px;} #shownews .editor{ line-height:2; padding:0px 10px; font-size:14px;} #shownews h1{ font-size:20px; text-align:center; border-bottom:1px dotted #ccc; padding:5px 0px; margin:10px 0px; color:#333;} /*内页文章*/ .n_cont{ padding-top:5px; overflow:hidden;} .n_cont dl{overflow:hidden;padding: 25px 0 21px 8px;} .n_cont dl dt{ float:left; padding:5px; background:#eaeaea;} .n_cont dl dt img{display:block;width: 180px;height:102px;} .n_cont dl dd{float:left;margin-left:23px;width: 660px;} .n_cont dl dd h5{margin-top:3px;padding-bottom:8px;border-bottom:1px solid #dedede;overflow:hidden;font-size: 14px;white-space: nowrap;text-overflow: ellipsis;} .n_cont dl dd h5 a{ font-size:14px; color: #004098; float:left; padding-left:5px;} .n_cont dl dd h5 em{ float:right;padding-right:10px;} .n_cont dl dd p{ line-height:20px; font-size:13px; margin-top:10px;} .n_cont dl:hover { background: #eaeaea;} /*产品详情页*/ .proviewbox{float:left;width:305px;position:relative;z-index:5;} .probigshow{position:relative;width:300px;padding:1px;border:1px solid #ddd;overflow:hidden} .probigshow .span_showtip{position:absolute;top:0px;left:0px;width:81px;height:81px; text-indent:-999em;overflow:hidden;} .probigshow .showtip_1{background-position:0 0;} .probigshow .showtip_2{background-position:0 -81px;} .probigshow a.a_probigshow{cursor:crosshair;} .prodbaseinfo_a{float:left;width: 500px;margin-left:16px;z-index:1;} .h2_prodtitle{ font-size:16px;color:#414141;border-bottom:1px dashed #bbbbbb;padding:2px 0 10px;line-height:1.6em; } .ul_prodinfo{ padding:6px 0;overflow:hidden;zoom:1;} .ul_prodinfos{ padding:6px 15px;overflow:hidden;zoom:1;background:#f3f3f3;font-size:14px;font-weight:bold;} .ul_prodinfos li{ padding:5px 0 10px;} .ul_prodinfo li{ float:left;width:378px; padding:6px 0;} .ul_prodinfo li span{ font-size:14px} .li_normalprice,.li_prono{ line-height:24px; } .ul_prodinfo .li_prono,.ul_prodinfo .li_marketprice,.ul_prodinfo .li_volume,.ul_prodinfo .li_weight,.ul_prodinfo .li_jf,.ul_prodinfo .li_brand .span_title{ color:#999;} .ul_prodinfo .li_brand{width:180px; } .li_prono{line-height:2.9em;} .ul_prodinfo .b_proprice{font-size:14px;color:#ce1919;font-weight:normal;} .ul_prodinfo a.a_brand{color:#c00;} .ul_prodinfo a.a_brand:hover{text-decoration:underline;} .ul_prodinfo .li_jf{clear:both;width:300px; } .ul_prodinfo .li_jf b{font-weight:normal;color:#c00;} .ul_prodinfo .li_jf a.a_usejf{display:-moz-inline-stack;display:inline-block;*display:inline;*zoom:1;width:80px;height:22px;line-height:22px;line-height:25px\9;_line-height:22px;overflow:hidden;background-position:-420px -120px;text-align:center;color:#fff;margin:0 0 0 8px;filter:alpha(opacity=90);opacity:0.9;vertical-align:middle;} .ul_prodinfo .li_jf a.a_usejf:hover{filter:alpha(opacity=100);opacity:1.0;} .div_prothumb .span_prev,.div_prothumb .span_next {background:url(../images/sprite.png) no-repeat;} .div_prothumb{position:relative;padding:15px 15px 0;} .thumbporbox{position:relative;width:275px;overflow:hidden;} .ul_prothumb{position:relative;width:7500px; overflow:hidden;} .ul_prothumb li{float:left;width:69px;text-align:center;} .ul_prothumb img{padding:1px;border:1px solid #ddd;width:60px !important;height: 42px !important;} .ul_prothumb li.now img{border: 1px solid #004098 !important; } .div_prothumb .span_prev,.div_prothumb .span_next{position:absolute;top: 7px;width:22px;height: 63px; text-indent:-999em;overflow:hidden;cursor:hand;cursor:pointer;} .div_prothumb .span_prev{left:0px;_left:-25px;background-position:-90px -282px;} .div_prothumb .span_prevb{background-position:-112px -282px;cursor:default;} .div_prothumb .span_next{right:0px;background-position:-156px -282px;} .div_prothumb .span_nextb{background-position:-134px -282px;cursor:default;} #probig_preview{position:absolute;visibility:hidden;top:0px;left:405px; width:340px;height:340px;background:#fff;border:1px solid #ccc;overflow:hidden;} #probig_preview img{position:relative;} .cp { border:1px solid #d7d7d7; background:#fff; padding-bottom:12px; margin-bottom:10px; } .cptab { border-bottom:1px solid #d7d7d7; background:#f7f7f7; } .cptab { line-height:25px; font-size:14px; color:#004098; text-decoration:none; padding:0 8px; } .cptab a:hover {text-decoration:none;} .cptab a.cr { background:#eee; font-weight:bold; } .cp dl { width: 215px; overflow:hidden; float:left; display:inline; padding: 12px 2px 0 12px; } .cp dl:nth-child(5){display: none;} .cp dt {width: 215px;overflow:hidden;} .cp dt a {width: 210px; display:block; border:1px solid #D5D5D5; padding:1px;} .cp dt a:hover { border:solid 1px #004098;} /*产品图片边框连接*/ .cp dt img {width: 100%;height: auto;display:block;} .cp dd { line-height:24px; padding-top:8px; overflow:hidden; display:block; width: 215px; text-align:center;white-space: nowrap;text-overflow: ellipsis; } .proinfo { font-size:14px; line-height:25px;} .proinfo h4 { line-height:28px; background:#F7F7F7; padding:0 5px; margin-top:10px;} .proinfo p {color:#414141} .proinfo p a { color:#004098;} .pro_key {line-height: 35px; border-top: dashed 1px #d7d7d7; margin-top: 5px; font-size: 14px;} .mod_goods_info {clear:both;margin-bottom:10px;position:relative} .mod_goods_info .hds {border-bottom:1px solid #004098;height:33px;_overflow:hidden;} .mod_goods_info .hds li {float:left;cursor:pointer;border:1px solid #d7d7d7;border-bottom:0;margin-right:-1px;} .mod_goods_info .hds li h3 {display:block;width:128px;height:30px;line-height:30px;text-align:center;font-size:14px;border-bottom:0;background-color:#f3f3f3;border:1px solid #fff;} .mod_goods_info .hds li h3 a {color:#333;font-weight: normal;text-decoration:none;outline:none} .mod_goods_info .hds .status_on {border-color:#004098;border-bottom:0;position:relative;} .mod_goods_info .hds .status_on h3 {height:31px;background-color:#fff;color:#004098;} .mod_goods_info .hds .status_on h3 a {color:#076EBB;font-weight:bold} .mod_goods_info .more{ position:absolute;top:8px; right:0px;} .mod_goods_info .more a:link, .mod_goods_info .more a:visited{text-decoration:none;color:#085C9B;} .mod_goods_info .more a:hover{color:#D4105A;} .dgxxBox{padding:0 15px; width:645px; height:300px; font-family:微软雅黑;} .dgxxBox p{font-size:16px; padding:25px 0; color:#666;} .dgxxBox .m_form{} .dgxxBox .m_form li{width:310px; height:38px; float:left; margin-bottom:13px; color:#777;} .dgxxBox .m_form label{float:left; border:1px solid #dedede; line-height:36px; height:36px; width:77px; display:inline-block; text-align:center; background:#fff;} .dgxxBox .m_form .iptTxt{float:right; width:230px; border:1px solid #dedede; border-left-width:0; height:16px; line-height:16px; padding:10px 0; outline:none; text-indent:1em; background:#fff; color:#333;} .dgxxBox .m_form .txtAre{margin-left:12px; width:296px; height:161px; border:1px solid #dedede; outline:none; resize:none; padding:14px; color:#333; line-height:18px;} .dgxxBox .m_form .btnTjly{width:310px; height:38px; background:#004098; border:none; cursor:pointer; color:#fff;} .dgxxBox .m_form .areLi{height:205px; float:right; display:inline;} .dgxxBox .m_form .btnLi{background:none; height:60px;} /*产品搜索*/ .rongliang{width:1200px;height:75px;margin:30px auto;border-radius:5px;background:url(../images/bg_rongliang.jpg) center;padding-top:25px;position:relative;} .rongliang .search{width:720px;height:50px;line-height:50px;margin:0 auto;font-size:16px;color:#666;z-index:9999;position:absolute;left:0;right:0;border-bottom:none;} .rongliang .search span{cursor:pointer;margin-right:5px;display:inline-block;width:180px;text-align:center;} .rongliang .search span i{display:inline-block;width:15px;height:15px;border:1px solid #ccc;margin:-3px 6px;font-size:10px} .rongliang .search span.on i{background:url(../images/icon_qunav.png) -463px -65px} .rongliang .search #which{font-style:normal;display:inline-block;width:80px} .rongliang .search #calc{font-size:12px;color:#ff3f3b;text-decoration:dashed;cursor:pointer} .rongliang .search a.btn,.rongliang .search input{width:100px;height:40px;line-height:40px;text-align:center;box-shadow:1px 2px 14px 1px #eaeaea;border-radius:5px;background:#FFF;display:inline-block;margin:0 5px} .rongliang .search input::-webkit-inner-spin-button,.rongliang .search input::-webkit-outer-spin-button{-webkit-appearance:none!important;margin:0} .rongliang .search a.btn{color:#ff3f3b;margin-left:20px;transition:all .3s} .rongliang .search a.btn:hover{background:#ff3f3b;color:#FFF} .rongliang i.line{display:block;width:188px;height:2px;background:url(../images/run_line.png) no-repeat;position:absolute;top:20px;left:-200px;z-index:8888;animation:run_line 8s infinite linear} .rongliang i.line_1{animation-delay:1s} .rongliang i.line_2{top:40px;animation-delay:4s;animation-duration:3.5s} .rongliang i.line_3{top:80px;animation-delay:7.3s;animation-duration:10s} .rongliang i.line_4{top:95px;animation-delay:2.5s} /*ban*/ .ban_1{width:100%; background:url(../images/index_7.jpg)no-repeat center; height:180px; line-height:180px;} .ban_1_nr{width:1200px; margin:0 auto;} .ban_1_nr li{float:left;width:25%;margin-right:100px;} .ban_1_nr li h2{font-size:30px;color:#fff;font-weight:bold; text-align:center;} .ban_1_nr li h3{font-size:28px;color:#fff; text-align:center;} .ban_1_nr li h2 span{margin-left:10px;} .ban_1_nr li em{line-height:40px;color:#fff;font-size:19px; position:relative;} /*新闻*/ .new{padding-top: 40px;background: #f6f6f6; padding-bottom:20px;margin-top:100px;overflow: hidden;} .new .new_top{border-bottom:1px #ccc solid; height:43px; line-height:43px;} .new .new_top li{float:left;height:43px; line-height:43px;width:120px; text-align:center;} .new .new_top li a{font-size:18px;color:#333;} .new .new_top li.cur{background:#0274d4;color:#fff;} .new .new_top li.cur a{color:#fff;} .new_ner{} .new_ner1{margin-top:20px;} .new_ner1 dl{overflow:hidden;float:left;width: 300px;} .new_ner1 dt{width:300px;text-align:center;} .new_ner1 dt img{display:block;padding:3px;border:1px #ddd solid;width:276px;overflow:hidden;margin:0 auto;} .new_ner1 dt img:hover{border:1px #0274d4 solid;} .new_ner1 dd{} .new_ner1 dd h5{font-size:15px;line-height:45px; color:#333;font-weight:bold; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;} .new_ner1 dd h5 a{font-size:15px;color:#333;text-decoration:none;} .new_ner1 dd h5 a:hover{ color:#0274d4;} .new_ner1 dd p{font-size:13px;color:#4b4b4b;line-height:25px;/* height:180px; */overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;} .new_ner1 li{float:right;width:395px;border-bottom:1px #dcdcdc dashed;height:84px;background:#f6f6f6;/*margin-bottom:20px;*/padding: 21px;margin-left:10px;} .new_ner1 li em{ font-size:13px;float:right;margin-right:10px;color:#999;} .new_ner1 li a{font-size: 15px;text-decoration:none;color:#333;position:relative;line-height:30px;font-weight:bold; overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;} .new_ner1 li p{line-height:25px;color:#4b4b4b;font-size: 13px;margin-top:10px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;} .new_ner1 li:hover{background:#fff;} .new_ner1 li:hover a::before{content:"";position:absolute;width:120px;height:2px; background:#0274d4; left:0;top:30px;} .new_ner1 li:hover a{color:#0274d4;font-weight:bold;} /* 产品分类列表 */ .inner_flpro{float: left;width: 240px;} .inner_frpro{float: right;width: 930px;} .inner_frpro>h3{height: 50px;font-size: 24px;font-weight: normal;line-height: 50px;border-bottom: 1px solid #ebebeb;} .inner_frpro>h3 span{display: inline-block;border-bottom: 1px solid #393939} .nyjc{} .nyjc-til{padding:15px;color:#fff;background: #0274d4} .nyjc-til p{font-size: 24px;} .nyjc-til i{display: block;height: 1px;width: 90px;background: #fff;margin:10px 0;} #sidebar1{padding:10px;background: #fff;border:1px solid #ccc;border-top: 0;} #sidebar1 li{margin-top: 10px;} #sidebar1 li:first-child{margin-top: 0px;} #sidebar1 li a{line-height: 40px;height: 40px;display: block;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;text-align: center;color: #666;background: #eee;} #sidebar1 li.cur a, #sidebar1 li:hover a{background: #0274d4;color: #fff;} #sidebar1 dt{margin-top: 10px;font-weight: normal;line-height: 40px;height: 40px;display: block;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;text-align: center;color: #666;background: #eee;cursor: pointer;} #sidebar1 dt:first-child{margin-top: 0px;} #sidebar1 dt>a{color: #666;display: block;} #sidebar1 dt.cur, #sidebar1 dt:hover{background: #0274d4;color: #fff;} #sidebar1 dt.cur a,#sidebar1 dt:hover a{color:#fff;} #sidebar1 dd{display: none;} #sidebar1 dd a{display: block;line-height: 35px;border-bottom: 1px dashed #ddd;background: url(../images/iyuan.png) 5px center no-repeat;padding-left: 25px;margin-bottom: 5px;position: relative;color: #333;} #sidebar1 dd a.cur, #sidebar1 dd a:hover{background: url(../images/iyuan_on.png) 5px center no-repeat;color:#0274d4;} .inner_lxpro {margin-bottom:15px;} .inner_lx_titpro { line-height:68px; background:url(../images/inner_lx_tit.jpg) no-repeat; text-indent:33px; font-weight:bold; color:#333;} .inner_lxpro .txt { margin-top:10px; line-height:32px;} /*内页在线留言*/ .ny_ly { overflow: hidden; margin-top: 20px; } .ly_box { overflow: hidden; margin-top: 20px; } .ly_box .temp_on_inp .content .temp_on_con h3 { width: 145px;height: 46px;font-size: 18px;line-height: 46px; text-align: center;color: #fff; background: #666666; } .ly_box .temp_on_inp .content .temp_on_con form { border: 1px solid #bbb;background: url(../images/ly_bg.jpg) no-repeat center bottom #fff;padding: 40px 15%; height: 435px;} .ly_box .temp_on_inp .content .temp_on_con form ul li { margin-bottom: 10px; font-size: 14px; line-height: 35px;color: #666; overflow: hidden; } .ly_box .temp_on_inp .content .temp_on_con form ul li span { display: inline-block;width: 120px;color: #666; vertical-align: top; text-align: right;height: 33px;line-height: 33px; overflow: hidden; } .ly_box .temp_on_inp .content .temp_on_con form ul li span em { color: #f00; } .ly_box .temp_on_inp .content .temp_on_con form ul li input { 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; } .ly_box .temp_on_inp .content .temp_on_con form ul li 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; } .ly_box .temp_on_inp .content .temp_on_con form ul li .minp5 { width: 80px;height: 30px;border: 0;text-align: center; color: #fff; padding-left: 0;cursor: pointer; background: #0274d4; margin-left: 125px;} .linkUsLy{ background: #eee;} .linkUsLy .mainCon{width:100%;height:520px;background:url(../images/linkUsLyBg.jpg) no-repeat top;/*padding-bottom:20px;*/position:relative;} #feedback{width:500px;margin-left:520px;padding-top:55px;font-size: 16px;} #feedback .btn_bl{display:block;height:60px;text-align:center;width:440px;margin-left: 60px;font-size:22px;color:#fff;line-height:60px;background:#1c3f8e;text-decoration:none;cursor:pointer;padding: 0 70px 0 20px;border: 1px solid #e5e5e5;margin-bottom: 20px;outline: 0;} /* .linkUsLy .mainCon #feedback input{width:408px;height:58px;line-height:58px;padding:0 70px 0 20px;border:none;border:1px solid #e5e5e5;font-size:16px;color:#999;margin-bottom:20px;outline:0;font-size:16px;color:#999} */ .linkUsLy .mainCon .box input{width:408px;height:58px;line-height:58px;padding:0 70px 0 20px;border:none;border:1px solid #e5e5e5;font-size:16px;color:#999;margin-bottom:20px;outline:0;font-size:16px;color:#999} .linkUsLy .mainCon .box .input1{background:url(../images/linkUsLy_icon01.png) no-repeat 452px center} .linkUsLy .mainCon .box .input2{background:url(../images/linkUsLy_icon02.png) no-repeat 452px center} .linkUsLy .mainCon .box textarea{width:408px;height:80px;padding:0 70px 0 20px;border:none;border:1px solid #e5e5e5;font-size:16px;color:#999;margin-bottom:20px;outline:0;font-size:16px;color:#999;padding-top:20px;background:url(../images/TInpage/linkUsLy_icon03.png) no-repeat 452px 20px;resize:none} .linkUsLy .mainCon .box .btn{display:block;height:60px;text-align:center;width:100%;font-size:22px;color:#fff;line-height:60px;background:#1c3f8e;text-decoration:none;cursor:pointer;} .linkUsLy .mainCon .title{position:absolute;top:70px;left:200px} .linkUsLy .mainCon .title h3{font-size:24px;color:#1c3f8e} .linkUsLy .mainCon .title p{font-size:20px;color:#b8b8b8;font-family:arial;margin-top:2px} /*内页简介*/ .nyabout_bt { overflow: hidden; } .nyabout_bt .pro_l { width: 1200px;height: 55px;} .nyabout_bt .nlist ul{ display: flex; } .nyabout_bt .nlist ul li { flex: 1;background: #fff; height: 55px; font-size: 18px; line-height: 55px; text-align: center;float: left;border-right: 1px solid #f5f5f5;box-sizing: border-box; cursor: pointer;text-overflow: ellipsis;overflow: hidden; white-space: nowrap; } .nyabout_bt .nlist ul li.cur { background: #0274d4; } .nyabout_bt .nlist ul li.cur a { color: #fff; display: block; } .nyabout_bt .nlist ul li:hover { background: #0274d4; } .nyabout_bt .nlist ul li:hover a { color: #fff; display: block; } .nyabout_nr { overflow: hidden; margin-top: 20px; } .nyabout_nr .sb_box { width: 100%;overflow: hidden; } .nyabout_nr .sb_box .editor p.on { font-size: 14px; color: #666; line-height: 24px; } .sb_boxli .rtop { display: none; } .sb_boxli .rtop h5 { display: none; } .sb_boxli .rtop h5 a { display: none; } .sb_boxli .list { width: 285px;float: left;border: 1px solid #ddd;margin-right: 15px;margin-bottom: 15px; } .sb_boxli .active ul { overflow: hidden; margin-top: 20px; } .sb_boxli .active li{width: 24%;float: left; background: #f0f0f0;/*margin: 0 1.3% 13px 0;*/ margin:0 7px;} .sb_boxli .active li:nth-child(4) { margin: 0 0 13px 0; } .sb_boxli .active li:nth-child(8) { margin: 0 0 13px 0; } .sb_boxli .active li dt {border: 1px solid #e5e5e5; padding: 10px 9px; background: #fff; } .sb_boxli .active li img { width: 100%; display: block; padding: 2px;} .sb_boxli .active li a h3 { display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 1; width: 278px; font-weight: normal; line-height: 45px;background: #fff; text-align: center; overflow: hidden; font-size: 16px; padding: 0 5px; height: 45px;} .modelTostChile1 .wenzi { font-size: 16px; line-height: 32px; color: #666; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1; overflow: hidden;width: 500px;text-align: center; padding: 0 50px;} .sb_boxli .active li:hover a h3{background-color:#0274d4; color: #fff;} .sb_boxli .active li dt:hover{border: 1px solid #0274d4;} /*内页新闻模块列表页*/ .pro_right_news{ float: right; width: 250px; } .pro_right_news>h4{ padding: 20px 0;padding-left: 84px;background: #0274d4 url(../images/tit6-1-d.png) 30px center no-repeat; } .pro_right_news>h4 a{ font-size: 22px;color: #fff; display: block; } .pro_right_news>h4 a span { display: block;font-size: 14px;color: rgba(255,255,255,.3); text-transform: uppercase;font-weight: 400;margin-top: 1px; } .pro_right_news ul li { position: relative;height: 50px; padding-left: 54px; padding-right: 40px;border-bottom: 1px solid #f5f5f5;background: #fff;position: relative; overflow: hidden; line-height: 50px;font-weight: normal;font-size: 16px; } .pro_right_news ul li a { display: block; } .pro_right_news ul li.cur { background: #0274d4; color: #fff; } .pro_right_news ul li.cur a { color: #fff; display: block; } .pro_right_news ul li::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);} .pro_right_news ul li.on::after { border: 2px solid #fff;border-style: solid solid none none; } .pro_right_news ul li:hover::after { border: 2px solid #fff; border-style: solid solid none none; } .pro_right_news ul li:hover { background: #0274d4; } .pro_right_news ul li:hover a { color: #fff; } .pro_right_news .active1 .nlist ul{ background: #fff;padding: 2px 0px; } /*内页新闻模块列表页*/ .sb_box1{ width: 930px; float: left; background: #fff; margin-bottom: 15px;} .nynews-tj{ margin-top: 10px;} .nynews-tj h3{ background: #da241c; color: #fff; height: 60px; line-height: 60px; padding-left: 20px; font-size: 20px;} .nynews-tj .nyxwtj{ border: 1px solid #ccc;} .nynews-tj .nyxwtj ul{ padding: 10px 0; padding-left: 20px;} .nynews-tj .nyxwtj ul li{padding-left: 20px;padding-right:15px;line-height: 38px;background: url(../images/iyuan.png) left no-repeat;} .nynews-tj .nyxwtj ul li:hover{ background: url(../images/iyuan_on.png) left no-repeat; } .nynews-tj .nyxwtj ul li a{font-size: 15px;text-decoration: none;display: block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .nynews-tj .nyxwtj ul li a:hover{ color:#da241c; } .fbxx{border-bottom: 1px solid #ccc;height: 40px;line-height: 40px;} .fbxx p{font-size: 14px;float: left;padding: 0 8px;} .fbxx p span{} .jq22{width: 667px;height: 392px;margin: 0px auto;position: relative;border: 2px solid #eee;} .jq22 .border-left{width: 2px;height: 0px;background: #da241c;position:absolute;left:-1px;bottom: 0;} .jq22 .border-bottom{width: 0px;height: 2px;background: #da241c;position:absolute;left:0;bottom: 0px;} .jq22 .border-top{width: 0px;height: 2px;background: #da241c;position:absolute;right:0;top: 0px;} .jq22 .border-right{width: 2px;height: 0px;background: #da241c;position:absolute;right:-1px;top: 0;} .nocontent{padding:15px;min-height:200px;} /*内页产品列表页*/ .ny-pro ul.navMenu{ border- top: none;overflow: hidden;background: #fff;border: 0px !important; padding: 2px 0px;} .ny-pro ul>li.ny_pro_nav1{ line-height: 50px; margin-bottom: 1px;} .ny-pro ul>li.ny_pro_nav1>h3 { background: url(../images/ny_cpico2.png) no-repeat right center #ececeb; } .ny-pro ul>li.ny_pro_nav1.on>h3 { background: url(../images/ny_cpico1.png) no-repeat right center #0274d4; } .ny-pro ul>li.ny_pro_nav1>h3 a{ display: block;font-size: 16px; font-weight: normal; margin-right: 40px; margin-left: 38px; color: #666; position: relative; } .ny-pro ul>li.ny_pro_nav1.on>h3 a { color: #fff; } .ny-pro ul>li.ny_pro_nav1:hover>h3 { background: url(../images/ny_cpico1.png) no-repeat right center #0274d4; } .ny-pro ul>li.ny_pro_nav1:hover>h3 a { color: #fff; } .ny-pro ul>li.ny_pro_nav1>ul { display: none; } .ny-pro ul>li.ny_pro_nav1.on>ul { display: block; } .ny-pro ul>li.ny_pro_nav1>ul li.ny_pro_nav2 h3 { height: 50px; font-size: 16px; line-height: 50px; padding-left: 54px; padding-right: 40px;background: #fff; font-weight: normal; position: relative;border-bottom: 1px solid #f5f5f5; } .ny-pro ul>li.ny_pro_nav1>ul li.ny_pro_nav2:hover h3 a { color:#0274d4;} .ny-pro ul>li.ny_pro_nav1>ul li.ny_pro_nav2 h3 a { color: #454545; } .ny-pro ul>li.ny_pro_nav1>ul li.ny_pro_nav2.on h3 a{ color: #0274d4; } .ny-pro ul>li.ny_pro_nav1>ul li.ny_pro_nav2 h3::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); } .ny-pro ul>li.ny_pro_nav1>ul li.ny_pro_nav2:hover h3::after{ border: 2px solid #0274d4;border-style: solid solid none none; } .ny-pro ul>li.ny_pro_nav1>ul li.ny_pro_nav2.on h3::after { border: 2px solid #0274d4;border-style: solid solid none none; } .ny-pro ul>li.ny_pro_nav1>ul li.ny_pro_nav2 ul { overflow: hidden; display: none; } .ny-pro ul>li.ny_pro_nav1.on>ul li.ny_pro_nav2.on ul { display: block; } .ny-pro ul>li.ny_pro_nav1>ul li.ny_pro_nav2 ul li.ny_pro_nav3 a { display: block; line-height: 45px; border-bottom: 1px dashed #ddd; padding-left: 65px; position: relative; color: #333; } .ny-pro ul>li.ny_pro_nav1>ul li.ny_pro_nav2 ul li.ny_pro_nav3:hover a { color: #0274d4; } .ny-pro ul>li.ny_pro_nav1>ul li.ny_pro_nav2 ul li.ny_pro_nav3.on a { color: #0274d4; } .ny-pro ul>li.ny_pro_nav1>ul li.ny_pro_nav2 ul li.ny_pro_nav3 a::after { position: absolute; content: ''; width: 5px; height: 5px; display: block; border: 1px solid #999; border-radius: 50%; left: 50px; top: 19px; } .ny-pro ul>li.ny_pro_nav1>ul li.ny_pro_nav2 ul li.ny_pro_nav3:hover a::after { border: 1px solid #0274d4; } .ny-pro ul>li.ny_pro_nav1>ul li.ny_pro_nav2 ul li.ny_pro_nav3.on a::after { border: 1px solid #0274d4; } .ny-pro .sub{ margin-top: 10px;} .ny-pro ul dl dt a span{ margin-left: 0; } .ny-pro ul dl dd h4{ margin-left: 0;background: none;height: 36px;text-align: initial; } .ny-pro ul dl dd h4 a{ font-size: 16px; line-height: 36px; padding-top: 0; } .ny-pro ul dl dd h4 a span{ color: #666;padding-left: 40px; } /* marqueetop */ .marqueetop li .pic{display:block;border:#ccc 1px solid; height:104px;padding:2px;overflow:hidden;} .marqueetop li .txt{text-align:center;height:23px;line-height:23px;} .jiathis_txt{ float: left; display:inline-block; line-height:28px; } .ny-pro h4{padding:20px 0; padding-left: 84px;background: #0274d4 url(../images/tit6-1-d.png) 30px center no-repeat;} .ny-pro h4 a{font-size: 22px;color: #fff;} .ny-pro h4 span {display: block;font-size: 14px;color: rgba(255,255,255,.3);text-transform: uppercase;font-weight: 400; margin-top: 1px;} .ny-pro h4 p{ font-size: 12px !important;} /*产品列表推荐新闻*/ .news-tj-nyprolist { overflow: hidden; margin-top: 15px;} .news-tj-nyprolist h4 { padding-left: 12px;height: 36px; line-height: 36px; color: #fff; background: #0274d4; font-weight: bold; } .news-tj-nyprolist ul { margin: 10px 0; overflow: hidden; } .news-tj-nyprolist ul li { height: 28px; line-height: 28px; padding: 0 15px 0 10px;width: 47%;float: left;overflow: hidden; } .news-tj-nyprolist ul li a { font-size: 14px; color: #666; } .news-tj-nyprolist ul li:hover a { color: #0274d4; text-decoration: underline; } .news-tj-nyprolist ul li:hover span { color:#0274d4; } /*内页位置*/ .ninde{width: 1200px;height: 45px;margin: 0 auto;line-height: 45px;font-size: 14px;color: #666;border-bottom: 1px solid #ccc;left: 0;z-index: 9999;border-top: 1px solid #ccc;margin-top: 20px;} .ninde em{/* border-left: 4px solid #ccc; */padding-left: 25px;background: url(../images/ditubiao.png) no-repeat 0px 1px;} .ninde a{color: #666;} .top_lanmu{height: 54px;} .top_lanmu .n_show_1{width: 1200px;margin:0 auto;margin-top: 20px;margin-bottom: 20px;} .top_lanmu .n_show_1 .neiye_show{ } .top_lanmu .n_show_1 .neiye_show a{color: #fff;line-height: 54px;font-size: 16px;float: left;text-decoration: none;background: #666;margin-right: 4px;} .top_lanmu .n_show_1 .neiye_show a li{border-right: 1px solid #e0dfdf;margin-right: 0px;width: 166px;height: 54px;float: left;text-align: center;} .top_lanmu .n_show_1 .neiye_show a:hover li{ background:#0274d4; color:#fff;} .top_lanmu .n_show_1 .neiye_show a li.cur{background-color:#0274d4;} /*联系我们*/ .wmen { color: #12c4ae } .chi { margin-bottom: 5px; font-weight: bold; color: #000; letter-spacing: 4px; } .eng { text-transform: uppercase; font-weight: 100; font-size: 16px;} .contactus ul {/* height: 180px; */margin: 0 auto;margin-top: 20px;} .contactus ul li {border-bottom: 1px solid #e9e9e9;float: left;height: 45px;line-height: 45px;padding: 0px 30px;width: 530px;font-size: 16px;margin: 10px 0;} .contactus ul li p{padding: 0 20px;} .ysti { color: #2e2e2e } .hls{ color: #485a81; } .blk-main { width: 100%; } .blk { margin: 0 auto 20px auto;} .content1 { width: 1200px; margin: 0 auto;} .p12-aboutinfo-1-nr { padding: 0 10px!important;width: 1200px;margin: 0 auto; } .p12-aboutinfo-1-tit { display: none; } .contactus .c1{ background:url(../images/nydianhua.png) left top no-repeat; } .contactus .c2{ background:url(../images/nycz.png) left top no-repeat; } .contactus .c3{ background:url(../images/neqq.png) left top no-repeat; } .contactus .c4{ background:url(../images/nyyx.png) left top no-repeat; } .contactus .c5{ background:url(../images/nydizi.png) left top no-repeat; } .tp_img{ width: 1200px; margin: 0 auto; } .demoTitle { text-align:center; font-size:30px; font-weight:bold; color:#c00; text-shadow:1px 1px 0 #fff; margin:60px 0 40px; border-bottom:1px dashed #999;border-top:1px dashed #999; padding:20px 0; background:#EEE; } #demo1 { margin:0 auto; } #psWraper { background:#eee; padding:10px 0; margin-top:80px; border-top:1px dashed #999; } #psText { padding-bottom:10px; margin-bottom:20px; border-bottom:1px dashed #bebebe; } #psText samp { font-weight:bold; font-size:14px; letter-spacing:0.1em; } #psText samp a { color:#06F;letter-spacing:0.1em; } #psText h2 { font-size:20px; margin:10px auto; } #psText p { padding:10px 0; line-height:25px; letter-spacing:0.1em; } #psText ul { margin:10px auto; } #psText ul li { line-height:25px; line-height:25px; letter-spacing:0.1em; } #ps { width:800px; margin:0 auto; padding:30px 0; } #ps h1 { padding-bottom:20px; text-shadow:1px 1px 0 #fff; color:#c00; font-size:23px; font-weight:bold; } #ps h2 { line-height:20px; text-shadow:1px 1px 0 #fff; padding:10px 0; } #ps h1 p { display:inline; font-size:16px; font-weight:bold; color:#666; margin-left:20px; } #ps dl { padding-left:0; padding-bottom:40px; } #ps dl dt,#ps dl dd { height:30px; line-height:30px; font-size:13px; text-shadow:1px 1px 0 #fff; } #ps dl dt { padding-left:10px; } #ps dl dd { color:#ff6600; text-shadow:1px 1px 0 #fff; } #ps dl dd span {color:#900; margin-right:50px; letter-spacing:0.01em; padding-left:10px;} .TmpStyle { margin:50px auto; } .jcSlider {width: 1004px;position:relative;height: 654px;/*background:url(../img/sliderbg.png) no-repeat;*/padding: 8px;margin-bottom: 10px !important;margin-top: 10px !important;} .imgHide {width:1000px;height:650px;overflow:hidden;position:relative;border:2px solid #ccc;box-shadow: 0px 4px 5px 1px #ccc;} .imgList {position:absolute; top:0; left:0; z-index:1;} .imgList li { position:absolute; left:0; top:0; height:650px; width:1000px; list-style:none; display:none; overflow:hidden; } .imgNum { position:absolute; left:0; top:0; z-index:2; display:none; } .imgNum dd { width:14px; height:14px; float:left; list-style:none; cursor:pointer; margin:0 3px; overflow:hidden; } .imgNum dd a { display:block; height:14px; width:14px; text-indent:-999em; overflow:hidden; text-align:center; line-height:14px; } .imgNum dd a:hover,.imgNum dd.select a { background-position:0 -14px; } .imgPrev,.imgNext { position:absolute; left:0; top:10px; z-index:3; display:block; cursor:pointer; height:650px; width:40px; } .imgPrev { background:url(../images/navigation-previous.png) no-repeat left center; } .imgNext { background:url(../images/navigation-next.png) no-repeat right center; } /*input*/ #nymessage form{ /* text-align: center; */ } .form-control{ /*display: block;*/width: 82%;height: 46px;padding: 6px 12px;/*margin: 0px 0;*/font-size: 14px;line-height: 1.42857143;color: #555;background-color: #fff;background-image: none;border: 1px solid #ccc;/* border-radius: 4px; */-webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;} #nymessage .form-group{ display:flex;justify-content:center;margin:10px 0;line-height: 40px;margin-bottom: 20px;} textarea.form-control{ height: auto;} .btna{ display: inline-block;padding: 6px 12px;margin-bottom: 0;font-size: 14px;font-weight: 400;line-height: 1.42857143;text-align: center;white-space: nowrap;vertical-align: middle;-ms-touch-action: manipulation;touch-action: manipulation;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background-image: none;border: 1px solid transparent;border-radius: 4px;} .btn-default{ color: #333;background-color: #fff;border-color: #ccc; } /*面包屑*/ .location{ width: 100%;height: 45px;border-bottom: 1px solid #eee; } .location span{ display:block;line-height: 45px;font-size: 14px;background: url(../images/location.png) no-repeat 0 15px;text-indent: 20px;color: #666; } .location span a{ color: #666; } .location span a:hover{ color: #0274d4; } /*内页样式*/ .inside{padding:20px 0;background: #ececec;} .nocontect{background-image: url(../images/error.png);background-repeat: no-repeat;background-position: 10px 10px;height: 100px;padding-top: 40px;padding-left: 120px;font-size: 14px;} /* marqueeleft */ .marqueeleft{height:136px;width:474px;overflow:hidden;margin:40px auto;} .marqueeleft ul{float:left;} .marqueeleft li{float:left;margin:0 5px;display:inline;width:148px;height:133px;overflow:hidden;} .marqueeleft li .pic{display:block;border:#ccc 1px solid;width:135px;height:104px;padding:2px;overflow:hidden;} .marqueeleft li .txt{text-align:center;height:23px;line-height:23px;} /* marqueetop */ .marqueetop{height:429px; overflow:hidden; border:1px solid #ddd;} .marqueetop li .pic{display:block;border:#ccc 1px solid; height:104px;padding:2px;overflow:hidden;} .marqueetop li .txt{text-align:center;height:23px;line-height:23px;} /*内页右侧内容*/ .nyshow{ width:900px;float:right;background-color: #fff;border: 1px #ddd solid;overflow: hidden; } .nyshow-til{ line-height: 40px;height: 40px;border-bottom: 1px #ccc solid;margin: 10px 15px; } .nyshow-til>h1, .nyshow-til>h2{ float: left;padding-right:15px;text-indent: 25px;height: 40px;line-height: 40px;border-bottom: 2px #004098 solid;color: #004098;font-size: 18px;font-weight: bold;position:relative;} .nyshow-til>h1::before, .nyshow-til>h2::before{ content:'';position:absolute;left:0;top:50%;margin-top: -15px;width:6px;height:30px;background:#004098; } .nyshowdesc{ font-size: 16px;line-height: 1.8;text-align:justify;margin-bottom:20px;padding: 0 15px; } .nyshowdesc img{ max-width:100%;height:auto !important; } .nyshow-til span{ float: right; } .nyshow-til span{ display:block;line-height: 45px;font-size: 14px;background: url(../images/location.png) no-repeat 0 15px;text-indent: 20px;color: #666; } .nyshow-til span a{ color: #666; } .nyshow-til span a:hover{ color: #0274d4; } /*推荐新闻*/ .nyhotnews{ line-height: 40px;height: 41px;border-bottom: 1px #ccc solid;margin: 0 15px 0 15px; } .nyhotnews>h3{ float: left;width: 150px;text-indent: 30px;height: 40px;line-height: 40px;border-bottom: 2px #0274d4 solid;color: #0274d4;font-size: 18px;font-weight: bold;background:url(../images/new_ico1.gif) no-repeat left;} .nyhotnews-list{ margin:10px 15px;overflow:hidden; } .nyhotnews-list li{ width:50%;float:left;font-size: 14px;line-height: 30px;padding: 0 15px;background: url(../images/iyuan.png) no-repeat left;background-size: 8px;box-sizing:border-box;} .nyhotnews-list li a{ float:left;width:250px;color:#333; } .nyhotnews-list li span{ float:right;color:#666; } .nyhotnews-list li:hover{ background: url(../images/iyuan_on.png) no-repeat left;background-size: 8px; } .nyhotnews-list li:hover a{ color:#0274d4; } /*视频列表*/ .nyvideo-ul{ overflow:hidden; } .nyvideo-ul li{ width:33.33%;float:left;padding:0 10px;margin-bottom:20px;box-sizing:border-box; } .nyvideo-div a{ display:block;border:1px solid #ddd;padding:2px;overflow:hidden; } .nyvideo-div a img{ display:block;max-width: 100%;/*width: 311px;*/ } .nyvideo-div a.nyvideo-a{ padding:0 10px;border:none;line-height:25px;text-align:center; } .nyvideo-div:hover a{ border-color:#0280f6;color:#0280f6; } /*视频详情*/ .showvideo-top{ padding-bottom: 10px;border-bottom: 1px solid #f0f2f5;margin-bottom:15px; } .showvideo-top>h1{ line-height: 1.5;color: #333;text-align: center;font-size: 26px;margin-bottom: 5px; } .showvideo-time{ text-align:center; } .showvideo-time span{ font-size: 14px;color: #a3afb7;margin-right: 10px; } .showvideo-time span:last-child{ margin-right:0; } .showvideo-mp{ margin-bottom:20px;text-align:center; } .showvideo-mp video, .showvideo-mp iframe{ max-width:800px;height: 1000px; } .showvideo-con { font-size: 16px;line-height: 1.8;text-align:justify;margin-bottom:20px; } .showvideo-con img{ max-width:100%;height:auto !important; } /*下载列表*/ .nydown-list{ margin-bottom:20px; } .nydown-list table{width:100%;text-align:center;} .nydown-list table thead{ background:#0280f6;color:#fff;font-size:16px;line-height:2; } .nydown-list table tbody{line-height:1.6} .nydown-list table tbody tr td{color:#666;} .nydown-list table tbody tr td:first-child{color:#333;} /*下载详情*/ .showdown-top{margin-bottom:20px;} .showdown-top>h1{font-size: 18px;margin-bottom:10px;color:#333;font-weight:bold;padding-left:20px;} .showdown-top>ul{padding:10px;background:#f6f6f6;} .showdown-top>ul>li{border-bottom: 1px solid #eee;font-size:12px;color:#666;margin-bottom:5px;line-height:20px;} .showdown-top>ul>li:last-child{margin-bottom:0;} .showdown-top>ul>li>span{padding: 0px 10px;margin-right: 5px;} .showdown-con {font-size: 16px;line-height: 1.8;text-align:justify;margin-bottom:20px;} .showdown-con img{max-width:100%;height:auto !important;} /*图片列表*/ .nyimg-ul{overflow:hidden;} .nyimg-ul li{width:33.33%;float:left;padding:0 10px;margin-bottom:20px;box-sizing:border-box;} .nyimg-div a{display:block;border:1px solid #ddd;padding:2px;overflow:hidden;} .nyimg-div a img{display:block;max-width: 100%;width: 311px;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;} .nyimg-div a.nyimg-a{padding:0 10px;border:none;line-height:25px;text-align:center;} .nyimg-div:hover a{border-color:#0280f6;color:#0280f6;} .nyimg-div:hover a img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);} /*图片详情*/ .showimg-top{ padding-bottom: 10px;border-bottom: 1px solid #f0f2f5;margin-bottom:15px;} .showimg-top h1{ line-height: 1.5;color: #333;text-align: center;font-size: 26px;margin:10px 0;} .showimg-time{ text-align:center;} .showimg-time span{ font-size: 14px;color: #a3afb7;margin-right: 10px;} .showimg-time span:last-child{ margin-right:0;} .showimg-img{ margin-bottom:15px;text-align:center;} .showimg-img img{ max-width:100%;} .ctitle{ margin-bottom:15px;} .showimg-con { font-size: 14px;line-height: 2;padding: 0 10px;color: #333;} .showimg-con img{ max-width:100%;height:auto !important;} /*新闻列表*/ .nynews-ul{ overflow:hidden; } .nynews-ul li{ margin: 0 15px 15px 15px; } .nynews-ul li a{ overflow: hidden;display: block; } .nynews-ul li a dl{ overflow: hidden;border: 1px solid #ddd;padding:15px;width:100%;box-sizing:border-box;} .nynews-ul li a dl dt{ float:left;box-shadow: 0 0 5px 0 rgb(0 0 0 / 20%);} .nynews-ul li a dl dt img{ display: block;width: 180px;} .nynews-ul li a dl dd{ float: left;width: 560px;/*margin-top: 20px;*/margin-left: 30px;} .nynews-ul li a dl dd h5{ width: 460px;float: left;font-size: 18px;line-height: 32px;font-weight: normal;color: #333;} .nynews-ul li a dl dd em{ float: right;height: 30px;line-height: 30px;font-size: 14px;color: #999;} .nynews-ul li a dl dd p{ line-height: 20px;font-size: 14px;margin-top: 15px;height: 40px;color:#666;float: left;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} .nynews-ul li a dl dd span{ width: 135px;border: 1px solid #ddd;line-height: 35px;height: 35px;font-size: 16px;color: #666;margin-top: 10px;float: right;display: block;text-align: center;} .nynews-ul li a:hover dl{ border:1px solid #0274d4; } .nynews-ul li a:hover dl dt{ box-shadow: 0 0 5px 0 rgb(2 128 246 / 80%); } .nynews-ul li a:hover dl dd h5{ color:#0274d4; } .nynews-ul li a:hover dl dd span{ border: 1px solid #0274d4;background: #0274d4;color: #fff; } /*新闻详情*/ .shownews-top{padding-bottom: 10px;border-bottom: 1px solid #f0f2f5;margin: 7px 15px;} .shownews-top h1{line-height: 1.5;color: #333;text-align: center;font-size: 26px;margin-bottom: 5px;} .shownews-time{text-align:center;} .shownews-time span{font-size: 14px;color: #a3afb7;margin-right: 10px;} .shownews-time span:last-child{margin-right:0;} .shownews-con {font-size: 16px;line-height: 1.8;text-align:justify;margin-bottom:20px;padding: 0 15px;} .shownews-con img{max-width:100%;height:auto !important;} /*产品列表*/ .nypro-ul{overflow:hidden;} .nypro-ul li{ width:258px; margin:0 11px 25px 9px;float:left; border: 1px solid #d3d3d3; } .nypro-ul li:nth-child(3n){margin-right:0;} .nypro-ul li a{display:block;position:relative;} .nypro-ul li a .nypro-img{overflow:hidden;position:relative;} .nypro-ul li a .nypro-img img{width:100%;display:block;} .nypro-ul li a .nypro-txt{width: 100%;position: relative;z-index: 4;padding: 5px 0 0;background: #f5f5f5;} .nypro-ul li a .nypro-txt p{padding: 0 20px;font-size: 18px;line-height: 36px;height: 36px;font-weight: normal;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: #444;text-align: center;} .nypro-ul li a .nypro-txt span{font-size: 13px;display: block;height: 25px;line-height: 25px;padding: 0 20px; color: #777;font-weight: 100;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .nypro-ul li a:hover .nypro-txt{background:#fff;} .nypro-ul li:hover{border-color:#0274d4;} /*产品详情*/ .nyproshow-top{overflow:hidden; margin: 0 15px;} .nyproshow-top>dt{padding-bottom: 15px;float:left;width:402px;} /*bigzoompic*/ #MagnifierWrap2{ position:relative; } .MagnifierMain{ position: relative; } .MagnifierDrag{ position: absolute;top:0;left: 0;background-color: #ccc; opacity: 0.4;filter:alpha(opacity = 40);cursor: move; } .MagnifierPop{ position: absolute;top:0;overflow: hidden;background:#fff url(../images/loading.gif) no-repeat center center; } .MagnifierImg{ position: absolute;top:0; left: 0; } .spec-items{ position: relative;width: 275px;overflow: hidden;margin: 15px 15px 0; } .spec-items ul{ position: relative;overflow: hidden;width: 7500px; } .spec-items ul *{ -webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s; } .spec-items li{ float: left;text-align: center;cursor: pointer;width: 69px; } #MagnifierWrap2 .spec-items li img{ padding: 1px;border: 1px solid #ccc;width: 60px;height: 42px; } #MagnifierWrap2 .spec-items li.on img{ border:1px solid #004098; } span.spe_leftBtn,span.spe_rightBtn{ background: url(../images/sprite.png) no-repeat;position: absolute;bottom: -5px;width: 22px;height: 63px;text-indent: -999em;overflow: hidden;cursor: pointer;} span.spe_leftBtn{ left: 0px;background-position: -112px -282px; } span.spe_leftBtn.on{ background-position: -90px -282px; } span.spe_rightBtn{ right: 75px;background-position: -134px -282px; } span.spe_rightBtn.on{ background-position: -156px -282px; } .nyproshow-txt{ float:left;width: 380px;margin-left: 28px;z-index:1; } .nyproshow-txt>h1{ font-size: 20px;color: #333;border-bottom: 1px dashed #bbbbbb;padding: 2px 0 10px;line-height: 32px;margin-bottom:10px; } /*产品参数*/ .nyproshow-info{ line-height:1.8;color:#666;margin-bottom:20px; } .showpro-tel{ overflow:hidden;border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:10px 0; } .showpro-telx{ float:left;line-height:40px; } .showpro-telx img{ float:left;margin-right:12px; } .showpro-telcon{ float:left; } .showpro-telcon p{ float:left;color:#666;margin-bottom:0; } .showpro-telcon span{ float:left;color:#333;font-size:24px;font-family: arial; } .showpro-tel a{ float:left;display:block;line-height:40px;padding:0 20px;background:#0274d4;color:#fff;border-radius: 10px; } .showpro-tel a i{ margin-right:5px; } .showpro-tel a:hover{ background:#034ad8; } .showpro-con{ margin-top: 20px;padding: 0 15px; } .showpro-con ul{ border-bottom: 1px solid #ccc;line-height: 40px;margin-bottom: 10px;overflow:hidden; } .showpro-con ul li{ text-align: center;padding:0 24px;font-size: 16px;background: #e6e6e6;color:#333;float: left;margin-right: 10px;cursor: pointer; } .showpro-con ul li.on{ background: #0274d4;color:#fff; } .showpro-con ul li:last-child{ margin-right: 0; } .showpro-details{ font-size: 16px;line-height: 1.8;overflow: hidden; } .showpro-details .showpro-det{ min-height:100px;padding: 0 15px; } .showpro-details div{ margin-bottom: 10px; } .showpro-details img{ max-width: 100%;height:auto !important; } .pr_form .form-group{ display: flex;justify-content: left;margin: 10px 25px; } /*相关产品*/ .nyaboutpro{line-height: 40px;height: 41px;border-bottom: 1px #ccc solid;margin: 0 15px;} .nyaboutpro>h3{float: left;width: 150px;text-indent: 12px;height: 40px;line-height: 40px;border-bottom: 2px #0274d4 solid;color: #0274d4 ;font-size: 18px;font-weight: bold;/*background:url(../images/nyaboutproico.png) no-repeat left;*/} #abprolist{margin:20px 0;} #abprolist li{padding:0 15px;} #abprolist li a{display:block;} #abprolist li a .abpro-img{padding:2px;border:1px solid #ccc;} #abprolist li a .abpro-img img{display:block;max-width:100%;} #abprolist li a p{margin-top:5px;line-height:30px;height:30px;text-align:center;background:#ccc;padding:0 10px;color:#333;} #abprolist li a:hover .abpro-img{border-color:#0274d4;} #abprolist li a:hover p{background:#0274d4;color:#fff;} /*分享按钮*/ .jiathis{ padding:0px 5px; height:35px; line-height:30px;border-top:1px dotted #ccc; text-align:right; position:relative; color:#666;margin: 10px 0px;} .jiathis .jiathis_txt{float: left;} /*上下页按钮*/ .ny-page{overflow: hidden;margin-bottom:10px;} .ny-pagea{width:50%;float:left;padding:0 10px;box-sizing:border-box;} .ny-page a{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;padding: 10px 15px;border: 1px solid #e4eaec;transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;max-width: 80%;} .ny-page a:hover{border-color: #e4eaec;background-color: #f3f7f9;} /*搜索模块*/ .nysearch-ul{overflow: hidden;} .nysearch-ul li.nysearch-li{padding: 0 0 15px 0;/*margin-bottom: 25px;*/border-bottom: 1px dashed #333;overflow:hidden;margin: 10px 20px;} .nysearch-til>a{line-height: 14px;color: #fff;vertical-align: baseline;white-space: nowrap;display: inline-block;background: #004098;margin-right: 5px;position: relative;top:0;padding: 4px 6px;} .nysearch-til>a .nysearch-arrow{position: absolute;width: 0;height: 0;vertical-align: top;top: 7px;right: -4px;border-left: 4px solid #000;border-top: 4px solid transparent;border-bottom: 4px solid transparent;border-left-color: #004098;} .nysearch-til>a:hover{background: #004098;} .nysearch-til>a:hover .nysearch-arrow{border-left-color:#004098;} .nysearch-til>h2{display: inline;font-size: 19px;margin: 0;font-weight: bold;position: relative;top: 1px;line-height: 25px;} .nysearch-con p.nysearch-desp{color: #666;font-size: 14px;line-height: 23px;margin: 5px 0;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;} .nysearch-date {color: #333;line-height: 20px;font-size: 12px;} .nysearch-date span{color: #999;} .nysearch-date p{float: left;margin: 0;} .nysearch-date i{margin-right: 5px;} .nysearch-con a.nysearch-more{position:relative;left:0;color: #ffffff;font-size: 13px;width:100px;height:30px;line-height:30px;background: #999;margin-top: 10px;display: block;border-radius: 20px;float:left;text-align: center;transition: 0.5s all;-webkit-transition: 0.5s all;-moz-transition: 0.5s all;-o-transition: 0.5s all;-ms-transition: 0.5s all;text-decoration: none;} .nysearch-con a.nysearch-more:hover{background: #004098;left:10px;} /*手机样式*/ .m-header,.sp_header,.sjj_nav ,.mm-nav,.m-nav,.m_footer, .g-adv, .m-main, .m-fewm, .m-fbtn, .m-location,.ny_body,.g-bd,.g-nynav,.ninde,.m-text{display:none;} @media (max-width: 768px){ html, body{max-width: 640px;min-width: 320px;margin: 0 auto;overflow-x: hidden;position: relative;} body{padding-bottom: 50px;} *{box-sizing:border-box;} .htop, .hcont, .sticky-wrapper, .navBox, #banner, .search, .about, #countup, .product, .news, .footer, .fcopy,.RandomNews1,.diyos,.texten,.plan,.ys,.guangao,.K_b,.yb_conct,iframe,.pro_lny{display:none;} .proMain,#panerz,.newMain,.link,.pro_l,.rtop,#productlist,.topnew,#showproduct,#imglist,#showimg,#newslist,#shownews,.m-img,.sb_box #flip{display:none;} .service,.custom,.dist,.adv,.case,.about,.synews,.bolang{display:none;} .hzbg,.ysbox,.zhlc_aa,.about_box,.fbg,.linkbg,.solve,.features,.wmship{display: none} .case_a,.zhs_img,.partner,.customized,.album,#news,.foot_con{display: none} .m-header, .m-nav,.sp_header,.sjj_nav, .g-adv, .m-main, .m-fewm, .m-fbtn, .m-location,.ny_body,.g-bd,.g-nynav,.m-text,.m_footer{display:block;} .container{width:100%;} .sp_header{height: 100px;max-width: 640px; overflow:hidden;background:#fff;/*position:fixed;*/z-index:10;width:100%;} .sp_logo{position: absolute;left: 15px;top: 19px;} .sp_logo img{margin:auto;height: 100%;} .sp_nav{width: 44px;float:right;position:relative;cursor:pointer;height: auto;margin-top: 1rem;display: initial;} .sp_nav span{display:block;background: #0274d4;width: 20px;height: 3px;position:absolute;right: 6px;transition:all ease 0.35s;} .sp_nav span:nth-of-type(1){top:0px;width: 28px;} .sp_nav span:nth-of-type(2){top: 8px;width: 20px;} .sp_nav span:nth-of-type(3){top: 16px;width: 24px;} .sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)} .sp_nav_se span:nth-of-type(2){width:0} .sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg);width: 28px;} .sjj_nav{position:fixed;z-index:9;background:#eee;width:100%;height: calc(100% - 245px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;} .nav_show{top: 70px;} .sjj_nav>ul>li:first-child{overflow:hidden;border-top:0} .sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px);} .sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px} .sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;} .sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;} .sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s} .sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)} .sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;margin-right: 20px;position:relative;line-height:40px;font-size:14px;} .sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;} .sjj_nav ul li ul{display:none} .sjj_nav ul li a{color:#666;width:80%;background: url(../images/nav-sanjiao.png) left no-repeat;padding-left: 20px;} .sjj_nav ul li ul li a{color:#999;display:block;text-align:left;} .sjj_nav ul li i svg{width:20px;height:20px;fill:#555;} .sjj_nav ul li .sjj_nav_i_se svg{fill:#c9141e} .sjj_nav ul li ul li>ul{margin-left:10px} .sjj_nav ul li ul li>ul{margin-left:10px} .m-dphone{margin-left: 126px;margin-top: 15px;} /* .m-dphone dl{padding-left: 32px;margin-top: 8px;background: url(../images/m-tel.png) left no-repeat;background-size: 20%;} */ .m-dphone dl dt{font-size: 20px;color: #f49a2f;font-weight: bold;} .m-dphone dl dd{font-size: 15px;color: #0089d2;} .m-dphone dl dd p{padding: 2px 0 2px 14px;line-height: 24px;font-size: 16px;background: url(../images/hdPhone_ico.png) no-repeat left center;background-size: 12px auto;} .m-dphone dl dd p a{color: #494949;} .mm-nav{display: grid;} .mm-nav ul{display: inline-block;margin-bottom: 0;} .mm-nav ul li{float: left;width: 25%;text-align: center;border-right: 1px solid #fff;border-bottom: 1px solid #fff; background: #0089d2;} .mm-nav ul li a{ color: #fff; width: 100%; line-height: 40px; display: block;} /* -- 页面整体布局 -- */ .m-header{overflow: hidden;/*padding-bottom: 10px;*/} .m-header h1{text-align: center;/*padding:3%;*/} .m-header h1 img{max-width: 100%;vertical-align: middle;float: left;margin: 10px;/*border-right: 1px solid #ddd;*/} .m-header .m-slogan{color: #393939;text-align: center;} .m-header .m-slogan p{font-size: 1.2rem;} .m-header .m-slogan span{font-size: 1rem;} .m-header h1 img{width: 22%; max-width: 100%;vertical-align: middle;float: left;margin: 10px /*border-right: 1px solid #ddd;*/} .m-header .m-dpgone p{font-size: 15px; font-weight: bold;color: #1284f2;line-height: 30px;} .m-header .m-dpgone span{font-size: 14px;color: #666;margin-top: 10px;font-weight: bold;} .m-header .m-dpgone {display: block;/*float: left;*/padding: 25px 0;} /*手机标题*/ .m_sy-title{ text-align: center;} .m_sy-title h2{font-size: 18px;color: #252525;font-weight: bold;} .m_sy-title p {font-size: 14px;padding: 5px 0; color: #666;} .m_sy-title span{color: #0274d4;} /*服务*/ .m_service{ padding: 25px 5px; overflow: hidden;background-color: #f0f1f3;} .m_ser_box{ margin-top: 20px;} .m_ser_box .service_list img{ margin: 0 auto;display: block;} .m_ser_box .service_list .service_con{ text-align: center;background-color: #0274d4;padding: 5px 0; border-bottom-right-radius: 15px;border-bottom-left-radius: 15px;} .m_ser_box .service_list h5{ color: #fff;margin-bottom: 5px;} .m_ser_box .service_list a{ display: block;text-align: center;border-radius: 15px; color: #fff;background-color: #ff9c00;width: 50%;margin: 0 auto;} /*定制*/ .m_custom{ padding: 25px 0;background: url(../images/solve.jpg) no-repeat center / cover;position: relative;display: block;overflow: hidden;} .m_custom .m_cus{ margin-top: 15PX;} .m_custom .m_sy-title h2{ color:#fff;} .m_custom .m_sy-title p{ color:#fff;} .m_custom .custom_box{ margin: 0 5px;float: none;background-color: #c4e0ff;} .m_custom .custom_box .m_solve_img .m_so>img{ max-width: 65%;margin: 0 auto;} .m_custom .custom_box .m_solve_img .tb_img img{ max-width: 30%;margin: 0 auto; /*position: absolute;left: 50%; bottom: 65px; transform: translateX(-50%);*/} .m_custom .custom_box .m_solve_img .m_so .motion{ /*margin-top: 40px;*/} .m_custom .custom_box .solve_img .tb_img{} .m_custom .custom_box .solve_cons{ text-align: center;padding: 15px 6px;border-radius: 15px;} .m_custom .custom_box .solve_cons h5{ color: #fff;font-size: 14px;} .m_custom .custom_box .solve_cons p{ color: #fff;font-size: 12px;} .m_custom .custom_box .m_solve_img{ display: flex;flex-direction: column;} .m_custom .custom_box:nth-child(even) .m_solve_img{ flex-direction:column-reverse;margin-top: 30px} /*产品*/ .m_dist{ padding: 25px 0; } .m_dist .dist_nav { margin-top: 15px;margin-bottom: 30px;height: auto; } .m_dist .dist_nav .m_dist_item { display: flex; text-align: center; flex-wrap: wrap;align-content: flex-start;} .m_dist .dist_nav .m_dist_item a { width: 30%;display: inline-block;padding: 10px 0;border: 1px solid #ddd;border-radius: 25px;margin: 3px 5px;} .m_dist .dist_nav .m_dist_item a.on { color: #0274d4;} .m_dist .dist_nav .m_dist_item p { font-size: 14px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .m_dist .dist_nav .m_dist_item p span{/*margin-left: 25px;*/} .m_dist .dist_nav .m_dist_item a img{ opacity: 1; left: 10px; position: absolute;bottom: -3px;} .m_dist .dist_nav .m_dist_item a .img0{ opacity: 1;} .m_dist .dist_nav .m_dist_item a .img1{ opacity: 0;} .m_dist .dist_nav .m_dist_item a:hover .img1{ opacity: 1;} .m_dist .dist_nav .m_dist_item a:hover{ color: #0274d4;} .m_dist .dist_nav .m_dist_item a.on{ color: #0274d4;} .m_dist .dist_nav .m_dist_item a.on .img1{ opacity: 1;} .m_dist .dist_box .m_dist_item:hover .dist_cont{ background-color:#0274d4;border-bottom-right-radius: 9px;border-bottom-left-radius: 9px; } .m_dist .dist_box .m_dist_item:hover .dist_cont span{ color: #fff;} .m_dist_box{display: block;overflow: hidden;} .m_dist_box .dist_item{width: 47%; border: 1px solid #ddd; border-radius: 10px;float: left;margin: 5px 5px;} .m_dist_box .dist_item img{border-top-left-radius: 10px;border-top-right-radius: 10px;width: 100%;} .m_dist_box .dist_item .dist_cont{padding: 5px;} .m_dist_box .dist_item .dist_cont span{width: 100%;text-align: center;font-size: 14px;color: #333;/* padding-left: 15px;*/line-height: 34px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;display: inline-block;} .m_dist_box .dist_item .dist_cont a{font-size: 12px;color: #fff; float: right;background: url(../images/jiant.png) no-repeat 60px #0274d4; padding: 5px 30px 5px 10px;border: 1px solid #ddd;border-radius: 25px;} .m_dist_list1{margin-top: 10px;} /*m_youshi*/ .m_youshi{padding: 25px 10px;} .aa_adv_box .m_adv_box_r img{max-width: 100%;} .aa_adv_box .aa_adv_box_l{background-image: linear-gradient(-60deg, #fe9a00, #ed7418);} .aa_adv_box .aa_adv_box_l .aa_adv_con{text-align: left;padding: 10px 20px;} .aa_adv_box .aa_adv_box_l .aa_adv_con h5{font-size: 16px; line-height: 25px;color: #fff;font-weight: bold;} .aa_adv_box .aa_adv_box_l .aa_adv_con p{font-size: 14px; line-height: 25px;color: #fff;} .aa_adv_box .aa_adv_box_l .aa_adv_con .adv_btn{background-color: #fff;text-align: center;color: #0274d4;width: 30%;padding: 5px;border-radius: 25px;margin-top: 10px;display: inline-block;margin-left: 70%;} .mm_adv_list{display: flex;justify-content: center;margin-bottom: 20px;} .aa_adv_box .aa_adv_box_l .aa_adv_con p span{padding-left: 15px;} .aa_adv_box .aa_adv_box_l .aa_adv_con p:nth-child(n+3)::before { content: ''; position: relative; width: 10px; height: 10px; background: #fff; border-radius: 25px; top: 18px; display: block;} .mm_adv_nav .mm_adv_list .adv_nav_item h5{display: block; font-size: 16px;color: #666;text-align: center;line-height: 25px;/*margin-top: 45px;*/} .mm_adv_nav .mm_adv_list .adv_nav_item{flex: 1; position: relative;margin: 0 2px;} .mm_adv_nav .mm_adv_list .adv_nav_item img{display: block;margin: 0 auto;position: absolute;left: 45px;transform: translateX(-50%);} .mm_adv_nav .mm_adv_list .adv_nav_item .img_show{opacity: 1;} .mm_adv_nav .mm_adv_list .adv_nav_item .img_hide{opacity: 0;} .mm_adv_nav .mm_adv_list .adv_nav_item.on{background-color: #ff9621;} .mm_adv_nav .mm_adv_list .adv_nav_item.on h5{color: #fff;} .mm_adv_nav .mm_adv_list .adv_nav_item.on .img_hide{opacity: 1;} /*case*/ .m_case{padding: 25px 0;} .m_case_list{margin: 30px 0;display: block;} .m_case_list .case_item{/*padding: 5px;border: 1px solid #ddd;float: left;*/ border-radius: 10px;margin: 0 10px;display: block;} .m_case_list .case_item img{margin: 0 auto;display: block;max-width: 100%;} .m_case_list .case_item .m_case_conq{background-color: #eee;padding: 10px 8px;} .m_case_list .case_item h5{font-size: 16px;color: #444;font-weight: bold;line-height: 35px;text-indent: 1rem;} .m_case_list .case_item p{font-size: 14px;line-height: 20px;color: #666; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;} .m_case_list .case_del{position: relative;} .m_case .pbot1{background:url(../images/cleft.png) no-repeat center;left:-60px;top: 50%;transform: translateY(-50%);width: 50px;height: 90px;display: block;position: absolute;} .m_case .pbot2{background:url(../images/crig.png) no-repeat center;right:-20px;top: 50%;transform: translateY(-50%);width: 50px;height: 90px;display: block;position: absolute;} .m_case_list .case_item:hover{background-color: #0274d4;} .m_case_list .case_item:hover p{color: #fff;} /*m_adv*/ .m_adv{padding: 25px 0; position: relative;display: block;overflow: hidden;} /* .m_adv .m_sy-title h2{color: #fff;} .m_adv .m_sy-title p{color: #fff;}*/ .m_adv_box{margin-top: 20px;} .m_adv_list{height: 140px; display: flex;background-color: rgb(251 245 245 / 50%);margin: 0 10px;padding: 5px;} .m_adv_list .m_adv_l{width: 30%;} .m_adv_list .m_adv_l img{max-width: 100%;margin: 30% 0;} .m_adv_list .m_adv_r{margin-left: 10px;} .m_adv_list .m_adv_r h5{color: #0274d4;font-size: 16px;font-weight: 700;line-height: 30px;} .m_adv_list .m_adv_r p{color: #666;font-size: 14px;line-height: 25px;} /*m_about*/ .m_about{/*padding: 25px 0;*/} /* .m_about .about-nr{ padding-top: 20px;}*/ .m_about .about-nr .m-ab-img{background: #0089d2;} .about-nr .m-ab-img img{width: 100%;padding: 24px;position: relative;top: 30px;padding-top: 0;padding-bottom: 10px;} .about-nr .m-ab-wz{padding: 20px 26px;padding-top: 30px;background: #f5f5f5;} .about-nr .m-ab-wz h2{ font-size: 18px; font-weight: bold; color: #0089d2;} .about-nr .m-ab-wz h4{font-size: 15px;padding: 10px 0;color: #333;} .about-nr .m-ab-wz p{ color: #666; line-height: 24px; font-size: 14px; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden;} .about-nr .m-ab-wz .m-aba{margin-top: 10px;width: 160px;height: 36px;background: #0089d2;display: inline-block;color: #fff;text-align: center;line-height: 36px;font-size: 14px;border-radius: 20px;background-size: 160px;} .m_nav_nav{display: flex;justify-content: center;} .m_nav_nav a{display: inline-block;text-align: center; background-color: rgb(217 206 206 / 15%);border: 1px solid;border-radius: 5px; width: 30%;margin: 0 5px;padding: 5px;color: #333;font-size: 14px;} .m_nav_nav a.on {background-color: #0274d4;color: #fff;} .m_ab_img_item{margin: 10px;} .m_ab_img_item h5{text-align: center;line-height: 35px;font-size: 14px;} /**/ .m_partner_list a{display: block;margin: 0 10px;} .m_partner_list p{text-align: center;color: #444;background-color: #f7f7f7;padding: 5px 0;} /*m_album*/ .m_album{padding: 20px 0;} .m_imgtags{font-size:0;text-align:center;margin: 15px 0;} .m_imgtags a{display:inline-block;position:relative;color:#fff;font-size:16px;width:25%;line-height:33px;background:#353a3f;margin-right:10px;transform: skewX(10deg);} .m_imgtags a:first-child{margin-left:21px;width:25%;} .m_imgtags a:first-child::after{content:'';width:42px;height:33px;position:absolute;left:-21px;top:0;background:#353a3f;transform: skewX(-10deg);border-radius:21px 0 0 21px;transition: none;} .m_imgtags a:last-child{margin-right:21px;width:25%;} .m_imgtags a:last-child::after{ content:'';width:42px;height:33px;position:absolute;right:-21px;top:0;background:#353a3f;transform: skewX(-10deg);border-radius:0 21px 21px 0;transition: none;} .m_imgtags a span{ display:block;transform: skewX(-10deg);position:relative;z-index:1;color:#fff;} .m_imgtags a:first-child span{ text-indent:-21px;} .m_imgtags a:last-child span{ text-indent:21px;} .m_imgtags a.on{ background:#0359b6;color:#333;} .m_imgtags a.on::after{ background:#0359b6;} /* .m_album_box{margin-top: 20px;}*/ .m_album_list{ margin: 0 10px;} /*news*/ .m_news{ padding: 25px 10px;} .m_news_nav{ display: flex;justify-content: center;} .m_news_nav a{ display: inline-block;text-align: center; background-color: rgb(217 206 206 / 15%);border: 1px solid;border-radius: 5px; width: 30%;margin: 0 5px;padding: 5px;color: #333;font-size: 14px;} .m_news_item{ display: flex;margin: 10px 0; background-color: rgb(217 206 206 / 15%);width: 100%;} .m_news_item .m_news_list_l{ width: 35%;} .m_news_item .m_news_list_l img{ max-width: 100%;width: 100%;} .m_news_item .m_news_list_r{ width: 65%;padding-left: 10px;} .m_news_item .m_news_list_r h5{ color: #333;font-weight: bold;font-size: 18px;line-height: 40px;width: 80%;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;margin: 3px 0;} .m_news_item .m_news_list_r p{ color: #333;font-size: 16px;line-height: 25px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;} .m_news_nav a.on{ background-color: #0274d4;color: #fff; } @media (max-width: 500px){ .m_news_item .m_news_list_r h5{ font-size: 16px;line-height: 30px; } .m_news_item .m_news_list_r p{ font-size: 14px;line-height: 20px; } } /* m_footer */ .m_footer{ padding: 25px 10px;width:100%;background-color: #333333;position: relative;z-index: 9; } .m_foot_con .ftlogo .ftc_phonefont{ padding-bottom: 16px; } .m_foot_con .ftlogo .ftc_phonefont img{ padding-top: 3px; } .m_foot_con .ftlogo .ftc_phonefont span{ font-size: 18px; color: #fff; } .m_foot_con .ftlogo{ text-align: center; } .m_foot_con .ftlogo .ftc_phonenum{ color: #fff;padding-bottom: 16px;font-size: 16px;font-weight: bold; } .m_foot_con .ftlogo .ftc_phonenum em{ font-size: 14px; font-weight: bold; } .m_foot_con .ftlogo .ftc_email{ color: #fff;padding-bottom: 10px;font-size: 14px; } .m_foot_con .ftlogo .ftc_address{ color: #fff;font-size: 14px;padding-bottom: 10px; } .ftc_bannum{ color: #fff;font-size: 14px;border-top: 1px solid #999999; } .ftc_banq{ color: #fff;font-size: 14px;line-height: 35px; } .ftc_banq a{ color: #fff; } .ftc_ban { display: flex;flex-wrap: wrap; align-content: flex-start; padding:0; margin-top: 25px; border-top: 1px solid #999999; } /*导航*/ /* .m-nav{ height:5.875rem; overflow:hidden; background:#0274d4; position:relative;} .m-nav:before{content: '';position: absolute;width: 100%;left: 0;top: 50%;border-bottom: 1px solid #aaa;} .m-nav a{display: block;float: left;width: 25%;font: 1rem/2.92rem "microsoft yahei";height: 2.92rem;color: #fff;text-align: center;border-right: 1px solid #aaa;} .m-nav a:nth-child(4n){border-right: none;} .m-nav a:hover{color:#fff;}*/ .content{ width: 100%; } .inner{ width: 100%;padding-top:0px; } .inner_fl{ width: 100%; } .showabout{ margin-right:0px;line-height: 25px;overflow: hidden;min-height: 600px;color: #666;padding: 0 10px; } .showabout img{ max-width: 100%; } /*ban轮播广告*/ .g-adv{overflow:hidden;} .g-adv img{ display: block;width: 100%;} /*标题*/ .m-title>h2{font-size:1.8rem;color:#666;text-align:center;} .m-title>p{font-size:1rem;color:#666;text-align:center;} /*产品中心*/ .g-pro{padding:20px 0;} .g-pro .wlist{display: flex;flex-wrap: wrap;align-content: flex-start;margin-top:20px;} .g-pro .wlist li{flex:1} .g-pro .wlist li a{display:block;line-height:40px;padding:0 5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#666;text-align:center;border: 1px solid #E5E5E5;} .g-pro .wlist li.z-on a{background:#0274d4;color:#fff;border:1px solid #0274d4;} .g-pro .wcont{padding:5px;} .g-pro .wcont li{width:50%;float:left;padding:5px;} .g-pro .wcont li a{display:block;} .g-pro .wcont li a img{width:100%;border:1px solid #ddd;} .g-pro .wcont li a p{line-height:30px;padding:0 5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;} /*menu*/ .menu {width:100%; clear:both;} .menu>ul {list-style:none;overflow:hidden;display:flex;flex-wrap:wrap; margin:0 auto; width:100%;} .menu>ul li {float:left;text-align:center;width:24.5%;border-bottom:1px solid #cfcfcf; border-right:1px solid #cfcfcf; /*height:4rem;*/} .menu ul li:nth-child(4n){ border-right:none;} .menu ul li img{width: 2em;/*height: 2em;*/padding-top: 1.0em;} .menu ul li span{display:block; text-align:center;font-size:12px;} .menu ul li span a:hover{color:#8ec21f;font-size:15px;} .menu ul a {display:block; text-align:center; text-decoration:none} .menu ul a:hover{color:#8ec21f} .menu ul a:link,.menu ul a:active,.menu ul a:visited {font-size:15px;line-height:25px;} .xd_title{background: url(../images/pro_bj.png)no-repeat center;position:relative;font-size:20px;color:#4a2618;line-height:30px;text-align:center;padding-top: 29px;padding-bottom: 33px;font-weight:bold;} .xd_title em{color:#8ec21f; font-weight:bold;} .xd_title p{font-size:14px;color:#4b4b4b;line-height:40px;text-align:center;font-weight: normal;} .xd_title1{position:relative;font-size:40px;color:#4a2618;line-height:40px;text-align:center;/* padding-bottom: 20px; */padding-top: 29px;padding-bottom: 33px;font-weight: bold;} .xd_title1 i::before{content:"";position:absolute;left:40px;top:12px;width:69px; height:67px;background:url(../images/ico_left.png)no-repeat left;} .xd_title1 i::after{content:"";position:absolute;right:50px;bottom:0;width:69px; height:67px;background:url(../images/ico_right.png)no-repeat right;} .xd_title1 em{font-size:30px; color:#8ec21f; font-weight:bold; padding:0 8px;} .xd_title1 p{font-size:15px;color:#4b4b4b;line-height:40px;text-align:center;font-weight: normal;} @media(max-width:539px){ .xd_title1{position:relative;font-size:20px;color:#4a2618;line-height:20px;text-align:center;/* padding-bottom: 20px; */padding-top: 29px;padding-bottom: 33px;font-weight: bold;} .xd_title1 i::before{content:"";position:absolute;left: 24px;top:12px;width:69px;height:67px;background:url(../images/ico_left.png)no-repeat left;} .xd_title1 i::after{content:"";position:absolute;right: 3px;bottom:0;width:69px;height:67px;background:url(../images/ico_right.png)no-repeat right;} .xd_title1 em{font-size:30px; color:#8ec21f; font-weight:bold; padding:0 8px;} .xd_title1 p{font-size: 13px;color:#4b4b4b;line-height:40px;text-align:center;font-weight: normal;} } @media(max-width:389px){ .xd_title1{position:relative;font-size:20px;color:#4a2618;line-height:20px;text-align:center;/* padding-bottom: 20px; */padding-top: 29px;padding-bottom: 33px;font-weight: bold;} .xd_title1 i::before{content:"";position:absolute;left:18px;top:12px;width:69px;height:67px;background:url(../images/ico_left.png)no-repeat left;} .xd_title1 i::after{content:"";position:absolute;right: 3px;bottom:0;width:69px;height:67px;background:url(../images/ico_right.png)no-repeat right;} .xd_title1 em{font-size:30px; color:#8ec21f; font-weight:bold; padding:0 8px;} .xd_title1 p{font-size:12px;color:#4b4b4b;line-height:40px;text-align:center;font-weight: normal;} } #product{background:#f7f7f9; padding:20px 0} .product_nr1{} .product_nr{margin-top:10px;} .product_nr li{float:left;width:47%;text-align:center;margin:5px;overflow:hidden;} .product_nr li .pic{overflow:hidden;display:block;} .product_nr li .pic img{display:block;width:100%;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;} .product_nr li h2{background-color:#eee;font-weight:normal;font-size:1em;line-height:40px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;} .product_nr li h2 a{color:#4b4b4b;line-height:40px; text-decoration:none;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;} .product_nr li:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);} .product_nr li:hover h2{background-color:#8ec21f; color:#fff;text-align:center;} .product_nr_tb{width: 90%;height:48px;line-height: 48px;/*margin-top:20px; margin-bottom:10px;*/ border-radius:50px;background-color:#8ec21f;text-align:center;display:inline-block; position:relative;color:#fff;font-weight:bold;font-size:18px;/*left: 22%;*/padding-left: 16px;margin: 10px 15px;} .product_nr_tb em{font-size:14px;font-weight:normal;} .product_nr_tb::before{content:"";position:absolute;left: 22px;width:22px;height:26px;background:url(../images/tel.png)no-repeat left;top: 10px;} @media(max-width:587px){ /*.product_nr li{float:left;width: 40%;text-align:center;margin:16px;overflow:hidden;}*/ /*.product_nr_tb{width:90%;left:10px;position:relative;font-size:18px;padding-left: 16px;}*/ .product_nr_tb::before{content:"";position:absolute;left: 22px;top: 0px; width:100%px;height:100%;background:url(../images/tel.png)no-repeat left;} } /* @media(max-width:390px){ .product_nr li{float:left;width: 40%;text-align:center;margin:16px;overflow:hidden;} .product_nr_tb{width:90%;left:10px;position:relative;font-size:18px;padding-left: 16px;} }*/ .g-advantage{ overflow: hidden; margin-bottom: 2.87rem; } .g-advantage h2{ text-align: center; font-size: 1.5rem; color: #fff; background: #0089d2; background-size: 100%; height: 5.34rem; padding-top: 1.7rem;line-height: 24px; font-weight: bold;} .g-advantage em{font-size: 23px;color: #f49a2f;} .g-advantage h2 span{ color: #004ea1; font-size: 2rem; font-family: "Arial"; font-weight: bold;} .g-advantage h2 .madv_en{ font-size: 1.5rem;} .g-advantage h2 b{ display: block; font-size: 0.9rem; color: #666;} .g-advantage .con{ width: 100%; display: inline; float: left;} .g-advantage p{ /*height: 18.33rem;*/ overflow: hidden;} .g-advantage p img{ width: 100%; display: block;} .g-advantage dl{ overflow: hidden; margin: 1rem 6.25% 1.25rem 3.125%;} .g-advantage dt{font-size: 1.5rem; font-weight: bold; color: #393939; margin-bottom: 0.2rem;height: 3.2rem; padding-left: 14%;line-height: 3.2rem; overflow: hidden;text-overflow: ellipsis; white-space: nowrap;} .g-advantage dt span{ display: block; font-size: 0.75rem; text-transform: uppercase; color: #e0e0e0; font-weight: normal;} .g-advantage .advantage1 dt{ background: url(../images/advantage_title1.jpg) no-repeat center 0.6rem; background-size: 100% 3.17rem;} .g-advantage .advantage2 dt{ background: url(../images/advantage_title2.jpg) no-repeat center 0.6rem; background-size: 100% 3.17rem;} .g-advantage .advantage3 dt{ background: url(../images/advantage_title3.jpg) no-repeat center 0.6rem; background-size: 100% 3.17rem;} .g-advantage .advantage4 dt{ background: url(../images/advantage_title4.jpg) no-repeat center 0.6rem; background-size: 100% 3.17rem;} .g-advantage .advantage5 dt{ background: url(../images/advantage_title5.jpg) no-repeat center 0.6rem; background-size: 100% 3.17rem;} .g-advantage dd{ margin-left: 13%; overflow: hidden;} .g-advantage dd li{ background: url(../images/advant_icon.jpg) no-repeat 0 center; background-size: 0.25rem 0.208rem; font-size: 1rem; line-height: 2rem; color: #666666; /* padding-left: 4%; */ border-bottom: 1px dashed #e5e5e5; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden;} .g-advantage dd li:last-child{ border-bottom: none;} .g-advantage dd li i{ color: #004ea2;} .g-advantage .m-cnt{ height: 0.5rem; margin-top: 0.5rem; text-align: center; padding-left: 7%; } .g-advantage .m-cnt li{ width: 20%; height: 0.5rem; background: #c8c8c8; display: inline-block; float: left; margin-right: 5%;} .g-advantage .m-cnt li.z-on{background: #0089d2;} /*公司简介*/ .xdabout{margin-top:20px;} .xdabout_nr{margin:auto 10px; text-align:center} .xdabout_nr img{text-align:center;width:100%;} .xdabout_nr h2{font-size:16px;font-weight:bold;color:#8ec21f;line-height:40px; text-align:left;} .xdabout_nr p{line-height:25px; color:#4b4b4b;font-size:14px;text-align:left;} /*新闻*/ .xdnew{margin-top:20px;margin-bottom:10px;} .xdnew_title{display:flex;background-color:#f8f8f8;border-bottom:1px #e5e5e5 solid;} .xdnew_title a{flex:1;color:#333;line-height:50px; text-align:center;font-size:14px;position:relative;text-decoration: none;} .xdnew_title a.cur{color:#fff; background-color:#0089d2;} .xdnew_title a.cur::after{content:"";width:100%;height:4px;background-color:#0089d2;position:absolute;bottom:0;left:0;} .xdnew_nr1{margin-top:20px;} .xdnew_nr{margin-bottom:0em;width:100%; clear:both;} .xdnew_nr dl{ padding:0.5rem; overflow:hidden; border-bottom:1px #ccc dashed;} .xdnew_nr dt{padding: 0.5rem 0;float:left;width:20%;text-align:center;background:url(../images/dtDtBg.png) no-repeat center;background-size:100% 100%;} .xdnew_nr dt span{display:block; font-size:1rem; color:#0089d2;font-weight:700;} .xdnew_nr dt em{display:inline-block; padding-top:0.4rem; font-size:0.8rem; margin-top:0.4rem; border-top:1px solid #c3c3c3;} .xdnew_nr dd{float:right; width:75%; line-height:1.6rem;} .xdnew_nr dd h5{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .xdnew_nr dd h5 a{color:#333;font-size: 1.0rem;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;} .xdnew_nr dd h5 a:hover{color:#0089d2} .xdnew_nr dd p{color:#666;font-size: 0.7rem; overflow: hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;} .sb_box .active{max-width: 100%; padding: 0 10px;vertical-align:middle;} .cpMain{background: none;} .sidebar .sb_box{width: 100%;border: none;} .lxtop{margin-top: 0;} .lxtop .on{padding: 10px;} .lxfsnr li{width: 100%;margin: 0 0 20px 0;padding-left: 20px;border-right: none;} .lxfsnr li p{font-size: 14px;} .Separate{font-size: 24px;margin: 15px auto;} #showtext img { max-width: 100%; max-height: 300px; width: 100%;} .g-honor{/*height: 16.75rem;margin-bottom: 2.4rem;*/ overflow: hidden; background: url("../images/honor_bg.jpg") no-repeat center 0; background-size: 100%;} .g-honor h2{text-align: center;font-size: 1.4rem;color: #393939;font-weight: bold;overflow: hidden;margin: 1rem 0 1rem;} .g-honor .prev{float: left;margin: 2.7rem 0 0 3%;} .g-honor .next{float: right;margin: 2.7rem 3% 0 0;} .g-honor .prev,.g-honor .next{width: 1.5rem;height: 1.5rem;} .g-honor .prev img,.g-honor .next img{display: block;width: 100%;height: auto;} .g-honor .nowarp{width: 75.31%; margin: 0 auto; overflow: hidden;} .g-honor li{width: 47.71%;height: 11.58rem;overflow: hidden;float: left;position: relative;} .g-honor li img{display: block;width: 100%;padding: 0.75rem;border: 1px solid #ebebeb;background: #fff;box-sizing: border-box;} .g-honor li span{font-size: 1rem;display: block;width: 100%;text-align: center;margin-top: 0.5rem;color: #000000;} .g-honor a:nth-child(2n) li{float: right;} .slidermar{ padding:10px 35px; height:157px; overflow:hidden; background:#FFF; } .bx-wrapper { position: relative; padding: 0; *zoom:1; margin:0 auto; } .bx-wrapper .img { border:1px solid #ccc; padding:1px; background:#fff; } .bx-wrapper img { max-width: 100%; /* height:120px;*/} .bx-wrapper .slide{ text-align:center;} .bx-wrapper .slide p{ display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .bx-wrapper .bx-viewport { left: 0px; -webkit-transform: translatez(0); -moz-transform: translatez(0); -ms-transform: translatez(0); -o-transform: translatez(0); transform: translatez(0)} .bx-wrapper .bx-pager,.bx-wrapper .bx-controls-auto { position: absolute; bottom: -30px; width: 100%; } .bx-wrapper .bx-loading { min-height: 50px;/* background: url(../bx_loader.gif) center center no-repeat #fff;*/ height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000} .bx-wrapper .bx-pager { display:none; text-align: center; font-size: .85em; font-family: Arial; font-weight: 700; color: #666; padding-top: 20px} .bx-wrapper .bx-pager .bx-pager-item,.bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom:1;*display: inline} .bx-wrapper .bx-pager.bx-default-pager a { background: #666; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px} .bx-wrapper .bx-pager.bx-default-pager a:hover,.bx-wrapper .bx-pager.bx-default-pager a.active { background: #000} .bx-wrapper .bx-prev { left: -34px; background: url(../images/prev.png) no-repeat center center; background-size:90%;} .bx-wrapper .bx-next { right: -34px; background: url(../images/next.png) no-repeat center center; background-size:90%;} .bx-wrapper .bx-prev:hover { background-position: 0 0;} .bx-wrapper .bx-next:hover { background-position: -0 0;} .bx-wrapper .bx-controls-direction a { position: absolute; top: 40%; margin-top: -16px; outline: 0; width: 32px; height: 32px; text-indent: -9999px; z-index: 9999;} .bx-wrapper .bx-controls-direction a.disabled { display: none;} .bx-wrapper .bx-controls-auto { text-align: center;} .bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url(../controls.png) -86px -11px no-repeat; margin: 0 3px} .bx-wrapper .bx-controls-auto .bx-start:hover,.bx-wrapper .bx-controls-auto .bx-start.active { background-position: -86px 0} .bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url(../controls.png) -86px -44px no-repeat; margin: 0 3px} .bx-wrapper .bx-controls-auto .bx-stop:hover,.bx-wrapper .bx-controls-auto .bx-stop.active { background-position: -86px -33px} .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%} .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px} .bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: #666\9; background: rgba(80,80,80,.75); width: 100%} .bx-wrapper .bx-caption span { color: #fff; font-family: Arial; display: block; font-size: .85em;padding: 10px} .wap-ys_nr { margin-top: 30px; overflow: hidden; padding-left: 10px; padding-right: 10px; } .wap-ys_nr dt { overflow: hidden; display: block; position: relative; z-index: 1; } .wap-ys_nr dt img { width: 100%; display: block; } .wap-ys_nr .wap-ys_nr_list { background: #fff; border: 1px solid #ddd; border-top:none; padding-left: 10px; padding-right: 10px; padding-bottom: 15px; height:290px;} .wap-ys_nr .wap-ys_nr_t {position: relative; font-size: 18px; color: #2196dd;font-weight: bold; padding-left: 80px; line-height: 3;} .wap-ys_nr .wap-ys_nr_t:after {position: absolute; content: ''; width: 60px; height: 76px; display: block; background: url(../images/wap_ysico.png)no-repeat center; top: -30px; z-index: 2; font-size: 30px; color: #fff; text-align: center; line-height: 50px; left: 0px;} .wap-ys_nr .con:nth-child(1) .wap-ys_nr_t:after { content: '01'; } .wap-ys_nr .con:nth-child(2) .wap-ys_nr_t:after { content: '02'; } .wap-ys_nr .con:nth-child(3) .wap-ys_nr_t:after { content: '03'; } .wap-ys_nr .con:nth-child(4) .wap-ys_nr_t:after { content: '04'; } .wap-ys_nr .wap-ys_nr_desc { font-size: 14px; color: #454545; line-height: 2; } .wap-ys_nr .m-cnt{height: 0.5rem;margin-top: 2rem;text-align: center;} .wap-ys_nr .m-cnt li{width: 20%;height: 0.5rem;background: #c8c8c8;display: inline-block;float: left;margin: 0 2.5%;} .wap-ys_nr .m-cnt li.z-on{background: #2196dd;} /*关于我们*/ .g-about{margin-bottom:20px;} .g-about-box{margin-top:20px;padding: 0 10px;} .g-about-box img{width:100%;display:block} .g-about-txt{margin-top:20px;padding:0 10px;text-align:center;} .g-about-txt h3{text-align: center;font-size: 1.2rem;font-weight: bold;color: #282828;margin-bottom: 0.5rem;} .g-about-txt div{ color: #242424;font-size: 1rem;/*height: 15rem;*/line-height: 1.5rem;overflow: hidden;margin-bottom:10px;display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 11;text-align:justify;} .about-btn{margin:20px auto 0;display: inline-block;padding: 6px 12px;font-size: 14px;font-weight: 400;line-height: 1.42857143;text-align: center;white-space: nowrap;vertical-align: middle;-ms-touch-action: manipulation;touch-action: manipulation;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background-color: #f0f0f0;border: 1px solid transparent;border-radius: 4px;} /*留言*/ .form-control{width:70%;height: 35px;} /*新闻资讯*/ .m-new{ overflow: hidden;padding-bottom:20px;} .n_q{ height: 3.17rem; line-height:3.17rem; overflow: hidden; background: #f0f0f0; margin-bottom: 1rem;display:flex;} .n_q li{ flex:1;font-size: 1rem;color: #393939; font-weight: normal;text-align: center; height: 3.17rem; box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; } .n_q li.z-on{ border-top: 0.25rem solid #0274d4; font-weight: bold; color: #0274d4; background: #fff;} .m-new .con{ float: left; display: inline; width: 100%;} .n_c ul{ padding: 0 3.9%;} .n_c ul li{ padding-left: 1.25rem; height:2.46rem; line-height: 2.46rem; font-size: 1rem; font-family: "microsoft yahei"; overflow: hidden; border-bottom: 1px dashed #e0e0e0; position: relative;} .n_c ul li:before{ content: ''; width: 0.33rem; height: 0.33rem; border-radius: 1rem; background: #a9a9a9; position: absolute; top: 1rem; left: 0;} .n_c ul li a{ color: #333333; display: block; float: left; width: calc(100% - 150px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .n_c ul li:nth-child(6){ border-bottom: 0;} .n_c ul li span{ float: right; font-size: 1rem; color: #c1c1c1;} /*尾部二维码*/ .m-fewm{text-align:center;padding:10px} .m-wx{display:inline-block;font-size:0;margin: 0 5px;} .m-wx img{width:120px;} .m-wx p{font-size:12px;margin-top:5px;} /*底部按钮*/ .m-fbtn{position:fixed;bottom:0;overflow: hidden;z-index: 999;width: 100%;background: #0089d2;text-align: center;display:flex;min-width: 320px;max-width: 640px;} .m-fbtn a{flex:1;padding:7px 0;color:#fff;text-decoration: none;} .m-fbtn a:hover{text-decoration: none;} .m-fbtn a i{font-size:16px;display:block;} .m-fbtn a span{display:block;line-height:20px;} /*内页面包屑导航样式 开始*/ .m-btit {line-height: 35px;padding-left: 12px;font-size:14px;color:#666;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;border-top:1px solid #d9d9d9;box-shadow:0 1px #fff;position:relative;background-color:#f6f6f6;background-image: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#eaeaea));background-image: -webkit-linear-gradient(top, #f6f6f6, #eaeaea); /*背景渐变，针对苹果浏览器写的兼容*/background-image: -moz-linear-gradient(top, #f6f6f6, #eaeaea); /*背景渐变，针对火狐浏览器写的兼容*/background-image: -o-linear-gradient(top, #f6f6f6, #eaeaea); /*背景渐变，针对欧朋浏览器写的兼容*/background-image: -ms-linear-gradient(top, #f6f6f6, #eaeaea); /*背景渐变，针对手机微软浏览器写的兼容*/background-image: linear-gradient(top, #f6f6f6, #eaeaea); /*背景渐变，正常的写法*/border-bottom:1px solid #d9d9d9;} /*内页面包屑导航背景*/ .m-btit:before{content:""; /*配合:before这个属性，写 before的时候一定要加上去*/position:absolute;left:0;top:0;width:100%;border-top: 1px solid #fff;} /*内页面包屑导航背景上面的线条*/ .m-btit a{color:#666;} .m-btit span{ padding:0 8px; position:relative; height:100%; top:3px; left:-2px; display:inline;} .m-btit span:before{content:""; /*配合:before这个属性，写 before的时候一定要加上去*/position:absolute;background:#7c7c7c;width:8px;height:8px;left:2px;top:3px;z-index:10;-moz-transform: rotate(45deg); /*角度45度，针对火狐浏览器写的兼容*/-o-transform: rotate(45deg); /*角度45度，针对欧朋浏览器写的兼容*/-webkit-transform: rotate(45deg); /*角度45度，针对苹果浏览器写的兼容*/transform: rotate(45deg);} /*角度45度，内页面包屑箭头样式*/ .m-btit span:after{content:""; /*配合:before这个属性，写 before的时候一定要加上去*/position:absolute;width:8px;height:8px;left:1px;top:3px;z-index:11; background-color:#f2f2f2; background-image: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#eeeeee)); /*针对苹果老式浏览器写的兼容*/ background-image: -webkit-linear-gradient(top, #f2f2f2, #eeeeee); /*背景渐变，针对苹果浏览器写的兼容*/ background-image: -moz-linear-gradient(top, #f2f2f2, #eeeeee); /*背景渐变，针对火狐浏览器写的兼容*/ background-image: -o-linear-gradient(top, #f2f2f2, #eeeeee); /*背景渐变，针对欧朋浏览器写的兼容*/ background-image: -ms-linear-gradient(top, #f2f2f2, #eeeeee); /*背景渐变，针对手机微软浏览器写的兼容*/ background-image: linear-gradient(top, #f2f2f2, #eeeeee); /*背景渐变，正常的写法*/ -moz-transform: rotate(45deg); /*角度45度，针对火狐浏览器写的兼容*/ -o-transform: rotate(45deg); /*角度45度，针对欧朋浏览器写的兼容*/ -webkit-transform: rotate(45deg); /*角度45度，针对苹果浏览器写的兼容*/ transform: rotate(45deg);} /*角度45度，内页面包屑箭头样式*/ /*内页面包屑导航样式 结束*/ /*内页导航*/ .g-nynav{background:#f3f3f3;} .g-nynav ul{display: flex;flex-wrap:wrap;align-content: flex-start;} .g-nynav ul li{/*flex:1;*/width: 25%;} .g-nynav ul li.cur{/*border-bottom:2px solid #0274d4;*/background-color:#0089d2; } .g-nynav ul li.cur a{color:#fff;} .g-nynav ul li a{display:block;text-align:center;line-height:40px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;border-bottom: 1px solid #ddd;border-right: 1px solid #ddd;} .g-nynav ul li.on a{border-bottom:2px solid #046fcd;color:#046fcd;} /*内页简介页面*/ .ny-aboutcon{margin-top:10px;padding: 0 10px;line-height:1.6} .ny-aboutcon img{max-width:100%;height: auto !important;} /*内页图片列表*/ .ny-imglist{padding:10px 0;} .ny-imglist>h1{font-size:1.2rem;text-align:center} .ny-imgbox{} .ny-imgbox ul{overflow:hidden;padding:5px;} .ny-imgbox ul li{padding:5px;width:50%;/*min-width:30%;*/float:left;} .ny-imgbox ul li a{display:block;} .ny-imgbox ul li a img{display:block;width:100%;border:1px solid #ddd;/*height:145px;*/} .ny-imgbox ul li a h3{padding:0 5px;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;} /*内页图片详情*/ .ny-imgdesc>h1{font-size: 1.4rem;text-align: center;padding: 15px 5px;color: #046fcd;} .ny-imgdescimg{width: 90%;margin: 0 auto;text-align: center;} .ny-imgdescimg img{max-width:100%;margin:0 auto;} .ny-imgdesctxt{margin: 8px 10px;} .ny-imgdesccon{line-height:1.6;padding:10px;} .ny-imgdesccon img{max-width:100%;height:auto !important;} .ny-imgdesccon video{max-width:100%;height:auto !important;} .ny-imgdesc .jiathis_style{margin: 8px 15px;} .ny-imgdesc .jiathis_txt{float: left;/*margin-top: 5px;*/} /*内页产品中心*/ .ny-prolist{padding:10px 0;} .ny-prolist>h1{font-size:1.2rem;text-align:center} .ny-prolist>dl{padding:10px 0;} .ny-prolist>dl>dt{border-bottom: 1px dashed #eee;background:#f4f4f4;margin-top:10px;} .ny-prolist>dl>dt .twodh{padding:10px 10px 10px 20px;font-size:18px;font-weight:bold;background:#f8f8f8;border-bottom:1px solid #00ae5f;} .ny-prolist dl dt .proseries{line-height: 40px;margin-left:30px;font-size:16px;padding-left: 30px;position: relative;display:block;} .ny-prolist dl dt .proseries::before{content:'';position: absolute;left: 0;top: 50%;margin-top: -7px;width: 2px;height: 16px;background: #046fcd;} .ny-prolist>dl>dd{padding:5px;overflow:hidden;} .ny-prolist>dl>dd>proseries{float:left;display:block;width:33.33%;padding:5px;} .ny-prolist>dl>dd>proseries:nth-child(n+4){display:none} .ny-prolist>dl>dd>a>img{max-width:100%;display:block;margin:0 auto;border:1px solid #eee;} .ny-prolist>dl>dd>a>h4{font-size:0.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;line-height:30px;} .ny-prolist>ul{padding:10px 5px;overflow:hidden;} .ny-prolist>ul>li{float:left;width:50%;min-width:30%;padding:5px;} .ny-prolist>ul>li>a{display:block;} .ny-prolist>ul>li>a>img{display:block;max-width:100%;margin:0 auto;border:1px solid #eee;} .ny-prolist>ul>li>a>h4{font-size:0.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;line-height:30px;} .dsd{overflow:hidden;background:white;padding:5px;} .dsd>li{float: left;display: block;width: 50%;padding: 5px;} .dsd>li>a>img{ max-width: 100%;display: block; margin: 0 auto; border: 1px solid #eee;} .dsd>li>a>h4{font-size: 0.8rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: center;line-height: 30px;} /*.dsd>li:nth-child(n+4){ display: none;}*/ .ny-prolist{padding:10px 0;} .ny-prolist>h1{font-size:1.8rem;text-align:center;} .ny-prolist>dl{padding:10px 0;} .ny-prolist>dl>dt{padding-left: 15px;border-bottom: 1px dashed #eee;background:#f4f4f4;} .ny-prolist>dl>dt>a{line-height: 40px;font-size:16px;padding-left: 15px;position: relative;display:block;} .ny-prolist>dl>dt>a::before{content:'';position: absolute;left: 0;top: 50%;margin-top: -7px;width: 2px;height: 16px;background: #0089d2;} .ny-prolist>dl>dd{padding:5px;overflow:hidden;} .ny-prolist>dl>dd>a{float:left;display:block;width:50%;padding:5px;} .ny-prolist>dl>dd>a:nth-child(n+5){display:none} .ny-prolist>dl>dd>a>img{max-width:100%;display:block;margin:0 auto;border:1px solid #eee;} .ny-prolist>dl>dd>a>h4{font-size:0.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;line-height:30px;} .ny-prolist>ul{padding:10px 5px;overflow:hidden;} .ny-prolist>ul>li{float:left;width:50%;padding:5px;} .ny-prolist>ul>li>a{display:block;} .ny-prolist>ul>li>a>img{display:block;max-width:100%;margin:0 auto;border:1px solid #eee;} .ny-prolist>ul>li>a>h4{font-size:0.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;line-height:30px;} /*内页产品详情*/ .ny-procon{margin: 0 10px;} .ny-procon>h1{font-size:1.4rem;text-align:center;padding:15px 5px;color:#046fcd;} .ny-proconimg{width: 90%;margin: 0 auto;text-align: center;} .ny-proconimg img{max-width:100%;margin:0 auto;} .ny-proconinfo{margin-top:15px;} .ny-proconinfo dd{padding:10px 10px 0;line-height:20px;} .ny-procontxt{margin:15px 0;} .ny-procondesc{line-height:1.6;padding:10px} .ny-procondesc img{max-width:100%;height:auto !important;} .ny-procon .ny-page{margin: 10px 0; } .ny-procon .ny-title{border-bottom: 1px solid #ddd;line-height: 35px;} .ny-procon .jiathis_txt{float: left;/*margin-top: 5px;*/} /*t推存新闻*/ .m-hotnews{line-height: 40px;margin: 10px;} .m-hotnews>h3{background: url(../images/new_ico1.gif) no-repeat left 10px top 10px;padding-left:45px;font-size:18px;border-bottom:2px #0089d2 solid;color:#0089d2;font-weight: bold;width: 150px;} .m-hotnews ul{padding: 0 3.9%;} .m-hotnews-list li{width: 100%;padding-left: 15px;height: 40px;line-height: 40px;font-size: 14px;font-family: "microsoft yahei";overflow: hidden;border-bottom: 1px dashed #e0e0e0;position: relative;margin: 5px 0;} .m-hotnews-list li a{float: left;width: calc(100% - 150px);} .m-hotnews ul li:before {content: '';width: 5px;height: 5px;border-radius: 1rem;background: #a9a9a9;position: absolute;top: 17px;left: 0;} .m-hotnews-list li span{font-size: 14px;color: #c1c1c1;float: right;} .sb_box .active .m-text{margin-bottom: 10px;} /*内页新闻列表*/ .ny-newslist{padding-top:10px;} .ny-newslist ul{padding: 0 10px;} .ny-newslist ul li{margin-bottom:10px;border:1px solid #ddd;padding:10px;} .ny-newslist ul li h4{line-height:25px;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#333;} .ny-newslist ul li p{line-height:20px;color:#666; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;} .ny-newslist ul li span{color:#999;font-size:12px;} /*内页新闻详情*/ .ny-newsdesc>h1{ font-size: 1.4rem;text-align: center;padding: 15px 5px 0;color: #046fcd; } .ny-newsdesccon{ line-height:1.6;padding:10px 15px; } .ny-newsdesccon img{ max-width:100%;height:auto !important; } .ny-newsdesc .jiathis_style{ margin: 5px 15px; } .ny-newsdesc .jiathis_txt{ float:left;/*margin-top: 5px;*/ } /*留言*/ /*.bd_form{ text-align: center;}*/ .form-group{ display:flex;justify-content:center;margin:10px 0; } /*内页主体*/ .inside{ padding:0;margin-bottom:20px; } .nynav{ width:100%;background: #f3f3f3; } .nyjc{ margin-bottom:0; } #sidebar{ padding: 0px;background: transparent;border: none;display: flex;flex-wrap: nowrap;align-content: flex-start; } #sidebar li{ margin-top: 0px;flex:1; } /*#sidebar li a{line-height: 40px;height: 40px;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-left: 25px;background: url(../images/liBg2.png)no-repeat 168px center}*/ .nyshow{width:100%;border:none;} .nyshowdesc{margin-top: 10px;padding: 0 10px;line-height: 1.6;font-size:14px;word-break: break-all;width: 100%;overflow-x: auto;} .nyshowdesc>div{width:100% !important;} .nyshowdesc table{white-space: nowrap;} .nyhotnews>h3{background: url(../images/nyhotnewico.png) no-repeat left 10px top 10px;padding-left: 10px;} .nyhotnews-list li{width:100%;background:none;border-bottom: 1px dashed #ddd;} .nyhotnews-list li a{width:calc(100% - 90px);} .ny-page a{padding:8px;font-size:12px;} .nyshowdesc .map_img img{display: none;} /*图片模块*/ .nyimg-ul{margin-top:20px;} .nyimg-ul li{width:50%;margin-bottom:10px} .nyimg-div a.nyimg-a{font-size:12px;} .showimg-top{margin-top:20px;} .showimg-top h1{font-size:20px;} .showimg-time span{font-size:12px;} .showimg-con{padding:0 10px;line-height: 1.6;font-size:14px;word-break: break-all;width: 100%;} /*视频模块*/ .nyvideo-ul{margin-top:20px;} .nyvideo-ul li{width:50%;margin-bottom:10px} .nyvideo-div a.nyvideo-a{font-size:12px;} .showvideo-top{margin-top:20px;} .showvideo-top h1{font-size:20px;} .showvideo-time span{font-size:12px;} .showvideo-mp video, .showvideo-mp iframe{max-width:100%;} /*下载模块*/ .nydown-list{margin-top:20px;} .nydown-list table thead{font-size:14px;white-space:nowrap;} .nydown-list table th{width: 30%;} .showdown-top{margin-top:20px;} /*文章模块*/ .nynews-ul{margin-top:10px;} .nynews-ul li{padding:0 10px;margin-bottom:10px;} .nynews-ul li a dl{padding:8px;} .nynews-ul li a dl dt img{width:130px;} .nynews-ul li a dl dd{width:calc(100% - 140px);margin-top:0;margin-left:10px;} .nynews-ul li a dl dd h5{width:100%;font-size:14px;line-height:20px;} .nynews-ul li a dl dd em{height: 18px;line-height: 18px;font-size: 12px;} .nynews-ul li a dl dd p{font-size:12px;margin-top:0;} .nynews-ul li a dl dd span{display:none;} .shownews-top{margin-top:20px;} .shownews-top h1{font-size:20px;} .shownews-time span{font-size:12px;} .shownews-con{padding:0 10px;line-height: 1.6;font-size:14px;word-break: break-all;width: 100%;} /*标签*/ .pro_key{padding:0 10px;} /*搜索模块*/ .nysearch-ul{margin-top:10px;padding:0 10px;} .nysearch-ul li.nysearch-li{padding-bottom:10px;margin-bottom:10px;} .nysearch-til>h2{font-size:16px;} /*产品模块*/ .nyprojc-til{background-size:100%;} .nyprojc-til a{padding:20px;} .nyprojc-til a span{color:#fff;} .pro_list li{background: white;border-bottom: 1px solid #ececec;} .pro_list li>a{font-size: 14px;line-height: 45px;height: 45px;} .pro_list li>a span{font-size:16px;display: block;color: #0a0a0a;height: 100%;position: relative;z-index: 3;padding: 0 50px;background: url(../images/nyprolist_cur.png)no-repeat right;} .nypro-ul li{width:50%;margin:10px 0;padding:0 10px;box-sizing:border-box;border: none;} .nypro-ul li a .nypro-txt{padding:10px 0;} .nypro-ul li a .nypro-txt p{padding:0;font-size: 14px;line-height: 25px;height: 25px;} .nypro-ul li a .nypro-txt span{padding:0;font-size: 12px;line-height: 20px;height: 20px;} .nyproshow-top>dt{width:100%;padding:0 10px;box-sizing:border-box;margin-bottom:20px;} .spec-items{width: calc(100% - 50px);} .nyproshow-txt{width:100%;padding:0 10px;box-sizing:border-box;margin-left:0;} .nyproshow-txt>h1{font-size:18px;text-align:center;} .showpro-telcon span{font-size:20px;} .showpro-tel a{display:none;} .showpro-con ul{margin-bottom:0;} .showpro-details .showpro-det{padding:10px;} .nyaboutpro>h3{padding-left:10px;background: url(../images/nyaboutproico.png) no-repeat 10px;} } .ny-procon{} .ny-procon>h1{font-size:1.4rem;text-align:center;padding:15px 5px;color:#0089d2;} .ny-proconimg{width: 90%;margin: 0 auto;text-align: center;} .ny-proconimg img{max-width:100%;margin:0 auto;border: 1px solid #ddd;} .ny-proconinfo{margin-top:15px;} .ny-proconinfo dd{padding:10px 10px 0;line-height:20px;} .ny-procontxt{margin:15px 0;} .ny-procondesc{line-height:1.6;padding:10px} .ny-procondesc img{max-width:100%;height:auto !important;} @media (max-width: 768px) and (min-width:320px) { html { font-size:75%;} } @media (max-width: 768px) and (min-width:360px) { html { font-size:85%;} } @media (max-width: 768px) and (min-width:375px) { html { font-size:87.5%;} } @media (max-width: 768px) and (min-width:414px) { html { font-size:96%;} } @media (max-width: 768px) and (min-width:480px) { html { font-size:110.5%;} } @media (max-width: 768px) and (min-width:568px) { html { font-size:129%;} } @media (max-width: 768px) and (min-width:639px) { html { font-size:150%;} } /*翻页样式*/ #flip{margin-bottom: 15px; } .metpager_1{ text-align:center; } .metpager_2{ text-align:center; } .metpager_3{ text-align:center; } .digg4{ padding:3px; margin:3px; text-align:center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; } .digg4 a,.digg4 span.miy{ margin:2px; text-decoration:none; } .digg4 .disabledfy{ font-family: Tahoma, Verdana; } .metpager_4 a,.metpager_4 span.miy{ border:1px solid #aaaadd; padding:2px 5px 2px 5px; color:#009; } .metpager_4 a:hover { border:1px solid #009; color:#000; } .metpager_4 a:active { border:1px solid #009; color:#000; } .metpager_4 span.current { border:1px solid #009; background-color:#009; padding:2px 5px 2px 5px; margin:2px; color:#FFFFFF; text-decoration:none; } .metpager_4 span.disabled { border:1px solid #eee; padding:2px 5px 2px 5px; margin:2px; color:#ddd; } .metpager_5 a,.metpager_5 span.miy{ border:1px solid #ccdbe4; padding:2px 8px 2px 8px; color:#0061de; } .metpager_5 a:hover { border:1px solid #2b55af; color:#fff; background-color:#3666d4; } .metpager_5 a:active { border:1px solid #009; color:#000; } .metpager_5 span.current { padding:2px 8px 2px 8px; margin:2px; color:#000; text-decoration:none; } .metpager_5 span.disabled { border:1px solid #ccdbe4; padding:2px 8px 2px 8px; margin:2px; color:#ddd; } .metpager_6{ color:#ff6500; } .metpager_6 a,.metpager_6 span.miy{ border:1px solid #ff9600; padding:2px 7px 2px 7px; background-position:50% bottom; color:#ff6500; background-image:url(../images/page/page6.jpg);} .metpager_6 a:hover { border:1px solid #ff9600; color:#ff6500; background-color:#ffc794;} .metpager_6 a:active {border:1px solid #ff9600; color:#ff6500; background-color:#ffc794;} .metpager_6 span.current {border:1px solid #ff6500; padding:2px 7px 2px 7px; margin:2px; color:#ff6500; background-color:#ffbe94; text-decoration:none;} .metpager_6 span.disabled { border:1px solid #ffe3c6; padding:2px 7px 2px 7px; margin:2px; color:#ffe3c6;} .metpager_7 a,.metpager_7 span.miy{ border:1px solid #2c2c2c; padding:2px 5px 2px 5px; background:url(../images/page/page7.gif) #2c2c2c; color:#fff;} .metpager_7 a:hover { border:1px solid #aad83e; color:#fff;background:url(../images/page/page7_2.gif) #aad83e;} .metpager_7 a:active { border:1px solid #aad83e; color:#fff;background:url(../images/page/page7_2.gif) #aad83e;} .metpager_7 span.current {border:1px solid #aad83e; padding:2px 5px 2px 5px; margin:2px; color:#fff;background:url(../images/page/page7_2.gif) #aad83e; text-decoration:none;} .metpager_7 span.disabled { border:1px solid #f3f3f3; padding:2px 5px 2px 5px; margin:2px; color:#ccc;} .metpager_8 a,.metpager_8 span.miy{ border:1px solid #ddd; padding:2px 5px 2px 5px; color:#aaa;} .metpager_8 a:hover { border:1px solid #a0a0a0; } .metpager_8 a:hover { border:1px solid #a0a0a0; } .metpager_8 span.current {border:1px solid #e0e0e0; padding:2px 5px 2px 5px; margin:2px; color:#aaa; background-color:#f0f0f0; text-decoration:none;} .metpager_8 span.disabled { border:1px solid #f3f3f3; padding:2px 5px 2px 5px; margin:2px; color:#ccc;} .metpager_9 a,.metpager_9 span.miy{ border:1px solid #ddd; padding:2px 5px 2px 5px; color:#88af3f; } .metpager_9 a:hover { border:1px solid #85bd1e; color:#638425; background-color:#f1ffd6; } .metpager_9 a:hover { border:1px solid #85bd1e; color:#638425; background-color:#f1ffd6; } .metpager_9 span.current {border:1px solid #b2e05d; padding:2px 5px 2px 5px; margin:2px; color:#fff; background-color:#b2e05d; text-decoration:none;} .metpager_9 span.disabled { border:1px solid #f3f3f3; padding:2px 5px 2px 5px; margin:2px; color:#ccc;}