@charset "utf-8";

*{margin:0;outline:0;padding:0;font-size:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);}
a{text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0.35); color:#666;font-size:14px;outline:none;-webkit-tap-highlight-color: rgba(0,0,0,0);}
a:focus{outline:none}
a:hover,a:active{outline:none}:focus{outline:none}
a:link{color:#666}
a:visited {color:#666}
a:hover {color:#666}
a:active{color:#666}
img{outline:none}
html{height:100%;font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
body,.submit{font-family:Microsoft YaHei,Helvitica,Verdana,Tohoma,Arial,san-serif;color:#777;font-size:14px;}
html,body{background:#fff;max-width:800px;min-width: 320px;margin:auto}
ul,li{list-style: none;outside:none; }
em,i{font-style:normal}
input,textarea,
input[type="submit"],
input[type="reset"],
input[type="button"],
button {-webkit-appearance: none;font-family:Microsoft YaHei}
h1,h2,h3,h4,h5,h6,em,i{ font-style:normal; font-weight:normal}
		
.clear{ clear:both;height:0}
.f-l{float:left}
.f-r{float:right}

.height5{height:5px;clear:both;zoom:1;line-height:0;font-size:0;}
.height10{height:10px;clear:both;zoom:1;line-height:0;font-size:0;}
.height15{height:15px;clear:both;zoom:1;line-height:0;font-size:0;}
.height20{height:20px;clear:both;zoom:1;line-height:0;font-size:0;}
.height30{height:30px;clear:both;zoom:1;line-height:0;font-size:0;}
.height40{height:40px;clear:both;zoom:1;line-height:0;font-size:0;}
.height50{height:50px;clear:both;zoom:1;line-height:0;font-size:0;}
.tran_all{-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease}

.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {*zoom:1;}
.clearfix {display:block;}
.dis_none{ display:none;}

.text-overflow{overflow: hidden;text-overflow: ellipsis;white-space: nowrap}

.center{max-width:800px;margin: 0 auto;}

.mid{padding:0 10px}

@font-face {font-family: "impact";
  src: url('font/impact.eot'); /* IE9*/
  src: url('font/impact.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('font/impact.woff') format('woff'), /* chrome、firefox */
  url('font/impact.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('font/impact.svg') format('svg'); /* iOS 4.1- */
}

/*head*/
.ttop4{ display:block;overflow:hidden;height:46px;width:100%;max-width:800px;min-width: 320px;text-align:center; position: fixed; z-index: 1000; top:0;background:#fff;box-shadow:0 2px 1px rgba(0,0,0,0.1);-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.1)}
.ttop_bg{display:block;overflow:hidden;height:46px;}

.ttop_home{height:30px;margin:8px 10px 0;}
.ttop_home img{height:30px}
.ttop_more{height:20px;margin:13px 10px 0;}
.ttop_more img{height:20px;}

/*ttop_nav*/
.dofl{ display:block; overflow:hidden; float:left;}
.dofr{ display:block; overflow:hidden; float:right;}
.domr{ display:block; overflow:hidden; float:none; margin-left:auto; margin-right:auto;}
.index_on_body{ overflow:hidden; overflow-x:hidden; overflow-y:hidden;}
.index_nav{ display:block;width:0%;max-width:800px;height:100%;min-height:100%;max-height:100%;z-index:1000; overflow:hidden;position:fixed;top:0px;overflow:hidden; background:rgba(0,0,0,0);-webkit-transition:background 1s ease;-moz-transition:background 1s ease;-ms-transition:background 1s ease;-o-transition:background 1s ease;transition:background 1s ease}

.index_nav .box{width:0px;height:100%;min-height:100%;max-height:100%;background:#ed0310; }
.index_nav .tit{width:180px;height:46px;line-height:46px; background:rgba(0,0,0,0.2); padding:0 20px;color:rgba(255,255,255,0.9);font-size:18px;}
.index_nav .tit img{width:30px;height:30px;margin:8px 0 0;}
.index_nav .uls{width:180px;padding:5px 20px;}
.index_nav li{overflow:hidden;width:100%;}
.index_nav li a{width:96%;height:35px;line-height:35px;font-size:14px;border-bottom:rgba(255,255,255,0.2) dashed 1px;color:rgba(255,255,255,0.9);}

.index_nav.on{background:rgba(0,0,0,0.7);}
.index_nav.on .box{width:220px;}


/*footer*/
#mcover{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);display:none;z-index:20000;}
#mcover .img1{position:fixed;right:18px;top:5px;max-width:80%;max-height:45%;z-index:20001;}
#mcover .img2{ position:relative;top:50%;left:-80px;margin:0 0 0 50%;width:160px;box-shadow:rgba(0,0,0,0.5) 0 0 30px; -webkit-box-shadow:rgba(0,0,0,0.5) 0 0 30px; -moz-box-shadow:rgba(0,0,0,0.5) 0 0 30px;}

.footer{ position:relative; z-index:9; background-color:#fff;border-top:1px solid #e5e5e5}
.footer .box1{width:80%;padding:0 10%;}
.footer .f_bot1{width:50%; float:left;}
.footer .f_bot1 .button{font-size:12px;margin:10px 0;color:#666;width:100%;cursor:pointer; background:none;border:none; box-shadow:rgba(153,153,153,0.2) 1px 0 0 inset;-webkit-box-shadow:rgba(153,153,153,0.2) 1px 0 0 inset;-webkit-box-shadow:rgba(153,153,153,0.2) 1px 0 0 inset;color:#666}
.footer .f_bot1 .button img{width:25%;}
.footer .f_bot1 .button2{box-shadow:rgba(153,153,153,0.05) 0 0 0 inset;-webkit-box-shadow:rgba(153,153,153,0.05) 0 0 0 inset;-moz-box-shadow:rgba(153,153,153,0.05) 0 0 0 inset;}

/*foot*/
.h_pic{ width:100%; background-color:#fff;color:#666;font-size:12px;padding:10px 0;text-align:center;border-top:1px solid #e5e5e5}
.h_pic p{line-height:18px;padding:4px 10px}
.h_pic p a{color:#666;font-size:12px;}
.h_cen{padding:0 10px;margin:auto}

.top_barbg{height:45px;}
.top_bar { position: fixed; z-index: 900; bottom: 0; left: 0;max-width: 800px;min-width: 320px;right: 0; margin: auto;background:#ed0310;box-shadow:0 2px 1px rgba(0,0,0,0.1);-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.1)}
.top_menu { display:-webkit-box; display: block; width: 100%; height: 40px; display: -webkit-box; display: box; margin:0; padding:5px 0 0; -webkit-box-orient: horizontal;}
.top_bar .top_menu>li { width:25%; text-align:center; }
.top_menu li:first-child { background:none; }
.top_bar .top_menu li a { line-height:20px; display:block; text-align:center; color:#fff; text-decoration:none;-webkit-box-flex:1; }
.top_bar .top_menu li a label {display: block;height: 20px; width: 100%; font-size:12px; overflow:hidden;color: #fff; }
.top_bar .top_menu>li>a img { display: block; height: 20px; margin:auto   }
.top_bar li:first-child a { display: block; }



/*ban*/
.focus{width:100%;margin:0 auto; position:relative;overflow:hidden}
.focus .hd{ width:100%; height:16px;  position:absolute; z-index:1; bottom:10px; text-align:center;  }
.focus .hd ul{ display:inline-block; height:10px; padding:3px 5px;  font-size:0; vertical-align:top;}
.focus .hd ul li{ display:inline-block; position:relative;width:10px;height:10px;-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px;border:1px solid #c9c9c9;margin:0 5px;vertical-align:top; overflow:hidden;}
.focus .hd ul li:after{content:''; position:absolute;left:2px;top:2px;width:6px;height:6px;background:#c9c9c9;border-radius:8px}
.focus .hd ul .on{ border:1px solid #d8271c;  }
.focus .hd ul li.on:after{background:#d8271c}

.focus .bd{ position:relative; z-index:0; }
.focus .bd li img{ width:100%;  background:url(loading.gif) center center no-repeat;  }
.focus .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0) }
.banner{width:100%}
.banner img{width:100%}

/*index-menu*/

.index-tit{margin:20px 0;height:40px;background:url(0-20.png) no-repeat center top;background-size:200px auto;}
.index-t-1{background-position:center -21px}
.index-t-2{background-position:center -100px}
.index-t-3{background-position:center -182px}


.index-pro .menu-lists {padding:0 5px}
.index-pro .menu-lists li{float:left;padding:0 5px 10px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.index-pro .menu-lists li a{display:block;width:100%;position:relative;padding:8px 0;height:20px;line-height:20px;font-size:13px;text-align:center;color:#fff;background:#d8271c;overflow:hidden;border-radius:5px}
.index-pro .menu-lists li:nth-child(1),
.index-pro .menu-lists li:nth-child(2),
.index-pro .menu-lists li:nth-child(3),
.index-pro .menu-lists li:nth-child(4),
.index-pro .menu-lists li:nth-child(5),
.index-pro .menu-lists li:nth-child(6){width:33.333%}
.index-pro .menu-lists li:nth-child(7),
.index-pro .menu-lists li:nth-child(8),
.index-pro .menu-lists li:nth-child(9),
.index-pro .menu-lists li:nth-child(10){width:50%}
.index-pro .menu-lists2 {padding:0 5px}
.index-pro .menu-lists2 li{float:left;padding:0 5px 10px;width:50%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.index-pro .menu-lists2 li a{display:block;width:100%;position:relative;padding:8px 0;height:20px;line-height:20px;font-size:13px;text-align:center;color:#666;background:#f1f1f1;overflow:hidden;border-radius:5px}
.index-pro .menu-lists2 .li1{width:50%}
.index-pro .menu-lists2 .li2{width:50%}
.index-pro .menu-lists2 li.on a{color:#fff;background:#d8271c}

.index-pro .pro-lists {padding:0 5px}
.index-pro .pro-lists li{float:left;width:50%;padding:0 5px 10px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.index-pro .pro-lists li a{display:block;position:relative;border:1px solid #ccc;}
.index-pro .pro-lists li a .imgs{width:100%;height:0;padding-bottom:75%; overflow:hidden}
.index-pro .pro-lists li a .imgs img{width:100%}
.index-pro .pro-lists li a p{position:absolute;bottom:0;left:0;width:100%;padding:5px 10px;text-align:center;background:#ccc;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.index-pro .pro-lists2 {padding:0 5px}
.index-pro .pro-lists2 li{float:left;width:50%;padding:0 5px 10px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.index-pro .pro-lists2 li a{display:block;position:relative;border:1px solid #ccc;}
.index-pro .pro-lists2 li a .imgs{width:100%;height:0;padding-bottom:75%; overflow:hidden}
.index-pro .pro-lists2 li a .imgs img{width:100%}
.index-pro .pro-lists2 li a p{width:100%;padding:5px 10px;text-align:center;background:#ccc;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}




.index-news{padding:1px 10px 20px;background:url(0-30.gif) repeat-x center center; background-size:auto 100%}
.index-news .top-news{padding:5px;background:#ca0f0d;border:1px solid #a3020d}
.index-news .top-news a{position:relative;display:block;height:75px;background-color:#fff;border:1px solid #a3020d}
.index-news .top-news a .imgs{position:absolute;left:0;top:0;width:100px;height:75px;border-right:1px solid #ededed;overflow:hidden}
.index-news .top-news a .imgs img{width:100px;height:75px;}
.index-news .top-news a .con{padding:0 10px 0 110px}
.index-news .top-news a .con .tit{margin-top:5px;height:25px;line-height:25px;color:#7f0208}
.index-news .top-news a .con p{height:40px;line-height:20px;font-size:12px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;}
.index-news .n-lists {margin-top:10px}
.index-news .n-lists a{display:block}
.index-news .n-lists a .t{position:relative;width:90%;height:25px;line-height:25px;padding-left:10px;color:#fff}
.index-news .n-lists a .t:after{position:absolute;left:0;top:50%;margin-top:-3px;width:5px;height:5px;border-radius:5px;background:#7f0208;content:'';}
.index-news .n-lists a .date{height:15px;line-height:15px;padding-left:10px;color:#e08287;font-size:10px;}

.index-about{padding:1px 10px 20px;background:url(0-40.gif) repeat-x center center; background-size:auto 100%}
.index-about .con{line-height:24px}
.index-about a.read-more{display:block;margin-top:10px;padding:3px 0;width:100px;text-align:center;color:#ac020b;border:2px solid #ac020b}


.page-about{padding:10px}
.page-about .con{line-height:24px}
.page-about img{max-width:100%}


/*product*/
.pro-banner{text-align:center;padding:10px;}
.pro-banner .pic{border:1px solid #e7e7e7;margin-bottom:10px;}
.pro-banner .pic img{width:100%;}
.pro-banner .title{padding:10px 0;line-height:26px;text-align:center;font-size:18px;color:#fff;background:#d8271c;}
.pro-infos{line-height:26px;	}
.pro-infos img {max-width:100%}

/**/
.page-about .c2{font-size:18px;color:#d8271c}
.lianxi_l {margin-top:10px;padding:10px;border:1px solid #d8271c}
.lianxi_l h3{font-size:16px;margin-bottom:10px;padding-bottom:10px;color:#333; font-weight:normal; background:url(7-01.gif) no-repeat left bottom;background-size:100% 1px}
.lianxi_l p{ position:relative;color:#666;line-height:24px;padding-left:50px;}
.lianxi_l span{position:absolute;left:0;top:0;color:#999}


/*lianxi*/
.feed{padding:20px 10px;}
.feed .c2{font-size:18px;color:#d8271c}
.text-li {margin-top:10px; position:relative}
.text-li .in{margin-right:20px;height:30px;}
.text-li .in2{margin-right:20px;height:90px;}
.text-li span{ position:absolute;right:0;top:0;width:10px;text-align:center;color:orangered;height:30px;line-height:30px;}
.text-li .in input{width:100%;height:30px;line-height:30px;padding:2px 10px;border:1px solid #ddd;box-sizing:border-box }
.text-li .in2 textarea{width:100%;height:90px;line-height:20px;padding:4px 10px;border:1px solid #ddd; resize:none;box-sizing:border-box}

.text-li .in input,.text-li .in2 textarea{
    -webkit-transition:all 0.2s linear 0s;
       -moz-transition:all 0.2s linear 0s;
         -o-transition:all 0.2s linear 0s;
            transition:all 0.2s linear 0s
}
.text-li .in input:hover,.text-li .in2 textarea:hover{border: solid 1px #d8271c}
.text-li .in input:focus,.text-li .in2 textarea:focus{border:solid 1px #d8271c \9;border-color:rgba(216,39,28,0.8);box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(216, 39, 28, 0.6)}

.feed .btn{margin-top:10px;margin-right:20px;}
.feed .btn input{float:left;width:48%;height:35px;background-color:#d8271c; cursor:pointer;font-size:13px}
.feed .btn .sub{background-color:#d8271c;border:1px solid #d8271c;border-radius:100px;color:#fff}
.feed .btn .res{float:right; background-color:#fff;border:1px solid #ddd;border-radius:100px;}

.yzm {height:30px;}
.yzm input{float: left;width:100px;height:30px;line-height:30px;padding:2px 10px;border:1px solid #ddd;box-sizing:border-box }
.yzm img{float: left;display:block;width:100px;height:30px;line-height:30px;border:1px solid #ddd;box-sizing:border-box;border-left:0; }




/*news*/
.news_list ul li{ position:relative;width:100%;height:90px;border:1px solid #ededed;margin-top:10px;background:#fff}
.news_list ul li .pic{ position:absolute;left:0;top:0;width:120px;height:90px;border-right:1px solid #ededed;overflow:hidden}
.news_list ul li .pic img{width:100%;height:100%}
.news_list ul li .p{padding-left:130px;padding-right:10px;height:80px;}
.news_list ul li .p1{margin-top:5px;height:25px;line-height:25px;color:#7f0208}
.news_list ul li .p2{height:32px;line-height:16px;font-size:12px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;}
.news_list ul li .p3{margin-top:5px;height:15px;line-height:15px;color:#999;font-size:10px;}

.news-content{}
.news-content-title{margin-top:15px;line-height:24px;text-align:center;font-size:16px;color:#333;}
.news-info {margin-top:5px;padding-bottom:15px;text-align:center;font-size:13px;color:#787878;border-bottom:1px solid #ddd}
.news-p {margin-top:20px;line-height:22px;}
.news-p img{max-width:100%;}

/*********      page      ***************/
#page{ width:100%;padding:2px 0 0;overflow:hidden;}
#page .page_info{ text-align:center}
#page .page_info select{display:none;}
#page .page_info span{padding:5px 10px;font-size:14px;margin:0 2px; background:#d8271c;line-height:30px;border:1px solid #d8271c}
#page .page_info a{padding:5px 10px;font-size:14px;margin:0 1px; background:none;line-height:30px;color:#888;border:1px solid #ddd}
#page .page_info span.nolink{background:none;color:#ccc;border:1px solid #ddd}
#page .page_info font{color:#fff;}



.page-in{border-top:1px solid #ddd;margin-top:20px;padding:0;padding-top:10px;background:#fff;}
.page-in .btn{line-height:24px;}












.index-menu {
	background-color:#fff;
	border-top:1px solid #e7e7e7;
}
.menu-li {
	float:left;
	width:33.333%;
	border-right:1px solid #e7e7e7;
	border-bottom:1px solid #e7e7e7;
	text-align:center;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
.menu-li a {
	display:block;
	width:100%;
	padding:5px 0;
}
.menu-li li:nth-child(3n) a{
	border-right:0
}

.menu-li i{	
	display:block;
	width:35px;
	padding-bottom:35px;
	margin:auto;
	background-image:url(0-1.png);
	background-repeat:no-repeat;
	background-position:0 0;
	background-size:auto 100%;
}
.menu-li:nth-child(1) i {
	background-position:0 0;
}
.menu-li:nth-child(2) i {
	background-position:-35px 0;
}
.menu-li:nth-child(3) i {
	background-position:-105px 0;
}
.menu-li:nth-child(4) i {
	background-position:-175px 0;
}
.menu-li:nth-child(5) i {
	background-position:-70px 0;
}
.menu-li:nth-child(6) i {
	background-position:-140px 0;
}
.menu-li .menu-name {
	margin-top:3px;
	height:20px;
	line-height:20px;
	color:#585858;
	font-size:13px;
}