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

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

*{ margin:0; padding:0;}
body{ font-size:12px; font-family:Family, Tahoma, Geneva, sans-serif;color:#727172;}
a{ text-decoration:none; color:#727172;}
ul,li{list-style:none}
img{ border:0;}
h1,h2,h3{ font-size:12px;}
em{font-style:normal}
p{display:block;}
.cn{ font-family:"微软雅黑";}
.left{ float:left;}
.right{ float:right;}
.clearfix{clear:both}
.container{ width:1150px; margin:0 auto;}
.header{ position:relative; z-index:99; top:0;padding:50px 0;background:#fff;left:0; width:100%; float:left; width:100%; border-bottom:solid 4px #727172;}
.header .header-nav li{ float:left; font-size:15px; line-height:26px;margin-right:45px;text-align:center;}
.header .header-nav li:hover a{ color:#b81d22;}
.header .header-nav li font{ display:none;}
.header .header-nav li:hover span{ display:none}
.header .header-nav li:hover font{ display:block}
.header .header-nav li.n1{ width:42px;}
.header .header-nav li.n2{ width:83px;}
.header .header-nav li.n3{ width:80px;}
.header .header-nav li.n4{ width:60px;}
.header .header-nav li.n5{ width:107px;}
.header .header-nav li.n6{ width:60px;}
.slider{ float:left; width:100%; height:904px; position:relative; overflow: hidden;}
.slider .bd { margin:0 auto;}
.slider .bd li{ float:left;height:904px; width:100%;}
.slider .hd { z-index:11;width:100%;text-align:center;position:absolute; left:0; bottom:200px; right:0; margin:0 auto; width:100%;}
.slider .hd li{display:inline-block;cursor:pointer;width:12px;height:12px;border:solid 1px #fff;margin:0 4px;text-indent:9999px;}
.slider .hd li.on,.slider .hd li:hover{ background:#b81d22; border:solid 1px #b81d22;}
.slider .box{ width:550px; margin:0 auto; text-align:center; color:#fff; position:relative; top:25%;}
.slider .box .p1{font-size:60px;}
.slider .box .p2{font-size:20px;margin:30px 0 50px 0;}
.slider .box .p3{font-size:13px; background:#b81d22; width:345px; height:40px; line-height:40px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; margin:0 auto;}
.slider .box .p3 a{ color:#fff;}
.slider .box .p4{font-size:18px; max-width:70px; margin:40px auto; border:solid 1px #727172; border-left:none; border-right:none; line-height:43px;}
.slider .box .p5{font-size:35px;}
.footer { font-size:14px;float:left; width:100%; background:#727172; padding:130px 0 160px 0; text-align:center; line-height:20px;color:#fff;}
.footer a{color:#fff;}
.footer .p1{ font-size:20px; margin-top:45px;}
.footer p{ margin-bottom:20px;}
.footer .p2{ margin-top:60px;}
.footer .p2 a{ text-decoration:underline;}
.footer .addthis_toolbox { margin-top:70px; text-align:center;}
.footer .addthis_toolbox a{ float:none !important; display:inline-block;}
.index-about .p1{ font-size:15px; width:760px; margin:0 auto; line-height:22px;}
.index-about .p2{ font-size:25px; margin-top:50px;}
.index-about .index-thumb{ font-size:13px; height:574px; background:url(../img/index-thumb.jpg) no-repeat; color:#fff; position:relative;}
.index-about .index-thumb a{ float:left; width:100%; height:100%; color:#fff;}
.index-about .index-thumb span{ position:absolute; right:303px; top:225px; line-height:21px;}
.index-about .index-thumb font{ width:285px;position:absolute; right:50px; bottom:85px; line-height:22px;}
.index-content{ float:left; width:100%; text-align:center;}
.index-content .p0{ width:130px; margin:130px auto; height:1px; background:#dcdcdc;}
.index-content .p3{ margin:90px auto;}
.index-products{ margin-bottom:250px;}
.index-products .p1{ font-size:22px; text-transform:uppercase; line-height:30px;}
.index-products ul{ float:left; border-right:solid 1px #d8d8d8; text-align:left; width:286px;}
.index-products ul.clear{ border-right:none;}
.index-products ul li{ display:block;padding-left:30px; line-height:35px;}
.index-products ul li:hover a{color:#b81d22;}
.index-products ul li span{ font-size:15px; width:50%; float:left;}
.index-products ul li font{width:50%; float:left; text-transform:uppercase}
.fix-ul{ position:fixed; top:130px; right:0; z-index:99}
.fix-ul ul li{ display:block}
.fix{ position:fixed; top:0; left:0; width:100%; height:100%; z-index:100; display:none}
.fix .fix-bg{ position:absolute; top:0; left:0; width:100%; height:100%; background:url(../img/fix-bg.png) repeat;}
.fix-wechat .thumb{ text-align:center; display:block; position:relative; z-index:1;}
.fix-qq .fix-qqc{ background:#fff; height:255px; width:100%; position:relative; z-index:1; padding-top:110px;}
.fix-qq .fix-qqc .left{ width:500px;}
.fix-qq .fix-qqc .p1{ font-size:14px; line-height:20px;}
.fix-qq .fix-qqc .p2{ font-size:16px; margin-top:20px; line-height:22px;}
.fix-qq .fix-qqc ul{ float:right; padding:20px 0 20px 105px;margin-top:25px;background:url(../img/fix-qq.jpg) no-repeat left;}
.fix-qq .fix-qqc ul li{ float:left; border-right:solid 1px #dadada; font-size:13px; padding-right:30px; margin-right:30px;}
.fix-qq .fix-qqc ul li font{ display:block; font-size:18px; padding:5px 0 8px 0;}
#top{ position:fixed; bottom:20%; z-index:99;right:100px;}
.fix-contact{ background:#727172; text-align:center; color:#fff;}
.fix-contact .close{ position: absolute; right:2.5%;top:5%;}
.fix-contact .p1{ font-size:40px; margin-top:150px;}
.fix-contact .p2{ font-size:16px; line-height:25px; margin:50px 0 35px 0;}
.fix-contact .p3{ font-size:25px;}
.fix-contact .p4{ font-size:40px; margin:50px 0 88px 0;}
.fix-contact .p5{ font-size:13px; line-height:40px;}
.fix-contact .p5 a{ color:#fff;}
.fix-contact .p5 a:hover{color:#b81d22;}
.about1{ float:left; width:100%; background:url(../img/about1.jpg) no-repeat center; text-align:center; height:604px; padding-top:300px;color:#fff;}
.about1 .p1{ font-size:50px;}
.about1 .p2{ font-size:80px;}
.about1 .p3{ font-size:13px; line-height:20px;width:430px; margin:60px auto 0 auto;}
.about2 { margin:200px auto;}
.about2 ul li{ width:535px}
.about2 ul li span{ display:block; font-size:25px;}
.about2 ul li font{ display:block; height:1px; background:#dcdcdc; width:130px; margin:45px 0;}
.about2 ul li p{font-size:13px; line-height:20px;}
.about2 ul li.cn p{font-size:14px; line-height:22px;}
.about2 ul li.cn{ margin-top:285px;}
.about2 ul{ background:url(../img/about2.jpg) no-repeat 0 80px; overflow:hidden; padding-bottom:110px;}
.about3{ float:left; width:100%; background:url(../img/about3.jpg) no-repeat center;height:1024px;}
.about3 .item{ background:#fff; width:380px; padding:50px; margin-top:160px; padding-bottom:100px;}
.about3 .item .p1{ font-size:25px;}
.about3 .item .p2{ height:1px; background:#dcdcdc; margin:40px 0; width:130px;}
.about3 .item .p3{ font-size:13px; line-height:20px;}
.about4{ margin:140px 0 310px 0; overflow:hidden; }
.about4 .item{ width:430px;}
.about4 .item .p2{ height:1px; background:#dcdcdc; margin:40px 0; width:130px;}
.about4 .item .p1{ font-size:25px;}
.about4 .item .p3{ line-height:22px;font-size:14px;}
.postion{ font-size:13px; border-bottom:solid 1px #eeeeee; text-transform:capitalize;padding:40px 0 30px 0; overflow:hidden; color:#8f8f8f;}
.postion a{ color:#8f8f8f}
.news .p1{ font-size:45px; margin:130px 0 135px 0;}
.news ul{ overflow:hidden; margin-bottom:200px;}
.news ul li{ float:left; width:365px; margin-bottom:100px;text-align:center; margin-right:27px; position:relative;}
.news ul li .thumb{ position:absolute; top:0; width:100%; left:0; height:250px; display:none; background:url(../img/news.jpg) no-repeat;}
.news ul li.clear{ margin-right:0;}
.news ul li span{ font-size:16px; margin:25px 0; display:block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.news ul li p{ font-size:13px; line-height:20px; padding:0 20px; height:40px; overflow:hidden;}
.news ul li em{ display:block; border-top:solid 1px #e4e4e4; font-size:14px; margin-top:30px; padding-top:20px;}
.news ul li em font{ color:#b81d22;}
.news ul li:hover span{ color:#b81d22;}
.news ul li:hover .thumb{ display:block;}
.news-view { margin-bottom:100px; overflow:hidden;}
.news-view .news-time{ font-size:14px; margin:65px 0;}
.news-view .news-time font{ color:#b81d22;}
.news-view .news-title.en{ font-size:30px; width:900px;}
.news-view .news-title.cn{ font-size:30px; margin:35px 0;}
.news-view .news-title.cn font{ display:block; height:1px; background:#e4e4e4; width:365px; margin:40px 0 90px 0;}
.news-view .news-content{ font-size:14px;}
.news-view .news-content.cn{ line-height:22px; margin-bottom:30px;}
.news-view .news-content.en{ line-height:20px;}
.news-view .news-page{ text-align:center; margin:160px 0;}
.news-view .news-page a{ margin:0 3px;}
.products { margin:230px 0 300px 0; overflow:hidden;}
.products .p1{ font-size:45px; text-align:center; letter-spacing:8px; text-transform:uppercase}
.products .p2{ height:1px; background:#dcdcdc; margin:75px auto; width:130px;}
.products .p3{ font-size:13px; line-height:20px; width:770px; margin:0 auto 240px auto; text-align:center;}
.products ul li{ float:left; width:280px; text-align:center; margin-right:10px; position:relative; margin-bottom:90px;}
.products ul li .thumb{ position:absolute; top:0; width:100%; left:0; height:375px; background:url(../img/products.png) no-repeat center; display:none;}
.products ul li .thumb .s2{ font-size:20px; color:#fff; margin:100px 0 50px 0;}
.products ul li .thumb .s3{ height:36px; overflow:hidden;font-size:15px; color:#dddddd;}
.products ul li .thumb em{ display:block; color:#dddddd; margin-top:38px;}
.products ul li.clear{ margin-right:0;}
.products ul li span.s1{ display:block; font-size:20px; margin:20px 0 0 0;}
.products ul li span.s1 font{ display:block; color:#727172 !important;font-size:12px; margin-top:5px;}
.products ul li:hover span.s1{ color:#b81d22;}
.products ul li:hover .thumb{ display:block}
.products ul li span { display:block;}
.products-view{ position:relative; float:left; width:100%; height:904px;}
.products-view .thumb{ width:50%; overflow:hidden; position: absolute; left:0; top:0; text-align:right;}
.products-view .thumb .ico{ position:absolute; right:20px; top:20px;}
.products-view .item{ width:485px; float:right; margin-top:70px;}
.products-view .item .p1{font-size:30px;}
.products-view .item .p2{font-size:30px;}
.products-view .item .p3{ height:1px; background:#dcdcdc; width:130px; margin:30px 0 50px 0;}
.products-view .item .p4{font-size:16px;}
.products-view .item .p5{ margin:20px 0;font-size:13px;}
.products-view .item .p6{font-size:13px;}
.products-view .item .item-a { border-top:solid 1px #ebebeb; margin-top:40px; padding-top:30px;}
.products-view .item .item-a a{ float:left; margin-right:8px; margin-bottom:5px;}
.products-view .item .item-a a span{ display:block; margin:8px 0;}
.products-view .item .item-a a.clear{ margin-right:0}
.products-view .item .p7{font-size:13px; color:#fff; background:#b81d22; width:106px; height:37px; line-height:37px; text-align:center; margin-top:150px;}
.products-view .item .p7 a{color:#fff;}
.fix-add .box{ background:#fff; margin:0 auto;width:810px;position:relative; padding:75px 120px;position:relative; overflow:hidden;color:#727172;}
.fix-add .box .p1{ font-size:30px; }
.fix-add .box .p2{ font-size:20px; margin:20px 0 30px 0;}
.fix-add .box .p3{ font-size:14px; line-height:21px;}
.fix-add .box form{ position:absolute; right:75px; top:120px; border:solid 1px #d6d6d6; width:337px; height:45px; line-height:45px;}
.fix-add .box form .text{ width:300px; height:45px; text-indent:17px; font-size:14px; color:#727172; border:0;}
.fix-add .box form .submit{ background:url(../img/sub.jpg) no-repeat; border:0; width:31px; height:35px; float:right; margin-top:6px;}