@charset "utf-8";
/* CSS Document */
article, aside, details, figcaption, figure, header, hgroup, nav, section { display:block }html {font-size:100%;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body {font-size: 14px;font-family: Tahoma,sans-serif,Arial;line-height: 22px;background:#FFF;color: #444;}.phonepic { width:100%;}h2,h3{ font-style:normal; font-weight:normal;}* {margin:0;padding:0}a { color:#333; text-decoration:none;transition: all 0.2s ease; }a:hover { color:#c51718;transition: all 0.2s ease; }a:active, a:focus, a:hover ,input:focus { outline:0 }.trans { transition: all 0.3s ease;-moz-transition: all 0.3s ease;-webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; }img{ border-style:none;}li{list-style:none}img{border:0;vertical-align:middle}table{border-collapse:collapse;border-spacing:0}.left{ float:left;}.right{ float:right;}.text-center { text-align: center; }.text-left { text-align: left; }.text-right { text-align: right; }.block{display:block;}.inline-block{display:inline-block;}.gray { color:#888;}.red { color: #c51718; }.blue { color: #c51718; }.clear { clear: both; }.black { color:#111; }.phonepic { width:100%;}.relative { position:relative; }.absolute { position:absolute; }.container {max-width: 1440px; width: 96%; margin:0 auto; }.pc{ display:block; }.phone{ display:none;}
/*顶部导航开始*/
.top { width:100%;height:100px;-moz-box-shadow:0 3px 16px rgba(0, 0, 0, 0.2); -webkit-box-shadow:0 3px 16px rgba(0, 0, 0, 0.2); box-shadow:0 3px 16px  rgba(0, 0, 0, 0.2);z-index:999; }
.top .container { max-width:1920px; width:98%;}
.top .logo{position:absolute;z-index:10;left:0;top:12px;max-width:120px;width:15%; }
.top .menu {position:absolute;right:0;max-width:800px;width:60%;top:50px;z-index:90; }
.top .menu li{ width:18%;float:left;text-align:center;position:relative; }
.top .menu li:nth-child(1),.top .menu li:nth-child(5) { width:13%; }
.top .menu li a{ color:#666;display:block;height:50px;line-height:50px;font-size:15px;background:url(../images/menubg.gif) no-repeat right center;font-size:16px; }
.top .menu li:hover a { color:#c51718; }
.top .menu li span { display:inline-block;height:100%;background:url(../images/menucur.gif) no-repeat bottom center;background-size:0 4px;transition: all 0.3s ease; }
.top .menu li:hover span { background-size:100% 4px; }
/*===============子菜单定位=================*/
.top .menu li .Nodes{position:absolute;overflow:hidden;width:185px;height:0px;left:0;top:100px;z-index:100;}
.top .menu li .Nodes ul{position:static;float:left;width:100%;left:0px;top:0;padding:0 0 6px;z-index:100;background: url(../images/menubg.png);}
.top .menu li .Nodes ul li{width:100%;text-align:center; }
.top .menu li .Nodes ul li a{display:block;width:85%;padding:0 0 0 15%;color:#000;background:none;text-align:left;font-size:12px;height:34px;line-height:34px;overflow: hidden;/*注意不要写在最后了*/ white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;}
.top .menu li .Nodes ul li:hover a { padding-left:12%;background:#fff;color:#c51718;}
.sea { position:absolute;width:30px;height:30px;z-index:100;right:20px;top:32px; background:url(../images/sea.png) no-repeat center center;}

.menubg {position: fixed;width: 100%;height: 100%;left: 0;top: 0;background: #c51718;z-index: 9991;opacity: .95;filter:alpha(opacity=95); }
.menu-icon { margin-top: 19px; }
.visible-phone {display: none;}

@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0, 80px, 0)}100%{opacity:1;transform:none}}
@keyframes fadeInRight{0%{opacity:0;transform:translate3d(80px, 0, 0)}100%{opacity:1;transform:none}}

.index-banner { max-width:1920px;margin:0 auto;width: 100%; }
.swiper-container {width: 100%;z-index: 999;}
.swiper-container .swiper-pagination-bullet{width:12px;height:12px;opacity:0.9;background: #fff;}
.swiper-container .swiper-pagination-bullet-active{opacity:0.9;background:#231916}

.index1 { padding:4% 0; }
.index1 .tit { font-size:20px;font-weight:bold;color:#222; }
.index1 .content { padding:20px 0;font-size:14px; }
.index1 .content p { padding:10px 0;}
.index1 .content img { width:100%; }

.footer{ color:#fff; background:#29292b; }
.footer .container { max-width:1600px;width:96%; }
.footer a { color:#fff; }
.footer a:hover { color:#aaa; text-decoration:underline; }
.footer td { color:#fff; }
.foot1 { width:100%;padding:40px 0 23px;}
.foot1 li { min-width:240px; width:24%;float:left;font-size:12px; }
.foot1 li:nth-child(1) { width:20%;min-width:210px;  }
.foot1 li.last { width:260px;float:right;}
.foot1 li .title { margin:0 0 12px;font-size:18px;background-repeat:no-repeat;background-position:left center; }
.foot1 li .line { width:30px;height:3px;background:#fff;margin-bottom:20px; }
.foot1 li a.cd { max-width:200px;width:96%;display:block;margin:0 0 5px; }
.foot1 li .text { padding:0  }
.foot1 li .more { padding:22px 0 0 0; }
.foot1 li .more a:hover { text-decoration:underline; }
.foot2 { padding:10px 0 10px 2%;color:#eee;background:#c51718;font-size:13px; }

.daohang { padding:15px 0;border-bottom:#dcdcdc 1px solid;word-spacing:3px;background:#333; }

/*公共样式*/
.banner { width:100%;height:220px;background-repeat:no-repeat;background-size:auto;background-position:center center; }
.main { min-height:450px;padding:30px 0; }
.main .mainleft { width:20%;float:left; }
.main .mainleft .title { width:100%;margin:0 0 10px;background:#c51718;border-radius:4px; }
.main .mainleft .title span { display:block;height:36px;line-height:36px;letter-spacing:1px;padding:0 30px;font-size:15px;color:#fff; }
.main .mainleft li { width:100%;float:left;border-bottom:#bdbdbd 1px dashed;clear:left; }
.main .mainleft li a { font-size:14px;line-height:41px;display:block;color:#222;font-size:16px;background:url(../images/ico22.png) no-repeat 9px 16px;padding-left:26px }
.main .mainleft li.cur a { color:#c51718;font-weight:bold;background-image:url(../images/ico21.png); }
.main .mainleft li:hover a { color:#c51718;background-image:url(../images/ico21.png);background-color:#fafafa; }

.main .mainright { width:78%;float:right;min-height:400px;padding:0 0 20px;border:#ccc 1px solid; }
.main .mainright.cert { width:99%;}
.main .mainright .title { font-size:17px;color:#292929;padding:0 0 6px 4px;line-height:30px;background:url(../images/titbg.gif) repeat-x bottom;margin:10px 5px; }
.main .mainright .tit2 { font-size:15px;padding-right:4px;color:#666;word-spacing:4px; }
.main .mainright .tit2 a { color:#999; }
.main .mainright .tit2 a:hover { color:#333; }
.main .mainright .content { padding:14px;line-height:34px; }
.main .mainright .content p { padding:0 0 10px;line-height:34px; }

.factory { padding:0 15px; }
.factory .tit { width:100%;padding:0 0 20px;text-align:center;font-weight:bold;font-size:17px;}
.factory li { width:47.5%;float:left;margin:0 4% 26px 0;border-radius:8px;border:#ddd 1px solid; }

.certificate { padding:0 15px; }
.certificate .tit { width:100%;padding:0 0 20px;text-align:center;font-weight:bold;font-size:17px;}
.certificate li { width:30%;float:left;margin:0 4.5% 26px 0;border-radius:8px;border:#ddd 1px solid; }

.products { padding:30px 4% 0;}
.products li { width:30%;margin:0 5% 2% 0;float:left;}
.products li:nth-child(3n) { margin-right:0; }
.products li .pic{ overflow:hidden;transition: all 0.3s ease;border:#ddd 1px solid;}
.products li .pic img{ transform: scale(1, 1); }
.products li:hover .pic img { transform: scale(1.08, 1.08);}
.products li .text { position: relative;font-size:15px;line-height:35px; }

.showpic { padding:30px 4% 15px; }
.showpic .left { width:45%;}
.showpic .left .datu { border:#ccc 1px solid;margin:0 0 20px;padding:1%;max-width:450px;width:100%;height:450px;}
.showpic .left .datu:hover { box-shadow: 0 0 6px #ccc; }
.showpic .left .pic:hover { cursor:pointer; }
.showpic .left .pic img { width:56px;height:56px;margin-right:6px;padding:6px;border:#ccc 1px solid;}
.showpic .left .pic img:hover { box-shadow: 0 0 6px #ccc; }
.showpic .right { width:50%;padding:10px 0 0;}
.showpic .tit { font-size:28px;line-height:34px;text-transform : uppercase }
.showpic .text { padding:38px 0 0;line-height:26px;color:#464646; }
@media (max-width:1500px){ .showpic .left .datu { height:420px;} }
@media (max-width:1300px){ 
	.showpic .left .datu { height:400px;}
	.showpic .left .pic img { width:50px;height:50px;margin-bottom:6px;}
}
@media (max-width:1000px){ 
	.showpic .left .datu { height:340px;}
	.showpic .left .pic img { width:44px;height:44px;}
}
@media (max-width:787px){
	.showpic .left .datu { width:100%;height:420px; }
	.showpic .left { width:100%; }
	.showpic .right { width:100%; overflow:hidden;margin-top:12px; }
	.showmore .left { width:100%; }
	.showmore .left img { width:100%; }
	.showmore .right { width:100%;margin-top:20px; }
}
@media (max-width:375px){
	.showpic .left .datu { height:320px;  }
}

.news { padding:0px 15px 0;}
.news li{float:left;width:100%;padding:0 0 15px;margin:0px 0 16px;border-bottom:#ddd 1px dotted;transition: all 0.6s ease;}
.news li .date { color:#999;font-size:18px;padding-left:20px; }
.news li .tit { width:100%;font-size:16px;padding-left:20px;background:url(../images/arr.png) no-repeat 0 4px; }

.newsview { padding:8px 20px;}
.newsview .tit { font-size:18px;padding:20px 0 12px;margin:0 0 6px;border-bottom:#eee 1px solid;}
.newsview .date { color:#999;word-spacing:6px; }
.newsview .text { padding:25px 0; }

.contact { padding:20px 35px 100px;font-size:18px;line-height:44px; }
.cc { width:1001px; }

.inquiry { width:100%;padding:30px; }
.inquiry .aa {margin-left:0%;}
.inquiry .left { width:48%;}
.inquiry .content { min-height:420px;padding:0 0 10px;background:url(../images/inquiry2.gif) no-repeat left bottom;background-size:100% auto; }
.inquiry .right { width:48%;font-size:16px;padding:0 0 5px;; }
.inquiry .right img { margin:0 0 6px; }

.dinggou { display:linline-block;border:0;border-radius:4px;background:#ff7418;font-size:15px;font-weight:normal;padding:4px 22px 6px;color:#fff;}

#fenye {float:right;color:#000;margin:20px 10% 0 0; height:25px;font-weight:bold; }
#fenye a {padding:7px 12px;color:#888; border:#cecece 1px solid;margin:0 3px;border-radius:4px; }
#fenye a:hover {text-decoration:none; background:#333;border:#333 1px solid;color:#fff;}
#fenye .a1 { padding:7px 10px;border:#cecece 1px solid; margin:0 3px;border-radius:4px;background:#333;color:#fff;}

.liuyan { padding:5px 35px 40px; }
.liuyan .tit { font-size:30px;margin:0 0 16px; }
.liuyan td { padding:4px 0; }
.bbs { width:220px;line-height:27px;padding:0 10px;margin:3px 0;border:#ddd 1px solid;border-radius:6px;font-family:Tahoma, Arial, sans-serif; }
.bbs.bb { width:282px; }
.message { border:#cdcdcd 1px solid;width:370px;height:140px;padding:6px;margin:14px 0;font-family:Tahoma, Arial, sans-serif; }
.submit { line-height:34px;font-size:16px;width:125px;text-align:center;margin-right:10px;background:#c51718;color:#fff;border-radius:4px;border:0;cursor:pointer;transition: all 0.4s ease; }
.submit:hover { background:#2c3f7a; }