body { margin: 0px; padding: 0px; font-size: 14px; font-family: "Microsoft YaHei";} p, img, ul, li, a , h1, h2 , h3{ margin: 0px; padding: 0px; border: 0px; list-style-type: none; text-decoration: none;} a{ cursor: pointer; color: black;} .clear { clear: both; } .hong{color: #DA251D;} .color3{color: #333333;} .fl{float: left;} .fr{float: right;} /*分页*/ .fenye { padding: 3px; text-align: center; margin-top: 20px; font-size: 14px; float: left; /*height: 45px;*/ line-height: 40px; width: 95%; } .fenye a {background: #fff none repeat scroll 0 0; border: 1px solid #bcbcbc; color: #999; margin: 5px 5px 0 0; padding: 4px 10px ; } .fenye a:hover { background: #e60012 none repeat scroll 0 0; border: 1px solid #c00; color: #fff; text-decoration: none; } .fenye span { background: #e60012 none repeat scroll 0 0; border: 1px solid #c00; color: #fff; text-decoration: none;margin: 5px 5px 0 0; padding: 4px 10px ; } /*头部*/ .header{width: 1003px; height: 90px; margin: 5px auto 0;} .header i{display: block; float: left;} .header h1{float:left; height: 66px; width: 224px; margin-top: 24px; text-indent: -1500px; background: url(../images/logo.png) no-repeat;} /*导航*/ .nav{ margin: 40px auto 0; height:34px; line-height:34px; position:relative; z-index:1; float: right; } .nav a{ color:#000; } .nav .nLi{ float:left; position:relative; display:inline; } .nav .nLi span{ float:left; display: block; } .nav .nLi span a{ display:block;width: 120px; text-align: center; font-size:14px; font-weight:bold; } .nav .sub{ display:none; width:120px; left:0; top:34px; position:absolute; background:#da251d; line-height:26px; padding:5px 0; } .nav .sub li{ zoom:1;} .nav .sub a{ display:block; padding:5px; text-align: center; color: #FFFFFF;} .nav .sub a:hover{ background:#6d6d6d; color:#fff; } .nav .on span a{ background:#da251d; color:#fff; } .bit{font-size: 18px;border-bottom: 1px solid #E1E1E1; color: #000;padding-bottom: 5px; background: url(../img/jian.png)0 -52px no-repeat;padding-left: 20px; margin:0 10px 15px;} /*头部红线*/ .nave{width: 100%; border-bottom: 3px solid #da251d;} .in_banner{width: 100%; text-align: center; height: 450px;overflow: hidden;} /*banner*/ .focusBox { position: relative; text-align: center; width:100%; height:450px; overflow: hidden; } .focusBox .pic img { width:1920px; text-align: center; height:450px; display: block; } .focusBox .hd { overflow:hidden; zoom:1; position:absolute; bottom:14px; right:50%; margin-right: -100px; z-index:3} .focusBox .hd li{float:left; line-height:15px; text-align:center; font-size:12px; width:40px; height:5px; cursor:pointer; overflow:hidden; background:#004BA0; margin-left:15px; filter:alpha(opacity=80); opacity:.8; -webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease } .focusBox .hd .on{ background:#fff; filter:alpha(opacity=100);opacity:1; } .focusBox .prev, .focusBox .next { width: 60px; height: 90px; margin: -60px 0 0; display: none; background: url(../images/ad_ctr.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; filter:alpha(opacity=20);opacity:0.2; } .focusBox .prev { left: 0; } .focusBox .next { background-position: 0 -90px; right: 0; } .focusBox .prev:hover, .focusBox .next:hover { filter:alpha(opacity=50) !important;opacity:0.5 !important; } /*fast serach*/ .fast{width: 100%;background: #F8F8F8; padding: 10px 0;overflow: hidden; text-align: center;} .fast ul{width:1003px; margin: 0 auto;font-size: 12px; } .fast ul li{float: left; height:20px;line-height: 20px; } .fast ul li a{color: #000; display: block;background: url(../img/nave.png) 0 -1px no-repeat;padding-left: 16px; margin-right: 20px;} .fast ul li a:hover{color: #DA251D;background: url(../img/nave.png) 0 -15px no-repeat;} .fast span{display: block; float: left; margin-right: 20px; margin-top: 2px; border-right:1px solid #E1E1E1;padding-right: 10px; color: #6D6D6D;} /*首页*/ .contentcolor{background: #f2f2f2; overflow: hidden;} .sy{width: 1100px; margin: 20px auto; overflow: hidden;} .sy_l{float: left; height: 265px; background: #FFFFFF;} .sy_la{font-size: 18px; } .sy_la a{color:#000000;} .sy_la a:hover{ text-decoration:underline;} .sy_laa{font-size: 18px; font-weight: bold;} .sy_larr{font-size: 14px; color: #E60011; float: right;} .sy_lb{text-transform: uppercase; color: #cdcdcd; margin: 15px 15px 0; } .sy_lbb{text-transform: uppercase; color: #666666;padding-bottom: 8px;} .sy_limg{float: left; width: 280px; height: 180px;overflow: hidden; margin: 20px 0px 20px 20px; background: #666666;} .sy_limg img{height: 100%;} .sy_lp{float: left; width: 450px; height:180px;margin-top: 20px; text-indent: 2em; line-height: 24px; color: #666666; margin-left:15px; margin-right:15px;} .sy_lpa a{border: 1px solid #333333; display: block; color: #000000;width: 120px; height: 24px; line-height: 22px; margin-top: 10px;} .sy_lpa a:hover{border: 1px solid #DA251D; background: #DA251D; color: #FFFFFF;} .cpr_biao a{color:#000000;} .cpr_biao a:hover{ text-decoration:underline;} .sy_r{float: left; width: 230px; margin-left: 23px; height: 235px;} .sy_ra{font-size: 16px;padding-left: 10px; background: #333333; color: #FFFFFF; height: 28px; line-height: 28px;} .sy_r ul li a{border: 1px solid #666666; margin-top: -1px; display: block; height: 33px; line-height: 32px;padding-left: 30px; background: url(../img/jian.png) 10px -159px no-repeat;} .sy_r ul li a:hover{color: #DA251D;} .sycp{width: 1100px; margin: 20px auto;overflow: hidden;} .douban{width: 1100px;float: left; background: #FFFFFF; overflow:hidden;} .douban .hd{ height:22px; line-height:22px; overflow:hidden; padding-bottom: 5px; border-bottom: 2px solid #DCDDDD;} .douban .hd h2{ float:left; margin: 0 0 12px 0; } .douban .hd h2 a{ color:#333333; font-size:18px;} .douban .hd span{font-size: 14px; color: #666666; text-transform: uppercase; margin-left: 5px; margin-top: 4px; display: inline-block;} .douban .hd .next, .douban .hd .prev{ float:right; display:block; width:18px; height:19px; background:url(../img/left_right.png) no-repeat -6px -7px; overflow:hidden; margin-right:6px; cursor:pointer; } .douban .hd .next{ background-position:-34px -7px; } .douban .hd .prevStop{ background-position:-6px -40px; cursor:default; } .douban .hd .nextStop{ background-position:-34px -40px; cursor:default; } .douban .hd ul{ float:right; margin:6px 6px 0 0; zoom:1; } .douban .hd ul li{ float:left; cursor:pointer; display:block; width:8px; height:8px; margin-right:4px; _display:inline; background: url(../img/switch_dot_small.png) no-repeat 0 0; } .douban .hd ul li.on{ background-position:-12px 0; } .douban .bd{ padding:12px 0 0 0; } .douban .bd ul{ overflow:hidden; zoom:1;} .douban .bd ul li{float:left; background: #FFFFFF; width:250px; margin:10px 0px 10px 20px; height:220px;overflow: hidden;} .douban .bd ul li img{width: 233px; height:180px; border:1px solid #EBEBEB;} .douban .bd ul li i{display: block; line-height:30px; text-align: center; font-style: normal;font-size: 12px; font-weight: bold;} .douban .bd ul li i a{overflow: hidden;} .douban .bd ul li i a:hover{color: #E60011; text-decoration: underline;} .sycp_r{float: left; width: 300px; height:265px; margin-left: 20px; background: #FFFFFF;} .sycp_rp{margin-bottom: 5px;} .ys{width: 1100px; margin: 20px auto; height: auto; background: #FFFFFF;overflow: hidden;} /*新增*/ .ysbox{width: 1100px;margin: 20px 0; overflow: hidden;} .ysbox ul li{width: 160px; height: 252px; border: 1px solid #E1E1E8; float: left; margin-left: 18px;} .ysbox ul li img{width: 71px; height: 71px;margin: 20px 39px 5px;} .ysbox ul li .ysboxp{text-align: center;font-size: 18px; color: #AA7700;} .ysbox ul li p{color: #555555; line-height: 20px; margin: 10px 13px; font-size: 12px;} .ysa,.ysb,.ysc{margin: 0 auto; height: 100px; overflow: hidden;} .ysa{width: 555px; margin-top: 45px;} .ysb{width: 740px; margin-top: 80px;} .ysc{width: 530px; margin-top: 60px;} .ysal,.ysbl,.yscl{float: left;} .ysal,.ysbl,.yscl{float: right;} .kh{width: 1100px; margin: 20px auto; height: 275px;} .khl{width: 380px; height: 270px; float: left; background: #FFFFFF;} .khlp{font-size: 14px; background: #666666; color: #FFFFFF; line-height: 34px; height: 34px;padding-left: 10px;} .khlp span{float: right; margin-right: 10px;font-size: 12px;} .khla{margin: 20px 10px 0; height: 83px;} .khla span{float: left;width: 83px; height: 83px;display: block; overflow: hidden;} .khla span img{width: 100%;} .khlal{float: left; margin-left: 10px; width: 247px;} .khlal a{ margin-top: 5px; font-size: 14px; display: block; font-weight: lighter;display: block;width: 247px;height: 22px; overflow:hidden;white-space: nowrap; text-overflow: ellipsis;} .khlal a:hover{ color:#F00;} .khlal p{margin-top: 5px; color: #666666;font-size: 12px; line-height: 20px;} .khr{width: 700px; height: 270px;margin-left: 20px;float: left;} .khr ul li{ float: left; width: 340px;height: 270px; background: #FFFFFF;} .khr ul li span{display: block; overflow: hidden;} .khr ul li h2{font-size: 14px; font-weight:normal; background: #666666; color: #FFFFFF; line-height: 34px; height: 34px; padding-left: 10px;} .khr ul li h2 a{color: #fff;} .khr ul li span{font-weight: bold; margin-bottom: 10px; display: block; color: #B7231C;font-size: 16px;} .khr ul li p{color: #666666; line-height: 20px; font-size: 14px;} .morp i{font-style: normal;font-size: 14px; margin-bottom: 10px; display: block; border-bottom: 1px solid #E1E1E1; line-height: 24px;} .morp p{line-height: 18px; margin: 15px 0; font-size: 12px;} .morp p a{background: url(../img/nave.png) 0 -2px no-repeat; display: block; padding-left: 15px;} .morp p a:hover{background: url(../img/nave.png) 0 -16px no-repeat; color: #DA251D;} .morp img{width: 288px; height: 83px;margin: 20px 25px 0;} .morb p{line-height: 32px;font-size: 12px;} .morb i{font-style: normal;font-size: 14px; margin-bottom: 10px; display: block; color: #DA251D; line-height: 24px;} .mar{margin-left: 20px;} .picScroll{ margin: 0px auto 40px; position:relative; border:1px solid #eee; width:1001px; padding:10px 0 10px 30px; overflow:hidden; } .picScroll .prev, .picScroll .next{ display:block; position:absolute; top:90px; left:5px; width:23px; height:26px; background:url(../img/btns.png) no-repeat; } .picScroll .next{ left:auto; right:5px; background-position:-25px 0; } .picScroll .prev:hover{ background-position:0 -27px; } .picScroll .next:hover{ background-position:-25px -27px; } .picScroll ul{ overflow:hidden; zoom:1; } .picScroll ul li{ width:222px; float:left; overflow:hidden; padding:0 10px; } .picScroll ul li img{ width:222px; height:150px; display:block;} /*共用*/ .cp_banner{width: 100%; text-align: center; height: 140px; overflow: hidden;} .cp_nav{width: 1100px; margin:10px auto; overflow: hidden;} .cp_nav ul li{float: left; font-size: 12px;color:#666; margin-right: 3px;} .cp_nav ul li a{ margin-right:8px ; color: #333333;} .cp_nav ul li a:hover{color: #DA251D; text-decoration: underline;} .cp_nav ul li span{color: #6D6D6D; margin-left: 8px;} .cp{width:1100px; margin: 10px auto; overflow: hidden;} .cpl{width: 755px;overflow: hidden; margin-right: 18px; float: left;} .cpl_search{width: 730px; padding: 15px; background: #f4f4f4; overflow: hidden;} .cpl_search ul li{float: left; line-height: 24px; margin-right: 10px;font-size: 12px;} .cpl_search select{width: 160px;padding: 0 12px;font-size: 12px; font-family: "微软雅黑"; height: 24px; background: #FFFFFF;} .cpl_sa{margin-left: 20px;color: #e50011;} .cpl_search a{margin: 0 10px;} .cpl_search a:hover{color: #DA251D;} .cpl_ct{margin: 10px 0; overflow: hidden;} .cpl_ct_biao{ height: 32px; line-height: 32px; border-bottom:1px solid #E1E1E1; margin: 10px 0;} .cpl_ct_biao span{display: block;padding: 0 30px; height: 32px;font-size: 16px; font-weight: bold; float: left; text-align: center; background: #DA251D; color: #FFFFFF;} .cpl_ct_biao i{float: right; font-style: normal;} .cpl_ct_biao i a{font-size: 12px;display: block; color: #6D6D6D; background: url(../img/more.png)28px 4px no-repeat;margin-top: 9px; width: 50px; height: 20px; line-height: 20px;} .cpl_ct_biao i a:hover{color: #DA251D; background: url(../img/more.png)28px -20px no-repeat;} .cpl_ct ul li{margin-left:17px; width: 240px;float: left; margin-bottom: 20px;} .cpl_ct ul li span{width: 240px; height: 170px; display: block;} .cpl_ct ul li p{ text-align: center; line-height: 24px; font-size: 14px; margin-top: 10px;} .cpl_ct ul li p a{color: #666666;} .cpl_ct ul li p a:hover{color: #DA251D;} .cpr{width: 320px; float: left;} .cpr_biao{height: 34px;font-size: 18px;line-height: 34px;color: #fff; background:#202020;} .cpr_biao span{display: block;float: left; margin: 6px 10px 0; width: 24px; height: 22px;} .cpr_contact{height: 34px;font-size: 18px;line-height: 34px;color: #fff; background:#071119;} .cpr_contact span{display: block;float: left; margin: 6px 10px 0; width: 24px; height: 22px;} .cpr_zx{margin-bottom: 13px; border: 1px solid #E1E1E1;} .cpr_zx ul{margin: 15px;} .cpr_zx ul li{line-height: 28px;} .cpr_zx ul li a{color: #333;height: 28px; overflow: hidden;} .cpr_zx ul li a:hover{display: block; color: #DA251D;overflow: hidden; background: url(../img/nave.png) 0px -27px no-repeat;padding-left: 16px;} .cpr_anl{border: 1px solid #E1E1E1;} .cpr_anl ul{ clear:both;} .cpr_anl ul li{overflow: hidden; margin: 10px 0; float:left; text-align:center; margin-left:3px; margin-right:3px; } .cpr_anl ul li span{display: block; float:left;margin-right: 5px; text-align:center; } .cpr_anl ul li img{width:150px; height: 105px; border:1px solid #e8e7e7;} .cpr_anl ul li a{color: #333; overflow: hidden; font-size: 12px;} .cpr_anl ul li a:hover{color: #DA251D;} .cpr_us{ background:#071119;filter: alpha(opacity=90); opacity:0.9; clear:both;} .cpr_us ul{margin: 20px 0;} .cpr_us ul li{font-size: 14px;line-height: 18px; color: #fff; margin: 10px 20px;} /*列表页*/ .cpl_lieb{margin: 10px 0; overflow: hidden;} .cpl_lieb ul li{float: left; width: 355px; height: 220px;padding: 10px; background: #F8F8F8; margin-left:5px; margin-top: 10px;margin-bottom: 10px;} .cpl_lieb ul li:hover{border: 1px solid #6D6D6D; padding: 9px;} .cpl_lieb ul li.frist{margin-left: 0;} .cpl_liebt{margin-bottom: 15px; padding-bottom: 10px; border-bottom: 1px solid #E1E1E1; overflow: hidden;} .cpl_liebt span{display:block; float: left; width: 175px; height: 124px;} .cpl_liebt span img{width: 100%;} .cpl_liebt h2{font-style: normal; display: block; margin-bottom: 16px; margin-top: 4px; margin-left: 8px; font-size: 14px;font-weight: bold; color: #000000;} .cpl_liebt p{font-size: 12px; line-height: 22px; color: #333333; margin-left: 8px;} .cpl_liebb{font-size: 12px; line-height: 20px; } .cpl_liebb p{text-indent: 2em;} .cpl_liebb a{color: #FFFFFF; background: #333333; padding: 1px 8px 1px; display: block;float: right; margin-right: 10px; margin-top: -15px;position:relative;border-radius:3px;} .cpl_liebb a:hover{background: #DA251D;} /*产品内页*/ .cp_ny{margin: 20px 0; overflow: hidden;} .cp_ny span{width: 377px; height: 269px; float: left; display: block;} .cp_ny span img{width:100%; } .cp_ny i{margin-left:20px;font-weight: bold; font-style: normal;font-size: 16px;display: block;} .cp_ny p{margin-left:20px; line-height: 18px; margin-top: 8px;} .cp_ny span h1{margin-left: 20px; font-weight: bold; font-style: normal; font-size: 16px; display: block;} .cp_nyj{ padding-top: 15px; border-top:1px solid #E1E1E1;color:#777; font-size: 12px; margin-right: 10px;} .cp_nya{ display:inline-block;border-radius:3px; margin-top: 15px;padding:6px 20px 8px 46px; background: url(../images/ah.png)15px 9px no-repeat #DA251D; color: #FFFFFF; margin-right: 15px;} .cp_nya:hover{background: url(../images/ah.png)15px 9px no-repeat #b7231c;} .cp_nyl{display:inline-block;border-radius:3px;margin-top: 15px;padding:6px 20px 8px 46px; background: url(../images/ah.png)15px -21px no-repeat #333333; color: #FFFFFF; margin-right: 15px;} .cp_nyl:hover{background: url(../images/ah.png)15px -21px no-repeat #000000;} .cp_nyg{margin: 20px 0; overflow: hidden;} .cp_nyg h2 , .cp_nyy h2{height: 34px; margin-bottom: 20px; line-height: 34px; font-size: 1px; border-bottom: 1px solid #333333; display: block; background: url(../images/jian.png) 0 -119px no-repeat;padding-left: 20px; font-size: 16px;} .cp_nygb{height: 34px; margin-bottom: 20px; line-height: 34px; font-size: 1px; border-bottom: 1px solid #333333; display: block; background: url(../img/jian.png) 0 -119px no-repeat;padding-left: 20px; font-size: 16px;} .cp_nyg table{width: 750px; border-collapse: collapse; margin-top: 20px;} .cp_nyg table th{height: 60px; padding: 0 5px !important; background: #F4F4F4; border: 1px solid #DCDDDD;} .cp_nyg table td{height: 40px; padding: 0 5px !important; text-align: center; color: #383838; line-height: 16px; border: 1px solid #EBEBEB; margin: 0; padding: 0;} .cp_nyg p{text-indent: 2em; color: #333333; line-height: 28px; margin-top: 10px;} .cp_nyy{margin: 20px 0; overflow: hidden;} .cp_nyy ul li{width: 180px;float: left; overflow: hidden; margin-left: 11px;} .cp_nyy ul li img{width: 180px; height: 120px;} .cp_nyy ul li.frist{margin-left: 0;} .cp_nyy ul li p{font-size: 12px; text-align: center; margin-top: 4px;} .cp_nyy ul li p a{ color: #666666;} .cp_nyy ul li p a:hover{color: #DA251D; text-decoration: underline;} .cp_tj{margin: 20px 0;padding: 15px 0; overflow: hidden; background: #F4F4F4;} .cp_tja{font-size: 14px; line-height: 24px; border-bottom: 1px solid #DCDDDD; margin: 0 10px 10px; color: #DA251D;font-weight: bold;} .cp_tj ul li{width: 350px;float: left; font-size: 14px; margin:3px 0px 3px 10px; color: #777777; line-height:24px;} .cp_tj ul li a{ font-size: 12px; background: url(../img/nave.png) 0 -3px no-repeat; display: block;padding-left: 15px; color: #383838;} .cp_tj ul li a:hover{background: url(../img/nave.png) 0 -17px no-repeat; display: block; color: #DA251D;} /*新闻列表*/ .cpl_new{margin: 10px 0; overflow: hidden;} .cpl_new ul li{margin-top: 25px; width: 100%; overflow: hidden; clear:both;} .cpl_newr{display: block;float: left;margin-left: 10px;width:100%;} .cpl_newl { display: block; float: left; width: 220px; height: 160px; } .sl_l img{ float:left; width:220px; height:160px; overflow:hidden;} .sl_r{ float:left; width:500px; margin-left:20px;} .sl_r strong{font-size: 16px; display: block; color: #333333; margin-bottom: 8px;} .sl_r p{line-height: 24px; margin-right: 10px; overflow: hidden; color: #777777; font-size: 12px;} .sl_r span{display: block;text-align: center; line-height: 28px; width: 120px; margin-top: 10px; height: 28px; background: #333333; color: #FFFFFF;} .sl_r span a { color:#FFF;} .sl_r span a:hover{color: #DA251D;} .cpl_newr strong{font-size: 16px; display: block; color: #333333; float:left; width:70%;} .cpl_newr p{line-height: 22px; margin-right: 10px; overflow: hidden; color: #777777; font-size: 12px; clear:both; padding:10px;} .cpl_newr .time{width:25%; text-align:right; padding-right:20px; color:#999;} .cpl_newr span{display: block;text-align: center; line-height: 28px; width: 120px; margin-top: 10px; height: 28px; background: #333333; color: #FFFFFF;} .cpl_newr span a{color: #ffffff;} .cpl_newr a:hover{color: #DA251D;} .neirong{ padding:0 10px; line-height:20px;} .neirong img { width: 100%; } .neirong a{color:#F03; font-weight:bold;} #jiathis { height: 30px; margin-top: 10px; line-height: 16px; margin-bottom: 10px; } .cpl_newny{margin: 20px 0;overflow: hidden;} .cpl_newny h1 { font-style: normal; display: block; font-size: 24px; font-weight: bold; margin-bottom: 30px; text-align: center; } .cpl_newny i{font-style: normal; display: block;font-size: 24px;font-weight: bold; margin-bottom:30px;text-align: center;} .cpl_newny p{line-height: 28px;margin: 15px 0; color: #333; } .cpl_newny .cpl_newnya{padding: 15px;display: block; line-height: 24px; background: #F4F4F4; color: #666; font-size: 12px; border:#CCC 1px solid;} .cpl_newny .cpl_newnya span{color:#F30;} .news-cue{padding:14px 25px 10px;background-color:#eee;font-size:14px;color:#413f3f;line-height:36px;overflow:hidden;margin-bottom:20px} .news-cue b{ color:#FF461F; display:inline-block} .news-cue a{ display:inline-block; vertical-align:top; height:36px; line-height:36px; background-color:#FF461F; background-repeat:no-repeat; border-radius: 5px; padding-left: 15px; padding-right:15px; color:#FFF; margin:0 8px} .news-cue a:hover{opacity:.8;filter:alpha(opacity=80)} .news-cue strong{font-size:22px; color:#FF461F; margin-left: 10px; vertical-align:top; display:inline-block} /*联系侧边区域*/ .cp_lxus{margin: 20px 0;padding: 20px; overflow: hidden; background: #fdf9ea;} .cp_lxus p{text-align: center;font-size: 14px;} .cp_lxus ul li{float: left;} .cp_lxusl{width: 410px;margin-top: 22px;padding-left: 20px;} .cp_lxusl span{font-size: 22px;} /*联系*/ .contact{ width: 755px;} .contact p{margin:20px 0; } .contact p em{font-size: 14px; color: red; font-style:normal;} .contact_lx{margin: 30px 0; padding-top: 20px; border-top: 1px dashed gray; overflow: hidden;} .contact_l{float: left;} .contact_l ul{} .contact_l ul li{font-size: 18px; height:30px; line-height:25px; text-indent: 30px; margin-bottom: 15px;} .contact .phone{background: url(../img/contact.png) no-repeat 0 5px;} .contact .fax{background: url(../img/contact.png) no-repeat 0 -40px;} .contact .email{background: url(../img/contact.png) no-repeat 0 -86px;} .contact .email a{color:red; } .contact .email a:hover{color:red; text-decoration:underline;} .contact .qq{background: url(../img/contact.png) no-repeat 0 -133px;} .contact .qq a{color:red;} .contact .qq a:hover{color:red; text-decoration:underline;} .contact .address{background: url(../img/contact.png) no-repeat 0 -178px;} .contact_r{float: right; margin-right: 30px;} .cpr_us ul li a {color:red;} .cpr_us ul li a:hover {color:red; text-decoration:underline;} /*关于我们*/ .about{} .ab_a{width: 750px; height: auto; overflow: hidden; border-bottom: 1px solid #dbdbdb; padding-bottom: 30px; margin-top: 20px;} .about img{ width:380px; height:217px;} .ab_a_con{margin-left: 10px; width: 350px; } .about h2{font-size: 22px; margin-bottom: 15px; color: #1359b1;} .about p{line-height: 25px; color: #747474; font-size: 14px; } .ab_b{width: 750px; height: auto; overflow: hidden; border-bottom: 1px solid #dbdbdb; padding-bottom: 30px; margin-top: 20px;} .ab_b_con{margin-right: 10px; width: 350px; } .honor img{width: 230px; height: 150px;} .honor ul{margin-left: 15px;} .honor ul li{float: left; margin-right: 15px; margin-top: 20px;} /*表单*/ .cp_bd{margin: 20px 0;padding: 20px; overflow: hidden; background: #fdf9ea;} .cp_bda{font-size: 16px; border-bottom: 3px solid #DA251D; height: 28px; margin-bottom: 15px;} .cp_bda span{display: block;width: 110px;text-align: center; height: 28px; line-height: 28px; color: #FFFFFF; background: #DA251D;} .cp_bd ul {overflow: hidden;} .cp_bd ul input{width: 220px;font-size: 12px;font-family: 寰蒋闆呴粦;padding:0 10px; height: 24px; line-height: 24px; border: 1px solid #E1E1E1; background: #FFFFFF;} .cp_bd i{display:block;float: left; height: 26px;line-height: 26px; font-size: 12px; color: #666666; width: 70px;text-align: right; margin-right: 5px; font-style: normal;} .cp_bd ul li{float: left;width: 344px;margin: 5px; height: 26px;} .cp_bd textarea{width: 574px;font-size: 12px;font-family: 寰蒋闆呴粦; margin-top: 6px; height: 50px;padding: 10px; border: 1px solid #E1E1E1; display: inline-block;} .button{width: 120px;height: 28px;cursor: pointer; line-height: 28px;font-family: 寰蒋闆呴粦;margin-top: 10px; background: #383838;color: #FFFFFF;border: 0; margin-left: 80px;} .button:hover{background: #000;color: #DA251D;} .cp_bdb{margin-left: 5px;} .link{background: #FFFFFF;line-height:30px; clear:both;} .link_text{width:1100px;margin:0 auto; overflow:inherit;} .link_text span{ font-size:14px; color:#F03;} .link_text a{ margin-left:10px;} .foot{padding: 20px 0; text-align: center;background: #333333; color: #FFFFFF;} .foot a{color:#fff;} .foot a:hover{color:red;} .foot2{width:1003px; margin:0 auto; margin-bottom:15px;} .foot_left{float:left;} .foot_right{float:right;} .bd ul li p{ text-align:center;color: #666666; line-height:28px;} .bd ul li p:hover{color:#B7231C;} #swta { float: right; z-index: 999; position: fixed !important; top: 280px; position: absolute; top: expression(offsetParent.scrollTop+200); right: 10px; } /*新闻页留言表单*/ .ly_formfl { float: left; width: 730px; position: relative; z-index: 1 } .ly_formfl .ly_formfltit { border-left: 2px solid #ff1c16; margin-bottom: 40px; padding-left: 36px; background: url(../images/arrow01.png) no-repeat right 24px; background-size: 40px; position: relative } .ly_formfltit:after { content: ''; position: absolute; left: 46px; bottom: -34px; background: url(../images/arrow02.png) no-repeat center top; background-size: 20px; width: 20px; height: 29px } .ly_formfltit h3 { font-size: 26px; line-height: 1; margin-bottom: 20px; display: inline-block; color: #ff1c15; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-image: -webkit-linear-gradient(bottom left, #ff1c15, #ff615d) } .ly_formfltit p { font-size: 16px; line-height: 20px; color: #666 } .ly_formfltit p strong { color: #ff1c16 } .ly_formfl .ly_form { position: relative; background: #fff; border-radius: 25px; box-shadow: 0px 2px 14px 1px rgba(7, 7, 7, 0.17); padding: 38px 30px; } .ly_formfl .ly_form:after { position: absolute; right: 23px; bottom: 19px; width: 72px; height: 49px; content: ''; background: url(../images/arrow03.png) no-repeat right top; background-size: 72px } .ly_form ul { clear: both; margin-left: -20px } .ly_form ul li { float: left; margin-left: 20px; width: 80%; margin-bottom: 20px; position: relative } .ly_form ul li i { position: absolute; left: 12px; top: 40px; display: block; width: 32px; height: 30px } .ly_form ul li.lyicon1 i { background: url(../images/lytb1.jpg) no-repeat center center; background-size: 32px; } .ly_form ul li.lyicon2 i { background: url(../images/lytb2.jpg) no-repeat center center; background-size: 32px; } .ly_form ul li.lyicon3 i { background: url(../images/lytb3.jpg) no-repeat center center; background-size: 32px; } .ly_form ul li.wbk { width: 690px } .ly_form ul li span { font-size: 16px; line-height: 1; color: #666666; display: block; padding-bottom: 13px; font-weight: bold } .ly_form ul li input { line-height: 1; height: 48px; width: 100%; color: #666; font-size: 15px; border: 0px; border: 1px solid #eee \0; background: #ffffff; padding-left: 35px; box-sizing: border-box; border-radius: 8px 8px 8px 0px; box-shadow: 0px 1px 10px rgba(7, 7, 7, 0.17); padding: 11px 5px 11px 55px; } .ly_form ul li textarea { height: 150px; line-height: 36px; width: 100%; color: #666; border: 0px; border: 1px solid #eee \0; background: #ffffff; padding-left: 35px; box-sizing: border-box; border-radius: 8px 8px 8px 0px; box-shadow: 0px 1px 10px rgba(7, 7, 7, 0.17); font-family: '微软雅黑'; font-size: 14px; padding: 11px 5px 11px 55px; } .ly_form ul li:after { content: ''; position: absolute; left: 0px; bottom: 0px; background: none; width: 38px; height: 20px; border-bottom: 4px solid #fe5b56; border-left: 4px solid #fe5b56 } .ly_form .button { clear: both; display: block; width: 251px; background: url(../images/lytb5.jpg) no-repeat right bottom; overflow: hidden; padding: 20px 52px 0px 10px; background-size: 67px; margin-left: -10px; position: relative; padding: 24px 50px 0px 10px; height: 50px; } .ly_form .button:after { content: ''; background: url(../images/yx.gif) no-repeat center center; width: 28px; height: 28px; background-size: 35px; position: absolute; left: 36px; top: 34px; z-index: 0 } .button input { color: #fff; font-family: 微软雅黑, 宋体; line-height: 50px; display: block; width: 100%; cursor: pointer; font-size: 20px; font-weight: bold; border-radius: 9px; border: none; background: #fe3732; background: -moz-linear-gradient(right top, #ff625d, #fe1d17); background: -ms-linear-gradient(right top, #ff625d, #fe1d17); background: -o-linear-gradient(right top, #ff625d, #fe1d17); box-shadow: 0px -2px 10px rgba(254, 55, 50, 0.39); padding: 0px 0px 0px 20px; } .button input:hover { background: #fdcc05; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease } /*产品页留言表单*/ .box { width: 1200px; margin: 0 auto; } .message{ clear:both; overflow:hidden; width:100%; margin:30px auto 0; padding:30px 0; background:url(../images/contact.jpg)#F0F0F0 no-repeat top center;} .message .msg_tit{ color:#EB0001; font-size:30px; font-weight:bold; height:30px; padding:10px 0 5px;} .message p{ color:#444; line-height:24px; margin-top:5px;} .msg_fill{ float:left; width:64%;} .message ul{ clear:both; overflow:hidden; margin-top:10px; margin-left:-1%;} .message ul li{ position:relative; float:left; width:49%; margin-left:1%; height:52px; line-height:50px; margin-bottom:10px; border:1px solid #DADADA; box-sizing:border-box; background-color:#FFF;} .message ul li.msg_area{ width:99%; height:162px;} .message ul li span{ position:absolute; top:13px; left:10px; width:24px; height:24px;} .message ul li span.icon_msg01{ background: url(../images/icon_mag01.png) no-repeat center top; background-size:24px;} .message ul li span.icon_msg02{ background: url(../images/icon_mag02.png) no-repeat center top; background-size:24px;} .message ul li span.icon_msg03{ background: url(../images/icon_mag03.png) no-repeat center top; background-size:24px;} .message ul li input{ clear:both; width:100%; color:#333; font-size:16px; height:50px; line-height:50px; padding-left:44px; border:none; box-sizing:border-box; background:#FFF;} .message ul li textarea{ clear:both; width:100%; color:#333; font-size:16px; height:160px; line-height:24px; border:none; padding-left:44px; padding-top:13px; font-family:Microsoft YaHei; box-sizing:border-box;} .msg_btn{ display:inline-block; width:20%; height:50px; line-height:40px; text-align:center; color:#FFF; font-size:18px; margin:5px 0 15px;} .msg_btn input{ display:block; width:100%; height:50px; color:#111; font-size:17px; cursor:pointer; border:none; border-radius:2px; background-color:#FFCC00;} .msg_btn input:hover{ color:#FFF; background-color:#EB0001;} .msg_info{ float:right; width:30%; background-color:#FEEE46; padding:15px 20px; box-sizing:border-box; margin-top:10px;} .msg_info b{ display:block; font-size:24px; margin:20px 0;} .msg_info p{ color:#333;} .msg_link{ margin-left:-1.5%; margin-top:5px;} .msg_link a{ display:block; float:left; width:29%; height:35px; line-height:35px; color:#000; font-size:16px; text-align:center; margin:10px 1.5% 10px; border-radius:2px; border:1px solid #000; overflow:hidden; } .msg_link a:hover{ color:#FFF; border:1px solid #FF1516; background-color:#FF1516;} .msg{ background:none;} .msg .box{ clear:both; overflow:hidden; padding:20px; box-sizing:border-box; background:url(../images/contact.jpg)#F0F0F0 no-repeat top center;}