html { min-height: 100%;height: 100%;font-family: "Microsoft JhengHei","Microsoft YaHei","微软雅黑",sans-serif !important;}* { margin: 0;padding: 0;border:0;}li { list-style: none;}body { color: #333;font: normal 13px "Microsoft JhengHei","Microsoft YaHei","微软雅黑",sans-serif;line-height:18px; background:#eee;}a {color: #333; text-decoration:none;transition: all 0.4s ease;-moz-transition: all 0.4s ease;-webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease;}a:hover {color: #de494d;text-decoration: none;}.transition{transition: all 0.4s ease;-moz-transition: all 0.4s ease;-webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease;}img { border:0;display:block;}.clear { clear:both;}.left { float:left; }.right { float:right; }.red { color:#de494d; }.container {max-width: 1800px;width: 90%;margin:0 auto;}.phonepic { width:100%; }.green { color:#C00301;}.pc { display:block;}.phone { display:none; }.text-center { text-align:center; }.relative { position:relative;}.absolute{ position:absolute; }
#top {width:100%;height:138px;}
#logo {width:20%;height:80px;padding:27px 0 0;float:left;}
#adv {width:60%;height:34px;padding:48px 0 0;float:right;font-size:26px;color:#d15152;font-weight:bold;text-align:right;}
#menu {width:440px;height:30px;float:right;}
#menu li { width:88px; height:40px; float:left;text-align:right;font-size:17px;}
#menu li a {position: relative;line-height:30px;display:inline-block;white-space: nowrap;}
#menu li a:after {content: "";position: absolute;bottom: -1px;left: 100%;width: 0;transition: width 350ms, left 350ms;}
#menu li a:hover:after {left: 0;width: 100%;transition: width 350ms;}
.swiper-container { width: 100%;z-index:9;height:100%; }
.swiper-slide {width:100%;height:100%;background-repeat:no-repeat;background-size:100% 100%;}
.swiper-container .swiper-pagination { top:92%;}
.swiper-container .swiper-pagination-bullet{opacity:0.9;width:13px;height:13px;background:none;background:#fff}
.swiper-container .swiper-pagination-bullet-active{opacity:0.9;background:#de494d;}
.swiper-container .swiper-button-prev { background:url(../images/arrprew1.png) no-repeat center;background-size:100% auto;width:2.5%;height:100px;left:2%;margin-top:-50px; }
.swiper-container .swiper-button-next { background:url(../images/arrnext1.png) no-repeat center;background-size:100% auto;width:2.5%;height:100px;right:2%;margin-top:-50px; }

.fenlei { margin-top:1px;}
.fenlei li {width:33.2%;margin-left:0.2%;float:left;}
.fenlei li a {width:100%;line-height:62px;display:block;text-align:center;font-size:18px;color:#444;font-weight:bold;background:#fff;}
.fenlei li a:hover {background:#de494d;color:#fff;}
.fenlei li:nth-child(1) { margin-left:0;}
.fenlei li ul li { width:33.2%;margin-left:66.8%;margin-top:3px; }
.fenlei li ul li {width:33%;margin-left:0.5%;}
.fenlei li ul { height:0; overflow:hidden; }
.fenlei li:hover ul { height:62px;}

@media screen and (max-width:767px) {
.fenlei li {height:42px;line-height:42px;}
.fenlei li a {line-height:42px;font-size:14px; }
}

.home1 { padding:0 3% 3%;background:#fefefe;}
.home1 .text { max-width:1000px;width:100%;float:right;padding:4% 0;line-height:28px; }
.home1 .text p { font-size:18px;padding:2% 0; }
.home1 .title { font-size:20px;padding-bottom:1%; }
.home1 li { width:30%;margin-left:5%;float:left; }
.home1 li:nth-child(1) { margin-left:0; }

.home2 { padding:4% 5%;background:#fefefe;border-top:#de494d 16px solid;line-height:32px;}
.home2 .tit1 { font-size:42px;padding:2% 0 1%;font-weight:bold; }
.home2 .tit2 { font-size:26px;padding:0 0 1%; }
.home2 .tit3 { font-size:20px;padding:1% 0 4%;max-width:760px; }

.home_title { font-size:26px;margin:3% 0 1%; }
.home3 .content { padding:5%;background:#fefefe;}
.home3 .left { width:50%;line-height:34px; }
.home3 .left .tit { font-size:22px;font-weight:bold;padding-top:3%; }
.home3 .left .des { padding:2% 0 4%;font-size:20px; }
.home3 .right { width:45%; }

.home4 { padding:4% 5%;background:#fefefe;border-top:#de494d 16px solid;}
.home4 .title { font-size:28px;padding:4% 0 2%; }
.home4 .text { border-top:#332a2d 6px solid;border-bottom:#332a2d 6px solid;padding:3% 0 2%;line-height:38px; }
.home4 .tit { font-size:22px;font-weight:bold;padding-bottom:8px;}
.home4 .des {font-size:20px;padding:0 0 2%; }

@media screen and (max-width:1500px) {
.home2 { line-height:28px;}
.home2 .tit1 { font-size:32px; }
.home2 .tit2 { font-size:20px; }
.home2 .tit3 { font-size:17px; }
.home3 .left { line-height:28px; }
.home3 .left .tit { font-size:18px;font-weight:bold;padding-top:2%; }
.home3 .left .des { padding:2% 0 3%;font-size:16px; }
}

@media screen and (max-width:767px) {
.home1 li { width:100%;margin-left:0; }
.home3 .left { width:100%; }
.home3 .right { width:100%; }
}
.products { margin:30px 0; }
.products li { width:33%;margin-right:0.5%;margin-bottom:0.5%;float:left;}
.products li:nth-child(3n) { margin-right:0;}
@media screen and (max-width:767px) {
.products li { width:49.5%;margin-right:1%;margin-bottom:1%; }
.products li:nth-child(3n) { margin-right:1%;}
.products li:nth-child(2n) { margin-right:0;}
.products li:nth-child(21) { display:none;}
}

.products li .pic { overflow:hidden;}
.products li .pic img { width:100%; }
.products li:hover .pic img { width:100%;transform: scale(1.05, 1.05); }
.products li .ico { left:6%;top:6%;width:30%;height:30%;z-index:1999;opacity: 0;filter:alpha(opacity=0); background:url(../images/probg.png) no-repeat;background-size:50%; }
.products li:hover .ico { opacity: 1;filter:alpha(opacity=100);}
.products li .text { left:0;top:0;width:100%;height:100%;text-align:center;z-index:999;background:rgba(222,64,68,0);color:#000;opacity: 0;filter:alpha(opacity=0);}
.products li .text .tit{ padding-top:44%;font-size:20px;font-weight:bold;}
.products li .text .word{ padding-top:4%;font-size:16px;}
.products li:hover .text { background:rgba(222,64,68,.95);opacity: 1;filter:alpha(opacity=100);color:#fff;}
.products li:hover .text .tit{ padding-top:40%;}

.parter { padding:5% 4% 3%;}
.parter .title{ width:100%;padding:12px 0 3%;font-size:44px;font-weight:bold; }
.mr_frbox{height:100%;}
.mr_frBtnL{cursor:pointer;float:left;margin:52px 0 0;width:4%;}
.mr_frUl{float:left;width:91%;margin-right:1%;height:100%; overflow: hidden;}
.mr_frBtnR{cursor:pointer;float:left;margin:52px 0 0;width:4%;text-align:right;}
.mr_frUl ul li{float:left;width:19.6%;text-align:left;overflow:hidden;position:relative;transition: all 0.6s ease;}
.mr_frUl ul li a{ width:94%;margin:3px 5%;display:block;  }
.mr_frUl li .pic{ margin:0 0 8px; padding:5% 3%;border:#eee 1px solid;overflow:hidden; position: relative; cursor: pointer;z-index:1; float: left}
.mr_frUl ul li .text { padding:8px 0;font-weight:bold;overflow: hidden;/*×¢ÒⲻҪдÔÚ×îºóÁË*/ white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;}
.mr_frUl ul li:hover .text { color:#B9141E;}

.indexnews { padding:4%;margin-bottom:4%;background:#fefefe;border-top:#de494d 16px solid;}
.indexnews li { width:23%;margin-left:2.6666%;float:left;}
.indexnews li .pic { width:100%;height:0;padding-top:65%;background-size:106% 106%;transition: all 0.4s ease;-moz-transition: all 0.4s ease;-webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; overflow:hidden;background-repeat:no-repeat;background-position:center;}
.indexnews li .text { font-size:16px;margin-top:3%; }
.indexnews li:nth-child(4n+1) { margin-left:0;}
.indexnews li:hover .pic { background-size:100% 100%;}

#foot { padding:3% 0 2.2%; display:block;color:#e6e6e6; background:#de494d;}
#foot a {color:#e6e6e6;}
#foot .left { width:50%;}
#foot .right { width:400px;}
#foot1 { padding:0 0 28px; word-spacing:20px;font-size:16px; }
#foot2 { word-spacing:10px;}
#foot3 { padding:5px 0 0;margin-too:10px;}

.link { padding:2% 0 0;color:#e6e6e6; background:#de494d;line-height:24px;}
.link a { color:#e6e6e6;}

.main {width:98%;padding:15px 1% 40px;height:auto!important height:700px; min-height:700px;background:#fff;}
#share { width:858px;padding:7px 0 22px;color:#777;background:url(../images/share.gif) no-repeat right top;border-bottom:#eee 1px solid;margin:0 auto;}
#share a {color:#555;}
#share a:hover {color:#C4261D;text-decoration:none;}
#caseshow {width:858px;padding:20px 0;margin:0 auto;}
#caseshow .t {width:800px;padding:10px 0 10px;border-left:#fff 29px solid;border-right:#fff 29px solid;font-size:16px;color:#717171;line-height:28px;}
#caseshow p { padding:0 0 20px; }
#caseshow .t48 {width:700px;padding:60px 50px;border-left:#fff 29px solid;border-right:#fff 29px solid;background:#ddd;font-size:48px;color:#4C4847;line-height:60px;font-weight:bold;border-bottom:#fff 20px solid;}
#caseshow .t18 {width:750px;padding:20px 25px;border-left:#fff 29px solid;border-right:#fff 29px solid;background:#E6E6E6;font-size:16px;color:#717171;line-height:28px;border-bottom:#fff 20px solid;}
#caseshow .pic {width:800px;padding:0 29px;border-bottom:#fff 20px solid;}
#caseshow .video {width:800px; padding:0 29px;border-bottom:#fff 20px solid;}
#caseshow img { width:750px;}
#caseshow .line {width:800px;height:20px;margin-left:29px;border-top:#ABABAB 1px solid;}
#caseshow .t22 { font-weight:bold;color:#000;padding:0 0 6px;}
.xiangguan { padding:0 5%; }
.xiangguan .title{ line-height:40px;border-bottom:#ddd 1px solid;font-size:16px;margin-bottom:16px; }
.xiangguan li { width:16%;margin-left:5%;float:left;text-align:center;margin-bottom:15px;}
.xiangguan li .pic { border:#eee 1px solid;height:150px;background-size:100% auto;background-position:center;}
.xiangguan li .tit { overflow: hidden;/*×¢ÒⲻҪдÔÚ×îºóÁË*/ white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis; }

.about {  padding:0 88px; }
.about1 { padding:0 0 20px; }
.about2 { background-image:url(../images/about2.jpg);background-repeat:no-repeat;background-size:100% 100%; text-align:center;color:#d6282a;font-size:36px;word-spacing:12px;;line-height:85px; }
.about3 { padding:60px 9% 50px 10%;text-align:center; }
.about3 li{ width:33%; float:left; }
.about3 li .title{ width:100%;padding:20px 0 0;font-size:30px; }
.about3 .text { padding:60px 0 0;font-size:17px;line-height:30px;}
.about4 .text { padding:50px 50px 80px;font-size:17px;line-height:26px;}
.about4 .text p { padding-bottom:15px; }
.about4 .pic { padding-bottom:15px; }
.about5 { width:100%;height:60px;padding:199px 0 0; background:url(../images/about5.jpg) no-repeat center; font-size:18px; text-align:center;}
.about6 { padding:25px 0 25px; }
.about7 { padding:15px 0 30px; }
.about8 { width:100%;padding:230px 0 0;color:#666; background:url(../images/about8.jpg) no-repeat top center;line-height:24px;font-size:16px;  }
.about8 li { float:left;}
.about8 li.left { width:28%;padding-left:2%;}
.about8 li.mid { width:28%;padding-left:7%;padding-right:5%;}
.about8 li.right { width:28%;padding-left:2%;}
.about8 .tit1 { font-size:22px;padding:0 0 10px;}
.about9 { padding:15px 0 30px; }

.news { width:70%;padding:50px 0 0 5%;float:left}
.news li { float:left;width:100%;padding:0 0 40px;border-bottom:#ff0000 1px solid; margin-bottom:40px;}
.news .left { width:40%;}
.news img { width:100%;}
.news .right { width:55%;}
.news .right .date { color:#888;}
.news .right .title { font-weight:bold;font-size:16px;padding:4px 0 20px;}
.news .right .text { color:#666;line-height:23px;}
.news .right .more { width:120px;line-height:24px;margin-top:5px;border:#ccc 1px solid;border-radius:4px;display:inline-block;float:right; background: url(../images/arr.png) no-repeat 108px 8px;}
.news .right .more:hover { border:#ff0000 1px solid;background:url(../images/arr1.png) no-repeat 108px 8px;}
.news .right .left { width:100px;line-height:24px;text-align:center;border-right:#ccc 1px solid;}
.news .more:hover .left{border-right:#ff0000 1px solid;}
.newsright { width:15%;padding:50px 5% 0 0;float:right;}
.newsright .cate { border-top:#ccc 1px solid;}
.newsright .cate li { width:100%;float:left;border-bottom:#ddd 1px solid;}
.newsright .cate li a { width:90%;padding:10px 0 10px 10%;font-size:14px;font-weight:bold;display:block; }
.newsright .relate { padding:40px 0 0;}
.newsright .relate li { float:left;width:94%;padding:12px 0 12px 6%; border-bottom:#eee 1px solid;}
.newsright .ralate li a { float:left;}
.news .daohang { padding:0 0 10px;border-bottom:#ddd 1px solid;margin-bottom:30px;}
.news .tits { padding:0 0 20px; font-size:16px;font-weight:bold; text-align:center;}
.news  .text { padding:12px 0 20px;line-height:26px;}

.contact1 { font-size:42px;padding:3% 5% 2%;border-bottom:#a19d9c 1px solid; }
.contact2 { padding:5% 6%;background:#fefefe;max-width:1000px;width:88%;float:right;line-height:30px;font-size:15px; }
.contact2 .left { width:55%; }
.contact2 .right { width:45%; }
.contact2a { padding:5% 0 ;}
.contact3 { background:#efefef url(../images/contact2.jpg) no-repeat center;height:369px; }