* { margin: 0; padding: 0; }

a:hover { text-decoration: none; }

li { list-style: none; }

#top {height:162px; background:none;padding:0;position: fixed;z-index: 9999;top:0; transition: 0.8s all; -webkit-transition: 0.8s all; -moz-transition: 0.8s all; -ms-transition: 0.8s all; }
#top .top_bg { background: #fff; padding: 15px 0; }
#top .ss { float: left; width: auto; overflow: hidden; display: block; }
#top .ss .navbar-brand { float: left; }
#top .ss input { height: 36px; width: 280px; border-radius: 18px; background: #ecedec; font-size: 13px; color: #464646; font-family:"arial"; margin-top: 30px; float: left; }
#top .ss input:focus { box-shadow: none; border-color: #7dbd4d; }
#top .ss input::-moz-placeholder { color: #cdcccc; }
#top .ss button { margin-left: -35px; height: 36px; border-radius: 18px; width: 60px; background: #0098d6; font-size: 22px; padding: 0; margin-top: 30px; }
#top .ss button i { height: auto; color: #fff; display: block; }
#top .ss button:focus { box-shadow: none; border-color: #7dbd4d; }
#top .tel { margin-top: 15px; float: right; }
#top .tel img { float: left; padding: 10px 20px; border-right: 1px solid #e1e1e1; }
#top .tel dd { float: left; width:80px; height: auto; padding: 0 3px; }
#top .tel dd hr { margin: 0; }
#top .tel dd a .gj{width:100%;max-width:36px;padding:0;float:right; }
#top .tel dd a { display: block; text-align: center; color: #b4b4b4; font-family:"arial"; }
#top .nav1{background:rgba(92, 92, 92, 0.6);width:100%;height:auto;margin:0;display: block;}
#top .nav1 .maue{width:1170px;margin:0 auto;padding:0 40px;}
#top .nav1 .maue li{float:left;height:56px;line-height:56px;text-align:center;padding: 0 26px; transition: 0.6s all; -webkit-transition: 0.6s all; -moz-transition: 0.6s all; -ms-transition: 0.6s all;}
#top .nav1 .maue li:hover{background:rgba(125,189,77,0.9);}
#top .nav1 .maue .active{background:rgba(125,189,77,0.9);color:#fff;}
#top .nav1 .maue li a{font-family:"arial";font-size:16px;color:#fff;display:block;font-weight:600;}
.top1 { margin-top: -162px; position: fixed; width: 100%; z-index: 9999; }
.banner{margin-top:162px;}

#product_l { padding-top: 30px; padding-bottom: 30px; }
#product_l .pro_l { width: 100%; height: auto; }
#product_l .pro_l .list { height: 425px; overflow: hidden; cursor: pointer; }
#product_l .pro_l .list img { width: 100%; }
#product_l .pro_l .list .box { position: relative; z-index: 9; text-align: center; width: 100%; background: rgba(92, 92, 92, 0.5); height: 120px; margin-top: -120px; padding-top: 20px; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; }
#product_l .pro_l .list .box h2 { color: #fff; font-family:"arial"; font-size: 40px; height: 60px; line-height: 60px; }
#product_l .pro_l .list .box span { display: block; height: 5px; width: 80px; background: #7dbd4d; margin: 0 auto; margin-bottom: 30px; position: relative; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; }
#product_l .pro_l .list .box a { border: 1px solid #fff; border-radius: 5px; padding: 10px 40px; color: #fff; opacity: 0; position: relative; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; font-family:"arial"; font-size: 22px; }
#product_l .pro_l .list:hover .box { height: 425px; margin-top: -425px; background: rgba(76, 114, 0, 0.5); padding-top: 120px; }
#product_l .pro_l .list:hover .box span { background: #0098d6; }
#product_l .pro_l .list:hover .box a { opacity: 1; }
#product_l .pro_l .list:hover .box a:hover { background: #7dbd4d; }

