body{font:14px/26px 'Microsoft Yahei','SimSun',sans-serif;overflow-x:hidden; color:#666; /*overflow-y:scroll;*/} *{margin:0; padding:0;transition: all 0.3 ease;} .w1000,.wrap,.w1200{max-width: 1200px; margin: 0 auto; overflow:hidden; height:auto;} .grayfont{color:#999} .conewm{display: none;} img{ border:none;} ul, li{margin:0px; padding:0px; list-style:none} a { text-decoration: none; color: #333; _background:none; _border:none;} a:hover{text-decoration:none; color:#df1515;} .hei14{font-size:14px; font-weight:bold; color:#333} .redfont14{font-size:14px; font-weight:bold; color:#DB0000} .redfont12{ font-weight:bold; color:#DB0000} a.red:link{color:#E60012; text-decoration:none} a.red:hover{color:#000; text-decoration:none} a.red:active{color:#000; text-decoration:none} a.red:visited{color:#E60012; text-decoration:none} h1{font-size:16px; color:#333; margin-top:10px} h2{font-size:14px; color:#333; margin-top:10px; margin-bottom:20px} a.white:link{color:#fff; text-decoration:none} a.white:visited{color:#fff; text-decoration:none} a.white:hover{color:#FFf; text-decoration:none} a.white:active{color:#fff; text-decoration:none} .white a:link{color:#fff; text-decoration:none} .white a:visited{color:#fff; text-decoration:none} .white a:hover{color:#FFf; text-decoration:none; font-weight:bold} .white a:active{color:#fff; text-decoration:none} *html a:visited{ border:none; padding:0; margin:0; display:inline; background:none; width:auto; height:auto;} .zi{font-family:Arial} .font14{font-size:14px; color:#FFF} .left{ float:left;} .right{ float:right;} /*banner开始*/ .Pro_con_l table{ margin:5px auto;} #Context p .cpxqzx,.cpxqzx,.Pro_con_l p .cpxqzx{padding:0px 15px; background-color:#e80308; border-radius:0 12px 0 12px; color:#ffffff; display:inline-table; text-indent:0; margin-left:3px;margin-right:3px;} #Context p .cpxqzx:hover,.cpxqzx:hover,.Pro_con_l p .cpxqzx:hover{ color:#faec04;} /*右侧栏最新新闻*/ .cp_newl{ width:19%; float:right; margin-top:30px; boder-top:none; overflow:hidden;} .Pro_con .cp_newl h4{ text-indent:15px;height:50px;line-height:50px; margin-bottom:0; background-image:url(../images/new.png); background-repeat:no-repeat; background-position:97% center; font-size:20px; color:#fff; background-color:#38425a;font-weight:bold;} .cp_newl h4 a,.cp_newl h4 strong{ color:#fff;} .cp_newl ul{ background-color:#f0f2f5;padding:0px 0px;} .cp_newl ul li{ background-size:15px; box-sizing:border-box; border-bottom:1px solid #fff; margin: 1px 0; padding-right: 10px;text-indent: 15px;box-sizing: border-box; line-height: 40px; height: 40px; overflow:hidden; white-space: nowrap; text-overflow: ellipsis;} /*在线留言*/ .ly_form{background: url(../images/ly_bg.jpg) top right no-repeat #f0f0f0;background-size:100% auto; padding:1px 20px 40px;margin-top:20px;margin-bottom:30px} .ly_form h3,.Pro_con_l .ly_form h3{ margin:15px 0 10px; text-align:left;height: 40px; text-indent:0; padding:0; background:none; font-weight:bold;line-height: 40px;color: #eb0001; font-size: 24px; } .Pro_con_l .ly_form p,#Context .ly_form p{clear: both; text-indent:0px; margin:0 auto; } .ly_form ul{width:100%;margin:0 auto 10px; } .ly_form li{margin:8px 0;width: 48.5%;} .ly_form .wbk{margin-top:10px;width:100%} .ly_form li span{width: 100%;display: block;overflow: hidden;text-align: left;font-size: 16px;line-height: 38px;color: #000;} .ly_form li span font{color:#eb0001;} .ly_form li input{height: 36px;line-height: 36px;width:100%;color: #666;font-size: 15px;background-color: #fff;border: #383841 1px solid;text-indent: 35px;} .ly_form li .tex_tel {background: url(../images/lytb2.png) no-repeat 12px center #fff;} .ly_form li .tex_user {background: url(../images/lytb1.png) no-repeat 10px center #fff;} .ly_form li .tex_message {font-family:微软雅黑,宋体;background: url(../images/lytb3.png) no-repeat 10px 17px #fff;padding: 15px 0 0;text-indent: 35px;width:100%;border: #383841 1px solid;height: 100px;line-height: 20px;font-size: 15px;color: #666;} .ly_form .button{ width:100%; overflow:hidden; padding-top:10px;} .button input{color: #000;font-family:微软雅黑,宋体;height: 45px;line-height:30px;display: block;width: 220px;cursor: pointer;font-size: 16px; font-weight:bold; border-radius:2px;border: none;background: #fc0;} .button input:hover{background:#fdcc05;border: 2px solid #EF2416;-webkit-transition: all 0.3s ease; transition: all 0.3s ease;} .sy_banner{position:relative;max-width:100%; margin:0 auto; overflow:hidden;} .sy_banner ul{overflow:hidden;} .sy_banner li{position:absolute;top:0;left:0;overflow:hidden;width:100%; text-align:center;} .sy_banner li img{ width:100%;height:auto; } .sy_banner li a{display:block;margin:0 auto;} .sy_banner cite{position:absolute;bottom:20px; *bottom:40px;left:50%;z-index:999; text-align:center;display:block;margin-left:-80px;width:280px;height:15px; line-height:15px;_display:none;} .sy_banner cite span{float:left;display:inline;margin:0px 5px 0;-webkit-transition: all 0.3s ease; transition: all 0.3s ease; width: 15px; height: 15px; border-radius:100px;background-color:#fff;text-indent:-999em;cursor:pointer; } .sy_banner cite span:hover{background-color:#fff;} .sy_banner cite span.cur{background-color:#f7ac1b;width:50px;height:15px;border-radius:10px;cursor:default;} /*二维码结束*/ .bottom { padding:45px 0 25px; margin:0px auto -40px; background:#272c4c; overflow:hidden;} .bottom_0 { width:80%; float:left;} .bottom_0 ul { float:left; margin-right: 8%;} .bottom_0 ul li h4,.bottom_r h4 { font-size:20px; font-weight:normal; color:#fff; margin-bottom:10px;} .bottom_0 ul li a { display: block; margin-bottom: 12px; color: #9c9c9c; width: 100%; text-overflow: ellipsis; white-space: nowrap; height: 30px; overflow: hidden;} .bottom_0 ul li a:hover { color:#fff;} .bottom_l ul li a:hover { color:#fff;} .bottom_r { width:19%;text-align:center; float:right;} .bottom_r p {color:#9c9c9c; margin-bottom:15px;} .bottom_r img{ max-width:150px;} .bottom_r span{ width:100%; text-align:center; display:block;} /*banner结束*/ #top, #top2, #rxpro, #gpro, #banner1, #npro, #content, #sub_tit, #sycontent, #navdx, #contact{margin:0px auto; max-width:1170px; overflow:hidden} #top .logo{ float:left; width:40%; background:#fff} #top1{margin:0 auto; width:auto; overflow:hidden;} #top2{ height:auto; margin-bottom:20px;} #top2 a.logo{ *display:inline-block; *border:none; *background:none; *float:left;} #top img,#top2 img{float:left; margin-top:13px;} #top2 .tel,#top .tel{ float:right; } *html .newslist2{width:100%; overflow:hidden; float:left} *html .newslist2 ul{width:93%; margin-top:4px; margin-left:15px; overflow:hidden;} *html .newslist2 li { float: left; width:49%;} *html .newslist2 li a{padding-left:20px; font-size: 12px;line-height: 26px;} .daohang,#top p.icon-nav,#top2 p.icon-nav{ display:none;} #nav{height:60px; line-height:60px; width:100%; margin:0 auto;overflow:hidden; font-size:14px; text-align:center; background:#df1515;} #nav ul{max-width:1200px; margin:0 auto; overflow:hidden;} #nav ul li{float:left; width:12.4%; _width:115px; text-align:center} #nav ul li.wenda{ width: 130px;} #nav ul li.wenda a{ color:#fff; width:auto;} #nav ul li.wenda a:hover{ color:#fff; font-weight:bold;} #nav ul li.wenda img{ display:inline-block; padding-left:5px;} #nav ul li a{ font-size:16px; display:inline-block; width:100%;} #nav ul li a:link{ color:#fff;} #nav ul li a:hover{ color:#fff;} .navhover{float:left;text-align:center; font-weight:bold; height:60px; color:#FFFFFF; line-height:60px; background:orange} .navhover a{color:#FFFFFF; *display:inline-block !important; *width:130px !important; *+line-height:60px !important; *+height:60px; } .navhover a:hover{ color:#fff;} #banner{ margin:0 auto; overflow:hidden; margin-bottom:5px;max-width:1650px;height:445px;} .h70{ height:0;} /*banner*/ #owl-demo{position:relative;margin:0 auto;} #owl-demo .item_ie7{ position:relative;display:block;} #owl-demo img{display:block;max-width:1700px;height:auto; text-align:center} #owl-demo b{position:absolute;left:0;bottom:0;width:100%;height:78px;background-color:#000;opacity:.5;filter:alpha(opacity=50);} #owl-demo span{position:absolute;left:0;bottom:37px;width:100%;font:18px/32px "微软雅黑","黑体";color:#fff;text-align:center;} .owl-pagination{position:absolute;left:0;bottom:10px;width:100%;height:22px;text-align:center;} .owl-page{display:inline-block;width:10px;height:10px;margin:0 5px;background-image:url(../images/bg15.png);*display:inline;*zoom:1;} .owl-pagination .active{width:25px;background-image:url(../images/bg16.png);} .owl-buttons{display:none;} .owl-buttons div{position:absolute;top:50%;width:40px;height:80px;margin-top:-40px;text-indent:-9999px;} .owl-prev{left:0;background-image:url(../images/bg17.png);} .owl-next{right:0;background-image:url(../images/bg18.png);} .owl-prev:hover{background-image:url(../images/bg19.png);} .owl-next:hover{background-image:url(../images/bg20.png);} /* clearfix */ .owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } /* display none until init */ .owl-carousel{ position: relative; max-width:1700px; -ms-touch-action: pan-y; } .owl-carousel .owl-wrapper{ display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper-outer{ overflow: hidden; position: relative; width: 100%; } .owl-carousel .owl-wrapper-outer.autoHeight{ -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } .owl-carousel .owl-item{ float: left; } .owl-controls .owl-page, .owl-controls .owl-buttons div{ cursor: pointer; } .owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /* fix */ .owl-carousel .owl-wrapper, .owl-carousel .owl-item{ -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); } /*banner*/ .homeban{margin:0 auto;max-width:100%;} .homeban_box{overflow:hidden;visibility:hidden;position:relative;} .homeban_wrap{overflow:hidden; position:relative;} .homeban_wrap li{position:relative;display:block;width:100%;float:left;} .homeban_wrap li img{max-width:1650px; margin:0 auto;display: block; height:auto} .homeban_wrap li a{display:block;margin:0 auto;position:relative;} .homeban_position{position:absolute;left:45%;z-index:400;bottom:14px;} .homeban_position li{display:inline-block;width:30px;height:13px;border-radius:10px;background:#fff;} .homeban_position li a{font-size:0;} .homeban_position li.on{background-color:#E60012;} .homeban_position_bg{position:absolute;bottom:12px;left:42%;padding:0 15px;z-index:380;height:26px;border-radius:26px;} .relative { position: relative;left: 0;top: 0;} .opacity6 {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";filter: alpha(opacity=60);opacity: 0.6;} .m_ab_banner{ display:none} #npro{ background:#f5f5f5; margin-top:30px;} #npro li{list-style:none; line-height:22px; width:25%; float:left; background:url(../images/x.jpg) no-repeat right} H3{font-size:14px; font-weight:bold; margin:0; padding:0} .npro{float:left; width:100%; height:96px} .nproleft{float:left; width:32%; padding-left:10px} .nproleft1{float:left; width:24%; padding-left:10px} .nproleft3{ width:48%;} .nproright{float:right; width:58%; line-height:21px; padding-top:14px} .nproright1 h3,.nproright2 h3,.nproright h3{ font-size:16px; margin-bottom:5px;} .nproright1 h3 a{ color:#111;} .nproright1 h3 a:hover,.nproright2 h3 a:hover,.nproright h3 a:hover{ color:#ed1c24;} .nproright2{float:right; width:67%;line-height:21px; padding-top:14px} .nproright1{float:right; width:46%; line-height:21px; padding-top:14px} .nprozi{float:left; width:100%; text-align:center; margin-top:5px} /*procate*/ .cpxqzx{padding:0px 15px; background-color:#e80308; border-radius:3px; color:#fff; display:inline-table; text-indent:0; margin-left:3px;margin-right:3px;} .cpxqzx:hover{ color:#faec04;} .cate-pro{ max-width:1170px; margin:0 auto 50px; overflow:hidden;} .cate-pro dl{ border:5px solid #eee; float:left; width:22%;*width:21.8%; margin:67px 1.15% 0 ;margin:67px 1% 0 ;} .cate-pro dl dt{ width:100%; margin:-67px auto 0;} .cate-pro dl dt a{ width:132px; height:126px; display:block; margin:0 auto; text-indent:-999em;} .cate-pro dl dt a.ps{ background:url(../images/sy_15.png) no-repeat center center;} .cate-pro dl dt a.xk{ background:url(../images/sy_17.png) no-repeat center center;} .cate-pro dl dt a.jc{ background:url(../images/sy_21.png) no-repeat center center;} .cate-pro dl dt a.mf{ background:url(../images/sy_19.png) no-repeat center center;} .cate-pro dl:hover{ border:5px solid #ff3f3c;} .cate-pro dl:hover dt a.ps{background:url(../images/sy_15s.png) no-repeat center center;} .cate-pro dl:hover dt a.xk{background:url(../images/sy_17s.png) no-repeat center center;} .cate-pro dl:hover dt a.jc{background:url(../images/sy_21s.png) no-repeat center center;} .cate-pro dl:hover dt a.mf{background:url(../images/sy_19s.png) no-repeat center center;} .cate-pro dl .cate-tit{ text-align:center; display:block; font-size:24px; text-transform:capitalize; margin:0 0 15px 5px; font-weight:bold;} .cate-pro dl dd{ padding:0; margin:0 0 20px 0; height:160px;} .cate-pro dl dd p{ width:90%; margin:0 auto; color:#444; text-align:center; font-size:14px; line-height:26px;*line-height:24px;} .cate-pro dl dd a.read-more{ background:#fdb300; text-align:center; padding:8px 0; display:block; width:50%; font-size:16px; margin:12px auto 18px;} .cate-pro dl dd a.read-more:hover{background:#1e283a; color:#fff;} .gray{ background:#f5f5f5} #sycontent{margin-top:50px; } #sycom{width:470px; float:left} #sy_com{ line-height:27px;color:#666; overflow:hidden; float:left} #sy_com_tit{width:100%; float:left;} #sy_com_titl{float:left; width:100px; height:18px; line-height:18px; font-size:18px; font-weight:bold; margin:10px 0 15px 0; color:#000; } #sy_com_titr{width:37px; height:9px; float:right; margin-top:5px} .probg{background:url(/images/ibg1.jpg) no-repeat;background-size: cover;} .sybg{ width:100%; background-size: cover;padding:10px 0 40px; margin:0px auto 0;} .lei-list{ margin-top:0px;} .lei-list li{float:left;text-align: center;width:20%;} .lei-list li a{display:block;margin: 0 20%;} .lei-list li img{margin:8px 0 5px;*max-width: none;-moz-transition: all .8s ease 0s; -ms-transition: all .8s ease 0s; -o-transition: all .8s ease 0s; -webkit-transition: all .8s ease 0s; transition: all .8s ease 0s;} .lei-list li:hover img{cursor:pointer; -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); transform:rotateY(180deg);} .lei-list li .img2{display:none;} .lei-list li .title{font-size:18px;font-weight:600} .lei-list li.hover .title{color:#fff;} #sy_right{float:right; width:45%; } #sy_rightr{float:right; width:278px} .synews{float:left; width:100%; overflow:hidden} .synews .Menubox2{width:100%; margin-bottom:15px; overflow:hidden;} .synews .Menubox2left{width:100px; float:left; font-size:20px; font-weight:bold;color:#000; margin-top:3px;} .synews .Menubox2 li{float:right; background:#343A56; color:#FFF; cursor:pointer; padding:5px 25px; text-align:center} .synews .Menubox2 li.hover{background:#eee; cursor:pointer; padding:5px 25px; color:#000;} .synews .Contentbox2{width:100%; overflow:hidden;} .pagelist{width:100%; overflow:hidden; border-bottom:none; float:left} .pagelist h3{ font-size:34px;height: 30px;line-height: 30px;text-align: left;display: block;margin-bottom: 20px;color: #000;} .jishu{ margin-top:30px;} .pagelist ul{width:100%; overflow:hidden;} .pagelist li{height:31px; *height:24px; line-height:31px; overflow:hidden} .pagelist li a .lbt{cursor: pointer; float:left; font-size:15px; background:url(../images/tubiao1.jpg) no-repeat left 9px; text-decoration:none; width:70%; overflow:hidden; display:inline; text-align:left; padding-left:25px} .pagelist li a .ldt{width:20%; float:right; text-align:right; font-size:12px; font-family:Arial; color:#999; text-decoration:none; display:inline} .sy_prolist_bg{ padding:20px 0} .sy_prolist{ width:100%; margin:0 auto; overflow:hidden; margin-top:10px; margin-bottom:30px;} .sy_prolist ul{ width:100%; overflow:hidden; text-align: center} /*.sy_prolist li { list-style: none; width: 23.2%; *width: 21.9%; margin: 2% .3% 0; line-height: 20px; text-align: center; cursor: pointer; display: inline-block; } */ .sy_prolist li { width: 30.333333333%; float: left; margin-bottom: 30px; margin-left: 3%; line-height: 20px; text-align: center; cursor: pointer; display: inline-block; } .sy_prolist li a{ overflow:hidden; width:100%; display:block; } .sy_prolist li p { /* margin: 5px 0 0; */ font-size: 15px; height: 45px; line-height: 45px; background: #f1f1f1; } .sy_prolist li:hover p a { background: #1d2088; color:#fff !important; } .sy_prolist img{ width:100%; display:block; height:auto;} #sycp_left{max-width:1170px; float:left} #sycp_tit{width:100%; margin:50px 0 12px 0; overflow:hidden} #sycp_tit h3,#sycp_tit h1,#sycp_tit h1 a{ font-size:42px;line-height: 35px;text-align: center; display: block; margin-bottom:15px;color:#e60012;} #sycp_rx{ width:100%; text-align:center; font-size:16px;} .scr_serv_box{max-width:1170px; float:left;} #footer{background:#202038; width:100%; margin:0 auto; line-height:24px; text-align:center; margin-top:30px; padding-top:25px; padding-bottom:20px; font-size:13px !important; color:#b8b8b8;} #footer a{ font-size:13px !important; color:#b8b8b8} #com_left1{ width:240px; float:left;} #com_left{width:100%; float:left; } #com_left_tit{height:40px; font: bold 20px/40px 'microsoft yahei'; color:#EC0000; text-indent:20px; padding-top:5px; float:left; width:100%;} .sy_case{ background:url(../images/case_bg.jpg); background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover;background-attachment: fixed;position: relative;width:100%; padding:70px 0; overflow:hidden} .sy_case .tit{ width:100%; margin:10px auto 40px; overflow:hidden} .sy_case .tit h3{ color:#fff; font-size:42px; text-align:center; padding:8px 0; margin-bottom:25px;} .sy_case .tit h3 a{ color:#fff;} .sy_case .tit p{ font-size:16px; color:#fff; text-align:center;} .sy_case_left{ width:46%; float:right;} .sy_case_left li{ width:28.333%; float:left; margin:0 3% 30px; position: relative; width: 140px; height: 140px; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; overflow: hidden; border:4px solid white; z-index: 1;} .sy_case_left li .bg{ position: absolute; bottom: -40px; width: 87px; height: 87px; line-height:50px; -moz-border-radius:43.5px; -webkit-border-radius:43.5px; border-radius: 43.5px; background:#000; opacity:0.7; filter:alpha(opacity=70); left: 26.5px; text-align: center; overflow:hidden; } .fanguan-span span{ display: block; font-size: 1.14285em; padding-top: 14px; color: white; } .sy_case_left li img{ width:130%; height:auto; display:block;} .sy_case_left li a{ color:#fff} .sy_case_left li a:hover{ color: #FC0} .sy_case_right{ width:49%; float:left} .sy_case_right dl { width: 100%; } .sy_case_right dt{ display:block; width:100%; } .sy_case_right dt img{ width:100% ; height:auto; border:0;} .sy_case_right dd { width:89%; padding:3% 3% 3% 8%; margin-top:-290px; font-size:16px; color:#fff; line-height:30px;} .sy_case_right dd a{ color:#fff} .sy_case_right dd h5 { font-size: 30px; margin: 0px 0px 30px 0px; } .sy_case_right dd .case_more{ text-align:center; overflow:hidden; padding:8px 50px; border:#dedede 1px solid} .pro_case dd .case_more a{font-size: 17px;} .sy_case_right dd .case_jl{ margin-top:20px;} .sy_case_right dd p { text-indent: 0px;margin: 0; padding: 0; } .sy_new{ padding-top:50px;} .sy_new .tit{ width:100%; margin-bottom:25px; overflow:hidden} .sy_new .tit h3{ color: #000; font-size: 42px; text-align: center; padding: 8px 0; margin-bottom: 15px;} .sy_new .tit p{ font-size: 16px; color: #666; text-align: center;} .sy_new_left{ box-sizing: border-box;padding:0px 30px} .sy_new_left dl{ width:30.333333333%; float:left;margin-bottom:30px; margin-left:3%;} .sy_new_left dt{ width:100%; position:relative; overflow:hidden;} .sy_new_left dt span{ position:absolute; top:0; left:0; z-index:100; overflow:hidden; background-color:rgba(244,20,0,0.7); padding:5px 10px; color:#fff;} .sy_new_left dt img{ width:100%; float:left; height:auto;} .sy_new_left dl:hover dt img,.sy_prolist ul li:hover img{transform: scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); /* iE 9 */ -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1);-moz-transition: all .8s ease 0s; -ms-transition: all .8s ease 0s; -o-transition: all .8s ease 0s; -webkit-transition: all .8s ease 0s; transition: all .8s ease 0s;} .sy_new_left dd{ background:#f4f4f4; width:94%; padding:10px 3%; overflow:hidden} .sy_new_left dl:hover dd{background:#1d2088;color:#fff;} .sy_new_left dl:hover dd *{ color:#fff !important;} .sy_new_left dd h4{margin-bottom:5px;font-size: 18px;color: #000000; font-weight:600;text-align: left;white-space: nowrap;text-overflow: ellipsis; overflow: hidden;} .left_mc{height:auto; margin-top:5px; float:left} .sy_new_left dd p{font-size: 14px;color: #8c8c8c; line-height:27px; height:52px; overflow:hidden;} .sy_new_left ._date{ display:block; margin-bottom: 4px; font-size: 12px; color: #8c8c8c;} .sy_new_right{ width:100%; float:right} .sy_new_right ul{width:48%;margin-top:10px; border-top: 1px solid #eaeaea;} .sy_new_right li{ padding:2% 0%; width:100%; margin-bottom:10px; border-bottom: 1px solid #eaeaea; overflow:hidden} .sy_new_right li .date{ float:left;width:80px;text-align:center; border-right: 1px solid #eaeaea;color: #8c8c8c; padding-right:5px; margin-top:10px; margin-right:10px;} .sy_new_right li .date strong {font-size:26px; margin-top:5px;display: block;font-weight: normal;} .sy_new_right li .date span {font-size: 16px;display: block;} .sy_new_right li h4 {font-size: 16px; margin-bottom:5px;color: #464646;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;} .sy_new_right .con{ width:auto; overflow:hidden;} .sy_new_right li p{font-size: 13px;margin-top: 3px; line-height: 23px; height:44px; margin-bottom: 6px; color: #666666; overflow:hidden;} .left_mc ul{margin-left:9px; overflow:hidden; _float:left; _margin-left:5px;} .left_mc ul li{width:222px; height:34px; display:block; font-size:12px; line-height:30px; margin:3px 0 2px 0; overflow:hidden; float:left;} .left_mc ul li a{width:170px; height:32px; line-height:30px; border:1px solid #dadada; color:#333;display:block; padding-left:50px;} *html .left_mc ul li a{width:170px; height:32px; line-height:30px; border:1px solid #dadada; color:#333;display:inline-block; padding:0 0 0 50px; overflow:hidden; float:left;} *html .left_mc ul li a:hover{border:1px solid #cc0001; color:#FFF;} *html .left_mc ul li a:visited{width:170px; height:32px; line-height:30px; border:1px solid #dadada; color:#333;display:inline-block; padding:0 0 0 50px; overflow:hidden; float:left; text-align:left;} .left_mc a:hover, .thisclass{border:1px solid #cc0001; color:#FFF} .left_mt{height:30px; width:100px; line-height:30px; font-weight:bold; margin-top:10px; font-size:16px; color:#000; text-indent:15px; float:left} .newslist{width:100%; overflow:hidden; float:left} .newslist ul{width:200px; margin-top:4px; margin-left:10px} .newslist li{font-size:14px; text-indent:20px; background:url(../images/yd.jpg) no-repeat; background-position:2px; line-height:26px; color:#4c4c4c} .newslist2{width:100%; overflow:hidden; float:left} .newslist2 ul{width:93%; margin-top:4px; margin-left:15px; overflow:hidden;} .newslist2 li { float: left; width:49%;} .newslist2 li a{padding-left:20px; font-size: 12px;line-height: 26px;} *html .newslist2 li a:visited{padding-left:20px; font-size: 12px;line-height: 26px; float:left;} #com_left_lx{ background:url(../images/com_left_lx.jpg) no-repeat; width:100%; height:140px;margin-top:20px; margin-bottom:15px; line-height:25px; padding-top:45px; padding-left:20px} .news_right{WIDTH:730px; FLOAT:right;} .com_right_tit{width:100%; background:url(../images/com_right_tit.jpg) no-repeat 20px center #eee; height:34px; line-height:34px; margin-top:20px; _overflow:hidden;} .com_right_titl{float:left; text-indent:40px} .com_right_titr{ float:right; text-align:right; margin-right:10px;} *html .com_right_titr a:visited{ line-height:34px; height:34px;} .com_zi{line-height:27px; float:left; margin:10px 0px 10px 0px; font-size:14px; text-indent:20px;} .com_zi img{ width:100%; height:auto} .com_zi .shili{margin: 20px 0 15px} .com_zi1{line-height:24px; float:left; margin:10px 0px 0px 0px; padding:5px} .lanmu_1{ WIDTH:218px; FLOAT:left; BORDER:#dedede 1px solid; border-radius:5px; padding:5px; color:#666} .lanmu_2{ WIDTH:218px; FLOAT:left; MARGIN-LEFT:17px; BORDER:#dedede 1px solid; border-radius:5px; padding:5px; color:#666} .lanmu_t{LINE-HEIGHT:40px; TEXT-INDENT:10px; HEIGHT:40px; FONT-SIZE:16px; color:#FF000B; FONT-WEIGHT:bold} .lanmu_t SPAN{MARGIN:12px 10px auto auto; FLOAT:right} .lanmupic{TEXT-ALIGN:center} .lanmu_1 UL{MARGIN-TOP:4px; WIDTH:204px; MARGIN-LEFT:20px} .lanmu_1 LI{LINE-HEIGHT:24px; TEXT-INDENT:12px; COLOR:#4c4c4c; FONT-SIZE:12px} .lanmu_1 SPAN{ FLOAT:right} .lanmu_1 p,.lanmu_2 p{ padding:0 10px;} .lanmu_1 SPAN A{COLOR:#c61002} .lanmu_2 UL{MARGIN-TOP:4px; WIDTH:204px; MARGIN-LEFT:20px} .lanmu_2 LI{LINE-HEIGHT:24px; TEXT-INDENT:12px; COLOR:#4c4c4c; FONT-SIZE:12px} .lanmu_2 SPAN{ FLOAT:right} .lanmu_2 SPAN A{COLOR:#c61002} .newsPic IMG{WIDTH:150px; HEIGHT:113px} .pagelist LI{FLOAT:left; width:100%;} .rightcontent01{PADDING-BOTTOM:30px; MARGIN:0px auto; PADDING-LEFT:23px; WIDTH:680px; PADDING-RIGHT:23px; PADDING-TOP:0px} .righttop{BORDER-BOTTOM:#e7e7e7 1px solid; HEIGHT:35px; COLOR:#6c6c6c; OVERFLOW:hidden} .righttitle{LINE-HEIGHT:27px; PADDING-LEFT:10px; WIDTH:240px; FONT-FAMILY:"Microsoft YaHei"; FLOAT:left; FONT-WEIGHT:normal} .breadcrumbs{TEXT-ALIGN:right; PADDING-BOTTOM:8px; LINE-HEIGHT:12px; PADDING-LEFT:0px; WIDTH:410px; PADDING-RIGHT:10px; FONT-FAMILY:宋 FLOAT:right; FONT-SIZE:12px; FONT-WEIGHT:normal; PADDING-TOP:8px} .rightprev_view{} .rightprev_viewlist{BORDER-BOTTOM:#e7e7e7 1px solid; PADDING-BOTTOM:10px; PADDING-LEFT:0px; PADDING-RIGHT:0px; PADDING-TOP:15px} .rpv_pic{WIDTH:95px; FLOAT:left} .rpv_pic IMG{BORDER-BOTTOM:#c4c7c6 1px solid; BORDER-LEFT:#c4c7c6 1px solid; PADDING-BOTTOM:1px; PADDING-LEFT:1px; PADDING-RIGHT:1px; BORDER-TOP:#c4c7c6 1px solid; BORDER-RIGHT:#c4c7c6 1px solid; PADDING-TOP:1px} .rpv_intro{WIDTH:550px; FLOAT:left} .rpv_intro H4{LINE-HEIGHT:25px} .rpv_introtext{LINE-HEIGHT:17px; HEIGHT:35px; OVERFLOW:hidden} .news_left{WIDTH:502px; FLOAT:left; PADDING-TOP:20px; overflow:hidden} .news_right1{WIDTH:210px; FLOAT:right; PADDING-TOP:20px; overflow:hidden} .news_main_title{ LINE-HEIGHT:22px; WIDTH:100%; float:right; border-bottom:1px solid #d8d8d8; HEIGHT:22px} .news_main_title H3{PADDING-LEFT:8px; FLOAT:left; FONT-SIZE:12px} .newsmore{TEXT-ALIGN:right; WIDTH:115px; PADDING-RIGHT:5px; FLOAT:right} .news_main_list{ PADDING:10px 0; float:left; width:100%;} .hotnews{HEIGHT:90px; OVERFLOW:hidden; width:500px} .hotnewsimg{LINE-HEIGHT:0px; WIDTH:115px; FLOAT:left} .hotnewsimg IMG{BORDER:#c6c6c6 1px solid; PADDING:1px; margin-top:10px; float:left} .hotnewsintro{WIDTH:275px; FLOAT:left; *margin-top:10px;} .hotnewsintro H4{LINE-HEIGHT:20px; HEIGHT:20px; OVERFLOW:hidden; margin-bottom:0px; font-size:12px;} .hotnewsintro DIV{LINE-HEIGHT:35px; HEIGHT:54px; OVERFLOW:hidden; width:350px} .newslist1 UL LI{PADDING:0px 0px 5px 3px; LINE-HEIGHT:23px; OVERFLOW:hidden} .news_right_part{PADDING:10px 15px 10px 10px; MARGIN-BOTTOM:20px; border:1px solid #eee; BACKGROUND:#f7f7f7} .news_right_part DT{LINE-HEIGHT:25px; COLOR:#c00; FONT-WEIGHT:bold} .zdgz DD{LINE-HEIGHT:27px; TEXT-OVERFLOW:ellipsis; WHITE-SPACE:nowrap; OVERFLOW:hidden; margin-left:0px} .dthg DD{ LINE-HEIGHT:18px; padding:10px 0px 5px 0px; margin-left:2px} .dthg DD a{ display:inline-block; margin-bottom:8px;} .newsspan{color:#999;float:right; display:block; line-height:23px;} .newslist1 UL LI a{ width:80%; display:block; float:left; line-height:23px;} .sub_new{width:75%; float:right; background:#f5f5f5; border:#EBEBEB 1px solid; margin-top:10px; padding:7px} .sub_newr{line-height:23px; margin-top:-10px; text-indent:20px} .pagelist1{width:76%; float:right; margin-bottom:40px} .pagelist1 li{height:30px; line-height:30px; list-style:none; border-bottom:#CCC 1px dotted; } .pagelist1 li a .lbt{cursor:hand; display:block; float:left; padding-left:15px; text-decoration:none; display:inline} .pagelist1 li a .ldt{display:block; width:75px; float:right; text-align:center; text-decoration:none; display:inline} .cplist{BORDER:#cacaca 1px solid; BACKGROUND-COLOR:#f7f7f7; MARGIN:10px 8px 10px 0; WIDTH:172px; DISPLAY:inline; FLOAT:left; HEIGHT:240px} .cplist_pic{ MARGIN:3px; WIDTH:156px; PADDING-RIGHT:0px; HEIGHT:117px;} .cplist_pic img{width:165px; height:116px; } .cplist H2{LINE-HEIGHT:22px; MARGIN:5px 0px -10px 10px; FONT-SIZE:14px} .cplist SPAN{LINE-HEIGHT:22px; MARGIN-LEFT:10px; FONT-SIZE:12px} .cplist SPAN A{COLOR:#f00} #sub_pro{width:100%; float:left; margin-top:10px; overflow:hidden} #sub_prol{width:200px; height:190px; padding:15px 5px 10px 15px; border:#dbdbdb 1px solid; float:left} #sub_pror{float:right; width:520px!important; width:525px} .sub_com{ margin:0 auto; line-height:27px; background:#F8f8f8; border:1px solid #DFDFDF; padding:10px; color:#999} #Tab1{width:100%} .Menubox{width:748px; height:31px; line-height:31px; margin-top:10px} .Menubox ul{margin-left:5px} .Menubox li{float:left; width:84px; height:28px; line-height:28px; cursor:pointer; text-align:center; color:#333; list-style:none; margin-right:2px} .Menubox li.hover{ width:84px; height:28px; color:#fff; line-height:28px; font-weight:bold} .Contentbox{width:97%; text-align:left; line-height:25px; padding:5px} TEXTAREA{BORDER:#B1B8CC 1px solid; PADDING-BOTTOM:0px; PADDING-LEFT:2px; WIDTH:330px; PADDING-RIGHT:2px; HEIGHT:144px; COLOR:#666; PADDING-TOP:0px; background:#f6f6f6} .sypro{width:100%; float:left} .sypro li{width:19.9%!important; width:19.9%; list-style:none; float:left; line-height:28px; text-align:center; margin-top:15px} .sub_tit{border-bottom:#DBDBDB 1px solid; line-height:28px; height:28px; width:98%; margin-left:10px; _margin-left:0px;*margin-left:0px;margin-top:5px} .sub_titl{width:120px; float:left; font-size:14px; font-weight:bold; color:#333} .sub_titr{float:right; width:100px} .fenye { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 13px; PADDING-BOTTOM: 10px; COLOR: #48b9ef; PADDING-TOP: 10px; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #fff; TEXT-ALIGN: center } .fenye A { BORDER-RIGHT: #f0f0f0 2px solid; PADDING-RIGHT: 5px; BORDER-TOP: #f0f0f0 2px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 0px 2px; BORDER-LEFT: #f0f0f0 2px solid; COLOR: #48b9ef; PADDING-TOP: 2px; BORDER-BOTTOM: #f0f0f0 2px solid; TEXT-DECORATION: none } .fenye A:hover { BORDER-RIGHT: #ff5a00 2px solid; BORDER-TOP: #ff5a00 2px solid; BORDER-LEFT: #ff5a00 2px solid; COLOR: #ff5a00; BORDER-BOTTOM: #ff5a00 2px solid } .fenye A:active { BORDER-RIGHT: #ff5a00 2px solid; BORDER-TOP: #ff5a00 2px solid; BORDER-LEFT: #ff5a00 2px solid; COLOR: #ff5a00; BORDER-BOTTOM: #ff5a00 2px solid } .fenye SPAN.thisclass { BORDER-RIGHT: #ff5a00 2px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ff5a00 2px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; BORDER-LEFT: #ff5a00 2px solid; COLOR: #fff; PADDING-TOP: 2px; BORDER-BOTTOM: #ff5a00 2px solid; BACKGROUND-COLOR: #ff6c16 } .fenye SPAN.disabled { DISPLAY: none } .qpage {text-align:center;} .qpage a:link,a:visited,.current,#info{display:inline-block;text-decoration:none;text-align:center; } #Context{ line-height:25px; font-size:13px;} #Context h1{ font-size:26px; color:#000; text-align:center; margin:25px 0} #Context .date{display: inherit; font-size: 12px; text-align:right;} #Context .date img{vertical-align:middle; margin-right: 5px;} #Context p{ font-size:15px; line-height:1.9em;text-indent: 2em; margin:12px 0 ; } #Context p a{ color:#ff4200;} #Context p img{max-width:100%;height:auto;} #Context p video,.content_video video{ width:100%; max-width:750px;} .content_video{ text-align:center;} #prevnext{width: 100%;float: left;/*text-indent: 2em;*/padding-top: 10px;} #prevnext span{width:47%; display:block; float:left; line-height:30px; margin: 0 3% 2% 0} #TopDh{background-position: right;height: 30px;background-repeat: no-repeat;} /*wuliao*/ .wuliao_List {margin-top: 5px;} .wuliao_List li{HEIGHT: 75px;MARGIN: 0px 16px 15px 16px;WIDTH: 87px;DISPLAY: inline;FLOAT: left;background-color: #f5f5f5;} .wuliao_List img{width:87px; height:49px;} .wuliao_List h4{padding: 0px;margin: 0px;height: 20px;LINE-HEIGHT: 22px;text-align: center;FONT-SIZE: 12px;font-weight: normal;} .daodu{ background:url(../images/newkf.png) no-repeat 10px bottom #f5f5f5; padding:40px 0px 15px 140px; margin:12px 12px 25px 2px; color:#555; overflow:hidden;} #Context .daodu p.tip{ text-indent:0; margin:0 0 20px; font-size:16px;} .daodu .swt{ background-color:#e3131e; padding:6px 7px; color:#FFFFFF; margin:0 4px; font-weight:bold;} .daodu u{ color:#e3131e; text-decoration:none; font-size:14px; font-weight:bold;} .daodu .l-tel{ width:52%; float:left; color:#e90101; font-size:21px; font-weight:bold; margin-top:9px;} .daodu .l-tel span{ font-size:15px; color:#333; font-weight:normal; vertical-align:top;} .r-tool{ float:right; width:32%;} .r-tool a{ font-size:15px; color:#fff; border-radius:3px; display:block; float:left; text-align:center;} .r-tool a img{ width:25px; margin-right:3px; vertical-align:middle;} .r-tool a.zixun{ background:#333; padding:8px 25px; margin-right:15px;} .r-tool a.baojia{ background:#ff4200; padding:8px 25px;} .r-tool a:hover{ color:#fff;} #Context_nr{ width:100%;} #Context_nr span.fenduan{ font-size:16px; color:#333; font-weight:bold; text-indent:2em; display:block;} #Context_nr span.hexin{ background:#ef2218; color:#fff; font-size:26px; font-weight:bold; text-align:center; width:300px; margin:15px auto 0; display:block; padding:13px 0;} #Context_nr h3,#Context_nr h2{ font-size: 20px; margin:2% 0; color:#000} #Context_nr h4{ color:#333; font-size:16px;} .wap-none{ width:100%; overflow:hidden} .wap-none h3{ background:#EF2416 url(../images/ly_ico.png) no-repeat 20px center ; height:42px; line-height:42px; width:100%; text-indent:62px; color:#fff; font-size:20px; overflow:hidden; margin:2% 0 3% 0} #xg{ border: 1px solid #e1e1e1;border-top: none;background: url(../images/news_lm.png) repeat-x;margin:3% 0 3% 0; width:99.8%; overflow:hidden} #Context_nr a{color:#000;} .Pro_con h4 {font-size: 20px;color: #000; margin:0 0 20px 0; height:50px; line-height:50px; width:100%; overflow:hidden;} .blk_19 h4 {font-size: 20px;color: #fff; background:#424355; margin:0 0 20px 0; height:50px; line-height:50px; text-indent:20px; width:100%; overflow:hidden;} .xg_tit{ width:100%; overflow:hidden; z-index: 10;height: 40px;} .xg_tit h4 { background:none; border-bottom:0;color: #333;overflow: hidden;padding:0;padding-left:0; margin-top:0;text-align: center; line-height:42px;height: 41px;background: #fff;border-top: 3px solid #e96a59;border-right: 1px solid #eee; font-size:20px; float:left;position: absolute; width:auto; padding:0 15px;} .xg_tit span{text-align:right; margin-right:20px; line-height:41px; display: block;float: right; } #xg a{ color:#333 } #xg a:hover{ color:#db0000;} #xg ul{ width:100%; overflow:hidden; margin:2% 0 1% 1%;} #xg li{ width:47%; margin:0 2% 0 0; float:left; height:30px; font-size:14px; line-height:30px;background:url(../images/new_ico.jpg) no-repeat 20px center ;text-indent: 3.5%;white-space: nowrap;text-overflow: ellipsis; overflow:hidden} .wl_xg{border: 1px solid #e1e1e1; border-top: none; background: url(../images/news_lm.png) repeat-x; margin: 3% 0 1% 0;width: 99.8%; overflow: hidden;} .wl_xg ul{ margin:3% 0 1% 0; overflow:hidden} .wl_xg li{ width:22%; float:left;margin:0 1.5% 0 1.5%; text-align:center; line-height:23px;} .wl_xg li img{ width:100%; height:auto} .wl_xg li h5,#xgpro li h5{ font-size:13px; font-weight:500;text-align:center; margin:5px 0 ;} /*--新增--*/ .qulist{BORDER:#cacaca 1px solid; BACKGROUND-COLOR:#f7f7f7; MARGIN: 10px 0 10px 0;WIDTH: 99.8%; DISPLAY:inline; FLOAT:left; HEIGHT:auto;} .qulist .title{LINE-HEIGHT:22px; FONT-SIZE:12px;margin-left:24px;margin-top:10px;overflow:hidden;} .com_zi1{line-height:24px; float:left; margin:10px 0px 0px 0px; padding:5px} #xgpro{border: 1px solid #e1e1e1; border-top: none; background: url(../images/news_lm.png) repeat-x; margin:3% 0 1% 0; width:99.8%; overflow:hidden} .xgpro_tit{ width:100%; overflow:hidden; z-index: 10;height: 40px;} .xgpro_tit h4 { background:none; border-bottom:0; color: #333;overflow: hidden;padding:0; padding-left:0; margin-top:0;text-align: center; line-height:42px; height: 41px;background: #fff;border-top: 3px solid #e96a59;border-right: 1px solid #eee; font-size:20px; float:left;position: absolute; width:auto; padding:0 15px;} .xgpro_tit span{text-align:right; margin-right:20px; line-height:41px; display: block;float: right; } #xgpro a{ color:#333 } #xgpro a:hover{ color:#db0000;} #xgpro ul{ width:100%; overflow:hidden; margin:2% 0 1% 0;} #xgpro li{ width:22%; float:left;margin:0 1.5% 0 1.5%; text-align:center; line-height:23px;} #xgpro li img {width:100%;height: auto;} .qpage a:hover{ border:1px solid #E5E5E5;color:red; background:#F9F9F9; } .qpage .current{border:1px solid #128eef;background:#44a7f4;margin:1px;color:#fff; *+vertical-align:middle; *+margin:1px 1px 5px 1px;} .qpage #info{ width:auto;margin-top:15px;margin-bottom:15px;} /* reply box */ .np-reply-top-box .np-reply-box{height:72px;overflow:hidden;} .np-reply-box{ border:solid 2px #379BE9;width:98%;} .np-reply-box-content{ padding-left:20px;overflow:hidden} .np-reply-box-content textarea{ width:100%; height:50px; margin-left:-20px; padding:10px; font-size:12px; border:0; outline:none; resize:none;float:left;display:inline-block; background:#fff;} .np-reply-box-footer{ height:0px;} .np-reply-box-footer .np-login{ float:left; margin:4px 0 0 6px;display:none} .np-reply-box-footer .np-btn-submit{ float:right; margin:6px 10px 0 0; background:#379BE9; border:none; font-family:'Microsoft Yahei'; color:#fff; cursor:pointer;} .np-reply-box-footer input {border:#d8d8d8 1px solid; height:26px; line-height:26px;margin-top:6px; background:#fff; padding:0 10px;color:#666;} .np-reply-box-footer .left { float:left; width:66%} .np-reply-box-footer .name input { width:280px;} .np-reply-box-footer .right{float:right; width:18%} .np-reply-box-footer .name { float:left; width:49%; margin-left:20px;} .np-reply-box-footer .phone { float:right; width:47%; } .np-reply-box-footer .phone input{width:280px;} .np-reply-box-info{float:left} /* reply box active */ .np-reply-box-active, .np-reply-box-active .np-reply-box-content{} .np-reply-box-active .np-reply-box-footer{height:58px;position:relative; background:#f9f9f9; border-top:1px solid #ddd;} /* btn */ .np-btn{ display:inline-block;} .np-btn:hover{ text-decoration:none;} .np-btn:hover .np-icon-upvote, .np-btn-active .np-icon-upvote{ background-position:-44px -4px;} .np-btn:hover .np-icon-reply{ background-position:-43px -23px;} .np-btn:hover .np-icon-report, .np-btn-active .np-icon-report{ background-position:-42px -42px;} .np-frame .np-btn-newreply{ border-radius:6px; height:12px; line-height:12px; padding:0 4px;display:none} .np-btn-submit{ width:67px; line-height:28px;height:28px;text-align:center; } .np-btn-close{ width:41px; height:24px; background-position:-269px -5px;} .np-btn-close:hover{ height:29px; border-radius:0 0 0 2px;} .np-btn-spread{ display:block; height:15px; padding-top:5px; text-align:center;} .np-btn-spread:hover .np-icon-spread{ background-position:-23px -145px;} /*.np-person-info div,*/ .np-btn-submit:link, .np-btn-submit:visited, .np-btn-submit:active, .np-btn-submit:hover, .np-btn-newreply:link, .np-btn-newreply:visited, .np-btn-newreply:active, .np-btn-newreply:hover, .np-tip-postnum, .np-tip-num, .np-btngroup .np-active:link, .np-btngroup .np-active:visited, .np-btngroup .np-active:active, .np-btngroup .np-active:hover{color:#fff;} .np-user, .np-user:link, .np-user:visited, .np-user:active, .np-person-info-weak .np-user{color:#379BE9;} .np-comment-list .np-user:hover, .np-notice-list .np-user:hover, .np-timeline .np-user:hover{color:#328BD2;} /* border */ .np-popframe{box-shadow:0 0 2px #999;} /*.np-comment-list .np-post .np-post{ border-color:#CCC;}*/ .np-comment-list .np-post .np-post,.np-notice-list .np-post .np-post{border:none; border-top: 1px dotted #CCC;} .np-reply-box, .np-reply-box-inline .np-reply-box-content{border-color:#BBB;} .np-nav-tab, .np-post, .np-btngroup a{border-color:#DDD;} .np-frame .np-reply-box-active .np-reply-box-content{border-bottom-color:#DDD;} .np-btngroup .np-active, .np-btngroup .np-active:hover, .np-reply-box-active, .np-nav-tab .np-active, .np-nav-tab .np-active:hover{border-color:#379BE9;} .np-nav-tab li:hover, .np-btngroup a:hover{border-color:#D7EBFB;} /*background color*/ .np-popframe, .np-frame .np-person-info-weak, .np-btn-report, .np-btngroup a{background-color:#fff;} .np-load-more{background-color:#DDD;} .np-load-more:hover, .np-load-more-loading{background-color:#CCC;} .np-comment-list .np-avatar:hover, .np-notice-list .np-avatar:hover{opacity:0.9;} .np-person-info{background:#379BE9} .np-btn-submit, .np-btn-newreply, .np-tip-num, .np-tip-postnum, .np-tip-newpost, .np-btngroup .np-active{background-color:#379BE9;} .np-btngroup .np-active:hover{background-color:#379BE9;} .np-btn-submit:hover, .np-tip-postnum:hover, .np-btn-close:hover, .np-btn-submit-loading, .np-btn-submit-loading:hover, .np-btn-close:hover, .np-tip-postnum-loading, .np-tip-postnum-loading:hover, .np-frame .np-btn-newreply:hover{background-color:#328BD2;} .np-btngroup a:hover{background-color:#D7EBFB;} /*热门问题*/ .np-nav-tab li{ -webkit-user-select: none} .np-nav-tab{border-bottom: 1px solid #e4e4e4; position: relative;height: 32px; margin-top: 30px;margin-bottom: 10px;position: relative;z-index: 10;} .np-nav-tab h3{line-height: 40px;font-size: 17px;float: left;border-bottom: 3px solid #fe6000;position: absolute;bottom: -2px;left: 0px;padding-right: 15px;font-weight: 500;padding-right: 0;} .np-nav-tab span{display: block;float: right;line-height: 20px;margin-top: 4px;margin-right: 5px;} .jsyj { width:99%; margin:20px auto 0; color:#666; overflow:hidden;} .jsyj li {overflow: hidden; width: 100%; float: left; *height:125px; margin-bottom:25px;} #Context .jsyj li p { margin-right: 14px; float: left; text-indent:0; margin:0;} .jsyj li img { width: 155px; height:102px;} .jsyj li span b { font-size: 13px; text-indent: 0px; color: #232323; margin:0px 0 4px; display:block;} .jsyj li span { width:76%; color: #666; text-indent: 20px; float:right;} .scnl ul{ padding:0 0 10px; overflow:hidden;} .scnl ul li{ list-style:none; float:left; padding-top:6px; padding-left:4px; padding-right:8px;} .peijian{ width:100%; height:auto;} .peijian ul{ overflow:hidden;} .peijian ul li{ list-style:none; float:left; width:30%; margin:0 1.5%;_ margin:0 1%;} .peijian ul li img{ width:100%; height:auto;_height:168px;} .service{ width:100%; margin:3% 0; overflow:hidden;} .service h3,.peijian h3,.cn h3,.contact h3{font-size: 24px;width: 100%;color: #3d3d3d;margin: 20px 0 20px 0;} .service p,.peijian p,.cn p,.contact p{ margin:15px 0; text-indent:25px; line-height:26px; } /*service html*/ .ser_con{ margin-top:60px; margin-bottom:30px;} .service dl{ width:30%; overflow:hidden; margin:0 1.5% 2% 1.5%;_margin:0 1% 2% 1%; float:left; } .service dl dt{ float:left; width:100%;} .service dl dt img{ width:100%; display:block; height:auto;_height:190px;} .service dl dd{ float:left; width:92%; background:#f5f5f5; padding:4%; font-size:12px; height:auto;line-height:26px; height:130px; text-indent:25px;} .dinggou{margin: 0 auto;margin-top: 20px;padding: 30px 0 20px;font-size: 12px;background:#f7f7f7; border-top:2px solid #ec0000; width:85%;} .message ul{ overflow:hidden; margin-left:65px;} .message ul li{ margin-bottom:15px;} .message ul li span{ float:left; width:16%; text-align:right; display:block; color:#666; line-height:26px;} .message ul li em{ color:#ed1e24; padding-left:5px;} .message ul li input.mes-txt{ width:40%; height:26px; line-height:26px; margin-left:20px; font-family:Arial, Helvetica, sans-serif; color:#666; text-indent:1em;} .message ul li textarea{ width:60%; height:145px; line-height:35px; margin-left:20px; font-family:Microsoft Yahei,Simsun; color:#666; text-indent:1em; background:#fff;} .message ul li input.sub{ height:34px; line-height:30px; background:#fe3600; color:#fff; font-size:14px; text-align:center; cursor:pointer; font-family:Microsoft Yahei,Simsun; margin-left:25%; border:none; padding:0 30px;} .message ul li input.reset{width:100px; height:34px; line-height:30px; background:#333; color:#fff; font-size:14px; text-align:center; cursor:pointer; font-family:Microsoft Yahei,Simsun; margin-left:20px; border:none; padding:0 18px;} .lx-box{ width:94%; overflow:hidden; padding:15px; border:#eee 7px solid;} .l-img{ float:left; width:49%;} .lx-r{ float:right; width:48%;} .news-ly{margin: 0 auto; width:100%; margin-top: 10px; padding-top: 20px; font-size: 12px;} .zx_dg2 {width:52%;float:left;overflow:hidden; padding-right:28px; border-right:#d8d8d8 1px solid;margin-left:25px;} .zx_dg2 form {width:100%;overflow:hidden;} .zx_dg2 ul li {margin-bottom:5px; width:100%; overflow:hidden} .zx_dg2 ul li.message {height:80px;position: relative} .zx_dg2 ul li span {display:block;width: 105px;text-align: right;margin-right: 10px;float: left;font-size:14px;line-height: 40px;} .zx_dg2 ul li input.intxt {width: 56%;margin: 5px 0 2px;border: 1px solid #D9D9D9;border-top: 1px solid silver;line-height: 32px;height: 32px;color: #999; padding: 0 4px;overflow: hidden; float:left} .zx_dg2 ul li textarea {border: 1px solid #CCC;width:68%;height:60px;margin-bottom: 0;line-height: 20px;margin: 6px 0 0;padding: 4px; background:#fff;color: #999;resize: none;float:left} .zx_dg2 .btn {padding-left:110px;overflow:hidden; width:100%} .zx_dg2 .btn input {display: block;width: 120px;height: 36px;line-height:36px;text-align: center;color: white; margin-top:15px;float:left;margin-right:30px;cursor:pointer;font-size:14px;overflow:hidden; border:0;} .zx_dg2 .submit {background: #EB2002;} .zx_dg2 .reset {background: #454545;} .zx_dg_right2{ float:right;width:40%;overflow:hidden;} .zx_dg_right2 strong{color:#D00; font-size:16px;} .zx_dg_right_title2 {font-size:20px;color: #333;font-weight:bold; margin-bottom:10px; margin-top:20px;margin-left:5px;} .zx_dg_right2 a {background:#ededed;width:85px;height:35px;line-height:35px;float:left;font-size:13px;text-align:center;margin:0px 10px 10px 0px;overflow:hidden;cursor: pointer;} .zx_dg_right2 p.online a {height:36px; line-height:36px;font-size:16px;overflow:hidden; padding-left:4px;margin-bottom:20px; width:70%; margin-top:15px;margin-left:10px;} #Context .zx_dg_right2 p.same {line-height:27px;font-size:14px;overflow:hidden; text-indent:0; margin:5px 0 0;margin-left:5px;} .zx_dg_right2 p.nosame {height:28px;line-height:28px;font-size:14px;margin-top:10px;margin-bottom:10px;border-bottom:1px solid #ccc;overflow:hidden;} .zx_dg_right2 p{ text-indent:inherit} .footer_phone { z-index: 9999; margin: 0px; padding: 0px; width: 100%; height:40px; line-height:40px; text-align: center; position: fixed !important; bottom: 0px; user-select: none; color: #fff; background: #ef1118; } .footer_phone a { display: block; color: #FFF; vertical-align: middle; font-size:20px; } .footer_phone a span { color: #FFF; font-size:20px; display: inline-block; height:40px; line-height: 40px; color: #FFF; text-align:center;} .talk{ float:left; width:100%;} .chengnuo{width:100%; margin:25px auto 5px;} .chengnuo img{ width:100%; height:auto} .cn {width: 100%;overflow: hidden;margin-bottom: 15px;} .cn h4{ font-size:17px; margin:8px 0; font-weight:500; color:#000} .cn ul {overflow: hidden;} .cn ul li {float: left; width: 20%;*width:19.6%;margin:0 1.5%;background: #f5f5f5;padding: 1%; text-align:center} .cn-wz {width: 100%;} #Context .cn-wz p { color:#ed1c24;font-size: 15px;text-indent: 0;margin: 5px 0;font-weight: bold;} .cn ul li img {display:block; text-align: center; margin:0 auto} .cn-wz span {color: #555;font-size: 13px;} /*2015-10-27修改样式*/ .daohang,#top p.icon-nav,#top2 p.icon-nav{ display:none;} .footer-fixed{ position:fixed; bottom:0; left:0; z-index:999; margin:0; padding:0; width:100%;box-shadow: 0 0 10px rgba(0,0,0,0.2);display: none } .footer-fixed a{float:left; display:block;line-height: 40px;text-align: center;} .footer-fixed a img{ display:inline-block; text-align:center; vertical-align: middle;padding-right: 10px;width: 24px;} .footer-fixed a p{ text-align:center; font-size:13px; margin:0; text-indent:0;display: inline-block;} .footer-fixed a.clear-bor{ border-right:none;} .mb_home{ background:#fff; width:33.4%;} .mb_home p{color:#000;} .mb_zx {width:33.3%; } .mb_tel{width:33.3%; } .mb_zx{ background: -webkit-linear-gradient(left,#ff6255, #ec0823); background: -o-linear-gradient(left,#ff6255, #ec0823); background: -moz-linear-gradient(left,#ff6255, #ec0823); background: linear-gradient(left,#ff6255, #ec0823); color: #fff; } .mb_tel{ background:#fff;} .mb_zx p{ color:#fff} .mb_tel p{ color:#000} .sub_ban{ width:100%;margin:0 auto; overflow:hidden;} .sub_ban img{ margin:0 auto;display:block;width: 100%;height: auto} .sub_com_top{ width:100%; overflow:hidden; margin-bottom:2%;} .sub_com_top h3{ font-size:30px; color:#e50012; text-align:center; width:100%; overflow:hidden; margin:1% 0; padding:1% 0} .sub_com_top h4{ font-size:16px; color:#000; margin-bottom:2%;} .sub_com_top ul { margin:0 auto; width:100%;} .sub_com_top li { float: left; width: 30.3333%; margin:0 1.5%;*margin:0 1.4%; } .sub_com_top li .img{ display:block;} .sub_com_top img { width:100%; height: auto; display:block; overflow:hidden;} .sub_com_top .desc{ background:#f4f4f4; padding:10px 2.5%; display:block; width:95% ;height:187px; overflow:hidden;} .sub_com_top .desc h4 { padding:7px 0; text-align:left; line-height: 1; font-weight:normal; font-size: 16px;} .sub_com_top .desc p { line-height: 26px; font-size: 13px; color: #666; } .sub_com_top .right .a1{ width:100%; overflow:hidden; margin-bottom:3%} .a1 dl{ width:100%} .a1 dt{ width:40%; float:left} .a1 dt img{ width:100%; height:auto;_height:185px;} .a1 dd{ width:52%;padding:3%; float:right; background:#f0f0f0} .sub_com_top .right .a2{ width:100%; overflow:hidden} .a2 dl{ width:100%} .a2 dt{ width:50.5%; float:right} .a2 dt img{ width:100%; height:auto;_height:163px;} .a2 dd{ width:44%; padding:1.5%; float:left; background:#f0f0f0} .honor{ width:100%; overflow:hidden;} .honor p,.chejian p,.capacity p{ text-indent:25px; font-size:14px;} .honor h3,.chejian h3,.capacity h3{font-size:24px;width: 100%;color:#e50012; margin:20px 0 20px 0;} .honor h4,.chejian h4,.capacity h4{ font-size:14px; font-weight:normal; height:50px; line-height:20px; display:block} .honor ul,.chejian ul,.capacity ul{ width:100%; overflow:hidden; margin:2% 0 0 0;} .honor li{ width:22%;*width:21.8%; float:left; margin:0 1.5%; line-height:20px; text-align:center} .honor li img{ width:100%; height:auto;_height:151px; margin-bottom:2%;_margin-bottom:0;} .chejian li,.capacity li{ width:31%; float:left; margin:0 1% 0 1%; line-height:20px;text-align:center} .chejian li img,.capacity li img{ width:100%; height:auto;_height:143px;margin-bottom:2%;_margin-bottom:0;} .servicelb{width:100%; margin:0 auto;} .servicelb ul{width:100%; } .servicelb li{width:20%;*width:19.8%; float:left; text-align:center; } .servicelb li a{ padding:10px 0 20px 0; width:100%; float:left ;border-bottom:2px solid #f8f8f8;} .servicelb li a:hover{ border-bottom:2px solid #fbc321; background:#f0f0f0;} .servicelb li a img{display:block; margin:0 auto; max-width: 100%;} .servicelb li h3{font-size:17px; line-height:30px; font-weight:500; color:#000;} .servicelb li p{font-size:13px; line-height:20px; color:#666;} .contact{ width:100%; background: url(../images/contact_bg.jpg) repeat left top;overflow:hidden; padding:20px; margin-bottom:30px;} .contact p { text-indent: 20px; font-size: 14px; line-height:28px; } .contactleft { width: 39%;_width:37%; float: left; font-size: 16px; margin-top: 10px; } .contactleft{ margin-top:30px; margin-bottom:35px; overflow:hidden} .contactleft p { text-indent: 35px; padding: 6px 0 6px 0; line-height: 20px; } .contactleft .redfont { font-size: 25px; color:#ED1C24; } .contactleft .tel { background: url(../images/tel.png) no-repeat left 11px; margin-bottom: 15px; margin-top: 15px; } .contactleft .tel1{ background: url(../images/tel1.png) no-repeat left 6px; margin-bottom: 15px; margin-top: 15px; } .contactleft .add { background: url(../images/add.png) no-repeat left 7px; margin-bottom: 15px; } .contactleft .email { background: url(../images/email.png) no-repeat left 9px; margin-bottom: 25px; } .contactleft .message { cursor: pointer; color: #fff; padding: 13px 25px; background:#009CDF/*#0070C0*/; width: 160px; text-align: center; text-indent: 0; font-size: 18px; margin-bottom:50px; margin-top:30px; } .contactleft .message:hover { color: #fff !important; background: #0565b6; } .contactright { width: 48%;float: left; overflow:hidden } .contactright h4{ font-size:16px; font-weight:500; line-height:42px; height:42px; width:100%; background:#e6e6e6; text-align:center} .contact_right img{ width:100%; height:auto;_height:309px; } .contact h3{ width:100%; overflow:hidden; margin:10px 0} .contact-info{ width:44%; float:left; background:#fff; padding:10px 20px} .contact-info h3{ font-size:24px; color:#424355; padding-bottom:5px;} .contact-info ul{ overflow:hidden;} .contact-info ul li{ float:left; width:47%; margin:0 1.5%; *margin:0 1%;} .contact-info ul li img{ display:block; text-align:center; margin:0 auto 15px;} .contact-info ul li span,.contact-info ul li strong{ width:100%; text-align:center; display:block} .contact-info ul li strong{ font-size:18px; color:#000; margin-bottom:8px;} .contact-info ul li span{ font-size:16px; text-align:center;margin-bottom:8px;} .contact-info ul li .red_tel{ font-family:Arial, Helvetica, sans-serif; font-weight:600} .contact-info ul li .red_tel a{color:#ff3f3c; font-size:28px;} .contact-info ul li a{ font-size:16px; display:block; text-align:center; font-size:20px; cursor:pointer} .contact-info ul li a.message{ font-size:17px; background:#ff3f3c; color:#fff; width:190px; padding:8px 0; margin:0 auto;} .contact-info ul li a.message:hover{ background:#ed2e1b; color:#fff;} .ly-bg{background: url('../images/ly_bg2.jpg') no-repeat;background-size: cover;} .ly-bg .ly{overflow: hidden;padding: 60px 0 30px;} .ly-left{width: 40%;max-width: 470px;position: relative;background-color: #fff;border-radius: 5px;padding-bottom: 25px;float: left} .ly-left-bg{background-color: #ffc800;height: 90px;border-top-right-radius: 5px;border-top-left-radius: 5px} .ly-left-bg strong{font-size: 24px;color: #000;display: block;margin-left: 40%;padding-top: 20px;} .ly-left-bg p{font-size: 14px;color: #222;display: block;margin-left: 40%;margin-top: 5px;} .ly-left .ly-left-bg img{position: absolute;top: -38px;left: 5%;} .ly-left input{width: 90%;margin: 20px auto 0;font-size: 14px;display: block;text-indent: 30px;border: 1px solid #ccc;border-radius: 5px;} .ly-left .icon_name2{height: 40px;line-height: 40px;background: url(../images/pep.png) left 5px center no-repeat #fff;margin-top: 25px;} .ly-left .icon_tel2{height: 40px;line-height: 40px;background: url(../images/tel2.png) left 5px center no-repeat #fff;} .ly-left .icon_need2{height: 100px;width: 90%;margin:20px auto 0;font-size: 14px;display: block;background-color: #fff;background: url(../images/biji.png) left 5px no-repeat #fff;text-indent: 30px;border: 1px solid #ccc;padding-top: 10px;} .ly-left .button2{ background: -webkit-linear-gradient(left,#ff6555, #ffa862); background: -o-linear-gradient(left,#ff6555, #ffa862); background: -moz-linear-gradient(left,#ff6555, #ffa862); background: linear-gradient(left,#ff6555, #ffa862);border: none; padding: 15px 0;text-align: center;font-size: 24px;color: #fff;text-indent: 0} .ly-right{float: left;width: 50%;margin-left: 5%;} .ly-right strong{font-size: 38px;color: #fff;margin-bottom: 20px;display: block;line-height: 40px;} .ly-right .tit{font-size: 14px;color: #fff;} .ly-right ul{overflow: hidden} .ly-right ul li{float: left;width: 25%;text-align: center;margin: 35px auto;} .ly-right ul li img{width: 50%;display: block;margin: 0 auto 15px;} .ly-right ul li p{font-size: 14px ;color: #fff;} /*capacity*/ .baselayout{ width:100%; margin:0 auto; margin-top:10px; } .imagedesc_370{width:22%; float:left;position:relative; margin: 2% 3% 2% 0;} .imagedesc_370 img{width:100%; height:auto;_height:193px;} .imagedesc_370 .core_desc{position:absolute; bottom:0px; left:0px; width:100%;} *html .imagedesc_370 .core_desc{position:absolute; bottom:0px; left:0px; width:100%; background:#000;filter:alpha(opacity=50); -moz-opacity:0.50;-khtml-opacity: 0.50;opacity: 0.50;} .imagedesc_370 .core_bg{position:absolute; left:0px; top:0; width:100%; height:100%; background:#000;filter:alpha(opacity=50); -moz-opacity:0.50;-khtml-opacity: 0.50;opacity: 0.50;} .imagedesc_370 .core_text{position:relative; padding:8px 10px; font-size:14px; width:205px; line-height:18px; color:#fff;} .news_list{ padding:0 0 20px 0; overflow:hidden; max-width:1170px; margin:0 auto;} .news_list ul { width:100%; } .news_list li { float:left; width:46%; margin:0 4% 0 0 } .news_list li .inner { height:102px; padding:20px 0; border-bottom:1px dotted #bcbcbc} .news_list .image { float:right; margin:0 0 0 40px; width:30%} .news_list .title { font-size:20px; line-height:26px; font-weight:bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .news_list .title a { color:#383842} .news_list .title a:hover { color:#e50012} .news_list .time { padding:10px 0 ; font-size:14px; color:#e50012; font-family:Arial} .news_list .text { color:#4d4d4d; height:42px; overflow:hidden; line-height:20px;} .news_pro{ max-width:1170px; margin:0 auto; overflow:hidden;} .news_pro .tit{ background: url(../images/newtitbg.jpg) repeat-x center center; height: 38px; width:100%; margin: 0 auto; margin-top:3%;_margin-top:1%; margin-bottom: 4%;_margin-bottom:2%; overflow: hidden;position: relative; } .news_pro .tit h3 {height: 35px;line-height: 35px;background: #fff;color: #ED1C24;text-align: center;font-size: 32px;padding: 0 20px;font-weight: 900;position: absolute; margin-left:43%;} .news_pro li{ width:22%; float:left; margin:0 1.5% 0 1.5%;_margin:0 0.7% 0 0.7%;} .news_pro li img{ width:100%; height:auto;_height:163px;} .news_pro li h4{ font-size:14px; text-align:center; font-weight:500; margin:1% 0} .new_lei { max-width:1170px; margin:0 auto; height:105px; margin-top:40px;overflow: hidden;} .new_lei h3{ font-size:34px; text-align:center; color:#fd7605; padding:5px 0;} .pro_lei p{ font-size:22px;margin-bottom:40px; margin-top:20px; text-align:center} .new_lei ul{ width:36%;_width:36%; height:46px; margin:15px 0 0 0; float:left} .new_lei li {float:left; text-align:center; width:45%;_width:40%; background-color:#Fff; margin-right:3%; } .new_lei li a { display: block;color:#222; font-size:16px;text-align:center; background:#E9E9E9; line-height:66px;height:66px; cursor:pointer} .new_lei .current1 a {background:#ff3333;color:#fff;text-align:center; border:none } .new_lei .tishi{ width:636px;background: url(../images/ts.jpg) no-repeat center top; float:right; height:84px;} .new_lei .tishi p{padding: 25px 50px 0 30px; color: #fff;font-size: 13px;line-height: 23px;text-indent: 30px;} .new_lei .tishi span{ background:#FFCD11; color:#000; padding:4px 10px; margin:0 5px;} .new_lei .tishi span a{color:#000;} /*caselist*/ .case_list { width: 100%; margin:3% 0 3% 0; overflow:hidden} .case_list li { float: left; width:22%;*width:21.9%; margin: 0px 1.5% 3% ; overflow: hidden; text-align: center; display: inline; height:auto!important; height:275px; } .case_list li a{ margin:0 } .case_list li img { width:100%; height:auto;_height:185px; margin-bottom:2%; } .case_list li p { width: 100%; margin: 0 auto; overflow: hidden; text-align: left; } .case_list li p span { color: #ED1C24; } .case_list li h4{ text-align:left; font-weight:500; font-size:16px; margin-bottom:5px;} .materials_list li h4{text-align: center;} .materials_list li{margin-bottom: 1%;} .materials_list li img{margin-bottom: 0%;} .case_list2{ width:100%;margin:0 auto; margin-top:10px; overflow:hidden} .case_list2 dl{ width:22%; margin:1% 1.5%; float:left} .case_list2 dt{ width:100%;} .case_list2 img{ width:100%; display:block; height:auto} .case_list2 dd{ height:95px; overflow:hidden;font-size:14px; margin-bottom:5px;} .case_list2 dd .case-tit{ font-size:15px; font-weight:500; color:#333; width:100%; text-align:left; display:block; margin:10px 0;overflow: hidden;white-space: nowrap; text-overflow: ellipsis;} .learnmore{float:right;margin-right:15px; width:180px; text-indent:30px;background: url(../images/learnmore2.png) no-repeat left center; margin-bottom:15px;} .learnmore:hover{background: url(../images/learnmore.png) no-repeat left center;} .news_tit_more { max-width:1170px; margin: 0 auto; overflow: hidden; margin-bottom:1%; margin-top:2% } .news_tit_more .proimg{ float: left; width:25%; margin-right:20px;} .news_tit_more .proimg img{ width:100%; height:auto;} .news_tit_more span{ display: block;float: left;font-size: 24px;font-weight: 600;line-height: 40px;color: #000;margin-top: 10px;} .news_tit_more h1 { font-size: 24px; color: #000; display: block; float: left; text-align: left;height: 40px; line-height: 40px; } .news_tit_more h1 a{ color:#fe6000; margin:0 5px;} .news_tit_more .span2 { font-size: small; margin-left: 5%; text-align: left; } .new_tjpro{ width:100%; margin:0 auto;} .new_tjpro img{ width:800px; height:auto; margin-left:185px;} .btn-append {display: block;margin: 0 auto;width: 800px;height: 40px;cursor: pointer;font-size: 16px;line-height: 40px;color: #fff;text-align: center;margin-top: 10px;background: #fe6000 ;color: #fff;border-color: #fe1e00; text-align:center;margin-left:185px;} .btn-append a#zxzx2{ color:#fff;} .btn-append a#zxzx2:hover{ color:#fff;} .question_tjpro{ width:100%; margin:0 auto;} .question_tjpro img{ width:100%; height:auto; display:block; margin:0 auto;} .question_btn-append {display: block;margin: 0 auto;width: 100%; height: 40px;cursor: pointer;font-size: 16px;line-height: 40px; color: #fff;text-align: center;margin-top: 10px;background: #F84242 ;color: #fff; border:#E12727 1px solid;text-align:center;margin-left:0px;} /*proh1*/ .Pro_con{ max-width:1170px; margin:0 auto; overflow:hidden} .Pro_con_l{ float:left; width:76%;} .Pro_con_l h3{display: block;font: 700 22px/52px "microsoft yahei";color: #333; float: left;width:100%; overflow:hidden; margin:15px 0;} .Pro_con_l p{ margin:10px 0 15px; text-indent:20px; font-size:15px; line-height:27px; } .Pro_con_l p img{ max-width:100%; height:auto;} .Pro_con_l p a{ color:#ff4200; } .Pro_con_l p video{ width:100%; max-width:700px; height:auto;} /*product*/ .tj_pro{ width:19%; float:right; margin-top:30px;overflow:hidden;background:#f0f2f5;} .tj_pro h4{font-size: 20px;font-weight:600;color:#fff;margin-bottom:15px; width: 100%; overflow: hidden;text-indent:20px; border-bottom:none; padding:0;background:#8b949c;} .tj_pro ul{ width:87%; margin:0 auto} .tj_pro li{ text-align:center; line-height:30px;width:100%; margin-bottom:7px;float: left;} .tj_pro li img{ width:100%; height:auto} .more_recpro{width:19%; float:right; margin:30px auto 0;overflow:hidden;} .more_recpro h4{font-size: 20px;font-weight:600;color: #fff; width: 100%;margin-bottom: 0px; overflow: hidden;text-indent:15px; border-bottom:none; padding:0;background:url(../images/tjprocp.png) no-repeat 97% center #38425a;background-size: 36px;} .more_recpro p{background:url(../images/new-icon.png) no-repeat 96% center #f0f2f5;background-size:14px;box-sizing: border-box;margin: 1px 0;padding-right:10px;text-indent: 15px;box-sizing: border-box; line-height: 46px;height: 46px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .more_recpro p a{display:block;width: 100%;font-size:16px;} .more_recpro p:hover{background:url(../images/newb-icon.png) no-repeat 96% center #e60012;background-size:14px;} .more_recpro p:hover a{display:block;color: #fff;} /*case*/ .pro_tj_case{ width:100%; overflow:hidden} .pro_tj_case dl{ width:47%; margin-right:3%;*margin-right:2.8%; float:left} .pro_tj_case dt{ float:left;width:47%;} .pro_tj_case li a.scx-img{ float:left; width:175px; display:block;} .pro_tj_case dt img{ width:100%; height:auto;} .pro_tj_case dd{ float:right; width:50%;} .pro_tj_case dd h5{ font-size:14px; color:#000} .pro_tj_case p{ text-indent:0px; line-height:25px; margin:0; padding:0; font-size:13px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .more{ float:right; width:80px; text-align:right} .more a{ color:#CC6600} /*left*/ .pleft{ width:100%; float:left} #pleft{height: 490px;margin-top: 20px;max-width:1170px;} .jqzoom img{ width:100%; height:auto} #spec-list ul{ width:100%; overflow:hidden;float: left;} #spec-list li { float: left; display: inline; width:117px; height:92px; margin:10px 0px 0px 0px; overflow:hidden; } #spec-list li img { padding: 2px; width: 104px; height: 78px; border: 1px solid #d8d8d8; } .pro_detail { max-width:1170px; margin:0 auto; overflow:hidden; margin-top:45px; } .pro_detail ul{ width:100%; border-top:1px #ddd solid;border-bottom:1px #ddd solid; overflow:hidden;} .pro_detail ul li {position: relative; float:left; text-align:center; width:20%; } .pro_detail ul li a { display:block; color:#666; _width:24.8%;font: 500 16px/56px "microsoft yahei";} .pro_detail ul li.current1{color:#fff;} .pro_detail ul li span{ display:block; width:100%; height:55px; background:#fff; font-size:16px; line-height:55px; font-weight:bold; color:#3575B9; text-align:center;cursor:pointer} .pro_detail ul li.current1 span{ background-color: #38425a;color:#fff } .pro_detail ul li.current1 a{ color:#fff;} *html .pro_detail ul{ line-height:50px;} *html .pro_detail ul li a:visited,*html .pro_detail ul li a{display:inline-block; background:#F0F0F0; color:#000; font-size:16px; } *html .pro_detail .li1 a {background: #e60012;width:24.8%; color:#fff;} *html .pro_detail li.current1 a:visited{background:#e60012;width:24.8%;color:#fff;} *html .pro_detail ul li#one12 a{ padding-top:10px; height:32px;} #gsywly{max-width:1170px; margin:0 auto; margin-top:15px; overflow:hidden;} .pro_tj { width: 100%; overflow: hidden; margin: 0 0 18px 0 } .pro_tj h1{ font-size:30px; margin:25px 0 15px} .pro-img { float: left; width:100%; position:relative; } .tab-tit{ position:absolute; right:0; top:0%; height:47px; z-index:999; width:100%; *display:none; display:none\9;} .tab-tit ul{ overflow:hidden;} .tab-tit ul li{ float:left; line-height:30px; padding:3px 15px; background:#FED919 ;font-size:12px; color:#000; cursor:pointer;} .tab-tit ul li.cur{ background:#f8c206 ;} /*产品服务*/ /*服务 专家*/ .demo{width:100%;height:auto; margin-bottom:20px;background:#e50012; padding-bottom:30px; display:block;overflow: hidden} .demo ul{width:96%;margin:15px auto 0;background: #fff;overflow: hidden} .demo ul li{float:left;width:33%;overflow: hidden;height:auto;} .demo ul li .pic{width:80px;height:80px;text-align: center;margin:15px;float: left} .demo ul li .pic img{width:100%;} .demo ul li .demo-tit{margin-top:25px; overflow:hidden;} .demo ul li p{ text-indent:0; margin:0; line-height:1.6em;} .demo ul li .demo-tit .tit1{color:#333; font-weight: bold; font-size: 18px; line-height:1.8em; margin-bottom:5px;} .demo ul li .demo-tit .tit2{color:#666; font-size:16px;} .demo .zy{text-align: center;color:#fff;font-size: 22px;line-height:2em;} .demo .tel{width:470px; padding-left:20px;height:60px;line-height:60px; margin:0 auto;border-radius: 15px;color:#222;font-size: 24px;text-align: center;background: url("../images/dh.png") no-repeat 35px center #fff;} .demo .tel span{font-size: 30px;font-weight:bold; color:red;} /*服务 专家*/ .cp_ser { width:100%; margin:0px auto 20px; background: #EFE2C0; padding:6px; box-sizing:border-box; display:none; overflow: hidden; } .cp_ser1 { border: #BD8824 1px dashed; padding:15px 5px 10px; box-sizing:border-box; width:100%; margin: 0 auto; overflow: hidden; } .cp_ser1 dl { float: left; width: 33.333%;padding:0 5px; box-sizing:border-box; overflow: hidden; } .cp_ser1 dt { margin-right: 8px; text-align: center; } .cp_ser1 dt img{width:50%;max-width:125px; height:auto; } .cp_ser1 dd { text-align: center; font-size: 14px; margin-top:6px; line-height:1.5em; color: #000; } /*产品内页图片切换*/ .bg-ban { margin: 0 auto; overflow: hidden; } .banner_wrap { margin: 0 auto; overflow: hidden; height:420px; } #pro_banner { overflow: hidden; } #loading { position: relative; width: 100%; z-index: 99999; background: #000; } #loading img { display: block; width: 31px; height: 31px; position: absolute; } #bannerin { position: relative; font-size: 0px; width:1170px; overflow: hidden; position:inherit\9; } #bannerin ul { position:inherit\9;} #bannerin li { float: left; } #bannerin img {width:1170px; height:420px; } #arrowin {width: 100%;overflow: hidden;} #arrowin ul {width: 100%;} #arrowin li {position:absolute;width: 10%;height: 100%;top:38%;z-index: 22;} .arrow_left {left: 0} .arrow_right {right: 0} #arrowin a {position:absolute;z-index:10;display:block;width: 56px;height:66px;opacity:1;transition: margin 300ms cubic-bezier(0.23, 1, 0.32, 1);-webkit-transition: margin 300ms cubic-bezier(0.23, 1, 0.32, 1);-webkit-backface-visibility: hidden;backface-visibility: hidden;} #pro_banner .fadein .fn-left {margin-left: 0px;background:url(../images/l.png) no-repeat center left;} #pro_banner .fadein .fn-right {margin-right: 0px;background:url(../images/r.png) no-repeat center right;} #arrowin .fn-left {background:url(../images/l.png) no-repeat center left;left:0;margin-left: -56px} #arrowin .fn-right {background:url(../images/r.png) no-repeat center right;right: 0;margin-right:-56px} /*right*/ .miaoshu h1{font-size: 26px; color: #222; line-height: 40px; margin: 20px 0 10px 0; text-align: left;} .miaoshu{width:70%;*width:67%; float:left;overflow:hidden; font-size:15px; line-height:30px;} .miaoshu p{ margin-top:5px;} .miaoshu p strong{line-height:28px; color:#ff3f3c} .miaoshu p span{ line-height: 28px;font-weight: bold;} /*wuliao*/ .wuliao{margin-top:15px; width:80%; overflow:hidden} .wuliao li{display: block; width: 15.1%; margin-right:1.5%;float: left;overflow: hidden;position: relative;margin-bottom: 15px;} .wuliao img{width:100%; height:auto;} .wuliao li a{ display:block;} .wuliao a{ font-size:14px; text-align:center; font-weight:500; color:#fff} .pro_lx{ width:28%;*width:32%; float:right} .imagedesc img { width: 100%; height:auto; } .core_desc { position: absolute; bottom: 0px; left: 0px; width: 100%; } *html .imagedesc_370 .core_desc { position: absolute; bottom: 0px; left: 0px; width: 100%; filter: alpha(opacity=50); -moz-opacity: 0.50; -khtml-opacity: 0.50; opacity: 0.50; } .core_bg { position: absolute; left: 0px; top: 0; width: 100%; height: 100%;_height:40px;background: #000; filter: alpha(opacity=50); -moz-opacity: 0.50; -khtml-opacity: 0.50; opacity: 0.50; } .core_text { position: relative; overflow: hidden; height:32px; width: 100%; line-height:32px; font-size: 16px; color: #fff; } /*contact*/ .pro_tel {margin:10px 0px 25px 0; font-size:20px;*font-size:18px; float:right; color:#333; background:url(../images/24hour.png) no-repeat left top; padding:10px 0; text-indent:50px;} .pro_tel span {font-family: Arial; color: #ff3f3c; font-weight: bold; font-size: 24px;*font-size: 22px; } .pro_tel a{color: #ff3f3c;} .cxxl { width:80%; overflow: hidden; margin: 40px 0 0 0; float:right; clear: both; } .cxxl a { height: 44px; line-height: 44px; text-indent: 70px; width:100%;float: left; margin-bottom:15px; font-size: 20px; } .cxxl a.zx { background: url(../images/zx.png) no-repeat 10% center #424355 ;background-size: 26px;color: #fff; } .cxxl a.zx:hover { background: url(../images/zx.png) no-repeat 10% center #f00; background-size: 26px;} .cxxl a.get-price { background: url(../images/price.png) no-repeat 10% center #FF0036;background-size: 26px; color: #fff; } .cxxl a.get-price:hover { background: url(../images/price.png) no-repeat 10% center #222; color: #fff;background-size: 26px; } /*内页样式begin*/ /*2018-3-27 shou ping*/ .jiqiprony{width: 100%;overflow: hidden;margin: 0 auto;} .jiqiprodt{width: 64%;float: left;} .jiqiprodt img{width: 100%;height: auto;} .jiqitopnr{width: 32%;float: right;} .jiqitopnr h1{font-size: 34px;line-height:35px;margin-bottom:25px;color: #182133;float: left;} .pro_rx{border-radius: 10px 0; background-color:#fff;border: 1px solid #e60012;color: #e60012; line-height:1.5em; float:left; margin-top:10px;margin-left: 10px;padding: 0px 10px;font-size: 14px;} .pro_miaoshu{border-bottom:dashed 1px #dfdfdf;padding-bottom:8px;} .pro_miaoshu p{margin: 15px 0;overflow: hidden;width: 100%;font-size: 15px;} .pro_miaoshu p span{color: #e60012;font-weight: 600;font-size: 16px;} .pro_nytel {margin-top: 25px; overflow: hidden; text-align: center; width: 100%; background: url(../images/pro_tel.png) no-repeat 5px 8px; padding-left: 55px; } .pro_nytel span { font-size: 17px; width: 100%; text-align: left; float: left; overflow: hidden; } .pro_nytel p { font: bold 30px/38px Arial, Helvetica, sans-serif;*font-size:20px; float: left; } .pro_nytel p a { color: #182133; } .pro_nytel p strong {color: #e60012; font: bold 40px/38px Arial, Helvetica, sans-serif;*font-size:30px; text-align: left; } .pro_cxxl{margin-top:20px; border-radius:4px;background:#ea0000 url(../images/icon_cpnyhot.png) no-repeat right;color: #fff;line-height: 56px;text-align: center;} .pro_cxxl img{vertical-align: middle;margin:0 15px 0 -30px;} .pro_cxxl a{color: #fff;font-size: 24px; display:block;font-weight: 500;} /*2018.4.17*/ .foot_cn { width: 100%; margin-top: 30px; background: #e70014; padding: 3%; box-sizing:border-box;overflow: hidden; } .foot_cntop { width: 100%; background: url(../images/advbg.jpg) repeat;background-size:5px ; padding: 8px; overflow: hidden; box-sizing:border-box;} .foot_cnbg{background: #fff;width: 100%;padding: 2%; overflow: hidden;box-sizing:border-box; } .foot_cnbg .w1 { width: 32%; margin-right: 2%; } .foot_cnbg .w2 { width: 30%; } .foot_cnbg .w3 { width: 35%; } .foot_cnbg dl { float: left; width: 100%; overflow: hidden; } .foot_cnbg dt { width: 75px; margin-right: 8px; display: inline-block; float: left; } .foot_cnbg dd { float: left; margin-top:10px;} .foot_cnbg dd span { font-size: 18px; margin-top: 8px; text-align: left; color: #222; font-weight:700} .foot_cnbg dd p { font-size: 16px; text-indent: 0; margin: 0; color: #666; text-align: left; width: 100%; overflow: hidden; } .foot_cncon { font-size: 22px; margin: 15px 0; color: #fff; font-weight: 500; text-align: center; } .foot_cntel {padding: 8px 0; width: 80%; margin: 0 auto; text-indent: 80px; color: #444; background: #fff; } .foot_cntel .zi { font-size: 20px; } .foot_cntel .tel {font-size: 36px;*font-size:26px; font-weight: 700; } .foot_cntel .tel a { color: #e70014; } .foot_cntel .zi img{width:40px;height:auto;vertical-align: bottom;margin-right: 10px;} @media screen and (max-width:999px){ .jiqiprodt,.demo,.slick-slider,.bottom,.cp_newl{display: none;} .sybg{ background-color:#fff; margin:0; padding:0;} .jiqitopnr{width: 98%;float: left;margin: 0 1%;} .jiqitopnr h1{margin: 15px 0;} .pro_miaoshu {border: dashed 1px #dfdfdf;padding: 0 5px;} .h70{ height:30px;} #Context p{ font-size:14px; line-height:26px; } .cp_ser{ display:block;} .foot_cncon,.foot_cntel{display: none;} .sy_case .tit h3 a{ } .sy_new_right ul{ width:100%;} .sy_new_right ul:nth-child(2){ border-top:0px; margin-top:0;} .sy_new_left,.sy_new_left dl{ margin-left:0;} .sy_new_left dl{ margin-bottom:0px;} #iframe3{display: none;} } /*2018-3-27 shou ping jieshu*/ .pro_div,.location{max-width:1170px; margin:0 auto; overflow:hidden} /*.location{ background:url(../images/home-icon.jpg) no-repeat 20px center; padding-left:45px;}*/ .sub_tit_pro{ width:100%; margin:0 auto; overflow:hidden; line-height:30px; height:36px; padding:7px 0 8px; margin-bottom:20px; background:url(../images/fenge-line.gif) repeat-x left bottom; } .location a{ line-height:30px; *border:none; *background:none;} .location a.home-icon{ background: url(../images/h.gif) no-repeat left center; padding-left:18px; *white-space:nowrap; *+line-height:36px;} .location span{ color:#0a276d; font-weight:bold;} .location a strong{ *display:inline-block;*white-space:nowrap; *line-height:46px;} .pro_div{ margin-top:40px; margin-bottom:30px;} #tab_one1_1{ float:left; width:100%} .zx_dg{POSITION:relative; width:90%; padding:10px 0px 0 20px; overflow:hidden} DL.zx_dg{LINE-HEIGHT:30px; WIDTH:400px} DL.zx_dg DT{WIDTH:90px; MARGIN-BOTTOM:10px; FLOAT:left; HEIGHT:30px; COLOR:#cf0003; CLEAR:left; FONT-WEIGHT:bold} DL.zx_dg DD{ MARGIN-BOTTOM:10px; FLOAT:left; HEIGHT:32px} DL.zx_dg INPUT{BORDER:#b1b8cc 1px solid; TEXT-INDENT:5px; WIDTH:240px; HEIGHT:28px; line-height:28px; COLOR:#555} DT.msg_tit{POSITION:absolute; DISPLAY:none} .msg{POSITION:absolute; TOP:20px; RIGHT:60px; WIDTH:390px; HEIGHT:75px} .msg TEXTAREA{BORDER:#b1b8cc 1px solid; LINE-HEIGHT:20px; TEXT-INDENT:5px; WIDTH:390px; HEIGHT:75px; COLOR:#555} .dg_aj{MARGIN:0px auto; WIDTH:174px; HEIGHT:26px; clear:both} .dg_aj INPUT{BORDER:#b1b8cc 1px solid; WIDTH:70px; BACKGROUND:#f0f1f3; FLOAT:left; HEIGHT:26px; COLOR:#555; CURSOR:pointer} .dg_aj .submit{BACKGROUND:#333; COLOR:#fff; MARGIN-RIGHT:28px} .blk_20 {WIDTH: 97%; overflow:hidden; border:#d8d8d8 2px solid; padding:10px;} .zx_dg {width:54%;float:left;overflow:hidden; padding-right:30px; border-right:#d8d8d8 1px solid} .zx_dg form {width:100%;overflow:hidden;} .zx_dg ul li {margin-bottom:5px; width:100%; overflow:hidden} .zx_dg ul li.message {height:80px;position: relative} .zx_dg ul li span {display:block;width: 105px;text-align: right;margin-right: 10px;float: left;font-size:14px;line-height: 40px;} .zx_dg ul li input.intxt {width: 56%;margin: 5px 0 2px;border: 1px solid #D9D9D9;border-top: 1px solid silver;line-height: 32px;height: 32px;color: #999;padding: 0 4px;overflow: hidden; float:left;border-radius:0;} .zx_dg ul li textarea {border: 1px solid #CCC;width:68%;height:60px;margin-bottom: 0;line-height: 20px;margin: 6px 0 0;padding: 4px; background:#fff;color: #999;resize: none;float:left; border-radius:0;} .zx_dg .btn {padding-left:80px;overflow:hidden; width:100%} .zx_dg .btn input {display: block;width: 120px;height: 36px;line-height:36px;text-align: center;color: white; margin-top:15px;float:left;margin-right:30px;cursor:pointer;font-size:14px;overflow:hidden; border:0; border-radius:0;} .zx_dg .submit {background: #999;} .zx_dg .reset {background: #999;} .zx_dg_right{ float:right;width:36%; margin-right:2%;overflow:hidden;} .zx_dg_right strong{color:#D00; font-size:16px;} .zx_dg_right_title {font-size:20px;color: #3d3d3d;font-weight:bold; margin-bottom:10px; margin-top:20px;margin-left:10px;} .zx_dg_right a {background:#fff; color:#333;width:90px;height:35px;line-height:35px;float:left;font-size:15px;text-align:center;margin:0px 10px 10px 0px;overflow:hidden;cursor: pointer;} .talk{ float:left; width:100%;margin-left:10px;} .zx_dg_right p.online a {height:40px; line-height:40px;font-size:15px; margin:0;background:#fff/*#BFC9CE*/;overflow:hidden;margin-bottom:20px; width:75%; color:333; margin-top:20px; float:left;} .zx_dg_right p.same {height:28px;line-height:28px;font-size:14px;overflow:hidden;} .zx_dg_right p.nosame {height:28px;line-height:28px;font-size:14px;margin-top:10px;margin-bottom:10px;border-bottom:1px solid #ccc;overflow:hidden;} .zx_dg_right p{ text-indent:inherit} /*products*/ .prolist-con {margin-bottom: 20px; margin-top:30px;overflow: hidden;} .item-list{ padding-bottom:30px; width:100%; overflow:hidden; border-bottom:1px solid #ccc; margin-bottom:10px;} .item-list dl{ float:left; width:22%;*width:21.9%; margin:2% 3% 0 0%; overflow:hidden;} .item-list dl dt{ width:100%; position:relative;} .item-list dl dt img{ width:100%; height:auto; margin-bottom:1%} .item-list dl dd{ left:0; bottom:0; text-align:center; font-size:14px;width:100%;line-height: 40px; height:40px; margin-left: 0;} .item-list dl dd a{ display:block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;} .item-list dl img{ margin: 0 auto;display: block;} .item-list dl.first-pro h2{ font-size:22px; color:#333; background:none; padding:10px 0 0 20px;*padding:5px 0 0 10px;cursor:pointer; width:100%} .item-list dl.first-pro h2:hover{ color:#DF0404} .item-list dl.first-pro .redamore{float:right;padding-right: 10%;cursor:pointer; margin:18px 0 15px 0;*margin:10px 0 10px 0;} .pc_ss,.pc_zs,.pc_xk,.pc_mf,.pc_jc,.pc_rx{ background:#f4f4f4} .peitao-equipment{ margin-bottom:30px; overflow:hidden;} .item{ margin-bottom:5px; overflow:hidden; width:100%;} .top-hd{ height:35px; border-bottom:1px solid #ccc; margin-bottom:25px;} .top-hd h2{ float:left; font-size:20px; font-weight:500;} .top-hd a.liulan-total{ float:right; padding-left:20px; line-height:35px;} .peitao-equipment{ margin-bottom:30px; overflow:hidden;} .item{ margin-bottom:5px; overflow:hidden; width:100%;} .top-hd{ height:35px; border-bottom:1px solid #ccc; margin-bottom:25px;} .top-hd h2{ float:left; font-size:20px; font-weight:500;} .top-hd a.liulan-total{ float:right; padding-left:20px; line-height:35px;} .item dl{ float:left; margin-bottom:20px; margin-right:22px;} .item dl dt{ width:226px; height:167px; margin-bottom:4px;} .item dl dd{ width:226px; height:32px;} .item dl dd a{ display:block; text-align:center; color:#333; line-height:32px; font-size:14px;} .item dl dd a:hover{ color:#d70100; text-decoration:underline;} /*proclass*/ .productlist{max-width:1170px;overflow:hidden; margin:0 auto; height:100%} .productlist li{ width:22.6%; margin:0 1.2% 3% ; float:left; overflow: hidden;} .productlist li a{display: block;overflow:hidden;position: relative;} .productlist li img{ width:100%; height:auto; _height:163px; -moz-transition:all 0.35s ease; -o-transition:all 0.35s ease;transition:all 0.35s ease; -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1); float:left;} .productlist li a span.icon-bg{ display:none;} .productlist li a span.icon-plus{ background:none; width:60px; height:60px; position:absolute; left:40%; top:-60px;transition:all 0.15s ease 0s; -moz-transition:all 0.15s ease 0s; -webkit-transition:all 0.15s ease 0s; -ms-transition:all 0.15s ease 0s; -o-transition:all 0.15s ease 0s; display:block;} .productlist ul li a:hover span.icon-bg{ display:block; position:absolute; left:0; top:0; width:270px; height:200px; background:url(../images/pro-bg-hover.png) repeat;} .productlist ul li a:hover span.icon-plus{ display:block; background: url(../images/magnify-alt.png) no-repeat; position:absolute; left:43%; top:40%; width:60px; height:60px; transition:all 0.15s ease-out 0s; -moz-transition:all 0.15s ease-out 0s; -webkit-transition:all 0.15s ease-out 0s; -ms-transition:all 0.15s ease-out 0s; -o-transition:all 0.15s ease-out 0s;} .productlist li a.tit {display: block;} .productlist .pro_con1 { position: relative; z-index: 2; text-align:center;font-size:14px; font-weight:500;-moz-transition: 0.5s all ease; -o-transition: 0.5s all ease; -webkit-transition: 0.5s all ease; transition: 0.5s all ease;overflow:hidden; margin:0;} .productlist .pro_con1 a {color: #333; width:100%; overflow:hidden;height:45px; line-height:45px;} .productlist .pro_con1 a:after { position: absolute; right: 8px; top: 50%; display: inline-block; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); -moz-transition: 0.5s all ease; -o-transition: 0.5s all ease; -webkit-transition: 0.5s all ease; transition: 0.5s all ease; font-family: "FontAwesome"; font-size: 24px; font-weight: 300; } .productlist .pro_con1 a:hover {position: relative;z-index: 2;background: #E11313 url(../images/ico2.png) no-repeat 94% center;color: #fff;} .pro_lei { max-width:1170px; margin:0 auto;overflow: hidden; margin-top:2.5%; margin-bottom:4%;} .pro_lei ul{ width:100%; overflow:hidden} .pro_lei li { float:left; text-align:center; width:15.5%; margin-right:0.8%; } .pro_lei li a { display: block;_display:inline; background:#E9E9E9; color:#000; font-size:16px;text-align:center;width:100%; line-height:46px; height:46px; cursor:pointer ;_width:155px;_height:45px;} .pro_lei .current1 {background:#F89508;color:#fff;text-align:center; } .pro_lei .current1 a {background:#F89508;color:#fff;text-align:center; } .class-tit{ color:#222; font-size:22px; font-weight:bold; border-bottom:1px solid #ddd; padding-bottom:13px; max-width: 1170px;margin: 0 auto;margin-bottom: 26px;} .case-lc{ margin:10px auto; max-width:1170px;} .case-lc img{ text-align:center; display:block; margin:0 auto} .blk_19{ background:#f0f0f0; width:100%; padding:0 0 30px 0; margin:40px 0; overflow:hidden} .right_float{position:fixed;right:0;top:40%; z-index:999} .right_float dl dd{position:relative; background-color:/*#FF4639*/#E60012; margin-bottom:3px;text-align:center;cursor:pointer;} .right_float dl dd a{ display:block; } .right_float dl dd:hover .floating_left{display:block;} .quote,.qrcord{ padding:8px 0 4px} .b_tel{ width:40px; height:40px; background:url(../images/m_tel.gif) no-repeat; border-radius:100%; background-size:39px 39px; z-index:999999; display:none; position:fixed;right:0px; bottom:45px;} .right_float dl dd a,.right_float dl dd p{ color:#fff} .floating_left{position:absolute;left:-190px;top:0px;width:300px; z-index:999;height:73px; line-height:73px;background:#E60012 ; display:none;} .floating_left a{color: #fff;} .floating_ewm i{display:block;width:145px;height:145px;margin:auto;margin-top:7px;} .floating_ewm p{color: #Fff;} .floating_ewm .qrcord_p01{font-size:12px;line-height:20px;} .floating_ewm .qrcord_p02{font-size:20px;} .youshi{max-width:1170px; margin: 0 auto;overflow: hidden; margin-top: 2.8%;margin-bottom: 2%;} .youshi ul{ overflow:hidden; background:#f8f8f8} .youshi ul li{ float: left; padding: 8px 0; width: 13.5%; margin: 0 1.5%; text-align:center; font-size:16px; cursor:pointer} .youshi ul li .top-icon{ width: 118px;height: 125px; margin:0 auto; position:relative;} .youshi ul li .top-icon img{ max-width:120px; height:auto; display:block; position:absolute; top:0; transition:all 1s cubic-bezier(.5,0,.2,1);} .youshi ul li .top-icon .abk{ width:100%; height:100%;transition:all .5s cubic-bezier(.5,0,.2,1) 0s;} .youshi ul li:hover .top-icon .abk { -webkit-transform: perspective(1000px) rotateX(0) rotateY(360deg) rotateZ(0); transform: perspective(1000px) rotateX(0) rotateY(360deg) rotateZ(0) } .youshi .current1{ background:#f0f0f0; } .youshi ul li a{ color:#000; text-align:center; font-size:16px; line-height:26px;} .pro-img_m,.m_pro_lei{ display:none;} #m_ban,.rexiao,.sy_lei{ display:none} .productlist{max-width:1200px ;margin:0 auto;overflow:hidden} .ab_banner{ display:none} #m_fenye,#mpn{ display:none} /*移动端顶部*/ .m_head{ left: 0; z-index: 999; width:100%; height:auto; display:none} .top_float { /*background:rgba(238,27,36,0.9); */width: 100%; height:46px; z-index:999; overflow:hidden; } .top_float ul { width: 98%; margin: 0 auto; } .top_float li { float: left; display: block; height: 46px; line-height: 46px; } .top_float li p { text-indent: -999em; } .top_float .top_kefu { width: 13%; float: right;cursor: pointer; text-indent: -999em; background: url(../images/menu011.png) no-repeat center 5px; background-size: 35px 35px; } .top_float .top_logo { width: 80%; margin:0; cursor: pointer; text-indent: -999em; background: url(/template/images/logo.jpg) no-repeat left center; background-size: auto 34px; } .m_nav { width: 100%; background: #df1515; overflow: hidden; display: none; position: absolute; padding-bottom: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; z-index: 99; opacity: 0.9; } .m_nav li { width:100%; height: 40px; line-height: 40px; font-size: 15px; text-align: center; } .m_nav li.m-hover{background-color: #fc0;} .m_nav .li0 { color: #000; } .m_nav .li1 { border-bottom: 2px solid #eb0001; padding-bottom: 5px; color: #eb0001; } .m_nav li a{ color:#fff} .daodu_lx,.iebaner{ display:none} .iebaner{ width:100%; height:auto} .iebaner img{ margin:0 auto; width:100%; height:auto; display:block; text-align:center} .contact_ad{ display:none} .con_h3{ font-size:22px; margin:15px 0;} .shili img{ margin:0 auto; text-align:center; display:block} @media screen and (max-width:1700px){#owl-demo img{ width:100%; height:auto} .owl-carousel{ width:100%;}} @media screen and (min-width:1000px) and (max-width: 1400px) {.case-lc{ width:100%} .case-lc,.case_list2 dd p{ display:none} .case_list2 dd{ height:auto}} @media screen and (max-width:1200px){.sy_prolist{ width:100%;} .sy_case_left li{margin: 0 1% 30px;}} @media screen and (min-width:999px) and (max-width: 1158px) {.cate-pro dl { margin: 67px 1.1% 0 1%;} .cate-pro dl dd{ height:180px;} .pro_case dt{ width:41%}} @media screen and (max-width:999px){ .b_tel{ display:block;} #top, #top2,#footer,#rt-showcase-surround,#ctl00_Conn_Panel1,#xg,#prevnext span,#owl-demo,#IndexBanner,.sy_case .tit p{ display:none} .pro_detail,.tj_pro,.more_recpro,.pro_tj_case,.blk_19,.news_pro, .news-ly,.chengnuo, .new_lei .tishi,.pro_case{ display:none} .news_list li{ width:100%; margin:0} .Pro_con_l img{ width:100%; height:auto} #sycp_rx{ margin-bottom:15px;} .qpage a:link, a:visited, .current, #info{ text-align:left} #rxpro, #gpro, #npro, #content, #sub_tit, #sycontent, #navdx, #contact,.sy_prolist,.contact-info,.contact-info ul li{ width:100%;} #prevnext{ text-indent:0} .contact-info,.contact{ padding:0} #sy_right ul,.Pro_con_l{ width:98%; margin:0 auto} .Pro_con_l{ float:none; margin:0 auto;} .Pro_con{ margin-bottom:0px;} #sy_right{ margin:0 auto; width:100%;} .Pro_con_l p{ text-indent:0; margin:10px 0} .news_list,.kuan2s{ padding:0 8px; box-sizing:border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;} .news_list{ margin-bottom:30px;} #npro{ width:98%; margin:0 8px;box-sizing:border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;} .honor p, .chejian p,.capacity p,#Context{ width:98%; margin:0 auto} #banner{ display:none;} #Context img.shili,.lanmupic img{ width:100%; height:auto;} #sycp_left,#sycp_tit,.scr_serv_box,.blk_18{width:100%;} .lanmu_1,.lanmu_2{ width:28%; padding:0 7px; height:auto;} #Context .jsyj li p{ width:27%;} #Context .jsyj li p img,.cplist img,.dthg DD img{ width:100%; height:auto;} .jsyj li span{ width:70%;} .peijian ul li img{ width:100%; height:auto;} .l-img img{ width:100%; height:auto;} .cplist{ width:23%; height:auto; padding-bottom:8px;} .cplist_pic{ width:95%; height:auto;} .rightprev_view{ float:right; width:73%;} .news_left{ width:64%;} .news_main_title{ width:100%;} .news_main_list{ width:100%; margin:0; padding:10px 0;} .newslist1 UL LI{ padding:0 0 7px 0px;} .news_right1{ width:32%;} #Context #Context_nr p{ text-indent:0;} #Context_nr img{ width:100%; height:auto;} input[type="button"], input[type="submit"], input[type="reset"],button {-webkit-appearance: none;} .zx_dg ul li input.intxt,.zx_dg ul li textarea,.zx_dg2 ul li input.intxt,.zx_dg2 ul li textarea,.WenDaContent_right .middleBox .textarea,.tj_wenti input,.WenDaContent_right .middleBox .link,.WenDaTopSelectLine .selectLine input,.ll2015327_Pop .inner.inner_11 .textarea,.tj_wenti1 input,.ll2015327_Pop .inner.inner_11 .link,.zx_dg .btn input { -webkit-appearance: none; border-radius:0;} .new_lei{ height:auto;} .new_lei ul{ width:80%; margin:0 auto;float:none} .new_lei li a{ height:44px; line-height:44px;} .new_lei li{ width:50%; margin-right:0} .new_lei .current1 a{ background:#ff4a00} .cn ul li img,.daodu{ display:none;} .pro_div, .location, .Pro_con,#gsywly{ width:100%;} .location, .Pro_con,#gsywly,.prolist-con{padding:0 3px; box-sizing:border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;} .jqzoom img,.wuliao li img,.cxxl a img,.case li a.scx-img img,.blk_19 li img{ width:100%; height:auto;} #pro_list{ width:100%;} #spec-list li{ margin:10px 3px 0 0; width:24%; height:auto;} #spec-list li img{ width:92%; height:auto;} #pro_list{ height:auto;} .wuliao{ height:auto; overflow:hidden;} .pro_detail ul li{ width:24.5%; height:auto;} .pro_detail li.current1 a{ background:#e8e8e8; height:auto; color:#333; width:100%;} .blk_19 li{ width:18.5%; margin:0 10px 10px 0;} .zx_dg_right p.same{ height:auto;} .w1000,.productlist,.pro_lei{ width:100%;} .productlist ul{ margin-left:0} .productlist{ height:100%; } .pro_div{ margin-top:0} .wuliao,.consult,.quote,.qrcord,.right_float dd span,.pro-img,.cate-pro dl dd p{ display:none} #nav{ display:none} #zxzx{ margin-bottom:15px;} .to_top {width:100%; height:40px; display:inline-block; background:url(../images/go_top.png) no-repeat center center; padding:0; margin-top:2px;} a.to_top{ width:100%; margin-bottom:60px;} .m_ly{width:100%;display:inline-block; height:0; background:url(../images/m_ly.gif) no-repeat center center; } .return{ height:40px; width:40px;} .right_float dl dd{ background:none} .right_float { top:inherit; bottom:55px;position: fixed;right: 0;} .pro_div{ margin-bottom:0} .pro-img_m{ display:block} .pro-img_m img { width: 100%; height: auto;} .pro_tel{margin: 10px 0px 0 0;} .cxxl{ float:left; width:100%; margin:10px 0 0} .back { position: absolute;top: 1.8%;left: 2%;z-index: 999;width: 8%;display: none; } .go-home {position: absolute;top: 1.8%;right: 2%; z-index: 999;width: 8%;display: none;} .pro_lx ,.miaoshu{ width: 100%; float:lin-top:0; font-weight:500; font-size:20px; color:#fff; text-align:center; float:left} .pro_tel { float: left;} .youshi,.cate-pro,.sub_com_top .desc{display: none} .miaoshu{ border:#ccc 1px dashed; float:none; margin:0 auto;padding:2%; width:95.7%; margin-top:10px;} .miaoshu p{ line-height:26px;} .pro-img_m h1{ width:74%;padding: 3% 0;} .sy_lei,.m_pro_lei { display:block;} .sy_lei { width:100%;overflow:hidden; text-align:center; padding:0px; margin:0 0 10px 0; } .sy_lei a{ display:block; color:#333; float:left; font-size:14px; margin:0; padding:10px 0 5px; text-align:center; width:20%; } .m_pro_lei{ width:100%; overflow:hidden; margin-bottom:20px;background:#f8f8f8} .m_pro_lei a { display:block; color:#333; float:left; font-size:14px; margin:0; padding:10px 0 5px; text-align:center; width:16.6%;} .sy_lei a:hover p,.m_pro_lei a:hover p{ color:#e60012;} .sy_lei a img,.m_pro_lei a img{ width:60%; height:auto; padding:0 20%; display:block; text-align:center; margin:0 auto;} .sy_lei a img{ width:80%;} .sy_lei a.list-active,.m_pro_lei a.list-active { color:#333; background:#d5d5d5} .sy_lei a.list-active:hover p,.m_pro_lei a.list-active:hover p{ color:#e60012;} .pro_case dt{ width:42%;} .pro_case dd{ width:54%;} .miaoshu h1{ font-weight:500; color:#000; display: inline-block;} .rexiao{display: inline-block;border-radius: 10px 0;vertical-align: middle;color: #fff; background:#1892FB; margin-left: 10px; padding: 0 5px;line-height: 20px;font-size: 14px;font-weight: 400;} #sycontent{ margin-top:15px;} .miaoshu p span{ font-weight:400;color:#e60012} .pro_tj{ width: 96%;margin: 0 auto;padding: 0 2%;} .sy_prolist li p{ margin:5px 0} .pro_case dl{ width:98%; margin:0 auto; overflow:hidden;float:none;border-bottom:none; padding-bottom:0} .pro_case dd h5{ font-size:14px; line-height:20px;} .pro_case dd{ background:none; padding:0} .sy_case{ /*background:#f2f2f2;*/ width:100%; padding:0 0 10px; margin:18px auto;} .sy_case_left,.sy_new_left,.sy_new_right{ width:100%;} .sy_new_left dd p{ display:none} #sycp_tit h3,.sy_case .tit h3{ font-size:24px;} .sy_case .tit h3{ color:#000} .sy_case .tit p{ font-size:13px; color:#666} .sy_new_left dl{ margin-right:2%; width:31.33333%;} .sy_new_left dl:nth-child(3){ margin-right:0;width:32.33333%;} #sycp_tit h1,#sycp_tit h1 a{font-size:24px; margin:0 auto;} .pro_case h3,.pagelist h3{ background: url(../images/m_ico.png) no-repeat 5px 3px;background-size: 30px 25px;font-size: 22px;text-align: left;color:#e50012;margin-bottom: 0;padding-bottom: 0; padding-bottom:15px; text-indent: 38px; font-weight:600;} .sy_prolist{ margin-top:20px; margin-bottom:0} .pagelist h3{ font-size:24px;} .pro_detail li{ border-right:#fff 1px solid;} .class-tit{ background:#f4f4f4; color:#000; width:100%; font-weight:500; font-size:16px; overflow:hidden; margin:0 auto; margin-bottom:15px; padding:8px 0;text-align:center} .Pro_con_l h3 { background: url(../images/bg3.png) no-repeat left 6px; padding-left: 28px; line-height:26px; margin:10px 0} #top img{ display: block;text-align: center; margin: 0 auto;margin-top: 5px;margin-bottom: 5px;width: 100%; height:auto; float: none;} .ab_banner{ display:block;} .ab_banner img{ width:100%; height:auto; float:left;}.sub_com_top,.case-lc p{ display:none;} #tab_one1_6{ margin-bottom:60px;} .case_list2 dd p,.case-lc { display:none} .case_list2 dd{ height:auto} #one15{ display:none} .sy_prolist_bg{ background:none; padding:0} #Context h1{font-size:20px;text-align: center;color: #000;font-weight: 500; margin-bottom:15px;} .case_list2 dd .case-tit{ font-size:14px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; font-weight:500} .pro_detail ul li.current1{ background:none; color:#333} .pro_detail ul li.current1 a{color:#333} #buyao,#pc_fenye{ display:none} #mpn,#m_fenye{ display:block; } .fenye a{ background:#f4f4f4} #mpn{font-size: 12px; padding: 8px 15px; border: #d8d8d8 1px solid;COLOR: #000;margin: 0 3px 3px 3px;TEXT-DECORATION: none;display: inline-block;} .com_zi p{ width:98%; margin:0 auto} .return img,.homeban{ display:none} .pagelist li a .ldt{ margin-right:10px;} .contact_zi{ width:98%; margin:0 auto} .contact-info ul li strong{ font-size:16px; } .m_head,.daodu_lx { overflow:hidden; display:block;} .daodu_lx { width:100%; box-sizing: border-box;overflow:hidden; background-color:#f8f8f8; padding:5px;} .daodu_lx .m_tel{ font-size: 22px; } .daodu_lx a { color: #eb0001; } .daodu_lx .chat { font-size: 14px; padding: 4px 0; border-radius: 2px; margin-left: 0; width: 72px; font-weight: 600; float: right; color: #000; display: inline-block; text-align: center; background:#fdcc05; } .daodu_lx .m_tel { padding: 0; width: 69%; background: url(../images/new-icon-tel.png) no-repeat left 3px; padding:3px 0; text-indent: 30px; float: left; } .news_list .title{ font-size:16px;} .jishu{ margin-top:15px;} .cxxl a{ text-indent:30px; width:49%; margin:0 0.5%;text-align:center} .chejian h3, .capacity h3{ margin-top:0} .productlist .pro_con1 a{ height:36px; line-height:36px;} #prevnext span{ margin:0} #Context_nr h3, #Context_nr h2{ font-weight:500; font-size:18px;} .contact-info ul li p.red_tel{ float:left;} .pagelist li a .lbt img{ display:none} .con_h3{ display:none} .contact_ad{ display:block} .contact-info ul li a,.contact-info ul li span{ } .contact-info ul li a.message{ text-align:center} .contact-info{padding-top:20px; width:94%; padding:3%} .contact-info ul li{ margin:8px 0 ;} .contact-info ul li span, .contact-info ul li strong{ /*display:inline;*/ line-height:30px} .contact-info ul li a.message{ font-size:16px; margin-top:15px; width:100%; padding:12px 0;} .contact{ margin-bottom:0} .con_h3{ font-size:18px;} .wap-none{ display:none} #iebaner{ display:none} embed{display:none} .sy_prolist li,.honor h3{ margin-top:0} #sycp_tit{ margin:0;} .honor h3, .chejian h3, .capacity h3{ margin-bottom:15px; font-size:22px;} .com_zi{ line-height:25px} .honor h4,.chejian h4{ height:30px;} .m_line {display: block;background: #F3F0F3;height: 7px; border-bottom: #DBD9DC 1px solid;border-top: #DBD9DC 1px solid;} #Context p{ margin:7px 0} .wl_xg,#xgpro{ background:none; border:none} .xg_tit h4,.xgpro_tit h4{ border:none; padding:0 0 0 5px; color:#eb0001} .wl_xg{ margin-top:0} #xgpro li{ line-height:18px;} .wl_xg li h5{ height:50px;} .honor h4, .chejian h4, .capacity h4{ font-size:12px;} .pro_case dd .case_more{ display:none} .w1200 { width:98%; margin:0 auto;} #sycp_rx,.sy_new .tit p { font-size:14px;} .lei-list li img { width:80px;} .lei-list li.first { background:#f5f5f5; width:19%; margin-left:0;} .lei-list li {background:#f5f5f5; width:19%; margin-left:1.2%; height:auto; margin-bottom:15px; padding-bottom:5px;} .lei-list li.last { width:19%;background:#f5f5f5;} .lei-list li .title { font-size:12px;} .lei-list li a { margin: 0 18%;} #sycp_tit h3 { margin-bottom:0;} .sy_case .tit h3 { margin-bottom:0;} .sy_new .tit h3 { font-size:24px;margin-bottom:10px; background: url(../images/tit_x.png) no-repeat center bottom; padding-bottom:15px} .sy_new_left dd h4 { font-size:15px; margin-bottom:0;} .sy_new_left { margin-bottom:10px;} .sy_new_right li .date strong { font-size:16px;} .sy_new_right li .date span { padding-top:15px;font-size:14px;} .sy_new_right li h4 { font-size:15px;font-weight:600;} .sy_new_right li p { font-size:12px;} .sy_new_right{ margin-top:10px;} .sy_new_right li { margin-bottom:10px; background:none; padding:0; width:100%; border-bottom:#d8d8d8 1px solid} .sy_new_right li .date{ background:#f3f3f3; text-align:center; margin-top:5px; padding-bottom:8px;} .sy_case_left li {width: 14.6%;height:auto; border:none; margin: 0 1% 30px;} .sy_case_left li .bg {left:20px;} .sy_case_right { float:right; width:100%;} .sy_case_right dt { display:none;}.sy_case_right dd { margin-top:0;} .sy_case_right dd a{ color:#2d2d2d; } .sy_case_right dd{ color:#2d2d2d; width:92%; padding: 0 2% 3%; font-size:14px;} .sy_case_right dd h5 { font-size:20px; margin-bottom:10px;} .sy_case_right dd p { line-height:28px;} .sy_case .tit { margin: 10px auto 20px;} .sy_case_left li .bg{border-radius:0; border-bottom:0; height:30px; line-height:30px; width:100%; position: static} #pro-tit{ font-size:24px; margin:8px auto;} .sy_case_right dd .case_more{ border:none; background:#eb0001; color:#fff} .sy_case_right dd .case_jl{ margin-top:10px;} } @media screen and (max-width:780px){ .foot_cnbg .w1,.foot_cnbg .w2,.foot_cnbg .w3{width: 30.33%;margin: 0 1%;} .foot_cnbg dd span,.foot_cnbg dd p{text-align: center} .foot_cnbg dd{float: none;text-align: center} .foot_cnbg dt{width: 70px;margin:0 32.5%;} .foot_cnbg dt img{width: 100%;height: auto;} .pro_miaoshu p{ margin:8px auto; font-size:14px;} .pro_miaoshu p span{ font-size:14px;} .pro_nytel{ margin:10px auto; overflow:hidden;} .pro_cxxl{ margin-bottom:10px;} .Pro_con_l h3{ font-size:20px;} .ly_form h3, .Pro_con_l .ly_form h3{ margin:0;} .ly_form .wbk{ margin-top:0;} #sycp_tit h3, #sycp_tit h1{ margin-bottom:0;} .ly-left{width: 100%;margin: 0 auto;float: none} .ly-right{display: none1} } @media screen and (max-width:767px){ .case_list li{ width:30.333%;} .case_list li h4{ height:45px; font-size:15px;} .materials_list li h4{line-height:1.8em;height:1.8em; font-size:15px;} .pagelist li a .lbt{ width:100%;} .lei-list li img { width:60px;} .lei-list li img { margin-left:-5px;} .lei-list li.first img{ margin-left:0px;} .sy_case_left li .bg {left:-0px;} .sy_prolist li p { font-size:14px;} .lei-list li a { margin: 0 5%;} .lei-list li img { margin-left:0;} .sy_case_left li{ width:25%; margin:0 4% 2%; height:auto} .sy_case_left li .bg{border-radius:0; border-bottom:0; height:30px; line-height:30px; width:100%; position: static} .foot_cntel .zi img{width: 40px ; } .item-list{ padding-bottom:0;} .item-list dl{ width:50%; margin:2% 0; padding:0 5px; box-sizing:border-box; float:left;} .item-list .first-pro{ width:100%; text-align:center; background-color:#fff; text-indent:0;} .item-list .first-pro .redamore,.item-list .first-pro img{ display:none;} .item-list dl.first-pro h2{ padding:0px 0; margin:8px 0;} .prolist-con{ margin-top:0;} } @media screen and (max-width:600px){ .foot_cnbg .w1 span,.foot_cnbg .w3 span,.foot_cnbg .w2 p,.Pro_con_l .ly_form p, #Context .ly_form p{display: none;} .foot_cnbg .w2 span{font-weight: 500;font-size: 16px;color: #666;line-height: 27px;} .foot_cnbg dt{width: 50%;margin: 0 25%;} .ly_form li{width:100%; } } @media screen and (max-width:480px){ .ly_form{ padding:10px 10px 20px;} .ly_form li{ margin:5px auto;} .ly_form h3{ margin:0 auto;} .ly_form li input{ box-sizing:border-box;} .button input{ width:180px;} .ly_form li span{ font-size:14px;} .ly_form li .tex_message{ height:80px;} .sy_new_right li .date{ display:none;} .cxxl a{ font-size:16px;} .case_list li,.honor li,.productlist li,#xgpro li,.wl_xg li{ width:47%;} .sy_prolist li{ width:47%;}.case_list li h4{ height:45px; font-size:14px; line-height:22px} .materials_list li h4{line-height:1.8em;height:1.8em; font-size:15px;} .sy_case_left li .bg {left:-15px;} .sy_case_left li{ width:31%;margin: 0 1% 30px; height:auto} .cn ul li{width: 45%; height: 110px; margin-bottom: 2%;} .sy_new_left dl,.sy_new_left dl:nth-child(3){ width:100%; margin-right:0; padding-bottom:8px; margin-bottom:0; border-bottom: #d8d8d8 1px solid; padding-top:10px;} .sy_new_left dl:nth-child(3){ border:none;} .sy_new_left dt{ width:100px; float:left; margin-right:10px; overflow:hidden;} .sy_new_left dd{ width:auto; box-sizing:border-box; padding:0; background-color:#fff;} .sy_new_left dd p{ display:block; font-size:14px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical} #sycp_rx, .sy_new .tit p{ display:none;} .sy_new .tit{ margin-bottom:10px;} .sy_new_right{ margin-top:0;} .ly-left .ly-left-bg img{display: none} .ly-left-bg strong,.ly-left-bg p{text-align: center;width: 100%;margin-left: 0;} } @media screen and (max-width:400px){ .pro_case dl{ width:47%; margin:0 1.5%; float:left} .pro_case dt,.pro_case dd{ width:100%;} .pro_case dl h5{ font-weight:500; margin-top:5px;text-align:center} .pro_case p{ display:none} .pro_case dd{ height:auto} } @media screen and (max-width:360px){ .pro_nytel p strong{font-size: 36px;} .foot_cnbg .w1 p,.foot_cnbg .w3 p,.foot_cnbg .w2 span{font-size: 14px;} .cxxl a {font-size: 14px;} .pro_tel{ font-size:16px;} .sy_new_right li p{ display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp:2; padding-bottom:0; margin-bottom:8px; overflow:hidden} .cp_ser{ margin-bottom:10px;} .cp_ser1 { padding:5px 8px;} .cp_ser1 dd { line-height:1.3em; font-size:12px;} } @media screen and (max-width:320px){ .pro_case li a.case-limg{ width:100%;} .pro_case li span{ width:100%; margin-top:10px;} .pro_case li h5{ margin:0 0 4px;} .lei-list li img { margin-left:0; width:50px;} .lei-list li.first a { margin: 0 5% 0 5%;} .lei-list li a { margin: 0 2%;} .sy_case_left li .bg { left: -20px; font-size: 12px;} #sycp_rx, .sy_new .tit p { font-size:12px; line-height:20px;} .date { display:none;} .sy_new_right .con { width:100%;} } /*send a message*/ .propage_lybg{width: 100%;background:#fff url(../images/bg.jpg) left 3px no-repeat;margin: 20px auto;padding: 30px 0;} .propage_ly{width: 100%;overflow: hidden;} .prolyl{float: left;width: 29%;position: relative;} .prolyimg img{width: 100%;height: auto;} .prolyl ul{position:absolute;width:100%;top:210px;background:url(../images/white86_bg.png) repeat;box-sizing: border-box;} .prolyl ul li{width:100%;overflow: hidden} .prolyl ul li .pic{width:45px;height:45px;text-align: center;margin:10px;float: left} .prolyl ul li .pic img{max-width:45px;width:100%;} .prolyl ul li .demo-tit{margin-top:8px; overflow:hidden;} .prolyl ul li p{ text-indent:0; margin:0; line-height:1.6em;} .prolyl ul li .demo-tit .tit1{color:#fff; font-weight: bold;font-size: 16px; line-height:1.4em;} .prolyl ul li .demo-tit .tit2{ color:#fff9ed} .pro_lyb{float: right;width:66%;} .pro_lyb h2{font-size: 36px; line-height: 1em;text-align: left;margin-left:1%;} .hahaliuyan{font-size: 24px;font-weight: bold;color: #000;} .pro_lyb .message{width: 100%;overflow: hidden;} .pro_lyb .message p{font-size: 15px;text-align: left;margin: 10px 1% 15px;line-height: 2em;} .pro_lyb .message p span{margin: 0 5px;} .pro_lyb .message p span a{background:#eb0001;color: #fff;padding: 4px 10px;border-radius: 4px;white-space: nowrap;} .pro_lyb .message p strong{font-size: 28px;margin: 0 5px; letter-spacing:-1px;} .pro_lyb .message p strong a{color: #eb0001;white-space: nowrap;} .pro_lyb .message input{font-size: 14px;width: 47.6%;height: 50px;border: 1px solid #cdcdcd;margin:0 1% 30px;text-indent: 10px;box-sizing:border-box;} .pro_lyb .message input.icon_name{background: url("../images/icon_callly1.png") right 5px center no-repeat #fff;background-size: 25px;} .pro_lyb .message input.icon_tel{background: url("../images/icon_callly2.png") right 5px center no-repeat #fff;background-size: 25px;} .pro_lyb .message textarea.icon_need{background: url("../images/icon_callly4.png") 6px 10px no-repeat #fff;background-size: 25px;text-indent: 30px; width: 98%;margin:0 1%;height: 100px;font-size: 14px;border: 1px solid #cdcdcd;box-sizing:border-box;padding: 20px 0 0 10px;} .pro_lyb .message input.button{width: 98%;margin: 20px 1%;height: 50px;text-align: center;line-height: 50px;font-size: 20px; font-weight: bold;background: #ffcb01;cursor: pointer; background: -webkit-gradient(linear, 0% 2%, 100% 10%,from(#ffcb01), to(#ffde5c));border: none;} .pro_lyb .message input.button:hover{background: -webkit-gradient(linear, 0% 2%, 100% 10%,from(#ffde5c), to(#ffcb01));} .hided{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(20,20,20,0.8);z-index:99;} .zhezhao{position: relative;} .div{position: absolute; left: 50%; top: 50%; display: block; z-index: 1000; margin-top: -140px; margin-left: -128px; background: #fff; padding: 30px; border-radius: 8px;} .div p{text-align:center;font-size:16px;} @media screen and (max-width:800px){ .prolyl{display: none;} .pro_lyb{width: 100%;} .pro_lyb h2{font-size: 24px;} .pro_lyb .message p strong{font-size: 22px;} .pro_lyb .message input{width: 98%;height: 42px;margin-bottom: 15px;} .pro_lyb .message input.icon_name{background: url("../images/icon_callly1.png") left 5px center no-repeat #fff;background-size: 20px;text-indent: 30px;} .pro_lyb .message input.icon_tel{background: url("../images/icon_callly2.png") left 5px center no-repeat #fff;background-size: 20px;text-indent: 30px;} .pro_lyb .message textarea.icon_need{background-size:20px;text-indent: 30px;padding-top: 12px;} } /*404*/ .sorry_cw{max-width: 800px;width: 100%;margin: 70px auto 100px;overflow: hidden;text-align: center;} .sorry_cw img{width: 100%;height: auto;} .sorry_cw1{font-size: 24px;margin-bottom: 20px;color: #333;} .sorry_cw1 span,.sorry_cw a:hover{color: #ed2225;} .sorry_cw strong,.sorry_cw a{color: #666;white-space: nowrap;font-size: 18px;font-weight: normal;} @media screen and (max-width:800px){ .sorry_cw{margin: 30px auto;} .sorry_cw1{font-size: 16px;margin-bottom: 10px;} .sorry_cw strong,.sorry_cw a{font-size: 14px;} } /*20180807casepage*/ .case_fristbg{width: 100%;padding:50px 0;background: url(../images/casebg.jpg) center no-repeat;overflow: hidden;margin-top: -28px;} .case_frist{max-width: 900px;width: 100%;margin: 0 auto;overflow: hidden;} .case_frist img{width: 100%;height: auto;vertical-align: bottom;} .case_one {width: 100%;padding: 50px 1%;box-sizing:border-box;background: #f0f0f0;margin: 0 auto;overflow: hidden;} .case_one .pdlt {width: 60%;float: left;} .case_one h1{font-size: 38px;line-height: 1.4em;font-weight: bold;margin-top: 0;} .case_one .pdlt .pdsx p{display: inline-block;width: auto;border-right:1px #bbb solid;padding-left:60px;box-sizing:border-box;margin: 5% 6% 0 0;} .case_one .pdlt .pdsx p:nth-child(1){background: url(../images/caseico_1.png)5px center no-repeat;} .case_one .pdlt .pdsx p:nth-child(2){background: url(../images/caseico_2.png)5px center no-repeat;} .case_one .pdlt .pdsx p strong{font-weight: 500;font-size: 16px;display: inline-block;} .case_one .pdlt .pdsx p span{font-size: 20px;font-weight: 700;width: 100%;display: inline-block;color: #000;} .case_one .pdrt {width: 38%;float: right;text-align: right;} .case_one .pdrt .txt {font-size: 18px;margin-bottom: 5px;} .case_one .pdrt .num a{font-size: 36px;line-height:1.2em;font-weight: bold;color: #e60d02;} .case_one .pdrt .swt a{display: inline-block;width: 60%;height: 50px;text-align: center;line-height: 50px; background: #f20d01;background: -webkit-gradient(linear, 0% 2%, 60% 10%,from(#f20d01), to(#ff461f)); -webkit-box-shadow: #ff461f 0px 2px 5px; -moz-box-shadow: #ff461f 0px 0px 5px; box-shadow: #ff461f 0px 0px 5px;border-radius:5px; cursor:pointer;font-size: 22px; color: #fff;margin-top: 10px; } .casepage_pz{width: 100%;margin: 60px auto;overflow: hidden;} .casepage_pz h2{font-size: 34px;text-align: center;line-height: 1.4em;margin-bottom: 10px;} .casepage_pz p{text-align: center;margin-bottom: 25px;font-size: 16px;} .casepage_pz dl{float: left;width:22%;margin: 0 1.5%;} .casepage_pz dl dt{text-align: center;} .casepage_pz dd a{display:block;width: 100%;} .casepage_pz dd img{width: 100%;height: auto;} .casepage_lc{width: 100%;background: #f2f2f2;margin: 0 auto;overflow: hidden;padding: 60px 1%;box-sizing: border-box;} .casepage_lc .l,.casepage_ys .l{width: 50%;float: left;} .casepage_lc h2,.casepage_ys h2{font-size: 34px;line-height: 1.4em;margin-bottom: 30px;} .casepage_lc p,.casepage_ys p{margin-bottom: 10px;font-size: 15px;line-height: 1.8em;} .casepage_lc p strong,.casepage_ys p strong{float: left;width: 20px;height: 20px;line-height: 20px; background: #ed2225;border-radius:20px;color: #fff;font-weight:500;text-align: center;margin:2px 8px 0 0;} .casepage_lc .r,.casepage_ys .r{width: 45%;float: right;} .casepage_ys{width: 100%;margin: 60px auto;overflow: hidden;padding: 0 1%;box-sizing: border-box;} .casepage_lc .r img,.casepage_ys .l img,.casepage_xc li img,.casepage_xg li img{width: 100%;height: auto;} .casepage_xc{width: 100%;margin: 0 auto;overflow: hidden;} .casepage_xc h2,.casepage_xg h2{font-size: 34px;line-height: 1.4em;margin-bottom: 15px;text-align: center;} .casepage_xc p,.casepage_xg p{text-align: center;margin-bottom: 20px;font-size: 16px;} .casepage_xc ul{width:100%;overflow: hidden;} .casepage_xc li{float:left;width: 31.333%;margin: 0 1%;} .casepage_xg,.casepage_xg ul{width: 100%;overflow: hidden;} .casepage_xg li{float:left;width:23%;margin:1%;} .casepage_xg li p a{display:block;font-size: 16px;width: 100%;white-space: nowrap;-ms-text-overflow: ellipsis;text-overflow: ellipsis;overflow: hidden;} .casepage_gdnr{width:100%;margin: 40px auto 50px;overflow: hidden;padding: 0 1%;box-sizing: border-box;} .casepage_gdnr h2{font-size: 34px;line-height: 1.4em;margin: 15px 0;text-align: center;} .casepage_gdnr p{font-size: 16px;margin-bottom: 10px;text-indent: 2em;} .case_five{width: 100%;background: #f2f2f2;padding: 50px 1%;box-sizing:border-box;margin: 50px auto;} .case_five h2{font-size: 34px;color:#333;font-weight: 600;line-height: 1.4em;text-align: center;} .case_five p{font-size: 16px;color:#666;line-height: 1.8em;margin-top: 15px;margin-bottom:20px;text-align: center;} .case_five a{height: 50px;line-height: 50px;width: 45%;margin: 3px 2.5%;float: left;font-size: 20px;text-align: center;border-radius:5px;-webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .case_five .zxtel{width: 80%;margin:0 auto;overflow: hidden;} .case_five .zixun{background: #e6221a;color: #fff;} .case_five .tel{color: #fff;background:#3d4169;} @media screen and (max-width:999px){ .case_fristbg{background: none;padding: 0;margin: 0;} .case_one{padding: 2% 1%;margin-bottom: 15px;} .case_one h1{font-size: 26px;} .case_one .pdrt .num a{font-size: 32px;} .case_frist{max-width: 100%;} .casepage_lc,.case_five{background: none;padding: 0 1%;} .casepage_lc .l, .casepage_ys .r{width: 100%;float: none;} .casepage_lc .r, .casepage_ys .l{width: 100%;float: none;text-align: center;} .casepage_lc .r img, .casepage_ys .l img{max-width:600px;width: 100%;height: auto;} .case_five,.casepage_gdnr{margin: 15px 0;} .case_five a{border-radius:5px;width: 47%;margin: 0 1.5%;} .casepage_pz,.casepage_ys{margin: 0;} .casepage_lc h2, .casepage_ys h2{font-size: 24px;margin: 5px 0 15px;} .casepage_lc p, .casepage_ys p{font-size: 14px;line-height: 1.6em;} .casepage_pz p,.casepage_xg li p a{text-align: left;font-size: 14px;margin-bottom:5px;line-height: 1.6em;} .casepage_pz h2,.casepage_xc h2, .casepage_xg h2,.case_five h2,.casepage_gdnr h2{text-align: left;font-size: 24px;margin: 5px 0;} .casepage_xc p, .casepage_xg p,.case_five p,.casepage_gdnr p{text-align: left;font-size: 14px;text-indent: 0;line-height: 1.6em;} .casepage_xc h2,.casepage_xc p,.casepage_pz h2,.casepage_pz p,.casepage_xg h2,.casepage_xg p{padding: 0 1%;box-sizing: border-box;} .casepage_xc ul{margin-top: 15px;} } @media screen and (max-width:768px){ .case_one .pdlt,.case_one .pdrt{width: 100%;float: none;text-align: left;} .case_one .pdlt .pdsx{margin: 10px 0;} .case_one .pdlt .pdsx p{padding:5px 15px;margin:1%;border: 1px #ddd dashed;box-sizing: border-box;text-indent: 15px;border-radius: 5px;} .case_one .pdlt .pdsx p:nth-child(1){background: url(../images/caseico_1.png) 5px center no-repeat #fff;background-size:30px;} .case_one .pdlt .pdsx p:nth-child(2){background: url(../images/caseico_2.png) 5px center no-repeat #fff;background-size:30px;} .case_one .pdlt .pdsx p span{width: auto;font-size: 18px;} .case_one .pdrt .txt{font-size: 16px;margin-bottom: 0} .casepage_xg li,.casepage_pz dl{width: 48%;margin: 1%;} .casepage_xc p, .casepage_xg p{margin-bottom: 0;} .case_five .zxtel{width: 100%;} .case_five a{width: 100%;margin: 0 0 1%;} } @media screen and (max-width:480px){ .casepage_xc li{width: 98%;} .case_one .pdrt .swt a{width: 100%;} } .fdh{ display:none;} @media screen and (max-width: 800px) { .foot{ padding-top:30px;} .fdh{ display:block; line-height:40px; height:40px; background-color:#222222; width:100%; display:block; position:fixed; z-index:99999; bottom:0px; color:#FFF; } .fdh li{ width:33.33333333%; float:left; display:block; text-align:center; border-right:1px #ddd solid; box-sizing:border-box;} .fdh .li{ background-color:#cc0000;} .fdh a{ color:#FFF;} } /* 分页 */ .page{ font-family:Arial, Helvetica, sans-serif; line-height: normal;margin:-20px 500px;} .page a,.page span{display:block;color:#390;font-weight:normal;text-decoration:none;letter-spacing:0px;border:1px solid #ccc;padding-top:3px;float:left;margin-top:5px;margin-right:2px;margin-bottom:5px;margin-left:2px;text-align:center;padding-right:5px;padding-left:5px;height:18px} /* SPAN和链接 */ .page a:hover, .page a.current{color:#F44;border:1px solid #F44} /* 当前链接有激活时 */ .page input{padding:0px;color:#390;height:16px;width:25px;border:0px solid #fff;text-align:center;margin-top:0px;margin-right:-5px;margin-bottom:0px;margin-left:-5px;vertical-align:middle;} /* 跳转INPUT */ /*新分页*/ .pagination-wrapper {clear:both;padding:1em 0 2em 0;text-align:center;} .pagination {display: inline-block;*display: inline;*zoom: 1;font-size:14px;border-radius: 3px;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);} .pagination li{list-style: none;display: inline;float: left;line-height: 25px;text-decoration: none;border: 1px solid #ddd;border-left-width: 0;} .pagination li a {display: inline-block;padding: .5em 1.3em;background-color: #fff;color: #333;} .pagination li a:hover{text-decoration:none; background:#c90000;color:#fff;} .pagination li.thisclass a {background-color:#c90000;color:#fff;} .pagination li:first-child {border-left-width: 1px;border-radius: 3px 0 0 3px;} .pagination li:last-child{border-radius: 0 3px 3px 0;} .pagination .pageinfo{color: #444;display: inline-block;padding: .5em 1.3em;} .carCat{ text-align: center;margin: 30px 0px;padding-bottom: 15px; border-bottom: 1px solid #f2f3f4; } .carCat a { display: inline-block; padding: 5px 30px; border:1px solid #f2f3f4; border-radius: 20px; } .carCat a:hover ,.carCat a.cur{ /*background: #f70;*/ background: url(/images/btnbg.jpg) 0 0 repeat-x; color: #fff; border-radius: 20px; } .pc_con{min-height:900px} @media screen and (max-width:800px){ .pc_con{min-height: auto;} } @media screen and (max-width:800px){ .carCat a，a.cur{padding:5px 15px !important; margin: 10px 5px !important;} .new_lei{display: none} } @media screen and (max-width:800px){ .sy_banner{display: none} } .beizhu{height:100px;width:952px;} .msgbox{ width:100%; /*margin-top:35px; */ overflow:hidden;background:url(/images/lybg.jpg) no-repeat left top #f0f0f0;} .msgbox .tit2{ width:100%; height:172px;} .msgbox .tit h3{font-size:36px; color:#eb0001; padding:30px 0 0; text-indent:30px; } .msgbox .tit2 h3{font-size:28px;height:30px; color:#eb0001; padding:30px 0 10px; text-indent:40px; } .msgbox .tit2 p{ font-size: 15px;width: 80%;margin: 0 auto; color: #666; line-height: 32px; text-indent: 20px;margin-top: 15px;margin-bottom: 15px; float: left; margin-left: 40px;} .msgbox .tit span,.msgbox .tit2 span{ background:#e45006; padding:5px 7px; margin:0 8px; color:#fff; font-size:16px;} .msgbox ul{ width:95%; margin:0 auto; overflow:hidden} .msgbox li{ width:47%; float:left; margin:0 1.5% 2%;} .msgbox li span{ float:left; width:100px; line-height:36px; font-size:16px;} .msgbox li b{ color:#f33; margin-left:10px; line-height:44px;} .msgbox input.intxt { width: 66%; margin: 5px 0 2px; border: 1px solid #D9D9D9; border-top: 1px solid silver; line-height: 36px; height: 36px; color: #999; padding: 0 4px; overflow: hidden; float: left; border-radius: 0; } .msgbox textarea { border: 1px solid #CCC; width: 85.8%; height: 100px; line-height: 20px; margin: 6px 0 0; padding: 4px; background: #fff; color: #999; resize: none; float:left; border-radius: 0; } .msgbox .btn { margin-left: 40%; overflow: hidden; width:100%; border:none; margin-top: 10px; margin-bottom:30px; } .btn1 { background: #de0a0a; width: 140px; color: #fff; text-align: center; border: none; height: 48px; line-height: 48px; font-size: 16px; cursor: pointer; border-radius: 30px;} /*search*/ .m-search { width: 595px; height: 45px; position:relative; margin:0 auto; } .cat-more-btn a{padding:0 50px;border-color:#ff6600;background:#ff6600;color:#fff;text-align:center} .cat-more-btn a,.cat-more-btn a span{display:inline-block;height:50px;line-height:50px;border-radius: 30px} .cat-more-btn a span{} .cat-more-btn a:hover{border-color:#ff6600;background:#ff6600;color:#fff} .text-c{text-align: center} @media screen and (max-width:1000px){ .ly-right{margin: 0px} .ly-right ul li{width:50%} .capacity{padding: 20px} .capacity img{width: 100%;height: auto} .capacity h3{margin:10px 0px;} .chejian li, .capacity li {width:47%;} .contactright{clear:both;width:100%;box-sizing: border-box;float: none} .contactright img{width:100%;} .contact-info ul li { float: left; width: 47%; margin: 0 1.5%; *margin: 0 1%; } .contact-info ul li img{width: 70%;height: auto} .contact_zi h3{text-align: center} .carCat a{width:45%;padding-left:0;padding-right: 0;margin:1%;} /*留言*/ .beizhu{width: 100%;} .msgbox .tit2 p { font-size: 15px; width: 100%; margin: 0 auto; color: #666; line-height: 32px; text-indent: 0px; margin-top: 15px; margin-bottom: 15px; float: none; margin:0; } .sticker{display: none} .probg{background: none;} .sybg{padding-top: 30px;} .sy_prolist{margin-left: 0px} .sy_prolist ul { margin-left: -1.5%; } .sy_prolist{margin-top: -10px} .conewm{display: block;} }