/* CSS Document */
*{padding:0;margin:0;border:0; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-touch-callout:none; -webkit-user-select:none;/*��ֹ���ӳ�������ѡ��˵�*/}
a:link,a:visited,a:hover,a:active {	color: #222;	text-decoration: none;}

a:link{	-webkit-tap-highlight-color:rgba(0,0,0,0);/*��ֹ���Ӹ���*/-webkit-touch-callout:none;/*��ֹ���ӳ�������ѡ��˵�*/color:#222; }
img {-webkit-touch-callout:none;/*��ֹͼƬ��������ѡ��˵�*/}
img.down {-webkit-user-select:text;-webkit-touch-callout:pop;}
input,textarea,select{-moz-border-radius:0px;-webkit-border-radius:0px;border-radius:0px;font-size:14px;-webkit-user-select:text;}

.clear{clear:both;}
.none{display:none;}
.block{ display:block}
body,html{ height:100%}
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select,i{margin:0px auto;padding:0;}
*{outline:none;}
body{width:100%; font-size:14px; color:#222; }
body{ padding-top:50px}
body p{ line-height:160%;}
body a{ color:#222;}
h1{ font-size:20px;}
h2{ font-size:18px;}

a{text-decoration:none;}
em{font-style:normal}
li{list-style:none}
img{border:0;vertical-align:middle}
.height{ height:70px;}
.clearfix:after{content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden}
.clearfix{zoom:1}

/**/
.filter-drop-shadow
{	
-webkit-filter: drop-shadow(0 1px 5px rgba(0,0,0,.5)); 
-moz-filter: drop-shadow(0 1px 5px rgba(0,0,0,.5)); 
-ms-filter: drop-shadow(0 1px 5px rgba(0,0,0,.5)); 
-o-filter: drop-shadow(0 1px 5px rgba(0,0,0,.5)); 
filter: drop-shadow(0 1px 5px rgba(0,0,0,.5)); 
}

.fl{display:inline;float:left!important;}
.fr{display:inline;float:right!important;}



.huandeng,.focus,.about,.chanpin,.zhaoshang,.anli,.fuli,.shili,.xinwen{ max-width:640px; margin:0px auto;}

.top{ position:absolute; display: flex; width:640px; height:50px; left:50%; margin-left:-320px;top:0px; z-index:999}
.top .logo{ padding-left:10px}
.top .logo img{ width:100px; height:auto}
.top .menu{ flex:1; padding-top:12px }
.top .menu li{ float:left;  width:33.33333%; display:block; text-align:center; font-size:18px; font-weight:bold}
.top .menu li.m1 div{ border-right:#bfbfbf 1px solid}
.top .menu li.m2 div{ border-right:#bfbfbf 1px solid}
.top .more{ width:30px;padding-top:16px; padding-right:10px}
.top .more img{ width:30px; height:auto}

.huandeng{ height:845px;}


.focus{  height:845px;  margin:0 auto; position:relative; overflow:hidden;   }
.focus .hd{ width:100%; height:11px;  position:absolute; z-index:1; bottom:5px; text-align:center;  }
.focus .hd ul{ display:inline-block; height:5px; padding:3px 5px; background-color:rgba(255,255,255,0.7);
    -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-size:0; vertical-align:top;
}
.focus .hd ul li{ display:inline-block; width:5px; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#8C8C8C; margin:0 5px;  vertical-align:top; overflow:hidden;   }
.focus .hd ul .on{ background:#FE6C9C;  }

.focus .bd{ position:relative; z-index:0; }
.focus .bd li img{ width:640px;  height:845px; background:url(loading.gif) center center no-repeat;  }
.focus .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */  }

.about .pic{ text-align:center; padding:25px 0px}
.about .menu{ display:flex; text-align:center; margin-bottom:20px; padding:0 20px}
.about .menu div{ border:#cccccc 1px solid; margin:0px auto; padding:8px 15px; border-radius:5px; font-size:18px;font-weight:bold}
.about  .t1{ color:#bb0327; font-size:22px; text-align:center; margin-bottom:20px}
.about  .t2{ font-size:12px; line-height:22px; padding:0 20px; color:#555555}
.about .more{ text-align:center; padding:15px 0px;color:#bb0327;}

.chanpin{ background-color:#e3e4e9; padding-bottom:20px}
.chanpin .title{ font-size:40px; text-align: center; padding-top:40px; margin-bottom:10px; font-weight:bold}
.chanpin .entitle{ font-size:25px; text-align: center; margin-bottom:20px; color:#ffffff}
.chanpin .list{ padding: 0 5px}
.chanpin .list li{ float:left; width:50%;position:relative; margin-bottom:20px}
.chanpin .list li .pic{ text-align: center}
.chanpin .list li .pic img{ width:290px; height:365px; border:#ffffff 5px solid}
.chanpin .list li .chakan{ background-color:#ab232d; color:#ffffff; text-align:center; width:110px; border-radius:20px; font-size:16px;position:absolute; bottom:15px; left:50%; margin-left:-55px}
.chanpin .more{background-color:#ab232d; color:#ffffff; text-align:center; width:150px; border-radius:20px; font-size:16px; margin:0px auto; padding:8px 0px}

.zhaoshang img{ width:100%}

.anli{ background:url("anli.jpg"); height:800px; background-size:100%}
.anli .title{ font-size:45px; color:#fff; text-align:center; padding-top:30px; margin-bottom:20px}
.anli .en{ text-align:center; margin-bottom:20px}


.slideBox{ position:relative;   overflow:hidden; margin:0px auto; }
.slideBox .hd{ position:absolute; width:100%;  height:57px; top:252px; left:0; z-index:1; }
.slideBox .hd img{ width:57px; height:auto  }
.slideBox .prev,.slideBox .next{ position:absolute; left:20px; top:0; display:block; width:57px; height:57px; line-height:27px; text-align:center;   }
.slideBox .next{ left:auto; right:20px;}
.slideBox .bd{ position:relative; z-index:0; background-color:#ffffff; width:454px; height:560px; margin:0px auto }
.slideBox .bd li{ position:relative; }
.slideBox .bd li .pic{ text-align:center; padding-top:15px}
.slideBox .bd li .pic img{ width:425px;  height:525px;   }
.slideBox .bd li .tit{ text-align:center; font-size:30px; padding:15px 0px}
.slideBox .bd li .info{ color:#555555; font-size:20px; line-height:25px; padding:0 15px; height:160px}
.slideBox .bd li .more{color:#bb0327; font-size:22px; text-align:center;}

.fuli .pic1{ margin-bottom:20px}
.fuli .pic1 img{ width:100%; height:auto}
.fuli .main{ width:500px; margin:0 auto}
.fuli .main .t1{ font-size:35px; font-weight:bold}
.fuli .main .t2{ font-size:25px; color:#555555; }
.fuli .main .t3{font-size:12px; line-height:22px; margin-bottom:20px}
.fuli .main .img{ margin-bottom:25px}
.fuli .main .img img{ width:100%}

.shili{ background-color:#333333; padding-bottom:20px}
.shili .title{font-size:45px; color:#fff; text-align:center; padding:15px 0px}
.shili .entitle{ color:#999999; text-align:center; margin-bottom:20px}
.shili .en{ text-align:center; margin-bottom:20px}
.shili .img img{ width:100%}
.shili .info{ padding:0 30px; color:#ffffff; font-size:12px; line-height:22px}

.xinwen{ background:url("xinwen.jpg"); height:990px}
.xinwen .title{font-size:45px; color:#fff; text-align:center; padding-top:15px; margin-bottom:10px}
.xinwen .entitle{ color:#999999; text-align:center; margin-bottom:10px}
.xinwen .en{ text-align:center; margin-bottom:20px}

.tabBox .hd{  position:relative;height:70px; line-height:70px; margin-bottom:30px  }
.tabBox .hd ul{ position:absolute; height:70px; top:0; overflow:hidden;  }
.tabBox .hd ul li{ float:left; background-color:#bb0327; color:#ffffff; width:290px; height:70px; line-height:70px; text-align:center; border-radius:50px; margin:0 15px; font-size:22px }
.tabBox .hd ul .on{ background-color:#89021d }

.tabBox .bd ul{ padding:0 15px;  }
.tabBox .bd ul .list{ background-color:#ffffff; height:560px; padding:10px}
.tabBox .bd ul .list .main{ display:flex; border-bottom:#cccccc 1px solid; padding-bottom:20px; margin-bottom:20px}
.tabBox .bd ul .list .main .left{ width:160px;}
.tabBox .bd ul .list .main .left img{ width:160px; height:100px}
.tabBox .bd ul .list .main .right{ flex:1; padding-left:10px}
.tabBox .bd ul .list .main .right .t1{ font-weight:bold; font-size:18px; margin-bottom:8px}
.tabBox .bd ul .list .main .right .t2{ font-size:16px; color:#555555}

.footer{ width:640px; left:50%; margin-left:-320px; bottom:0px; height:90px; background-color:#ffffff; position:fixed}
.footer .main{ display:flex; padding-top:10px}
.footer .main .k1{ flex:1; text-align:center}
.footer .main .k1 .title{ color:#333333; font-size:18px}
.footer .main .k1.fudong{ position:relative; text-align:center}
.footer .main .k1.fudong .icon{ position:absolute;top:-50px; width:94px; margin-left:-47px; left:50%}
.footer .main .k1.fudong .title{ padding-top:47px}

.tanchu{ position:fixed; width:200px; height:100%; background-color:#ffffff;opacity:0;top:0px; left:-200px; z-index:9999}
.tanchu.show{ left:0px;opacity:1;transition: All 0.3s ease;}

.tanchu .title{ text-align:left; font-weight:bold; font-size:20px;  border-bottom:#cccccc 1px solid; padding-left:10px; padding:10px 10px}
.tanchu .ftitle{ text-align:left; padding-left:20px; padding-top:10px}
.tanchu .ftitle a{ display:block; line-height:25px; font-size:18px}

.bg{position:fixed; width:640px; height:100%;opacity:0;top:0px; left:0px;z-index:9998}
.bg.show{opacity:.5;transition: All 0.3s ease; background-color:#000000; display:block}


.neirong{ width:620px; margin:0px auto;}
.neirong .title{ font-size:30px; text-align:center; padding:15px 0;font-weight:bold}
.neirong .newstext{ font-size:14px; line-height:24px; margin-bottom:180px}


.xwlist{width:620px; margin:0px auto;}
.xwlist .title{  font-size:30px; text-align:center; padding-top:15px; color:#000000; font-weight:bold}
.xwlist .entitle{ font-size:25px; text-align: center; margin-bottom:20px; color:#555555}

.xwlist .list{ background-color:#ffffff;  padding:10px}
.xwlist .list .main{ display:flex; border-bottom:#cccccc 1px solid; padding-bottom:20px; margin-bottom:20px}
.xwlist  .list .main .left{ width:160px;}
.xwlist .list .main .left img{ width:160px; height:100px}
.xwlist  .list .main .right{ flex:1; padding-left:10px}
.xwlist  .list .main .right .t1{ font-weight:bold; font-size:18px; margin-bottom:8px}
.xwlist  .list .main .right .t2{ font-size:16px; color:#555555}