/* CSS Document */

*{ margin:0px; padding:0px}

body,p,h1,h2,h3,h4,ul,li,img,table,tbody,tr,td,a{margin:0 auto;padding:0px;_margin:0 auto;_padding:0px;letter-spacing:1px}

body{font-size:12px;width:100%; font-family: "Microsoft YaHei"; color:#8d8d8d}

img{border:none;}

a{text-decoration:none;}

ul li{list-style:none}



#header{ width:999px; margin:0 auto; overflow:hidden; background:url(header_bg.jpg) repeat-x; height:108px}



.logo{ float:left; width:247px}



.top_right{ float:right; width:540px; margin-top:24px}



.top_right p{ float:left; font-size:18px; font-family:Arial, Helvetica, sans-serif;color:#ee1d23;line-height:24px; margin-left:210px}



.search{float:right; width:171px; height:24px; overflow:hidden; margin-bottom:10px}



.input{background:url(search_left.jpg) no-repeat;width:150px;height:24px;border:none;padding:0px;float:left;text-indent:0.5em;line-height:24px}



.nav{ clear:both;overflow:hidden;}



.nav ul{ float:right}



.nav ul li{ float:left; margin-left:35px; line-height:35px; font-family:"宋体"; font-weight:bold}



.nav ul li a{ color:#666}



.nav ul li a:hover{ color:#ee1d23}



.midbg{ width:999px; margin:0 auto; height:300px; position: relative; z-index:1;_margin-top:-3px;}



.iBan { height:300px; overflow:hidden; position:relative;width:100%; z-index:1;_zoom:1; clear: none;}



.iBanScreen{  width:100%; height:300px;  background-repeat:no-repeat; background-position:center top;}



.iBanScreen ul{ width:100%; height:300px;  position:relative; top:0; margin:0 auto;}



.iBanScreen li{ width:100%; height:300px; overflow:hidden; position:absolute; display:none;}



.iBanScreen li a{ display:block; width:100%; height:100%}



.iBanScreen .num{ position:absolute; bottom:10px; left:45%; z-index:999; }



.iBanScreen .num a{ display:inline-block; border: 1px solid #fff;border-radius: 10px; width: 15px;height: 15px;margin: 0;background-color: #fff; margin-left:5px; margin-right:5px;}



.iBanScreen .num a.cur{ border: 1px solid #fff;border-radius: 10px; background-color: rgba(0,0,0,0);}



#container{width:999px; margin:0 auto; overflow:hidden; margin-top:30px; padding-bottom:30px }



.about_index{ float:left; width:315px; background:url(lits_bg.jpg) no-repeat bottom center;}



.about_index img,.right_index img{ margin-bottom:10px}



.right_index{ float:right; width:657px; margin-bottom:50px}



.news_index{ float:left; width:316px;background:url(lits_bg.jpg) no-repeat bottom center; }



.news_index ul li{ background:url(dian.jpg) no-repeat left center; }



.news_index ul li a{ color:#8d8d8d; padding-left:10px}



.news_index ul li a:hover{color:#ee1d23}



.time{ float:right}



.contact_index{padding-bottom:70px; float:right; width:315px;background:url(lits_bg.jpg) no-repeat bottom center;}



.h2_index{ float:left; font-size:18px; color:#2a2a2a; line-height:30px; margin-bottom:5px}



.en{ line-height:30px; color:#9e9e9e; padding-left:3px}



.synchronous{ clear:both; line-height:20px}



.more_index{ display:block; float:right; line-height:35px}



.more_index a{ color:#ee1d23}



.pro_show{clear:both; border:1px solid #dbdbdb;  overflow:hidden; padding:15px 0px ;margin-bottom: 30px}



.LeftBotton {float:left; margin-left:2px}



.LeftBotton a:link,.LeftBotton a:visited{background:url(arrow_left.jpg) no-repeat center center;display:block;width:25px;height:27px;}



.LeftBotton a:hover{background:url(arrow_left_a.jpg) no-repeat center center;}



.RightBotton{float:right;}



.RightBotton a:link,.RightBotton a:visited{display:block;width:25px;height:27px;background:url(arrow_right.jpg) no-repeat center center}



.RightBotton a:hover{background:url(arrow_right_a.jpg) no-repeat center center}



#demo{overflow: hidden; float: left; margin-left:5px; width:925px }



.pic{text-align:center; padding-left:7px; padding-right:7px;width:195px;}



.pro_show ul{padding-left:20px;}

ul .pic{float:left;width: 225px;}



.pic a{color:#848484;}



.pic a:hover{ color:#ea3b40}



.pic h3{font-size:14px;font-weight:normal; margin-top:8px}



#footer{width:999px; margin:0 auto; overflow:hidden; background:url(footer_bg.jpg) repeat-x; padding-bottom:20px}



.f_nav{ width:470px; margin:0 auto; overflow:hidden; margin-bottom:10px}



.f_nav li{ float:left; background:url(f_g.jpg) no-repeat left center; line-height:40px; margin-right:15px}



.f_nav li a{ padding-left:15px; color:#7d7d7d}



.f_nav li a:hover{color:#ea3b40}



#footer p{ clear:both; text-align:center; line-height:20px}



/*ny*/

.banner_ny{ background:url(banner01.jpg) no-repeat top center; height:250px}



.left{ float:left; width:237px; overflow:hidden}



.left h2{ background:url(pro_h2_bg.jpg) no-repeat ; height:40px; line-height:40px; padding-left:35px; font-size:18px; color:#ffffff; font-weight:normal}



.left ul li{ background:url(pro_list_bg.jpg) no-repeat top center;  line-height:32px; margin-bottom:1px; font-size:14px}



.left ul li ul li{ line-height:25px; font-size:12px; padding-left:15px; background:url(dian.jpg) no-repeat 15px center #fbfbfb}



.left ul li a{ color:#848484; padding-left:15px;}



.left ul li a:hover{color:#ea3b40}



.right{ float:right; width:731px;}



.title_h1{height:40px; line-height:40px; padding-left:35px; font-size:18px; color:#ffffff; font-weight:normal; background:url(h1_bg.jpg) no-repeat left bottom;  }



.return{float:right;font-size:12px;font-weight:normal; color:#979595}



.return a{color:#979595;padding-right:5px;padding-left:10px;background:url(return_a.jpg) no-repeat left center}



.return a:hover{color:#ea3b40}



.page_content{margin:10px 0px;line-height:30px;text-align:center; overflow:hidden}



.page_content p{text-align:left;text-indent:2em; padding:0px 10px}



.page_content{text-align:center;padding-top:10px; padding-bottom:20px}



.page_content p{line-height:30px;text-align:left;text-indent:2em; }



.News_list{ text-align:left}



.News_list li{line-height:35px;border-bottom:1px dashed #b2b2b2;}



.News_list li a{color:#6f6f6f}



#page{clear:both;margin:20px; text-align:right; color:#9d9898}



#page a{color:#666666;padding-left:5px}



.Product_list{margin-top:10px;overflow:hidden}



.Product_list li{float:left;width:220px;text-align:center; margin-right:12px; margin-left:10px; height:270px; margin-bottom:5px}



.Product_list li h3{font-size:14px;font-weight:normal;margin:5px;}



.Product_list li h3 a{color:#848484}



.Product_list li h3 a:hover{ color:#ea3b40}



.title{line-height:30px;font-size:18px;font-weight:bold;margin:10px 0px 5px 0px;color:#666666}



.hit{height:30px;line-height:30px; padding-bottom:5px; display: block}



.page_content{text-align:center}



.page{text-align:left;line-height:25px;border:1px #CCCCCC solid;padding:5px 0px 5px 30px;margin-top:20px}



.page a{color:#7e7e7e}



/*.page_content img{margin-top:10px}*/



.page_p{ padding:20px 0px}



.page_p img{ margin-left:-22px}



.page_p table{font-size:20px;}



/* box */

.box{float:left; width:260px; margin-right:30px;}

.tb-pic a{display:table-cell;text-align:center;vertical-align:middle;}

.tb-pic a img{vertical-align:middle;}

.tb-pic a{*display:block;*font-family:Arial;*line-height:1;}

.tb-thumb{margin:10px 0 0;overflow:hidden;}

.tb-thumb li{background:none repeat scroll 0 0 transparent;float:left;height:52px;margin:0 6px 0 0;overflow:hidden;/*padding:1px;*/}

.tb-s310, .tb-s310 a{height:260px;width:260px;}

.tb-s310, .tb-s310 img{*float:left;max-height:260px;max-width:260px;_height:260px;_width:260px;}

.tb-s310 a{*font-size:271px;}

.tb-s40 a{*font-size:35px;}

.tb-s40, .tb-s40 a{height:50px;width:50px;}

.tb-booth{border:1px solid #CDCDCD;position:relative;z-index:1;}

.tb-thumb .tb-selected{background:none repeat scroll 0 0 #ccc;height:50px;padding:1px;}

.tb-thumb .tb-selected div{background-color:#FFFFFF;border:medium none;}

.tb-thumb li div{border:1px solid #CDCDCD;}

div.zoomDiv{z-index:999;position:absolute;top:0px;left:0px;width:200px;height:200px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}

div.zoomMask{position:absolute;background:url("images/mask.png") repeat scroll 0 0 transparent;cursor:move;z-index:1;}





.inside_nr{margin: 0px 0px 10px 272px;border: 1px solid #DDD;background: #F9F9F9 none repeat scroll 0% 0%;padding: 10px;}



.title02{text-align:left; font-size:24px;}

.hit02{text-align:left; font-size:12px;}

.down_list li{border-bottom:1px dashed #CCC; line-height:30px; text-align:left;}

.down_list span{float:right;}

.down_list a{color:#ca0c0c; font-weight:bold;}



.contact_us_left input[type="text"]{margin: 8px 0;height: 30px; width: 600px;}

.contact_us_left textarea{margin: 8px 0;height: 80px!important; width: 600px!important;}

.contact_us_left input[type="button"]{margin-left: 0px!important;}

@media (max-width: 991px) {  
#header{ display:none;}
.none992{ height:60px;}
.logo{ width:auto;}
.nav ul li{ margin-left:0px;}
.pro_show table{ display:none;}
}

.swiper-slide{ text-align:center;}
.swiper-slide img{ max-width:100%;}
/* mobile_footer */
.mobile_footer { position: fixed; z-index: 520; bottom: 0; left: 0; right: 0; display:none; }

.mobile_footer ul { display: flex; justify-content: space-between; margin-bottom:0px; }

.mobile_footer ul li { padding: 7px 5px; background-color: #ef2c32; }

.mobile_footer ul li:nth-child(3) i.iconfont { transform: translateY(-2px); }

.mobile_footer ul li a { color: #fff; display: flex; align-items: center; justify-content: center; line-height:30px; }

.mobile_footer ul li a i.iconfont { font-size: 21px; color: #fff; }

.mobile_footer ul li a span { font-size: 16px; margin-left: 5px; color: #fff; }
.row{ margin:0px;}

@media (max-width: 768px) {  
.mobile_footer{ display:block;}

}


@media (max-width: 1000px) {  
#header{ width:100%;}
#container{ width:98%; margin-left:1%; margin-right:1%;}
ul .pic{ width:23%; margin:1%; padding:0px;}
ul .pic img{ max-width:100%; height:auto; }
.pro_show ul{ padding-left:0px;display: flex;flex-wrap: wrap;}
.about_index{ width:31%;}
.right_index{ width:67%;}
.contact_index{ width:49%;}
.news_index{ width:49%;}
.about_index img{ max-width:100%; }
.right_index img{ max-width:100%; }
#demo{ width:92%;}
#footer{ width:100%;}
.banner_ny{ display:none;}
.left{ width:25%;}
.right{ width:74%;}
.left ul li{ background-size:100% 100%;}
.Product_list{display: flex;flex-wrap: wrap;}
.Product_list li{ width:31.3%; margin:1%; height:auto;}
.Product_list li img{ max-width:100%; height:auto;}
.page_p img{ max-width:100%; height:auto;}
.page_content p img{ max-width:100%; height:auto; margin-left:-2em;}

}

@media (max-width: 767px) {  
.about_index{ width:100%; margin-bottom:15px;}
.about_index img{  float: left;}
.right_index{ width:100%;}
.f_nav{ max-width:100%;}
.contact_index{ padding-bottom:20px;}
.left{ display:none;}
.right{ width:100%;}
.News_list li a{ width:77%;}
.inside_nr{ margin:0px;}
.box{ float:none;}
.title02{ font-size:18px;}
.box{ width:100%;}
.tb-s310, .tb-s310 img{ max-width:100%; max-height:100%;}
.tb-s310, .tb-s310 a{ max-width:100%; height:auto; display:block; text-align:center; width:100%;}

}

@media (max-width: 425px) {  
ul .pic{ width:48%;}
.contact_index{ width:100%; }
.news_index{ width:100%;margin-bottom:15px;}
.Product_list li{ width:48%;}

}