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

@font-face
{
font-family: Family;
src: url('../fonts/Lato-Regular.otf');
src: url('../fonts/Lato-Regular.ttf');
src: url('../fonts/Lato-Regular.woff');
} 

*{ margin:0; padding:0;}
body{ font-size:12px; font-family:Family, Tahoma, Geneva, sans-serif;color:#040000;}
a{ text-decoration:none; color:#040000;}
ul,li{list-style:none}
img{ border:0;}
h1,h2,h3{ font-size:12px;}
em{font-style:normal}
p{display:block;}
input{outline:none}
.left{ float:left;}
.right{ float:right;}
.clearfix{clear:both}
.cn{font-family:"Source Han Sans SC", "HanHei SC", "PingFang SC", "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Microsoft YaHei", 微软雅黑, Arial, sans-serif;}
.container{max-width:1741px; margin:0 auto;}
.header{float:left; width:100%;background:#fff;position:relative; z-index:99; top:0; left:0; right:0;position:fixed;}
.header.fix{border-bottom:solid 1px #ECECEC;-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .12);box-shadow: 0 1px 3px rgba(0, 0, 0, .12);}
.header .logo{ margin-right:60px;}
.header .header-nav li{ float:left; font-size:16px; line-height:94px;text-transform:uppercase; margin:0 15px;}
.header .header-nav li.mar{ margin-left:60px;}
.header .header-nav li.click{ position:relative;}
.header .header-nav li.click .sub{ display:none;z-index:10;position:absolute; top:95px; width:95px; left:-28px; text-align:center;background:#222; color:#fff; padding:10px 0;}
.header .header-nav li.click .sub li{ display:block; float:none;padding:4px 0; line-height:22px; font-size:14px;}
.header .header-nav li.click .sub li a{ color:#aaa;}
.header .header-nav li.click .sub li:hover a{ color:#fff;}
.header .container{ width:1350px;}
.header .header-r{ position:relative;text-align:center; margin-top:35px;}
.header .header-r span{ cursor:pointer;background:url(../img/click.png) no-repeat 85% center;display:block; width:100px; border-bottom:solid 2px #eaeaea; font-size:16px; padding-bottom:5px;}
.header .header-r span.on{background:url(../img/clicks.png) no-repeat 85% center;}
.header .header-r .down{ display:none;z-index:10;position:absolute; top:26px; width:100%; left:0; background:#222; color:#fff;}
.header .header-r .down li{ display:block; padding:4px 0; line-height:20px;}
.header .header-r .down li a{ color:#aaa;}
.header .header-r .down li:hover a{ color:#fff;}
.header-div{ float:left; width:100%; height:94px;}
.slider{float:left;width:100%;height:879px;position:relative;overflow:hidden;}
.slider .container{ position:relative;}
.slider .bd li{ float:left;height:879px;width:100%;}
.slider .bd li .box{ width:800px;margin:0 auto;position:relative;text-transform:uppercase;top:300px;text-align:center; color:#fff;}
.slider .bd li .box .p1{font-size:80px;letter-spacing:15px;}
.slider .bd li .box .p2{font-size:18px; margin-top:35px;}
.slider .slider-page{ position:absolute; left:0; bottom:0; background:#fff;padding:50px;font-size:15px;}
.slider .slider-page .pageState{ margin:0 30px;}
.title{ float:left; width:100%; font-size:40px; margin:130px 0; text-align:center;}
.index-lists{ position:relative;float:left; width:100%;}
.index-lists .index-listss{ float:left; width:100%; position:relative;}
.index-lists .hd{display:none}
.index-lists .bds{height:682px;width:50%;}
.index-lists .bd ul{ height:682px;}
.index-lists .bd ul li{ float:left; width:100%; height:100%;}
.index-lists .pd{width:50%; text-align:center; margin-left:-1px; position:absolute; right:0; top:0; background:#fff;}
.index-lists .pd ul li{ float:left; border:solid 15px #d9d9d9; height:652px}
.index-lists .pd ul li span{ font-size:35px;display:block; text-transform:uppercase; margin-top:160px;}
.index-lists .pd ul li p{ display:block; font-size:14px; color:#7a7a7a; padding:50px 15%; line-height:22px;}
.index-lists .pd ul li em{ display:block; font-size:18px; border-bottom:solid 3px #eaeaea; width:160px; margin:0 auto; padding-bottom:12px;}
.index-lists .page{ position:absolute; right:35px; bottom:35px; z-index:10}
.index-lists .page a{ margin-left:35px;}
.index-products { position:relative; float:left; width:100%; overflow:hidden;}
.index-products .container{width:1350px; position:relative;}
.index-products ul li{ text-align:center;float:left; width:307px; padding:0 15px;overflow:hidden;font-size:16px; overflow:hidden;}
.index-products ul li span{ margin-top:25px;display:block}
.index-products ul li p{ display:block; color:#909090; margin-top:5px;}
.index-products ul li img{ height:285px;}
.index-products .prev{ position:absolute; left:-70px; top:400px}
.index-products .next{ position:absolute; right:-70px;top:400px}
.index-about{ float:left; width:100%; height:682px; text-align:center; margin-top:200px;background:url(../img/index-about.jpg) no-repeat center;}
.index-about .item{ width:1350px; background:url(../img/index-about.png) repeat; height:380px; margin:150px auto;}
.index-about .item .p1{ font-size:35px; padding-top:80px;}
.index-about .item .p2{ font-size:14px; color:#909090; width:630px; margin:30px auto; line-height:21px;}
.index-about .item .p3{ font-size:16px; border-bottom:solid 3px #dedada; padding-bottom:12px;width:150px; margin:0 auto;}
.footer{ clear:both; margin:0 auto; overflow:hidden;max-width:1741px; padding:75px 0 120px 0;width:100%; background:#040000; color:#909090; font-size:14px;}
.footer .container{width:1350px;}
.footer .footer-left {width:560px;text-align:left;}
.footer .footer-left .p1{ color:#fff; background:#333333;border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; -o-border-radius:8px; -ms-border-radius:8px; width:215px; line-height:40px; text-align:center;}
.footer .footer-left .p2{ font-size:18px; margin-top:40px;}
.footer .footer-left .p3{ line-height:20px;}
.footer .footer-left .p3 font{ color:#fff;} 
.footer .footer-right{ text-align:right;}
.footer .footer-right .p1 a{ margin-left:10px;}
.footer .footer-right .p2{ line-height:20px; margin-top:40px;}
.footer .footer-right .p2 a{ color:#fff; text-decoration:underline}
.postion{ text-transform:uppercase;overflow:hidden; clear:both; margin:0 auto 85px auto;;width:100%; max-width:1741px; line-height:43px;background:#ededed;}
.postion .container{ width:1350px;}
.postion a{ font-size:13px; color:#909090;}
.news{ overflow:hidden; margin:0 auto 150px auto;width:1350px;}
.news ul li{ float:left; width:407px; margin-right:64px;}
.news ul li.clear{ margin-right:0;}
.news ul li .item{ margin:30px 20px 50px 30px;}
.news ul li span{ display:block; font-size:18px; height:44px; overflow:hidden;}
.news ul li em{ display:block; font-size:13px; text-transform:uppercase}
.news ul li p{ display:block; font-size:13px; color:#7a7a7a; line-height:20px; margin:20px 0; height:60px; overflow:hidden;}
.news-view{ overflow:hidden; margin:150px auto 250px auto;width:800px; text-align:center;}
.news-view .news-title{ display:block; font-size:30px;}
.news-view .news-time{ display:block; font-size:13px; text-transform:uppercase; margin:50px 0 25px 0;}
.news-view .news-content{font-size:15px; color:#7a7a7a; line-height:22px;}
.section{ text-align:center; max-width:1741px; margin:0 auto}
.about1{ color:#fff; background:url(../img/about1.jpg) no-repeat center;background-size: cover;}
.about1 .p1{font-size:80px;letter-spacing:15px; text-transform:uppercase}
.about1 .p2{font-size:18px; margin-top:35px;}
.about2{ color:#fff; background:url(../img/about2.jpg) no-repeat center;background-size: cover;}
.about2 .p1{font-size:16px; width:900px; margin:0 auto; line-height:23px;}
.about3{ color:#fff;font-size:16px;background:url(../img/about3.jpg) no-repeat center;background-size: cover;}
.about3 .p1{width:900px; margin:0 auto; line-height:23px;}
.about3 .p2{ border-bottom:solid 3px #fff; text-transform:uppercase; width:175px; margin:40px auto 0 auto; padding-bottom:10px;}
.about3 .p2 a{ color:#fff;}
.about4 .p1{ font-size:35px;}
.about4 .p2{ font-size:16px; color:#7a7a7a; margin:55px 0 40px 0;}
.about4 .p3 a{ margin:0 15px;}
.products{ float:left; width:100%; margin-bottom:100px;}
.products .container{ width:1350px;}
.products .p1{ font-size:50px;}
.products .products-lists li{ float:left; width:317px; font-size:16px; position:relative;padding-bottom:25px; margin-bottom:25px;margin-right:27px; margin-top:27px; text-align:center;}
.products .products-lists li.clear{ margin-right:0;}
.products .products-lists li span{ display:block; margin:30px 0 5px 0;}
.products .products-lists li p{ color:#909090; text-transform:uppercase}
.products .products-lists li .bg{ border:solid 5px #040000; display:none;position:absolute; left:0; right:0; top:0; width:307px; height:100%;}
.products .products-lists li:hover .bg{ display:block;}
.products .products-thumb{ margin-top:25px;}
.products .products-thumb .products-a img{ width:121px;}
.products .products-thumb .products-a a{ float:left; margin:12px 12px 0 0;}
.products .products-view{ width:515px; margin-top:25px;}
.products .products-view .p2{ font-size:30px; text-transform:uppercase}
.products .products-view .p3{ font-size:20px; color:#7a7a7a;margin:30px 0;}
.products .products-view .p4{ font-size:15px; color:#7a7a7a; line-height:28px;}
.products-fix{ position:fixed; background:#fff; width:170px; margin:0 auto; left:-1560px; right:0}
.products-fix .p1{ font-size:28px;} 
.products-fix .p2{ font-size:18px; color:#999999; margin:5px 0 10px 0;} 
.products-fix ul li{ display:block; font-size:17px;background:url(../img/down.png) no-repeat 95% 20px;}
.products-fix ul li a{ display:block;border-bottom:solid 1px #e0e0e0; line-height:42px;}
.products-fix ul li .down li{ color:#999999; background:none; font-size:15px;}
.products-fix ul li .down li a{color:#999999;}
.products-fix ul li .down li:hover a{color: #040000;}
.products-fix ul li .down { display:none;}


@media (max-width:1366px){
.products-fix{left:0; margin:0; display:none}
}