@charset "utf-8";

/* CSS Document */

.return{ position:fixed; width:100%; height:40px; line-height:40px; background:url(../images/returnbg.gif) repeat-x; top:0;  z-index:1;}

.return a{ display:block; background:url(../images/jt2.png) no-repeat center center; background-size:10px 17px; width:40px; height:40px; float:left;}

.return p{ color:#000;}





.banner{ width:100%; position:relative;}

.banner img{ width:100%;}

.banner .btit{ position:absolute; left:0; top:20px;}

.banner .btit h2{ background:url(../images/gc3.png) repeat-x; color:#fff; font-size:14px; height:30px; line-height:28px; padding:0 10px; float:left;border-radius: 0 5px 5px 0;}

.banner .btit i{ display:block; width:42px; height:30px; float:left;}

.tit{ width:100%; background:#fff;}

.tit h2{ font-size:14px; margin-left:10px; font-weight:bold; padding:10px 0;}

.tit h3{ font-size:14px; margin-left:10px; font-weight:bold; padding:20px 0 10px 0;}

.tit img{ width:100%;}

.muluul{ padding:0 10px}

.muluul li{ margin:10px 0;}

.muluul li a{ display:table; background:#fff; width:100%; padding:10px;}

.muluul li a img,.muluul li a p{ display:table-cell;}

.muluul li a img{ width:100%;}

.muluul li a p{ vertical-align:middle; width:75%;padding:0 15px;line-height:2em;}



/*mulucon*/





/*support*/

.support{ margin:10px 0; background:#fff; padding:10px;}

.support2{ position:relative;}

.support2::before{content:"";width:80px;height:2px;background:#c12033; position:absolute;left:0;top:0;}

.support li{ margin:10px 0; list-style:disc inside; padding-bottom:10px;}

.support2 li{ border-bottom:1px dashed #eee;}

.support li a{color:red;}

.support img{ max-width:100%;}





.hx{ margin:20px 0;}

.hx img{width:100%;}

.hx2{ margin:0;}

.tit2{margin-top:10px; position:relative;}

.tit2 img{ float:left; margin-right:20px;}

.tit2 a{ display:block; height:40px; line-height:40px;float:left; text-align:center; font-size:15px; color:#fff; width:50%; padding:0 1%; background:#fff;}

.tit2 a span{ display:block;padding:0 30px 0 10px; width:100%; position:relative; color:#e31c23;}

.tit2 a i{background:url(../images/qhright.png) no-repeat; width:23px; height:40px; position:absolute; top:0; right:0; display:block;}

.tit2 a#all span{ display:block;background:#000; color:#fff;}

.tit2 a#all i{background:url(../images/qhrighthover.png) no-repeat;}

#hidenav{ position:absolute; width:48%; background:#fff;  top:40px; right:1%; border:1px solid #ccc; display:none;}

#hidenav li{ width:100%; float:left; text-align:center;}

#hidenav li a{ display:block; width:100%;color:#000; font-size:12px; height:35px; line-height:35px; border-bottom:1px dotted #ccc; color:#282828;}

#hidenav li:last-child a{ border:none;}

#hidenav li.litit a{ font-size:14px; color:#e31c23; font-weight:bold;}



.supportlist{ width:100%;}

.supportlist li{ display:block; width:50%; padding:8px; text-align:center; float:left;}

.supportlist li a{ display:block; background:#fff; padding-top:10%;}

.supportlist_pic{width:auto;height:155px;}

.supportlist li a img{ width:auto;height:50vw;}

.supportlist li a h2{ font-size:12px; margin-top:10px;color:#e31c23;height:50px;}

.supportlist li a p{height:48px;line-height:24px;overflow:hidden}







/*ziliao*/

.red{color:#ff0000;}

.zlwarp{ background:#fff;}

.zlwarp h3{ font-size:14px; font-weight:bold; line-height:2em; color:#fff; background:#222; height:30px; line-height:30px; text-indent:

1em;}

.zlcon{ padding:10px;}

.zlcon li{ border-bottom:1px dotted #ccc; padding:10px 0; line-height:2em;}

.zlcon li h4{ font-weight:bold; font-size:12px;}

.zlcon li p{ color:#666; font-style:italic; font-weight:bold;}

.zlcon li a{ display:block;}



/*aboutlist*/

.news,.aboutlist{background:#fff; padding:10px; margin-top:10px;}

.aboutlist h2{ font-size:14px; margin-bottom:10px;}

.aboutlist ul{ width:100%; overflow:hidden;}

.tool ul li img{ border:1px solid #ddd;}

.aboutlist ul li{float:left; display:block; width:48%; margin-right:4%; margin-bottom:2%;}

.aboutlist ul li:nth-child(2n){ margin-right:0;}

.aboutlist ul li a{ display:block;}

.aboutlist ul li a img{ width:100%;}

.aboutlist ul li a h3{ font-size:13px; text-align:center; line-height:2em; margin-top:10px;}





/*news*/

.news ul li{ float:left; margin-bottom:20px; border-bottom:1px dashed #ccc; padding-bottom:20px;}

.news ul li a{ display:block; width:100%;}

.news ul li a img{ display:block; width:80px; height:80px; float:left;}

.news ul li div{margin-left:90px;}

.news ul li div h3{ color:#e31c23; height:30px;line-height:30px; font-weight:bold; font-size:13px;overflow:hidden;}

.news ul li div p{ line-height:2em; overflow: hidden; height: 50px;}





/*search*/

.search h3{ font-weight:bold;}

.search ul li{ display:block; width:100%; margin-top:15px; position:relative;}

.search ul li span{ display:block; width:80px; text-align:right; font-size:12px; float:left; line-height:35px;}

.search ul li .sear{ margin-left:90px;}

.search ul li .sear span{display:block; width:100%; text-align:left; font-size:12px; float:left; line-height:35px;}

.search ul li .searyz{ margin-left:90px; }

.search ul li .searyz span{display:block; width:100%; text-align:left; font-size:12px; float:left; line-height:35px;}

.search ul li input,.search ul li select{ border:1px solid #eee; color:#999; font-size:12px; width:90%; height:35px; line-height:35px; padding-left:5px;}

.search ul li textarea{border:1px solid #eee; color:#999; font-size:12px; width:90%; height:135px; line-height:2em; color:#000; padding:5px;}

.search ul li select{ color:#333; appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#fff url("../images/arrow.png") no-repeat scroll right center;}

.search div a{ display:block; width:80px; height:20px; position:absolute; right:8%; top:2px;border:1px solid #eee;height:35px; line-height:35px; text-align:center; background:#eee;}

.search a.btn{ display:block; float:left; width:46%; height:35px; line-height:33px; text-align:center; border:1px solid #dedede; margin:20px 2%; background:url(../images/returnbg.gif) repeat-dededex; font-size:14px; border:1px solid #dedede;}

.search input.btn{ display:block; float:left; width:46%; height:35px; line-height:33px; text-align:center; border:1px solid #dedede; margin:20px 2%; background:#ccc; font-size:14px; border:none;}



.search123 ul{margin-top:15px;}

.search123 ul li{ margin-top:0; margin-bottom:0;}

.search123 ul li span,.search123 ul li .searyz span,.search123 ul li .sear span{line-height:2em;}





.message p{ border:1px solid #eee; padding:10px;}

.message ul li span.lb{ display:block; margin-top:70px;}

.sear2{ border:1px solid #eee; margin-right:8%; padding:10px;}

.sear2 ul li{ margin:5px 0;}

.sear2 ul li input{ display:block; width:15px; height:15px; float:left;}

.sear2 ul li label{ line-height:20px;}

.message .msbtn{ margin-left:90px;display:block; float:left; width:46%; height:35px; line-height:33px; text-align:center; border:1px solid #dedede; background:url(../images/returnbg.gif) repeat-x; font-size:14px; border:1px solid #dedede; margin-top:10px;}







/*searchcon*/

.searchlist ul li,.searchcon ul li{ list-style:none; border-bottom:1px dashed #dedede; padding-bottom:10px;}

.searchcon ul li a.ta{ background:url(../images/gc2_12.jpg) no-repeat right center; padding-right:18px; color:#222;}

.downson{ display:none; margin-top:10px;}

.downson dd a{ display:block; height:35px; line-height:35px; padding-left:10px;color:#222;}





.searchlist ul li a.sa{ background:url(../images/jxs_2.png) no-repeat left center; padding-left:18px;color:#222;}

.searchlist ul li span{display:block;color:#999;margin-left:20px;}









.productcon{margin-top:10px;}

.productcon a{ display:block; float:left; width:48%;margin:1%; background:#fff; border-radius:4px; position:relative;}

.productcon div{ width:100%; border-top:1px solid #e2e2e2; padding:5px 10px;height:50px;}

.productcon a img{ width:100%; height:auto;  border-radius:5px; padding:10px;}

.productcon a img.picsj{ position:absolute; right:0; bottom:20px; width:30%; display:none;}

.productcon h2{ font-size:13px;}

.productcon p{ color:#e31c23; height:36px; overflow:hidden;}



/*about*/

.model{padding-bottom:20px;}

.model img{width:98%;height:auto; margin:0 auto;}

.indent-p{text-indent:24px; font-size:14px; line-height:25px;}

.no-indent{font-size:14px; line-height:25px;}

.f-title{font-size:18px; height:40px; line-height:40px;}

.f-title::before{content:""; height:3px;width:36px;background:#e31c23;display:block;}

.s-title{font-size:16px;line-height:30px;}