@media(max-width:1000px) {

@charset "utf-8";
/* CSS Document */

@charset "utf-8";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0}
html,body,form,fieldset,p,div,h1,h2,h3,h4,h5,h6{-webkit-text-size-adjust:none}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;block;clear:all;}

body{font-family:'Microsoft YaHei',arial,helvetica,sans-serif;color:#111;background:#FFF; width:100%;font-size:16px;
}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
form{display:inline}
ul,ol{list-style:none}
a{text-decoration:none;color:#000}
a:hover{color:#1c5aa2;text-decoration:none;}
img{vertical-align:middle;border:0;-ms-interpolation-mode:bicubic;-webkit-tap-highlight-color:rgba(0,0,0,0);}
button,input,select,textarea{font-size:100%;vertical-align:middle;outline:none;font-family:'Microsoft Yahei','helvetica','arial'}
textarea{resize:none}
button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button;-moz-appearance:button}
input:focus:-moz-placeholder,input:focus::-webkit-input-placeholder{color:transparent}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}

table{border-collapse:collapse;border-spacing:0}.fl{float:left;}.fr{float:right;}.hide{display:none;}.show{display:block;}
.ellipsis{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.break{word-break:break-all;word-wrap:break-word}
header,footer,article,section,nav,menu,hgroup{display:block;clear:all;}
.hv{ width:100%; height:10px}
hr{ color:#EBEBEB; width:90%}

body{
	color:#000;
	background-color: #FFF;
	padding:0px; 
	margin:0px auto;
	overflow:scroll;
	overflow-x:hidden;
	overflow-y:auto;
	font-family: Microsoft YaHei,Helvitica,Verdana,Tohoma,Arial,san-serif;
	font-size:16px;
	
}

#logo{ position:relative; }
#logo .WebLogo{ text-align:center;  }
#logo .WebLogo img{ height:45px; display:block; padding:3px 3px; margin:0 auto}

body_index, .body_single, .body_article, .body_picture, .body_download, .body_video, .body_product,  .body_job, .body_guestbook, .body_feedback{ }
.index, .single, .article, .picture, .download, .video, .product, .job, .guestbook, .feedback{ width:99%; margin:0px auto; }
#top, #logo, #navigation, #banner, #location, #announcement, #link, #copyright { width:100%;  margin:0px auto; }

.index_1_1{ text-align:center; }
.index_1_1 .ChannelName{ height:39px; font-size:22px; font-weight:bold; line-height:39px; color:#000; }
.index_1_1 .ChannelName .color{ color:#d42828; font-size:22px; }
.index_1_1 p{ font-size:14px; color:#1d1d1d; text-transform:uppercase; font-weight:normal; padding-top:16px; background:url(../images/left_title.png) no-repeat center top; }
.index_1_2_1{ overflow:hidden; margin:10px 0; background:#3B3B3B; }
.index_1_2_2{ background:#3B3B3B url(../images/floor1.jpg) no-repeat right bottom; padding:12px; display:none}
.index_1_2_2 img{ float:left; width:42%; padding-right:10px; }
.index_1_2_2 .ChannelSContent{ display:block; margin:5px 5px 20px 45%; padding:0 0 15px; font-size:20px; border-bottom:1px solid #bbb; color:#fff; }
.index_1_2_2 P{ color:#9c9c9c; }
.index_1_2_2 .ViewMore{ width:125px; color:#fff; text-align:center; font-size:14px; line-height:36px; display:block; background:url(../images/viewMore.jpg) repeat-x; 
border-radius:3px; -moz-transition: all 0.5s; -webkit-transition:all 0.5s; transition:all 0.5s; }
.index_1_2_2 .ViewMore:hover{ background:url(../images/viewMore_hover.jpg) repeat-x; }

.index_2{ background:#262626 url(../images/index2.jpg) no-repeat center top; padding:10px 2% 5px 2%; margin-top:15px; overflow:hidden }

.index_3_1{ background:#f3ede7 url(../images/index3.jpg) no-repeat center bottom; padding:5px 10px 30px; }
.index_3_2{ background:#1d1d1d url(../images/index_3_2.jpg) no-repeat center bottom; background-size:100%; padding:15px 10px; display:none}

.index_5{ background:#cc2223 url(../images/index5.jpg) no-repeat center top; padding:5px 10px 25px; }
.index_5 img{ float:right; width:45%; }
.index_5 .Company{ display:block; padding:10px 0 36px 30px; font-size:24px; font-weight:bold; color:#fff; background:url(../images/about02.jpg) no-repeat 5px 46px;
white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.index_5 p{  color:#fff; }
.index_5 .ViewMore{ width:125px; color:#fff; text-align:center; font-size:14px; line-height:36px; display:block; background:#1d1d1d; border-radius:3px; margin:5px auto; }

.index_6{ background:url(../images/index6.jpg) no-repeat center bottom; background-size:100%; padding:15px 0 5px; margin-bottom:15px; } 

.subnavigationlist1{}
.subnavigationlist1 li{ float:left; height:50px; border-bottom:#251e1e solid 1px; width:25%; }
.subnavigationlist1 li a{ display:block; line-height:50px; background:url(../images/sub1.jpg) no-repeat top center; color:#fff; text-align:center; font-size:14px; }
.subnavigationlist1 li a:hover{ background:url(../images/sub2.jpg) no-repeat top center; }


.left_title{ border:0px solid red; clear:both; }
.left_title h2{ color:#000; text-align:center; overflow:hidden; padding:10px 0 3px; }
.left_title h2 a{ color:#fff; padding:5px 10px; background:#cb2424; font-size:17px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.left_title h2 a img{ display:none; }
.left_title h2 i{ padding-left:0.7em; font-size:18px; color:#595757; font-weight:100; }
.left_body{ padding:3px 5px; }
.left_body .ChannelPicture{ display:block; text-align:center; overflow:hidden; }
.left_body .ChannelPicture img{ width:97%; }
.left_bottom { clear:both; height:5px; }

.left_title1{ background:url(../images/left_title1.jpg) no-repeat; text-align:center; }
.left_title1 h2 { font-size:22px; }
.left_title1 h2 a{ line-height:40px; color:#d42828; font-size:22px; }
.left_title1 h2 a .color{ color:#fff; font-size:22px; }
.left_title1 p{ font-size:14px; color:#d42828; text-transform:uppercase; font-weight:normal; padding-top:16px; background:url(../images/left_title.png) no-repeat center top; }
.left_body1{ overflow:hidden; zoom:1; color:#000; border-bottom:0; border-top:0; padding:5px 0; }
.left_bottom1{ text-align:center; }
.left_bottom1 .ViewMore{ width:125px; color:#fff; text-align:center; font-size:14px; line-height:36px; display:block; background:url(../images/viewMore.jpg) repeat-x; 
border-radius:3px; margin:15px auto 30px; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; transition:all 0.5s; }
.left_bottom1 .ViewMore:hover{ background:url(../images/viewMore_hover.jpg) repeat-x; }

.left_title2{ background:url(../images/left_title1.jpg) no-repeat; text-align:center; }
.left_title2 h2 { font-size:22px; }
.left_title2 h2 a{ line-height:40px; color:#000; font-size:22px; }
.left_title2 h2 a .color{ color:#d42828; font-size:22px; }
.left_title2 p{ font-size:14px; color:#1d1d1d; text-transform:uppercase; font-weight:normal; padding-top:16px; background:url(../images/left_title.png) no-repeat center top; }
.left_body2{ overflow:hidden; zoom:1; color:#000; border-bottom:0; border-top:0; }
.left_bottom2{ text-align:center; height:25px; }
.left_bottom2 .ViewMore{ width:125px; color:#fff; margin:0 auto; text-align:center; font-size:14px; line-height:36px; display:block; background:#1c1c1c; border-radius:3px; }

.left_title3{ height:45px; line-height:45px; padding-left:5px; }
.left_title3 .more{  color:#666; float:right }
.left_title3 h2{ font-size:18px; font-weight:bold;float:left }
.left_title3 h2 a{ color:#d42828; font-size:1.15em; }
.left_body { padding:5px; overflow:hidden; zoom:1; border-top:0; border-bottom:0; }
.left_bottom3 { height:5px; font-size:0px; line-height:0; overflow:hidden; margin-bottom:5px; }

.left_title4{ text-align:center; }
.left_title4 h2 a{ font-size:22px; font-weight:normal; color:#222; }
.left_title4 p{ font-size:14px; color:#666; text-transform:uppercase; font-weight:normal; }
.left_body4{ margin:20px 0; overflow:hidden; }

#pro_cen{ height:180px;   position:relative; overflow:hidden; margin:15px auto 0;width:94% }
#pro_cen_k{ height:180px;text-align:left;width:100%;}
#pro_cen ul { width:100%; height:180px; position:absolute; overflow:hidden;}
#pro_cen ul li{ float:left; list-style-type:none;width:30%; margin-right:3%; text-align:center;line-height:20px}
#pro_cen ul li a{color:#FFF}
#pro_cen ul li a img{ width:100%}


.textlist li, .gridlist li, .wxlist li, .thumblist li{ font-size:16px; line-height:1.5em; vertical-align:middle; background-color:#FFF; overflow:hidden;}
.textlist li:hover, .thumblist li:hover, .gridlist li:hover{cursor:pointer;}

/*文本列表*/
.textlist{ text-align:center;}
.textlist li{ display:inline-block; width:97%; text-align:left; overflow:hidden; margin-bottom:10px; }
.textlist li p{ line-height:21px; color:#555; font-size:0.93em; max-height:45px; overflow:hidden; }
.textlist li .InfoTitle{ display:block; padding-top:5px; font-size:16px; color:#505050; line-height:22px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.textlist li .time{ float:left; width:62px; height:70px; background: #e4e4e4; text-align:center; margin-right:10px; }
.textlist li .time .day{ display:block; font-size:28px; font-weight:bold; color:#d42828; line-height:32px; padding-top:7px;}
.textlist li .time .month{ font-size:13px; }

.textlist1{}
.textlist1 li{ overflow:hidden; text-align:left; background:url(../images/news04.png) no-repeat 1050px center; }
.textlist1 li p{ line-height:22px; height:22px; font-size:0.92em; padding:3px 5px 0 0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.textlist1 li .InfoTitle{ display:block; font-size:1em; font-weight:normal; color:#1d1d1d; line-height:23px; padding-top:10px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.textlist1 li .time{ font-size:0.9em; color:#d42828; line-height:19px; }

.textlist2{ width:75%; margin:0 auto 20px; border:1px solid #ebebeb; border-bottom:none; overflow:hidden; }
.textlist2 li{ border-bottom:1px solid #ebebeb; padding-right:15px; height:34px; line-height:34px; }
.textlist2 li a{ color:#4e4e4e; }
.textlist2 li .InfoTitle{ padding:6px 0 0 5px; font-size:0.9em; font-weight:normal; display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.textlist2 li .time{ width:45px; margin-left:5px; float:left; font-size:0.9em; }
/*带缩略图文本列表*/
.thumblist{ margin-left:1%; overflow:hidden; }
.thumblist li{ float:left; width:31%; margin-right:2%; overflow:hidden; }
.thumblist li img{ width:100%; }
.thumblist li a{ display:block; overflow:hidden; }
.thumblist li p{ max-height:48px; overflow:hidden; font-size:0.92em; }
.thumblist li .InfoTitle{ display:block; font-size:1em; color:#505050; white-space:nowrap; text-overflow:ellipsis; text-align:left; overflow:hidden; }
.thumblist li .ChannelName{ font-size:1em; color:#000; }
.thumblist li .info_wrap .ViewMore{ display:block; font-weight:bold; font-size:0.93em; }

.thumblist1 li{ line-height:30px; overflow:hidden; }
.thumblist1 li .ChannelPicture{ float:left; width:34%; overflow:hidden; }
.thumblist1 li .ChannelName{ display:block; font-size:18px; font-weight:bold; color:#505050; }
.thumblist1 li p{ line-height:26px; padding-top:5px; font-size:0.91em; line-height:1.3em; overflow:hidden; }
@media screen and ( min-width:440px ){
.thumblist1 li p{ height:5.1em; }
}
@media screen and ( max-width:439px ){
.thumblist1 li p{ height:3.9em; }
}
@media screen and ( max-width:359px ){
.thumblist1 li p{ height:2.6em; }
}
.thumblist1 li .info_wrap{ float:right; width:61%; padding-right:10px; }
.thumblist1 li:first-child{ background:#ff0000; color:#fff; }
.thumblist1 li:first-child .ChannelName{ color:#fff; }
.thumblist1 li:first-child p{ color:#fff; }
.thumblist1 li img{ width:100%; }

.gridlist li{ width:32%; margin:0 1% 15px 0; overflow:hidden; float:left; line-height:0em; position:relative; }
.gridlist li .InfoTitle{ width:100%; height:30px; line-height:30px; color:#666; background:url(../images/videolist.png) repeat; white-space:nowrap; text-overflow:ellipsis; 
overflow:hidden; text-align:center; font-size:0.93em; }


.gridlist1{ margin-left:1%; overflow:hidden; }
.gridlist1 li{ float:left; width:31%; margin-right: 2%; overflow:hidden; }
.gridlist1 li img{ width:100%; }
.gridlist1 li a{ display:block; overflow:hidden; }
.gridlist1 li p{ white-space:nowrap; text-overflow:ellipsis; text-align:left; overflow:hidden; color:#fff; }
.gridlist1 li .InfoTitle{ display:block; font-size:1em; color:#1d1d1d; white-space:nowrap; text-overflow:ellipsis; text-align:center; overflow:hidden; }
.gridlist1 li .ChannelName{ width:100%; font-size:1.2em; text-align:left; background:url(../images/gridlist1.png); color:#FFF;  padding:11px 15px 26px; position:absolute; 
bottom:0; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.gridlist1 li .ChannelName i{ display:block; width:2.3em; height:2px; background:#ed0000; position:absolute; left:15px; bottom:13px; margin-bottom:4px; }
	/* banner -------------------------------------- */
	/*.slideBox{ position:relative; overflow:hidden; margin:10px auto;  max-width:640px;}
	.slideBox .hd{ position:absolute; height:28px; line-height:28px; bottom:0; right:0; z-index:1; }
	.slideBox .hd li{width: 12px;
    height: 12px;
    display: block;
    background: #fff;
    text-indent: -9999px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 6px;
    box-shadow: 0px 0px 6px #000; margin:0 6px;   float:left}
	.slideBox .hd li.on{     background: #ff0000;
    cursor: default;  }
	.slideBox .bd{ position:relative; z-index:0; }
	.slideBox .bd li{ position:relative; text-align:center;  }
	.slideBox .bd li img{ background:url(images/loading.gif) center center no-repeat;  vertical-align:top; width:100%; }
	.slideBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  } 
	.slideBox .bd li .tit{ display:block; width:100%;  position:absolute; bottom:0; text-indent:10px; height:28px; line-height:28px; background:url(images/focusBg.png) repeat-x; color:#fff;  text-align:left;  }*/
	




/*内页*/
#wrap{ max-width:640px; margin:0 auto; }
#content_top{ width:100%; height:45px; background:#ff0000; display:box; display:-webkit-box; display:-moz-box;}
#content_top h1{ line-height:45px; color:#FFF; box-flex:1.0; -webkit-box-flex:1.0; -moz-box-flex:1.0; text-align:center; }
#content_top span{width:45px; height:45px; display:block; }
#back{ background:url(../images/back.png) no-repeat center; background-size:10px auto; }
#back a{ width:45px; height:45px; display:block}
#menua{ background:url(../images/lm.png) no-repeat center;  background-size:15px auto; }
#menua a{width:45px; height:45px; display:block}
#modal{ display:none}


#menu{  width:200px; min-height:40%; background:#eae8e8; color:#666; z-index:100;}
#menu li{ border-bottom:1px solid #f7f6f6;}
#menu li:after{ content:''; display:block; width:100%;  border-bottom:1px solid #d2d0d0;}
#menu li a{ position:relative; height:40px; line-height:40px;  padding:0 10px 0 40px; border:none; display:block; color:#666;}
#pageslide { display:none;background:#eae8e8;position: absolute;position: fixed;top: 0;width:50%; max-width:320px; height:100%;z-index: 999999;}

#content_cen{ margin:10px 10px; min-height:330px;border: 1px solid #d0d1d4;padding: 8px 8px;border-radius: 5px 5px 10px 10px;-moz-border-radius: 5px 5px 10px 10px;-webkit-border-radius: 5px 5px 10px 10px;box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
    -o-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
    background: url(../images/bottom.png) repeat-x scroll left bottom #FFFFFF;
    background-size: 2px auto;}
#content_cen img{ width:100%}

/*新闻内页*/
#newlist{widtt:100%; }
#newlist article{ height:50px; width:100%;border-bottom:#ddd 1px solid; display:box; display:-webkit-box; display:-moz-box; line-height:50px; overflow:hidden}
#newlist article .biaoti{box-flex:1.0; -webkit-box-flex:1.0; -moz-box-flex:1.0; max-width:70%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#newlist article .date{  font-size:10px;box-flex:1.0; -webkit-box-flex:1.0; -moz-box-flex:1.0; text-align:right}

#news figure{ width:100%; text-align:center; padding:0px 10px 10px 0px}
#news article{ min-height:300px; border-top:#ddd 1px solid}


/*产品内页*/
#prolist{ width:100%; min-height:150px; }
#prolist ul{ background:#FFF;}
#prolist ul li { width:50%;  float:left;overflow: hidden; }
#prolist ul li a{  margin:0 auto; display:block;   position:relative; display:block; position:relative}
#prolist ul li p{ width:90%; height:90px; margin:0 auto; padding:5px 0 5px 0; border:#EBEBEB 1px solid}
#prolist ul li h3{ width:90%; height:30px; display:block; line-height:30px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin:0 auto; text-align:center  }
#prolist ul li a{ color:#999; width:100%; height:100%; display:block;}
#prolist li img{ width:120px; height:90px;}


#pn{ width:100%; height:40px;  border:#CCC 1px solid; border-radius:10px; line-height:40px;margin:0 0 15px 0 }
#pre{ height:40px;  text-align:center; width:50%; border-right:#CCC 1px solid; display:block; float:left; box-sizing:border-box;-moz-box-sizing:border-box;
-o-box-sizing:border-box;-webkit-sizing:border-box; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
#pre a{ width:100%; height:100%; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
#next{height:40px;  text-align:center; width:50%; display:block; float:left;overflow:hidden}
#next a{ width:100%; height:100%; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}

#footer{ width:100%;   color:#fff; padding: 15px 0px;text-align: center;font-size: 14px;border: 0px solid red;margin-bottom: 48px;background: #1d1d1d url(../images/copy.png) no-repeat right bottom;}
#footer li{ width:100%; text-align:center}

#tel{ width:100%; height:48px; border-top:#ff0000 1px solid; border-bottom:#ff0000 1px solid; position:fixed; bottom:0px;font-size:12px;left:0}
#tel ul{ width:100%; height:100%}
#tel ul li{ border-left:#fff 1px solid; width:33%; height:100%; float:left; background:#ff0000; border-top:#FFF 1px solid; text-align:center;box-sizing:border-box}
#tel ul li a{color:#fff; width:100%; height:100%; display:block; }
#tel ul li a:hover{background-color:;}
#tel ul li img{ width:25px; height:25px;}
#tel ul li label{ display:block; text-shadow:0 0 0px #FFF}
#tel ul li:nth-child(1){ border-left:none;}
#tel ul li:nth-child(2){ width:34%;}
#waptel{ width:100%;  position:fixed; background:#d42828; bottom:0px;font-size:12px; height: auto !important;}
#waptel ul{ width:100%;}
#waptel ul li{  width:33%;  float:left; background:#d42828;  text-align:center;box-sizing:border-box; -webkit-box-sizing:border-box;-moz-box-sizing:border-box}
#waptel ul li a{color:#FFF; width:100%; display:block; }
#waptel ul li img{ width:25%; }
#waptel ul li label{ display:block; }
#waptel ul li:nth-child(1){ border-right:#fff 1px solid;}
#waptel ul li:nth-child(2){ border-left:#fff 1px solid;border-right:#fff 1px solid;}
#waptel ul li:nth-child(3){ border-left:#fff 1px solid;}
#waptel ul li:nth-child(2){width:33%;}

#mainpage{ width:100%; text-align:center; padding:10px 0; color:#d42828; font-weight:bold}
	
}