.title { border-bottom: 1px solid #e1e1e1; font-family:"arial"; font-size: 22px; text-transform: uppercase; color: #545353; line-height: 40px; padding-bottom: 5px; }
.title span { font-size: 36px; }
.title a { float: right; font-size: 13px; line-height: 40px; color: #545353; }
.title a:hover { color: #7dbd4d; }

.hzhb .one { margin: 40px auto; height: 142px; width: 1110px; overflow: hidden; position: relative; }
.hzhb .one ul { height: 142px; width: 100000px; position: absolute; left: 0; }
.hzhb .one ul li { display: block; float: left; margin: 0 15px; height: 142px; width: 242px; position: relative; }
.hzhb .one ul li img { display: block; border: 1px solid #e1e1e1; height: 140px; }

#about { background: url(../images/a_bg.jpg) center; }
#about .a_main { background: rgba(92, 92, 92, 0.7); width: 60%; padding: 60px 40px; }
#about .a_main .title { color: #fff; border: none; }
#about .a_main h3 { color: #fff; font-family:"arial"; font-size: 22px; margin: 20px 0px; }
#about .a_main p { font-size: 14px; line-height: 28px; font-family:"arial"; color: #fff; margin-bottom: 20px; }
#about .a_main .more { border: 1px solid #fff; border-radius: 5px; padding: 10px 40px; color: #fff; position: relative; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; font-family: Roboto; font-size: 22px; }
#about .a_main .more:hover { background: #7dbd4d; }

.news { padding: 30px 15px; }
.news .new_l { padding: 15px; }
.news .new_l li span { font-family:"arial"; font-family: 14px; color: #959694; }
.news .new_l li h3 { font-family:"arial"; font-size: 16px; font-weight: 600; color: #6d6d6d; margin: 8px 0 10px 0; }
.news .new_l li p { font-size: 13px; color: #959694; width: 100%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.news .new_l li a { font-family:"arial"; font-size: 14px; color: #0098d6; }
.news .new_l li a:hover { color: #7dbd4d; margin-top: 20px; }

#footer { margin-top: 30px; background: #464646; height: 40px; line-height: 40px; font-family:"arial"; font-size: 13px; }
#footer p { float: left; color: #fff; }
#footer a { float: right; color: #fff; }

.container-fluid { padding: 0; }
.container-fluid #product img { width: 100%; height: auto; margin: 0; }
.container-fluid #product .main { margin-top: 80px; padding: 0; }

.container { min-width: 1170px; }

#main { margin-top: 2%; overflow: hidden; }

.banner_s {width: 100%; height: auto; overflow: hidden;margin-top:162px;}
.banner_s img { width: 100%; }

#left { background: none; margin: 0; width: 100%; height: auto; display: block; overflow: hidden; }
#left h2 { background:rgba(92, 92, 92, 0.6); padding: 20px 6px; color: #fff; font-family: "arial"; font-size: 22px; margin: 0 0 2px 0; }
#left h2 i { padding-right: 10px; padding-left: 5px; }
#left h2 i img { width: 100%; max-width: 28px; }
#left .left { border-radius: 0; border: none; margin: 0; cursor: pointer; width: 100%; padding: 14px 0 14px 12px; border-bottom: 1px solid #EEEEEE; }
#left .left .left_d { width: 100%; color: #959694; font-family:"arial"; font-size: 14px; border-radius: 0; }
#left .left .left_d span { padding-right: 14px; }
#left .left:hover { background: #7dbd4d; border-bottom: #7dbd4d 1px solid; }
#left .left:hover .left_d { color: #fff; }
#left .left.active { background: #7dbd4d; border-bottom: #7dbd4d 1px solid; }
#left .left.active .left_d { color: #fff; }
#left .left_con { background:#fff; margin: 0; width: 100%; height: auto; overflow: hidden; padding: 10px 0 20px 11px; }
#left .left_con p { font-family:"arial"; color: #959694; font-size: 14px; height: 30px; line-height: 30px; text-align: left; }
#left .left_con p span { width: 100%; height: auto; max-width: 14px; padding-right: 10px; text-align: center; }
#left .left_con .p_l { padding-left: 30px; height: 20px; line-height: 20px; }

#right { overflow: hidden; }
#right nav { border-bottom: solid 1px #EEEEEE; padding-bottom: 6px; margin-bottom: 20px; }
#right nav ol { background: none; padding: 0; margin: 0; }
#right nav ol li { height: 30px; line-height: 30px; }
#right nav ol li a {font-family:"arial"; color: #959694; font-size: 16px;}
#right nav ol li a:hover { color: #7dbd4d; }
#right nav ol li.active {font-family:"arial"; font-size: 16px; color: #7dbd4d; }
#right nav ol .active {font-family:"arial"; color: #7dbd4d; margin: 0; font-size: 14px; }
#right .r_main { width: 100%; height: auto; overflow: hidden; }
#right .r_main li { float: left; margin-bottom: 40px; padding: 0 5px; text-align: center; }
#right .r_main li .r_par { border: 1px solid #EEEEEE; }
#right .r_main li .pro { border: solid 1px #EEEEEE; transition: all; position: relative; overflow: hidden; }
#right .r_main li .pro dd { transition: all; position: relative; overflow: hidden; margin: 0; }
#right .r_main li .pro dd img { width: 100%; max-width: 270px; height: auto; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; opacity: 1; }
#right .r_main li .pro p { height: 70px; line-height: 70px; text-align: center; font-family:"arial"; font-size: 14px; color: #959694; padding: 0; }
#right .r_main li:hover .pro { border: solid 1px #7dbd4d; transform: 0.5s; -webkit-transform: 0.5s; }
#right .r_main li:hover .pro p { background: #7dbd4d; color: #fff; }
#right .r_main li:hover .pro img { transform: scale(1.2); -ms-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); -moz-transform: scale(1.2); }
#right .r_main li.active .pro { border: solid 1px #7dbd4d; }
#right .r_main li.active .pro p { background: #7dbd4d; color: #fff; }
#right .about_main { width: 100%; height: auto; overflow: hidden; padding: 0; }
#right .about_main img { margin-bottom: 15px; }
#right .about_main p {font-family:"arial"; font-size: 16px; color: #959694; height: auto; overflow: hidden; line-height: 26px; text-align: justify; }
#right .nav_page { border: none; }
#right .r_main_p { width: 100%; height: auto; overflow: hidden; padding: 10px 72px 0 72px; }
#right .r_main_p .carousel-inner { padding: 0; margin: 0; overflow: hidden; width: 700px; margin-bottom: 15px; }
#right .r_main_p .carousel-inner img { width: 100%; max-width: 700px; }
#right .r_main_p p {font-family:"arial"; font-size: 16px; color: #959694; height: auto; overflow: hidden; line-height: 26px; text-align: justify; }
#right .r_main_p .pp { padding: 0; }
#right .page { margin-top: 20px; border-top: solid 1px #EEEEEE; padding-top: 10px; }
#right .page a {font-family:"arial"; color: #959694; font-size: 12px; float: left; width: 100%; height: 30px; line-height: 30px; }
#right .page a span { font-size: 14px; }
#right .page a:hover { color: #7dbd4d; }
#right img { width: auto; max-width: 700px; height: auto; }
#right #news li { width: 100%; border: 1px solid #EEEEEE; height: auto; overflow: hidden; margin: 0; transition: all 0.5s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; margin-bottom: 40px; }
#right #news li dd { float: left; margin: 0; overflow: hidden; }
#right #news li dd img { width: 100%; height: auto; max-width: 240px; transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; opacity: 1; }
#right #news li .news_r { float: left; width: 48%; margin-left: 50px; padding: 32px 0; }
#right #news li .news_r h3 {font-family:"arial"; color: #959694; font-size: 16px; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; course: hand; }
#right #news li .news_r h4 {font-family:"arial"; color: #959694; float: left; font-size: 14px; width: 100%; margin-top: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; course: hand; }
#right #news li .news_r p { float: left; margin-top: 8px;font-family:"arial"; color: #959694; font-size: 14px; padding: 0; }
#right #news li .news_r p span { transition: all 0.6s; -moz-transition: all 0.6s; -webkit-transition: all 0.6s; padding-left: 8px; }
#right #news li:hover { border: 1px solid #7dbd4d; }
#right #news li:hover img { transform: scale(1.2); -ms-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); -moz-transform: scale(1.2); }
#right #news li:hover p { color: #7dbd4d; }
#right #news li:hover p span { padding-left: 16px; }

.con_h2 {font-family:"arial"; font-size: 50px; color: #d5d5d5; width: 100%; }

.con_x { width: 68px; height: 4px; background: #7dbd4d; text-align: center; margin: 0 auto; }

#contact { margin: 0; height: 800px; background: url(../images/contact_bg.jpg) no-repeat center; padding-top: 74px; text-align: center; padding-bottom: 136px; }
#contact .con_tb { margin-top: 100px; margin-bottom: 20px; height: auto; width: 100%; }
#contact .con_tb img { width: 100%; max-width: 76px; }
#contact h4 {font-family:"arial";font-size: 30px; color: #4b4b4b; width: 100%; font-weight: 600; margin-top: 14px; }
#contact h3 {font-family:"arial";font-size: 48px; color: #4b4b4b; width: 100%; font-weight: 600; margin-bottom: 24px; transition: all 0.6s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; }
#contact h3:hover { transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); color: #7dbd4d; }
#contact p {font-family:"arial";font-size: 16px; color: #545353; width: 100%; line-height: 30px; }

#network { width: 100%; height: auto; text-align: center; overflow: hidden; }
#network .network_bg { padding-top: 74px; width: 100%; height: 800px; background: url(../images/Network_bg.jpg) no-repeat center; background-size: cover; }

#feed { width: 100%; height: auto; background: #f7f7f7 no-repeat center; padding-top: 74px; text-align: center; margin: 0; overflow: hidden; }
#feed form { margin-top: 100px; margin-bottom: 32px; }
#feed form input { width: 380px; border: 1px solid #d5d5d5; height: 50px; box-shadow: none; }
#feed textarea { width: 100%; margin-top: 30px; border: 1px solid #d5d5d5; box-shadow: none; }
#feed .tj { text-align: right; margin-top: 68px; }
#feed .fw { text-align: left; margin-top: 68px; }
#feed .su_bg { background: #7dbd4d; color: #fff; height: 50px; border-radius: 30px; width: 150px; box-shadow: none; -moz-border-radius: 30px; -webkit-border-radius: 30px;font-family:"arial";font-weight: 600; }
#feed .re_bg { background: #0098d6; color: #fff; height: 50px; border-radius: 30px; width: 150px; box-shadow: none; -moz-border-radius: 30px; -webkit-border-radius: 30px;font-family:"arial";font-weight: 600; }

@media (max-width: 768px) { #feed .tj { text-align: left; margin-top: 68px; }
  #feed .fw { text-align: left; margin-top: 68px; } }

/*# sourceMappingURL=style.css.map */