@charset "utf-8";
/* by Adon , CSS Document */

@font-face {
	font-family:Family;
	src: url('../fonts/sanfranciscodisplay-light-webfont.eot');
	src: local('☺'), url('../fonts/sanfranciscodisplay-light-webfont.woff') format('woff'), url('../fonts/sanfranciscodisplay-light-webfont.ttf') format('truetype'), url('../fonts/sanfranciscodisplay-light-webfont.svg') format('svg');
}

*{ margin:0; padding:0;}
body{ font-size:12px;font-family:"Source Han Sans SC", "HanHei SC", "PingFang SC", "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Microsoft YaHei", 黑体, Arial, sans-serif;color:#535253;}
a{ text-decoration:none; color:#535253;}
a:hover{color:#c2191f;}
ul,li{list-style:none}
img{ border:0;}
h1,h2,h3{ font-size:12px;}
em{font-style:normal}
p{display:block;}
input{outline:none}
.en{font-family:Family, Tahoma, Geneva, sans-serif;}
.left{ float:left;}
.right{ float:right;}
.clearfix{clear:both}
.container{ width:1330px; margin:0 auto;}
.pic-scale{-webkit-transition:opacity 0.55s, -webkit-transform 0.55s;transition: opacity 0.55s, transform 0.55s;-webkit-transform: scale(1);transform: scale(1);}
.header{ float:left; width:100%; border-bottom:solid 1px #e9e9e9; background:#fff; z-index:99;position:relative; top:0; left:0;line-height:78px;font-size:15px;}
.header.fix{width:100% !important; position:fixed;border-bottom:solid 1px #e9e9e9 !important; max-width:inherit !important; top:0px !important;}
.header .logo{ margin-left:35px;}
.header .header-nav li{ float:left; margin-right:40px;}
.header .header-l { margin-right:35px;}
.header .header-l a{ float:left; text-transform:uppercase; margin-left:10px;}
.slider{ float:left; width:100%; height:815px; position:relative; overflow: hidden;}
.slider .bd li{ overflow:hidden;float:left;height:815px; width:100%; position:relative;}
.slider .bd li .container{ position:relative;}
.slider .bd li .img{ height:100%; width:100%;position:absolute; left:0; top:0;animation:imageZoom linear 50s infinite;-webkit-animation:imageZoom linear 50s infinite;-moz-animation:imageZoom linear 50s infinite;-ms-animation:imageZoom linear 50s infinite;}
.slider .bd li .video{ display:none;width: auto;height: auto;min-width: 100%;min-height: 100%;}
.slider .bd li .box{ width:480px;position:absolute; left:0; right:0; top:300px; margin:0 auto; text-align:center;}
.slider .bd li .box .p1{font-size:55px; font-weight:bold;text-transform:uppercase; color:#c2191f;}
.slider .bd li .box .p1 font{font-size:30px;display:block;height:1px; display:block;background:#cbcbcb; width:80px; margin:45px auto;}
.slider .bd li .box .p2{font-size:18px; color:#fff; margin-top:25px;}
.slider .bd li .box .p3{font-size:13px; margin-top:15px;color:#ccc;}
.slider .bd li .box .p3 font{height:1px; display:block;background:#cbcbcb; width:100px; margin:25px auto;}
.slider .bd li .box .p4{font-size:15px; margin:0 auto;text-transform:uppercase;width:135px; height:35px; line-height:35px; text-align:center; background:#c2191f; margin-top:30px;border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; -o-border-radius:20px; -ms-border-radius:20px;}
.slider .bd li .box .p4 a{ color:#fff;}
.slider .prev,.slider .next{ position:absolute; bottom:45px; z-index:1; text-align:center;}
.slider .prev{ left:50%; margin-left:-21px;}
.slider .prev font{ position:absolute; right:30px;font-size:18px; color:#fff;width:100px; top:-2px;}
.slider .next{ right:50%;margin-right:-21px;}
.slider .next font{ position:absolute; left:30px;font-size:18px; color:#fff; width:100px; top:-2px;}
.index-products{ float:left; width:100%;position:relative; overflow: hidden; margin:110px 0 165px 0;}
.index-products .prev{ position:absolute; left:30px; top:380px; z-index:99}
.index-products .next{ position:absolute; right:30px; top:380px; z-index:99}
.index-products .p1{ text-align:center;font-size:14px;}
.index-products .p2{ text-align:center; font-size:18px; margin:25px 0 125px 0;}
.index-products ul li{ width:423px; margin:0 10px;text-align:center; float:left;}
.index-products ul li .thumb{ border:solid 1px #ececec;padding:40px 0;}
.index-products ul li .thumb img{ height:300px;}
.index-products ul li span{ display:block; font-size:28px; margin:25px 0;}
.index-products ul li font{ display:block; font-size:15px;text-transform:uppercase}
.index-content{ float:left; width:100%;overflow:hidden;}
.index-content .index-about{ float:left; width:100%; position:relative; overflow:hidden;}
.index-content .index-about .item{ position:absolute; top:140px; left:0; right:0; margin:0 auto; text-align:center; color:#fff;}
.index-content .index-about .item .p1{ font-size:35px;}
.index-content .index-about .item .p2{ font-size:50px; text-transform:uppercase; letter-spacing:10px;font-weight:bold;}
.index-content .index-about .item .p3{ font-size:14px; margin:35px auto; width:480px; line-height:20px;}
.index-content .index-about .item .p4{font-size:16px;text-transform:uppercase;width:223px; height:42px; line-height:42px; text-align:center; background:#c2191f; margin:0 auto;}
.index-content .index-about .item .p4 a{ color:#fff;}
.index-content ul { float:left; width:100%; margin-top:35px;}
.index-content ul li{ float:left; width:429px; margin-right:21px; position:relative; overflow:hidden;}
.index-content ul li img{ height:189px;}
.index-content ul li span{ display:block; font-size:18px; color:#c2191f; margin:15px 5px;}
.index-content ul li font{ display:block;font-size:14px; color:#c2191f; border-top:solid 1px #e6e6e6; padding-top:10px; margin-top:30px;}
.index-content ul li p{ font-size:13px; color:#7d7d7d; line-height:20px; overflow:hidden; height:60px;margin:0 5px;}
.index-content ul li em{ position:absolute; top:15px; left:15px;border:solid 1px #545454; font-size:30px; padding:10px 15px;color:#545454; text-align:center;}
.index-content ul li em i{display:block; font-style:normal;}
.index-content ul li em i.i1{font-size:22px;}
.index-content ul li em i.i2{font-size:15px;}
.index-content ul li.clear{margin-right:0;}
.index-content .more{ display:block; font-size:15px; text-align:center; color:#c2191f; border:solid 1px #ececec; width:205px; line-height:40px; margin:110px auto 0 auto;}
.index-content .more a{color:#c2191f;}
.index-content .index-about:hover .thumb{-webkit-transform: scale(1.05);transform: scale(1.05);}
.footer{ float:left;width:100%; font-size:15px;color:#5a5859;border-top:solid 1px #e2e2e2; padding-top:45px; margin:135px 0 250px 0;}
.footer .footer-left .p1{ text-transform:uppercase;margin-bottom:8px;}
.footer .footer-left .p2{ font-size:16px; margin-bottom:30px;}
.footer .footer-left .p3 a{ text-decoration:underline;color:#c2191f;}
.footer .footer-ad{ margin-left:40px;}
.footer .footer-ad .p1{ font-size:16px; margin-bottom:8px;}
.footer .footer-ad .p2{ font-size:14px;}
.products-fix{ position:fixed; top:0; left:0; width:100%; background:#e9e9e9; height:100%;z-index:999; display:none;}
.products-fix .close{ position:absolute; right:5%; top:3%;line-height:42px;}
.products-fix .close font{ position:absolute; top:0; right:20px; font-size:15px;}
.products-fix .cotnaienr{ height:100%; position:relative;}
.products-fix ul { position: absolute; top:50%; margin-top:-260px; overflow:hidden; float:left; width:100%;}
.products-fix ul li{ float:left; width:433px; background:#c2191f; color:#fff; margin-right:15px; padding-bottom:25px;}
.products-fix ul li.clear{margin-right:0;}
.products-fix ul li a{color:#fff;}
.products-fix ul li .thumb{ background:#fff; text-align:center; padding:60px 0;}
.products-fix ul li .thumb img{ height:285px;}
.products-fix ul li span{ display:block; font-size:20px; margin:20px 25px 5px 25px;}
.products-fix ul li font{ display:block; font-size:14px; text-transform:uppercase; margin:0 25px;}
.products-nav{ float:left; width:100%; margin:85px 0 0 0;}
.products-nav ul{ width:1050px; margin:0 auto; border:solid 1px #eaeaea; overflow:hidden; border-bottom:none;}
.products-nav ul li{ float:left; width:20%; text-align:center; font-size:15px; line-height:49px;border:solid 1px #eaeaea; border-left:none; border-top:none; margin-left:-1px;}
.products-nav ul li:hover,.products-nav ul li.on{ background:#c2191f;}
.products-nav ul li:hover a,.products-nav ul li.on a{ color:#fff;}
.products-list{ float:left; width:100%; padding-top:170px;}
.products-list .p1{ font-size:20px;}
.products-list .p2{ font-size:13px; border-bottom:solid 1px #e8e8e8; text-transform:uppercase; color:#8c8b8c; padding-bottom:15px; margin-bottom:25px;}
.products-list ul li{ position:relative;float:left; border:solid 1px #ececec; width:320px; margin-right:14px; padding:30px 0 20px 0;margin-bottom:14px;}
.products-list ul li.clear{ margin-right:0;}
.products-list ul li img{ display:block; margin:0 auto 30px auto;height:180px;}
.products-list ul li span{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;font-weight:bold;display:block; color:#c2191f; font-size:18px;border-top:solid 1px #e8e8e8;margin:0 15px;padding:20px 10px;} 
.postion{ float:left; width:100%; margin:85px 0 150px 0; text-transform:uppercase}
.postion a{ color:#8c8b8c;}
.postion a:hover{ color:#c2191f;}
.products-view{ float:left; width:100%; margin-bottom:50px;}
.products-view .products-left{ width:675px; text-align:center; position:relative;}
.products-view .products-left .products-thumb{ margin-top:20px; position:relative; z-index:99}
.products-view .products-left .products-thumb a{ margin:0 5px;}
.products-view .products-right{ width:495px;}
.products-view .products-right .p1{ font-size:20px;}
.products-view .products-right .p2{ font-size:13px; text-transform:uppercase; color:#8c8b8c;}
.products-view .products-right .p3{font-size:25px; text-transform:uppercase; color:#c2191f; margin:5px 0 25px 0;}
.products-view .products-right .p4{ border:solid 1px #e7e7e7; border-left:none;border-right:none; font-size:15px; line-height:33px; margin:15px 0;}
.products-view .products-right .p4 font{font-size:13px; text-transform:uppercase; margin-left:10px;}
.products-view .products-right .p5{ font-size:15px;color:#595857;}
.products-view .products-right .p6{ font-size:13px; color:#595857; line-height:20px; margin-top:30px;}
.products-view .products-right .products-thumb{ float:left; width:100%;}
.products-view .products-right .products-thumb a{ float:left; border:solid 1px #eaeaea; width:115px; height:90px; margin-bottom:6px;margin-right:6px;text-align:center;}
.products-view .products-right .products-thumb a img{ margin-top:15px;}
.products-view .products-right .products-thumb a.clear{ margin-right:0;}
.products-table { float:left; width:100%;}
.products-table .p1{ background:#595757; color:#fff; font-size:13px;margin:50px 0 15px 0; line-height:35px;}
.products-table .p1 span{ background:#c2191f; float:left;font-size:16px; text-indent:20px; margin-right:25px; width:250px;}
.products-table .p1 font{ text-transform:uppercase}
.products-table table{ width:100% !important;text-align:center; font-size:15px;color:#595857;border:solid 1px #eaeaea;border-right:none;border-top:none;line-height:20px;}
.products-table table tr td{ border-right:solid 1px #eaeaea;border-top:solid 1px #eaeaea; padding:15px}
.news ul li{ float:left; width:429px; margin-right:21px; position:relative; overflow:hidden; margin-bottom:100px;}
.news ul li img{ height:189px;}
.news ul li span{ display:block; font-size:18px; color:#c2191f; margin:15px 5px;}
.news ul li font{ display:block;font-size:14px; color:#c2191f; border-top:solid 1px #e6e6e6; padding-top:10px; margin-top:30px;}
.news ul li p{ font-size:13px; color:#7d7d7d; line-height:20px; overflow:hidden; height:60px; margin:0 5px;}
.news ul li em{ position:absolute; top:15px; left:15px;border:solid 1px #fff; font-size:30px; padding:10px 15px;color:#fff; text-align:center;}
.news ul li em i{display:block; font-style:normal;}
.news ul li em i.i1{font-size:22px;}
.news ul li em i.i2{font-size:15px;}
.news ul li.clear{margin-right:0;}
.news-view{ float:left; width:100%; margin-bottom:50px;}
.news-view .news-title{ display:block; font-size:30px; color:#c2191f;}
.news-view .news-time{ display:block; font-size:15px; color:#5a5858; margin-top:5px;}
.news-view .news-content{ font-size:15px; color:#7d7d7d; line-height:21px; margin:90px 0;}
.news-view .news-content p{ margin-bottom:20px;}
.news-view .news-page{float:left; width:100%; line-height:35px;border-top:solid 1px #e5e5e5; font-size:13px;}
.news-view .news-page a{ display:block; color:#7d7d7d;border-bottom:solid 1px #e5e5e5; padding:0 10px;}
.news-view .news-page a:hover{color:#c2191f;}
.about{ float:left; width:100%; height:950px; background:url(../img/about.jpg) no-repeat center;text-align:center; position:relative; color:#fff;}
.about .item{ position:relative; top:50%; margin-top:-100px;}
.about .item .p1{ font-size:18px; text-transform:uppercase}
.about .item .p2{ font-size:65px; letter-spacing:15px; margin:30px 0;}
.about .item .p3{ font-size:14px; text-transform:uppercase}
.about1{ float:left; width:100%; margin:115px 0 135px 0;}
.about1 .thumb{ background:url(../img/about1.jpg) no-repeat center;width:508px; height:710px;}
.about1 .item{ width:580px;}
.about1 .item .p1{ font-size:50px; text-transform:uppercase; line-height:45px;color:#c2191f; margin:130px 0;}
.about1 .item .p2{ font-size:16px; line-height:25px;}
.about-contact{ float:left; width:100%;}
.about-contact #map{ width:100%; float:left; height:480px;}
.about-contact .item{ overflow:hidden; margin:50px 0; clear:both; float:left; width:100%;}
.about-contact .item .p1{ font-size:18px;}
.about-contact .item .p2{font-size:14px; margin:5px 0 35px 0;}
.about-contact .item .p3{font-size:20px;}
.about-contact .item .p4{font-size:16px;}
.about-contact .item .p4 font{ text-decoration:underline;color:#c2191f;}
.mechanical{ float:left; width:100%; margin-bottom:50px;}
.mechanical .p1{ text-transform:capitalize;font-size:35px; color:#c2191f;}
.mechanical .p2{font-size:25px; color:#c2191f; margin-bottom:60px;}
.mechanical .mechanical-a a{ border:solid 1px #eaeaea; width:320px; float:left; text-align:center;margin-right:14px; margin-bottom:14px; padding:45px 0;}
.mechanical .mechanical-a a.clear{ margin-right:0;}
.video{ float:left; width:100%; margin-bottom:50px; text-align:center;}
.video .p1{ text-transform:capitalize;font-size:35px; color:#c2191f;}
.video .p2{font-size:25px; color:#c2191f; margin-bottom:100px;}
.video ul li{ float:left; width:640px; text-align:center; margin:0 12px 24px 12px;}
.video ul li img{ width:640px; height:360px;}
.video ul li span{ font-size:18px; color:#00a891;display:block; margin:25px 0 5px 0;}
.video ul li font{ display:block; font-size:13px; color:#929292;}

.products-list ul li .pic{ z-index:10;position:absolute; width:100%; height:100%;top:0; left:0; background:url(../img/pic.png) no-repeat center 30%;background-size: contain;}
.products-view .products-left .pic{ z-index:10;position:absolute; width:100%; height:100%;top:0; left:0; background:url(../img/pic.png) no-repeat center;}





@keyframes imageZoom{0%{transform:scale(1)}
50%{transform:scale(1.24)}
100%{transform:scale(1)}
}
@-moz-keyframes imageZoom{0%{-moz-transform:scale(1)}
50%{-moz-transform:scale(1.24)}
100%{-moz-transform:scale(1)}
}
@-webkit-keyframes imageZoom{0%{-webkit-transform:scale(1)}
50%{-webkit-transform:scale(1.24)}
100%{-webkit-transform:scale(1)}
}
@-ms-keyframes imageZoom{0%{-ms-transform:scale(1)}
50%{-ms-transform:scale(1.24)}
100%{-ms-transform:scale(1)}
}