@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:#231f20;}

a{ text-decoration:none; color:#231f20;}

a:hover{ color:#377824;}

ul,li{list-style:none}

img{ border:0;}

h1,h2,h3{ font-size:12px;}

em{font-style:normal}

p{display:block;}

.left{ float:left;}

.right{ float:right;}

.cn{font-family:"Source Han Sans SC", "HanHei SC", "PingFang SC", "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Microsoft YaHei", 黑体, Arial, sans-serif;}

.clearfix{clear:both}

.container{ width:1380px; 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 #e5e5e5;}

.header .header-nav li{ font-size:17px; float:left; text-transform:uppercase; margin-left:37px; line-height:147px;}

.header .header-nav li.hover{ position:relativee;}

.header .header-nav li.hover .down{ position:absolute; display:none; overflow:hidden;top:149px; left:0; width:100%; background:#79bb1b; z-index:1; height:468px;}

.header .header-nav li.hover .down .container{ position:relative; height:100%;}

.header .header-nav li.hover .thumb{ position:absolute; left:-300px;top:0;}

.header .header-nav li.hover .item{ width:645px; line-height:normal; color:#fff;}

.header .header-nav li.hover .item .p{ font-size:30px; margin:70px 0 50px 0;}

.header .header-nav li.hover .item ul li{ font-size:18px; line-height:30px; display:block; float:none; margin-left:0; text-transform:capitalize;}

.header .header-nav li.hover .item ul li a{ color:#fff;}

.header .header-r{ margin-left:130px; margin-top:55px;}

.header .header-r a{ float:left; border: solid 1px #d2d2d2; text-align:center; padding:10px 0;width:36px;margin-left:8px;}

.header .header-r a.er{ position:relative;}

.header .header-r a.er .thumb{ position:absolute; top:39px; display:none;right:0; z-index:1; width:150px;}

.header .header-r a.er:hover .thumb{ display:block;}

.slider{ width:100%;height:750px; position:relative; overflow: hidden;}

.slider .bd { margin:0 auto;}

.slider .bd li{ float:left;height:750px; width:100%; position:relative;}

.slider .bd li .container{ position:relative; height:100%;}

.slider .bd li a{ float:left; width:100%; height:100%;}

.slider .bd li .item{ font-size:20px;position:absolute;text-transform:uppercase;left:0; right:0;top:50%;margin:-80px auto; text-align:center; color:#fff;}

.slider .bd li .item a{ color:#fff;}

.slider .bd li .item .p2{ font-size:40px; margin:5px 0;max-width: 795px; text-align:right; float:right;}

.slider .hd { z-index:11;width:100%;text-align:center;position:absolute; left:0; bottom:25%; right:0; margin:0 auto; width:100%;}

.slider .hd li{display:inline-block;cursor:pointer;width:7px; height:7px; margin:0 8px; background:url(../img/slider.png) no-repeat right;text-indent:9999px;}

.slider .hd li.on{ background:url(../img/slider.png) no-repeat left;}

.index-about{ float:left; width:100%; height:500px; color:#fff; background:url(../img/index-about.jpg) no-repeat center;}

.index-about .item{ margin-top:150px;width:650px;}

.index-about .item .p1{ font-size:25px;}

.index-about .item .p2{ font-size:16px;}

.footer{ background:#e5e5e5; float:left; width:100%;}

.footer .p{ text-align:center; margin-bottom:120px;font-size:25px; color:#fff; background:#79bb1b; line-height:117px; width:100%;}

.footer .p a{ color:#fff;}

.footer .by{ font-size:18px; padding:140px 0 200px 0;}

.footer .by .easy{ text-decoration:underline; color:#377824;}

.footer .footer-left{ width:330px;}

.footer .footer-left .p1{ font-size:25px; margin-bottom:45px;}

.footer .footer-left .p2 a{ margin-right:15px;float:left;}

.footer .footer-left .p2 a.er{ position:relative;}

.footer .footer-left .p2 a.er .thumb{ position:absolute; top:80px; display:none;left:0; z-index:1; width:150px;}

.footer .footer-left .p2 a.er:hover .thumb{ display:block;}

.footer .footer-dl dl{ float:left; margin-left:65px; text-transform:uppercase}

.footer .footer-dl dl dt{ display:block; font-size:20px; margin-bottom:45px;}

.footer .footer-dl dl dd{ display:block; font-size:14px; line-height:23px;}

.footer .footer-dl dl.clear{ margin-left:0;}

.index-products{ float:left; width:100%; margin-bottom:165px;}

.index-products .p{ background:#e5e5e5; width:100%; float:left; padding:45px 0; margin:50px 0;}

.index-products .p span{ font-size:25px; margin-left:50px; line-height:55px;}

.index-products .p font{ font-size:20px; background:#79bb1b; line-height:55px; width:235px; text-align:center; color:#fff;margin-right:50px; border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px; -ms-border-radius:15px; -o-border-radius:15px;}

.index-products .ul1 li{ float:left; width:684px; margin-bottom:12px; position:relative; overflow:hidden;}

.index-products ul{ float:left; width:100%;}

.index-products .ul1 li img{ display:block;}

.index-products .ul1 li .item{ position: absolute; left:0; top:50%; margin:-90px auto;text-align:center; color:#fff; text-align:center; width:100%;}

.index-products .ul1 li .item .p1{ font-size:30px;}

.index-products .ul1 li .item .p2{ font-size:13px; width:520px; margin:25px auto;overflow:hidden;}

.index-products .ul1 li .item .p3{ font-size:15px; background:#79bb1b; line-height:40px; margin:0 auto;width:159px; text-align:center; color:#fff;border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px; -ms-border-radius:15px; -o-border-radius:15px;}

.index-products .ul1 li.l{ margin-right:6px;}

.index-products .ul1 li.r{ margin-left:6px;}

.index-products .ul2 li{ float:left; position:relative;width:452px; overflow:hidden; margin-bottom:12px; margin-right:12px}

.index-products .ul2 li:nth-child(3n){ margin-right:0;}

.index-products .ul2 li img{ display:block}

.index-products .ul2 li .item{ position: absolute; left:0; top:50%; margin:-15px auto;text-align:center; color:#fff; text-align:center; width:100%;}

.index-products .ul2 li .item .p1{ font-size:25px;}

.index-products ul li:hover img{-webkit-transform: scale(1.1);transform: scale(1.1);}

.about{ float:left; width:100%;}

.about .thumb{ margin:100px 0;}

.about .p1{ text-align:center;font-size:35px;}

.about .p2 { overflow:hidden; margin:100px 0; font-size:16px;line-height:22px;}

.about .p2 font{ font-size:16px; width:31.33%; float:left; line-height:22px;padding-right:2%}

.about-bg{ margin-bottom:100px;height:987px; float:left; width:100%; background:url(../img/aboutbg.jpg) no-repeat center;}

.contact{ background:#e5e5e5; width:100%; float:left; padding:120px 0 150px 0;}

.contact .item{ width:490px;}

.contact .item .p1{ font-size:35px; margin-bottom:45px;}

.contact .item .p2{ line-height:24px;font-size:15px;}

.contact .item .p3{ font-size:20px; margin:35px 0;}

.contact .form{ margin-right:50px; width:585px; margin-top:5px;}

.contact .form .p{ font-size:20px; margin-bottom:35px; text-transform: uppercase}

.contact .form ul li{ float:left; width:100%;}

.contact .form ul li .text{ background:#fff; border: solid 1px #fff; font-size:15px; line-height:60px; margin-bottom:15px; width:90%; padding-left:5%; padding-right:5%;font-family:Family, Tahoma, Geneva, sans-serif;color:#231f20;}

.contact .form ul li .message{background:#fff; border:solid 1px #fff; font-size:15px; padding-top:30px;margin-bottom:15px; width:90%; padding-left:5%; padding-right:5%; height:120px;font-family:Family, Tahoma, Geneva, sans-serif;color:#231f20;}

.contact .form .submit{ font-size:20px; background:#79bb1b; line-height:55px; width:255px; border:0;text-align:center; color:#fff;margin-right:50px; border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px; -ms-border-radius:15px; -o-border-radius:15px;}

.news{ float:left; width:100%; margin-bottom:100px;}

.news .p{ font-size:35px; text-transform:uppercase; margin:85px 0;}

.news ul li{ float:left; width:431px;border: solid 1px #e5e5e5; padding:10px 10px 40px 10px; margin-right:10px; margin-bottom:50px;}

.news ul li .item{ padding:20px;}

.news ul li span{ font-size:20px; display:block; height:48px; overflow:hidden;}

.news ul li em{ display:block; margin:30px 0; color:#377824; font-size:15px;}

.news ul li p{ font-size:14px; color:#585858; line-height:23px; height:92px; overflow:hidden;}

.news ul li.clear{ margin-right:0;}

.news ul li:hover p{ text-decoration:underline}

.news-view { overflow:hidden;margin:140px auto;width:940px;}

.news-view .news-title{ font-size:45px; display:block; font-weight:normal; padding:0 120px;}

.news-view .news-time{ font-size:15px;display:block; color:#377824;padding:0 120px; margin:40px 0 110px 0;}

.news-view .news-content{ font-size:18px;}

.news-page { padding-top:50px; margin-top:100px;border-top:solid 1px #c3c3c3;font-size:18px;overflow:hidden;}

.news-page a{display:block; line-height:30px;}

.products-view{ float:left; width:100%; margin-top:111px;}

.products-view .thumb{ width:690px; text-align:center;}

.products-view .thumb .pic{ margin-bottom:30px;max-width:690px;}

.products-view .thumb .attachment a{ border:solid 1px #c3c3c3; text-align:center; padding:15px; display:inline-block; margin:5px;}

.products-view .thumb .attachment a img{ height:55px;}

.products-view .products-item{ width:475px; margin-right:50px;}

.products-view .products-item .p1{ font-size:35px; text-transform:uppercase}

.products-view .products-item .p2{ font-size:20px; margin:25px 0 100px 0;}

.products-view .products-item .p3{ font-size:18px; line-height:28px;}

.products-view .summary{ overflow:hidden; margin-top:100px;}

.products-view .summary li{ float:left; border-top:solid 1px #c3c3c3;}

.products-view .summary li span{ float:left; font-size:35px; padding-top:75px;width:485px; text-align:center;}

.products-view .summary li p{ font-size:15px; padding:75px 14px 75px 100px; float:right; width:780px;border-left:solid 1px #c3c3c3; line-height:23px;}

.tit{ font-size:35px; text-transform:uppercase}

.products-table{ background:#e5e5e5; text-align:center; float:left; width:100%; padding:130px 0 150px 0; margin:130px 0}

.products-table ul{ margin:40px 0; overflow:hidden;}

.products-table ul li.on{background:#79bb1b;}

.products-table ul li{ display:inline-block;background:#fff; font-size:16px;line-height:50px; width:255px; border:0;text-align:center; color:#fff; margin:0 10px;border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px; -ms-border-radius:15px; -o-border-radius:15px;}

.products-table ul li.on a{ color:#fff;}

.products-table .items{ background:#fff;font-size:16px; display:none;}

.products-table .items.on{ display: block} 

.products-table .items table{ width:100%;border-right:none;border-top:none;}

.products-table .items table tr td{ padding:1.5%;border-right:solid 1px #e5e5e5;border-top:solid 1px #e5e5e5;}

.products-pic{ text-align:center; float:left; width:100%; margin-bottom:150px;}

.products-pic ul li{ margin-bottom:50px;float:left; width:24.7%; text-align:center;}

.products-pic .click{ display:inline-block;background:#79bb1b; font-size:16px;line-height:50px; width:255px; border:0;text-align:center; color:#fff; margin:50px 0;border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px; -ms-border-radius:15px; -o-border-radius:15px;}

.project{ overflow:hidden; margin:85px 0; float:left; width:100%;}

.project li{ float:left; width:452px; margin-right:12px; margin-bottom:12px;text-align:center; color:#fff; position:relative;}

.project li .item{ position:absolute; top:0; left:0; width:100%; height:100%; background:url(../img/bg.png) repeat;}

.project li .item span{ position: absolute; left:0; right:0;top:50%; font-size:25px; color:#fff; margin-top:-13px;}

.project li.clear{ margin-right:0}

.project li img{ display:block;}