li, p, a, span, .tit { transition: all 0.3s linear 0s; }
em, i { font-style: normal; }
.flink {color: rgb(50, 50, 50); font-size: 16px; display: block; text-align: center;}
.gunav{transition:0.6s;position:fixed;top:0px;z-index:1000;width:100%;background:linear-gradient(rgba(255,255,255,1),rgba(255,255,255,0)); /*background:#fff;*/height:100px;/*box-shadow:0 0px 3px rgba(0,0,0,.3);*/}
.gunav.currr{background:#ffc200;}
.section{position:relative;}  
 
.navbar { z-index: 9999; position: fixed; top: 30%; right: 3%;}
.navbar .active { background: #ccc;}
.navbar li { cursor: pointer; transition: all .7s ease; border-radius: 50%;color:#00673e; text-align: center;}
.navbar li a{width: 40px; height: 40px; line-height: 40px;color:#00673e;}
.navbar li em{width:1px; height:0;background:#00673e;display:block;margin-left:10px;}
.navbar li.active em{height:100px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-ms-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease;}
.navbar li.active{background:none;}

.top_a { height: 40px; line-height: 40px; color: rgb(0, 103, 62); background: rgb(80, 80, 80); font-size: 12px; min-width: 1200px; }
.top { height: 114px; }
.top_right { margin-top: 25px; padding-left: 10px; }
.nav { background: rgb(255, 255, 255); height: 52px; line-height: 52px; }
.nav_box > li { float: left; width: 100px; }
.nav_box > li > a { color: rgb(0, 103, 62); font-size: 16px; display: block; text-align: center; }
.nav_box > li > a:hover {  color: rgb(255, 113, 78); }
.nav li ul { width: 100%; height: 0px; transition: all 0.3s ease 0s; background: rgba(255, 255, 255, 0.8); overflow: hidden; position: absolute; top: 52px; left: 0px; z-index: 99; border-top: 1px solid rgb(224, 224, 224); opacity: 0; }
.nav li ul .img { width: 250px; height: 188px; padding: 20px; }
.nav li ul .menu { width: 140px; padding: 20px 15px 0px 0px; }
.nav li ul a { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.nav li:hover ul { opacity: 1; height: 280px; width: 100%; min-width: 1200px; }
.nav_l { width: 400px; padding-top: 50px; }
.nav_l a { margin-left: 30px; width: 110px; height: 40px; line-height: 40px; padding-left: 35px; float: left; border-bottom: 1px solid rgb(0, 103, 62); background:  15px center no-repeat; }
.nav_l a:hover { color: rgb(0, 103, 62); border-bottom: 1px solid rgb(0, 103, 62); }
.nav_r { width: 800px; padding-top: 50px; }
.nav_r dt { width: 238px; text-align: center; float: left; margin: 0px 14px; line-height: 30px; font-size: 16px; }
.nav_r dt:hover a { color: rgb(0, 103, 62); font-weight: bold; }


.slidebox { width: 1920px; height: 1200px; overflow: hidden; position: relative; }
.slidebox .hd { height: 30px; overflow: hidden; position: absolute; right: 5px; bottom: 5px; z-index: 1; text-align: center; width: 100%; }
.slidebox .hd ul { overflow: hidden; zoom: 1; }
.slidebox .hd ul li { width: 15px; height: 15px; line-height: 14px; display: inline-table; text-align: center; margin: 0px 5px; border-radius: 50%; transition: all 0.3s ease 0s; border: 2px solid rgb(255, 255, 255); text-indent: -9999px; }
.slidebox .hd ul li.on { background: rgb(0, 103, 62); border-color: rgb(0, 103, 62); }
.slidebox .bd { position: relative; height: 100%; z-index: 0; }
.slidebox .bd li { zoom: 1; vertical-align: middle; }
.slidebox .bd img { width: 1920px; height: 0; display: block; }
.slide-main { height: 1200px; position: relative; }

.flash { height: 1200px;  overflow: hidden; background: rgb(255, 255, 255); }
.slide-main .prev, .slide-main .next { display: block; width: 44px; height: 44px; position: relative; z-index: 222; top: 500px; overflow: hidden; opacity: 1; }
.slide-main .prev { left: 70px; }
.slide-main .next { right: 70px; }
.slide-main .prev:hover, .slide-main .next:hover, .nav-main a:hover, .nav-main a.cur { opacity: 1; }
.item { display: block; width: 100%; height: 5px; position: absolute; z-index: 124; top: 900px; left: 0px; text-align: center; }
.item a { width: 15px; height: 15px; line-height: 14px; display: inline-table; text-align: center;  margin: 0px 5px; border-radius: 50%; transition: all 0.3s ease 0s; border: 2px solid rgb(0, 103, 62); text-indent: -9999px; }
.item a.cur { background: rgb(255, 233, 78); border-color: rgb(0, 103, 62); }

.slide-box { width:100%; height: 1200px; position: relative; }
.slide { width:100%; height: 1200px;transition:ease 2s;transform:scale(1.1); z-index: 8;}

.slide a { display: block; width: 100%; height: 1200px; }

.zyflash1 { background:  center top no-repeat; height: 280px; min-width: 1200px; width: 100%; }
.zyflash2 { background:  center top no-repeat; height: 280px; min-width: 1200px; width: 100%; }
.zyflash3 { background:  center top no-repeat; height: 280px; min-width: 1200px; width: 100%; }
.zyflash4 { background:  center top no-repeat; height: 280px; min-width: 1200px; width: 100%; }
.zyflash5 { background:  center top no-repeat; height: 280px; min-width: 1200px; width: 100%; }
.zyflash6 { background:  center top no-repeat; height: 280px; min-width: 1200px; width: 100%; }
.zyflash7 { background:  center top no-repeat; height: 280px; min-width: 1200px; width: 100%; }
.zyflash8 { background:  center top no-repeat; height: 280px; min-width: 1200px; width: 100%; }
.zyflash9 { background:  center top no-repeat; height: 280px; min-width: 1200px; width: 100%; }
.tit_1 { font-weight: bold; font-size: 30px; color: rgb(0, 103, 62); height: 45px; padding-top: 10px; }
.linkimg li { width: 289px; height: auto; float: left; margin: 14px 0px 14px 14px; }
.linkimg .img { width: 289px; height: 216px; overflow: hidden; position: relative; }
.linkimg .img span { position: absolute; width: 97px; height: 46px; background: rgb(0, 0, 0); bottom: 0px; right: 0px; font-size: 18px; text-align: center; line-height: 46px; font-weight: bold; color: rgb(255, 255, 255); }
.linkimg .tit { line-height: 40px; }
.linkimg li:first-of-type { margin-left: 0px; }
.linkimg li:hover .tit { padding-left: 30px; }
.linkimg li:hover .img span { background: rgb(0, 103, 62); }

.index_about { background:  bottom no-repeat rgb(255, 255, 255); padding: 0px 0px; width: 100%; min-width: 1200px; }
#gsjj_nr { }
#gsjj_nr .tit_1 { font-size: 30px; line-height: 38px; height: 95px; }
#gsjj_nr .tit_1 i { font-size: 28px; font-weight: 400; font-style: normal; display: block; }
#gsjj_nr .left { width: 560px; padding-top: 20px; }
#gsjj_nr .left img { width: 100%; }
#gsjj_nr .left ul { padding: 20px 40px; }
#gsjj_nr .left ul li { background:  left center no-repeat; height: 55px; line-height: 55px; padding-left: 48px; font-size: 16px; float: left; width: 207px; }
#gsjj_nr .left #fwly { background: rgb(216, 216, 216); width: 592px; height: 254px; position: relative; }
#gsjj_nr .left #fwly .fwlypic { width: 314px; height: 254px; overflow: hidden; float: left; }
#gsjj_nr .left #fwly #fwlyfont { width: 146px; float: left; padding: 35px 0px 0px 40px; line-height: 2; color: rgb(102, 102, 102); }
#gsjj_nr .left #fwly #fwlyfont span { color: rgb(0, 0, 0); font-size: 25px; }
#gsjj_nr .left #fwly #fwlymore { position: absolute; width: 47px; height: 34px; background: rgb(219, 58, 50); color: rgb(255, 255, 255); font-size: 20px; text-align: center; padding-top: 11px; right: 0px; bottom: 0px; }
#gsjj_nr .left #fwly:hover #fwlymore { background: rgb(0, 103, 62); }

.scale {width: 350px;  padding: 1px; border: 2px solid rgb(0, 103, 62); }
.scale img { transition: all 0.8s ease 0s; }
.scale:hover img { transform: scale(1.1);  }
#gsjj_nr .right { width: 608px; position: relative; font-size: 15px; }
#gsjj_nr .right #gsjjpic { width: 608px; height: 290px; overflow: hidden; }
#gsjj_nr .right #gsjj_title { width: 118px; height: 94px; background: rgba(218, 37, 28, 0.8); position: absolute; right: 0px; top: 0px; text-align: center; color: rgb(255, 255, 255); font-size: 30px; font-weight: bold; padding-top: 15px; }
#gsjj_nr .right #gsjj { padding: 15px 25px; line-height: 2; }
#gsjj_nr .right #gsjj span { color: rgb(0, 0, 0); font-size: 16px; padding-left: 24px; font-weight: bold; }
#gsjj_more { width: 133px; height: 40px; line-height: 40px; text-align: center; border: 1px solid rgb(0, 103, 62); margin-top: 26px; }
#gsjj_more { background: rgb(0, 103, 62); color: rgb(255, 255, 255); border: 1px solid rgb(0, 103, 62); }
#gsjj_more a { color: rgb(255, 255, 255); }
.ys1 { width: 750px; height: 517px; overflow: hidden; float: left; }
.ys2 { width: 750px; height: 309px; overflow: hidden; float: left; }
.ys3 { float: right; width: 450px; height: 826px; overflow: hidden; }
.ys2 .img { width: 340px; height: 309px; overflow: hidden; float: left; }
.ys3 .img { width: 450px; height: 404px; overflow: hidden; margin-top: 22px; }
.youshi .tit, .youshi .cont { width: 370px; display: block; margin: 0px auto; line-height: 30px; }
.youshi .tit { margin-top: 40px; font-size: 36px; color: rgb(44, 44, 44); }
.youshi .tit span { font-size: 18px; color: rgb(178, 178, 178); display: block; text-transform: uppercase; line-height: 40px; }
.ys2 .cont, .ys2 .tit { padding: 0px 20px; float: right; }
.ys2 .cont { height: 194px; border-bottom: 5px solid rgb(0, 103, 62); }
.index_title { text-align: center; font-size: 34px; line-height: 40px; position: relative; margin-bottom: 10px; font-weight: 100; padding-bottom: 25px; margin-top: 30px; }
.index_title strong { padding: 10px; display: block; width: 518px; margin: 0px auto; text-align: center; color: rgb(10, 45, 39); }
.index_title p { display: block; font-size: 16px; color: rgb(102, 102, 102); line-height: 18px; padding-top: 10px; font-weight: normal; border-bottom: 1px solid rgb(0, 103, 62); padding-bottom: 18px; position: relative; }
.index_title i { width: 78px; border-bottom: 2px solid rgb(0, 103, 62); position: absolute; bottom: -1px; left: 50%; margin-left: -39px; }
.g_ys1 { width: 100%; overflow: hidden; position: relative; }
.animated { text-align: center; font-size: 52px; color: rgb(0, 0, 0); margin: 50px auto; }
.animated a { color: rgb(0, 0, 0); }
.animated em { color: rgb(0, 103, 62); font-weight: bold; }
.animated span { display: block; font-size: 20px; color: rgb(40, 40, 40); font-weight: normal; padding-top: 6px; }
.ys_hot { width: 50%; float: left; height: 446px; }
.ys_hot img { width: 100%; height: auto; }
.g_ys1 .m_ys1 { width: 45%; float: right; padding: 5% 0px 4.7% 5%; position: absolute; right: 0px; background: ; }
.g_ys1 .m_ys1 h3 { height: 100px; font-size: 40px; color: rgb(0, 0, 0); }
.g_ys1 .m_ys1 h3 em { display: block; font-size: 36px; color: rgb(0, 0, 0); text-transform: uppercase; line-height: 30px; }
.g_ys1 .m_ys1 h3 b { color: rgb(0, 103, 62); }
.g_ys1 .m_ys1 h4 { background:  no-repeat; width: 430px; height: 44px; line-height: 44px; padding-left: 14px; font-size: 24px; color: rgb(255, 255, 255); font-weight: normal; margin-bottom: 22px; }
.g_ys1 .m_ys1 p { height: 32px; line-height: 32px; padding-left: 35px; background:  12px 10px no-repeat; font-size: 18px; color: rgb(73, 73, 73); }
.g_ys1 .m_ys1 span { display: block; margin-top: 26px; width: 440px; height: 176px; overflow: hidden; }
.g_ys1 .m_ys1 span img { width: 440px; height: 176px; display: block; }
.g_ys2 { overflow: hidden; }
.g_ys2 .m_ys2 { width: 45%; float: left; overflow: hidden; text-align: right; padding: 5% 5% 4.7% 0px; }
.g_ys2 .m_ys2 h3 { height: 100px; font-size: 40px; color: rgb(0, 0, 0); }
.g_ys2 .m_ys2 h3 em { display: block; font-size: 36px; color: rgb(0, 0, 0); text-transform: uppercase; line-height: 30px; }
.g_ys2 .m_ys2 h3 b { color: rgb(0, 103, 62); }
.g_ys2 .m_ys2 h4 { background:  right center no-repeat; line-height: 44px; padding-left: 14px; font-size: 24px; color: rgb(255, 255, 255); font-weight: normal; margin-bottom: 22px; }
.g_ys2 .m_ys2 p { height: 32px; line-height: 32px; padding-left: 35px; background:  12px 10px no-repeat; font-size: 18px; color: rgb(73, 73, 73); }
.g_ys3 { width: 100%; overflow: hidden; }
.g_ys3 .m_ys3 { width: 45%; float: right; background: rgb(244, 244, 244); padding: 5% 0px 4.7% 5%; }
.g_ys3 .m_ys3 h3 { height: 100px; font-size: 40px; }
.g_ys3 .m_ys3 h3 em { display: block; font-size: 36px; text-transform: uppercase; line-height: 30px; }
.g_ys3 .m_ys3 h3 b { color: rgb(0, 103, 62); }
.g_ys3 .m_ys3 h4 { background:  no-repeat; width: 430px; height: 44px; line-height: 44px; padding-left: 14px; font-size: 24px; color: rgb(255, 250, 250); font-weight: normal; margin-bottom: 22px; }
.g_ys3 .m_ys3 p { height: 32px; line-height: 32px; padding-left: 35px; background:  12px 10px no-repeat; font-size: 18px; }
.g_ys3 .m_ys3 p b { }
.g_ys3 .m_ys3 span { display: block; margin-top: 26px; width: 554px; height: 188px; overflow: hidden; position: relative; right: 30px; }
.g_ys3 .m_ys3 span img { width: 554px; height: 188px; display: block; }
.g_ys4 { height: 543px; }
.g_ys4 .m_ys4 { width: 45%; float: left; overflow: hidden; text-align: right; padding: 5% 5% 5% 0px; }
.g_ys4 .m_ys4 h3 { height: 100px; font-size: 40px; color: rgb(0, 0, 0); }
.g_ys4 .m_ys4 h3 em { display: block; font-size: 36px; color: rgb(0, 0, 0); text-transform: uppercase; line-height: 30px; }
.g_ys4 .m_ys4 h3 b { color: rgb(0, 103, 62); }
.g_ys4 .m_ys4 h4 { background:  right center no-repeat; height: 44px; line-height: 44px; padding-left: 14px; font-size: 24px; color: rgb(255, 255, 255); font-weight: normal; margin-bottom: 22px; padding-right: 10px; }
.g_ys4 .m_ys4 p { height: 32px; line-height: 32px; padding-left: 35px; font-size: 18px; color: rgb(73, 73, 73); }
.g_ys4 .m_ys4 span { display: block; margin-top: 26px; width: 440px; height: 176px; overflow: hidden; }
.g_ys4 .m_ys4 span img { width: 440px; height: 176px; display: block; }

.news1 { width: 600px; float: left; position: relative; }
.hynews { width: 590px; float: left; position: relative; }
.hynews li {width: 275px;float: left;margin-right: 20px;height: 320px !important;}
.hynews .img { display: block; width: 100%; height: 0px; padding-bottom: 69%; overflow: hidden; margin-bottom: 10px; border: 2px solid rgb(0, 103, 62); }
.hynews .img img { display: block; width: 100%; height: 189px; }
.hynews .time { width: 50px; height: 50px; float: left; background-color: rgb(126, 126, 126); color: rgb(255, 255, 255); text-align: center; font-family: arial; font-size: 12px; }
.hynews .time .day { display: block; font-size: 26px; font-weight: bold; line-height: 1; padding-top: 3px; }
.hynews .n, .hynews .text { margin-left: 60px; display: block; overflow: hidden; }
.hynews .n { font-size: 16px; line-height: 22px; height: 44px; font-weight: normal; padding-top: 5px; margin-bottom: 15px; color: rgb(51, 51, 51); }
.hynews .text { line-height: 22px; height: 132px; overflow: hidden; color: rgb(102, 102, 102); }
.hynews .text a { color: rgb(102, 102, 102); }
.hynews li:hover .time { background-color: rgb(0, 103, 62); }
.hynews li:hover .n { color: rgb(0, 103, 62); }
.hynews .next { height: 24px; width: 66px; position: absolute; right: 20px; top: -45px; color: rgb(219, 33, 41); text-indent: 20px; }
.hynews .next::before { content: ""; background: ; width: 10px; height: 12px; position: absolute; top: 8px; left: 4px; transition: all 1s ease-in-out 0s; }
.hynews .next:hover::before { transform: rotate(360deg); }
.news_gd { width: 600px !important; }
.newslist { width: 600px; float: right; position: relative; }
.newslist li { border: 1px solid rgb(0, 103, 62); margin-bottom: 12px; padding: 5px 20px 20px 5px; height: 45px !important; }
.newslist li:hover { background-color: rgb(242, 245, 247); }
.newslist .n { display: block; height: 20px; line-height: 20px; font-size: 14px; color: rgb(51, 51, 51); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.newslist .time { display: block; line-height: 26px; color: rgb(102, 102, 102); font-size: 14px; float: right; }
.newslist .text { line-height: 20px; height: 40px; overflow: hidden; color: rgb(102, 102, 102); font-size: 12px; }
.w_3 .tit { padding: 10px 0px; text-overflow: ellipsis; white-space: pre; }
.caselist { width: 100%; overflow: hidden; }
.caselist .hd { overflow: hidden; height: 30px; position: absolute; top: -50px; right: 15px; }
.caselist .hd .prev, .caselist .hd .next { display: block; width: 27px; height: 27px; float: right; margin-right: 5px; overflow: hidden; cursor: pointer; background: rgb(255, 213, 78); color: rgb(255, 255, 255); line-height: 27px; text-align: center; font-size: 18px; font-family: sans-serif; }
.news_gd .hd .prev, .news_gd .hd .next { transform: rotate(270deg); }
.caselist .hd .prev:hover, .caselist .hd .next:hover { background: rgb(224, 0, 0); }
.caselist .hd .more { margin-right: 5px; float: right; }
.product_hot { width: 100%; background: rgb(0, 103, 62); }


.w1200 .tab{margin:auto;}
.w1200 .tab ul{position:relative;left:50%;float:left;}
.w1200 .tab ul li{float:left;width:130px;height:42px;text-align:center;border-radius:20px;overflow:hidden; line-height:42px;margin-right:7px;margin-top:13px; position:relative;right:50%;border:1px solid #fff;}
.w1200 .tab ul li:first-child{background:#ffd54e; }
.w1200 .tab ul li:first-child a{color:#ffffff; }
.w1200 .tab ul li a{width:100%;display:block;color:#fff;border-radius:3px;font-size:14px;}
.w1200 .tab ul li.current a{color:#fff;background:#ffd54e;}
.w1200 .tab ul li a:hover{color:#fff;background:#ffd54e;}
.w1200 .tab ul li:last-child{margin-right:0px;}

.w1200 .about-tab{margin:auto;}
.w1200 .about-tab ul{position:relative;left:50%;float:left;}
.w1200 .about-tab ul li{float:left;width:130px;height:42px;text-align:center;border-radius:20px;overflow:hidden; line-height:42px;margin-right:7px;margin-top:13px; position:relative;right:50%;border:1px solid #00673e;}
.w1200 .about-tab ul li:first-child{background:#ffd54e; }
.w1200 .about-tab ul li:first-child a{color:#00673e; }
.w1200 .about-tab ul li a{width:100%;display:block;color:#00673e;border-radius:3px;font-size:14px;}
.w1200 .about-tab ul li.current a{color:#00673e;background:#ffd54e;}
.w1200 .about-tab ul li a:hover{color:#00673e;background:#ffd54e;}
.w1200 .about-tab ul li:last-child{margin-right:0px;}



.prolist { width: 1280px; overflow: hidden; }
.prolist li { float: left; background: rgb(255, 255, 255); margin-right: 30px; margin-bottom: 30px; width: 277px !important; }
.prolist li .img { width: 100%; height: 185px; overflow: hidden; }
.prolist li .img img { width: 100%; }
.prolist li .tit { text-overflow: ellipsis; overflow: hidden; white-space: pre; text-align: center; line-height: 40px; font-size: 15px; }

.hezuo li { width: 189px; height: 76px; float: left; margin: 5px; }
.box { position: relative; perspective: 1000px; width: 183px; height: 70px; border-radius:10px; }
.box img { width: 183px; height: 70px; opacity: 1; transform: translatey(0px) rotatex(0deg); transition: all 0.6s ease-in-out 0s; border-radius:10px;}
.box:hover img { transform: translatey(-100%) rotatex(90deg); transform-origin: center bottom 0px; opacity: 0; }
.box .over-layer { position: absolute; top: 0px; left: 0px; width: 183px; height: 70px; opacity: 0; background: rgb(255, 213, 78); text-align: center; transition: all 0.6s ease-in-out 0s; color: rgb(255, 255, 255); line-height: 70px; }
.box:hover .over-layer { opacity: 1; }
.end { background: rgb(255, 213, 78); top:0px; padding: 30px 0px; height: 270px; width: 100%; min-width: 1200px; color: rgb(255, 213, 78); line-height: 30px; }
.end .end_menu li { width: 105px; float: left; margin-right: 35px; overflow: hidden; }
.end .end_menu li a { color: rgb(0, 103, 62); display: block; padding-left: 5px; text-overflow: ellipsis; white-space: pre; }
.end .end_menu li .title { position: relative; border-bottom: 1px solid rgb(0, 103, 62); font-size: 16px; height: 40px; line-height: 40px; color: rgb(0, 103, 62); margin-bottom: 8px; }
.end .end_menu li .title::after { content: ""; position: absolute; left: -80px; background: rgb(0, 103, 62); top: 39px; height: 3px; width: 100%; transition: all 0.3s ease 0s; }
.end .end_menu li:hover .title::after { left: 0px; }
.end .end_menu a:hover, .end .end_lx p:hover { color: rgb(255, 255, 255); }
.end .end_chart { color: rgb(103, 103, 103); line-height: 24px; }
.end .end_lx { width: 280px; }
.end .end_lx p { padding-left: 38px; background:  no-repeat; transition: all 0.3s ease 0s; color: rgb(0, 103, 62); }
.end .end_lx p:nth-of-type(1) { background: no-repeat; }
.end .end_lx p:nth-of-type(3) { background-position: 0px -30px; }
.end .end_lx p:nth-of-type(4) { background-position: 0px -60px; }
.end .end_lx p:nth-of-type(5) { background-position: 0px -90px; }
.end_nr { background: rgb(0, 103, 62); height: 42px; line-height: 42px; color: rgb(255, 213, 78); width: 100%; min-width: 1200px; }
.end_nr a { color: rgb(255, 213, 78); }
.footer a:hover { color: rgb(255, 255, 255); }
.zy-nav { background:  center center no-repeat; padding: 30px 0px; width: 100%; min-width: 1200px; }
.zy-nav .tit { font-size: 30px; line-height: 30px; }
.zy-nav .eng { color: rgb(138, 138, 138); font-size: 15px; text-shadow: rgba(0, 0, 0, 0.2) 0px 0px 5px; }
.daohang { background: rgb(243, 243, 243); overflow: hidden; min-width: 1200px; height: 50px; text-align: center; }
.daohang li { display: inline-table; line-height: 50px; }
.daohang li a { padding: 15px 30px; }
.daohang li.on a, .daohang li:hover a { background: rgb(0, 103, 62); color: rgb(255, 255, 255); }
.jjnav1 { clear: both; margin: 40px auto 0px; padding: 25px 0px; position: relative; font-size: 30px; color: rgb(0, 103, 62); text-align: center; }
.jjnav1 span { width: 300px; margin: 0px auto; line-height: 35px; display: block; border-left: 1px solid rgb(196, 196, 196); border-right: 1px solid rgb(0, 103, 62); }
.jjnav1 p { color: rgb(131, 131, 131); font-size: 18px; padding: 8px 0px; }
.jjnav2 { clear: both; margin-top: 40px; padding: 25px 0px; width: 100%; position: relative; font-size: 30px; color: rgb(0, 103, 62); text-align: center; }
.jjnav2::before { content: ""; position: absolute; top: 0px; background: rgb(0, 103, 62); height: 2px; width: 120px; left: 50%; margin-left: -60px; }
#jjbox1 { min-width: 1200px; }
#jjbox2 { min-width: 1200px; }
#jjbox2 li { float: left; width: 25%; text-align: center; color: rgb(39, 39, 39); position: relative; }
#jjbox2 li .tit { font-size: 16px; height: 44px; line-height: 44px; transition: all 0.3s ease 0s; }
#jjbox2 li .img { width: 70px; height: 70px; overflow: hidden; padding: 50px 115px 53px; border-bottom: 1px solid rgb(0, 103, 62); position: relative; z-index: 9; transition: all 0.3s ease 0s; }
#jjbox2 li .img img { transition: all 0.3s ease 0s; }
#jjbox2 li .num { font-size: 40px; line-height: 80px; font-weight: bold; transition: all 0.3s ease 0s; }
#jjbox2 li .bj { background: rgb(235, 232, 227); border-radius: 10px; height: 93px; width: 93px; position: absolute; top: 80px; left: 103px; z-index: 0; transition: all 0.3s ease 0s; transform: rotate(45deg); }
#jjbox2 li .ico { background: rgb(51, 51, 51); height: 12px; width: 12px; position: absolute; top: 211px; left: 143px; z-index: 99; transition: all 0.3s ease 0s; transform: rotate(45deg); }
#jjbox2 li div:last-of-type { opacity: 0; margin-top: 30px; }
#jjbox2 li:hover div:first-of-type { opacity: 0; margin-top: -20px; }
#jjbox2 li:hover div:last-of-type { opacity: 1; margin-top: 0px; }
#jjbox2 li:hover .img { padding: 40px 115px 83px; }
#jjbox2 li:hover .img img { margin-top: -110px; }
#jjbox2 li:hover .tit, #jjbox2 li:hover .num { color: rgb(0, 103, 62); }
#jjbox2 li:hover .ico { background: rgb(0, 103, 62); }
#jjbox2 li:hover .bj { background: rgb(0, 103, 62); border-radius: 20px; height: 143px; width: 143px; top: 25px; left: 80px; transform: rotate(135deg); }
#jjbox3 .left { margin: 0px 100px 0px 115px; width: 415px; }
#jjbox3 .right { float: left; width: 465px; line-height: 30px; }
#jjbox4 { min-width: 1200px; }
#jjbox5 .left { background:  left top no-repeat rgb(244, 244, 244); width: 740px; height: 370px; }
#jjbox5 .left .tit, #jjbox5 .left .nr { width: 270px; margin: 44px 55px -10px 0px; clear: right; }
#jjbox5 .left .tit p { font-size: 30px; color: rgb(41, 41, 41); }
#jjbox5 .info { width: 460px; height: 370px; background: rgb(0, 103, 62); float: right; }
#jjbox6 { background:  center bottom no-repeat; padding-bottom: 300px; min-width: 1200px; }
#jjbox6 .red { line-height: 110px; font-size: 60px; }
.culture1 li { width: 272px; float: left; height: 272px; margin: 20px 0px 0px 37px; text-align: center; }
.culture1 li:first-of-type { margin-left: 0px; }
.hisinfo { width: 300px; padding: 0px 80px; position: relative; }
.hisinfo .hd .prev, .hisinfo .hd .next { display: block; width: 24px; height: 26px; float: right; position: absolute; top: 170px; overflow: hidden; cursor: pointer; }
.hisinfo .hd .prev { background:  left top no-repeat; left: 26px; }
.hisinfo .hd .next { background:  left top no-repeat; right: 26px; }
.hisinfo .year { padding: 55px 0px; font-size: 30px; color: rgb(255, 255, 255);}
.hisinfo .bd { width: 300px; overflow: hidden; }
.hisinfo a {font-size: 20px; color: rgb(255, 255, 255); }
.timeline { position: relative; height: auto; overflow: hidden; }
.timeline::before { width: 2px; background: rgb(0, 103, 62); position: absolute; height: 100%; left: 50%; content: ""; top: 0px; }
.timeline li { width: 500px; padding: 40px 50px 0px; clear: both; }
.timeline li:nth-of-type(2n 1) { float: left; }
.timeline li:nth-of-type(2n) { float: right; }
.timeline li .year { font-size: 30px; font-weight: 300; color: rgb(255, 255, 255); padding: 10px; background: rgb(0, 103, 62); border-radius: 10px 10px 0px 0px; text-indent: 20px; }
.timeline li .cont { background: rgb(255, 213, 78); font-size: 16px; padding: 30px; line-height: 33px; color: rgb(0, 103, 62);}
.timeline .more { position: absolute; top: 0px; left: 575px; }
#newslist li { border-bottom: 1px solid rgb(0, 103, 62); position: relative; color: rgb(112, 112, 112); }
#newslist li::after { position: absolute; bottom: -1px; left: 0px; height: 2px; background: rgb(0, 103, 62); content: ""; width: 0px; transition: all 0.3s ease 0s; }
#newslist li .img { width: 230px; height: 130px; overflow: hidden; }
#newslist li .img img { width: 210px; min-height: 130px; }
#newslist li .cont, #newslist li .more { line-height: 28px; }
#newslist li .more a { color: rgb(112, 112, 112); }
#newslist li:hover::after { width: 100%; }
#newslist li:hover .tit { padding-left: 10px; }

#newslist1 li { border-bottom: 1px solid rgb(0, 103, 62); position: relative; color: rgb(112, 112, 112); width: 500px; }
#newslist1 li::after { position: absolute; bottom: -1px; left: 0px; height: 2px; background: rgb(0, 103, 62); content: ""; width: 0px; transition: all 0.3s ease 0s; }
#newslist1 li .img { width: 230px; height: 76px; overflow: hidden; }
#newslist1 li .img img { width: 230px; min-height: 76px; }
#newslist1 li .cont, #newslist li .more { line-height: 28px; }
#newslist1 li .more a { color: rgb(112, 112, 112); }
#newslist1 li:hover::after { width: 100%; }
#newslist1 li:hover .tit { padding-left: 10px; }

.index_title { text-align: center; font-size: 34px; line-height: 40px; position: relative; margin-bottom: 10px; font-weight: 100; padding-bottom: 25px; margin-top: 30px; }
.index_title strong { padding: 10px; display: block; width: 518px; margin: 0px auto; text-align: center; color: rgb(0, 103, 62); }
.index_title p { display: block; font-size: 16px; color: rgb(97, 206, 112); line-height: 18px; padding-top: 10px; font-weight: normal; border-bottom: 1px solid rgb(0, 103, 62); padding-bottom: 18px; position: relative; }
.index_title i { width: 150px; border-bottom: 2px solid rgb(0, 103, 62); position: absolute; bottom: -1px; left: 50%; margin-left: -70px; }

.index_cp_title { text-align: center; font-size: 34px; line-height: 40px; position: relative; margin-bottom: 10px; font-weight: 100; padding-bottom: 25px; margin-top: 30px; }
.index_cp_title strong { padding: 10px; display: block; width: 518px; margin: 0px auto; text-align: center; color: rgb(255, 213, 78); }
.index_cp_title p { display: block; font-size: 16px; color: rgb(97, 233, 168); line-height: 18px; padding-top: 10px; font-weight: normal; border-bottom: 1px solid rgb(0, 103, 62); padding-bottom: 18px; position: relative; }
.index_cp_title i { width: 150px; border-bottom: 2px solid rgb(0, 103, 62); position: absolute; bottom: -1px; left: 50%; margin-left: -70px; }

.animated { text-align: center; font-size: 52px; color: rgb(0, 0, 0); margin: 50px auto; }
.animated a { color: rgb(0, 0, 0); }
.animated em { color: rgb(0, 103, 62); font-weight: bold; }
.animated span { display: block; font-size: 20px; color: rgb(40, 40, 40); font-weight: normal; padding-top: 18px; }
.ys_hot { width: 50%; float: left; height: 445px; }
.ys_hot img { width: 100%; height: auto; height: 440px;}
.g_ys1 { overflow: hidden; height: 440px; }
.g_ys1 .m_ys1 { width: 45%; float: right; padding: 5% 0px 8% 5%; position: absolute; right: 0px; background: rgb(226, 224, 225); }
.g_ys1 .m_ys1 h3 { height: 100px; font-size: 40px; color: rgb(0, 0, 0); }
.g_ys1 .m_ys1 h3 em { display: block; font-size: 36px; color: rgb(0, 0, 0); text-transform: uppercase; line-height: 40px; }
.g_ys1 .m_ys1 h3 b { color: rgb(0, 103, 62); }
.g_ys1 .m_ys1 h4 { background:  no-repeat; width: 430px; height: 44px; line-height: 44px; padding-left: 14px; font-size: 24px; color: rgb(255, 255, 255); font-weight: normal; margin-bottom: 22px; }
.g_ys1 .m_ys1 p { height: 32px; line-height: 32px; padding-left: 35px; background:  12px 10px no-repeat; font-size: 18px; color: rgb(73, 73, 73); }
.g_ys1 .m_ys1 span { display: block; margin-top: 26px; width: 440px; height: 176px; overflow: hidden; }
.g_ys1 .m_ys1 span img { width: 440px; height: 176px; display: block; }
.g_ys2 { overflow: hidden; height: 440px; }
.g_ys2 .m_ys2 { width: 45%; float: left; overflow: hidden; text-align: right; padding: 5% 5% 8% 0px; background: rgb(128, 149, 168); }
.g_ys2 .m_ys2 h3 { height: 100px; font-size: 40px; color: rgb(0, 0, 0); }
.g_ys2 .m_ys2 h3 em { display: block; font-size: 36px; color: rgb(0, 0, 0); text-transform: uppercase; line-height: 40px; }
.g_ys2 .m_ys2 h3 b { color: rgb(0, 103, 62); }
.g_ys2 .m_ys2 h4 { background:  right center no-repeat; line-height: 44px; padding-left: 14px; font-size: 24px; color: rgb(255, 255, 255); font-weight: normal; margin-bottom: 22px; }
.g_ys2 .m_ys2 p { height: 32px; line-height: 32px; padding-left: 35px; font-size: 18px; color: rgb(73, 73, 73); }
.g_ys3 { width: 100%; overflow: hidden;  height: 440px; }
.g_ys3 .m_ys3 { width: 45%; float: right; padding: 5% 0px 8% 5%; background: rgb(107, 126, 131);}
.g_ys3 .m_ys3 h3 { height: 100px; font-size: 40px; }
.g_ys3 .m_ys3 h3 em { display: block; font-size: 36px; text-transform: uppercase; line-height: 40px; }
.g_ys3 .m_ys3 h3 b { color: rgb(0, 103, 62); }
.g_ys3 .m_ys3 h4 { background:  no-repeat; width: 430px; height: 44px; line-height: 44px; padding-left: 14px; font-size: 24px; color: rgb(255, 250, 250); font-weight: normal; margin-bottom: 22px; }
.g_ys3 .m_ys3 p { height: 32px; line-height: 32px; padding-left: 35px; background:  12px 10px no-repeat; font-size: 18px; }
.g_ys3 .m_ys3 p b { }
.g_ys3 .m_ys3 span { display: block; margin-top: 26px; width: 554px; height: 188px; overflow: hidden; position: relative; right: 30px; }
.g_ys3 .m_ys3 span img { width: 554px; height: 188px; display: block; }
.g_ys4 {height: 440px;}
.g_ys4 .m_ys4 { width: 45%; float: left; overflow: hidden; text-align: right; padding: 5% 5% 5.4% 0px; background: rgb(219, 220, 227); }
.g_ys4 .m_ys4 h3 { height: 100px; font-size: 40px; color: rgb(0, 0, 0); }
.g_ys4 .m_ys4 h3 em { display: block; font-size: 36px; color: rgb(0, 0, 0); text-transform: uppercase; line-height: 40px; }
.g_ys4 .m_ys4 h3 b { color: rgb(0, 103, 62); }
.g_ys4 .m_ys4 h4 { background:  right center no-repeat; height: 44px; line-height: 44px; padding-left: 14px; font-size: 24px; color: rgb(255, 255, 255); font-weight: normal; margin-bottom: 22px; padding-right: 10px; }
.g_ys4 .m_ys4 p { height: 32px; line-height: 32px; padding-left: 35px; font-size: 18px; color: rgb(73, 73, 73); }
.g_ys4 .m_ys4 span { display: block; margin-top: 26px; width: 440px; height: 176px; overflow: hidden; }
.g_ys4 .m_ys4 span img { width: 440px; height: 176px; display: block; }
.news_c { width: 1200px; margin: 0px auto; min-width: 1200px; }
.news_c .hd { overflow: hidden; height: 50px; margin: 0px auto; width: 132px; }
.news_c .hd .prev, .news_c .hd .next, .news_c .hd .more { display: block; width: 40px; height: 40px; float: right; margin: 10px 2px 0px; color: rgb(255, 255, 255); font-size: 24px; overflow: hidden; cursor: pointer; transition: all 0.3s linear 0s; background: rgb(204, 204, 204); text-align: center; line-height: 40px; font-family: simsun; }
.news_c .hd .prev:hover, .news_c .hd .next:hover, .news_c .hd .more:hover { background: rgb(248, 117, 0); }
.news_c .hd .prev, .news_c .hd .more { float: left; }
.xw_xxx { width: 260px; background: rgb(255, 255, 255); padding: 10px; margin: 9px; border: 1px solid rgb(0, 103, 62); overflow: hidden; height: 300px; }
.xw_xxx:hover { width: 260px; padding: 10px; margin: 9px; border: 1px solid rgb(0, 103, 62); overflow: hidden; height: 300px; transition: all 0.3s linear 0s; }
.xw_txt { display: block; width: 240px; padding: 0px 10px; position: relative; overflow: hidden; transition: transform 300ms linear 0ms; }
.xw_txt h2 { font-family: "microsoft yahei"; font-weight: bold; margin: 30px 0px 10px; height: 30px; line-height: 30px; overflow: hidden; }
.xw_txt h2 a { font-size: 18px; font-weight: bold; color: rgb(102, 102, 102); width: 260px; }
.topnews { border-bottom: 1px solid rgb(0, 103, 62); }
.topnews .hd ul { width: 100%; height: 30px; text-align: center; overflow: hidden; margin-bottom: 30px; }
.topnews .hd ul li { display: inline-table; padding: 0px 10px; text-indent: -9999px; background: rgb(217, 221, 225); margin: 0px 6px; font-size: 9px; border-radius: 50%; line-height: 20px; }
.topnews .hd ul li.on, .topnews .hd ul li:hover { background: rgb(0, 103, 62); }
#topnews li { color: rgb(112, 112, 112); height: 290px; }
#topnews li .img { width: 400px; height: 250px; overflow: hidden; margin-right: 30px; }
#topnews li .img img { width: 400px; min-height: 250px; }
#topnews li .cont, #topnews li .more { line-height: 30px; }
#topnews li .more a, #newslist li .more a { color: rgb(255, 255, 255); background: rgb(148, 148, 148); padding: 2px 10px; }
#topnews li:hover .more a, #newslist li:hover .more a { background: rgb(0, 103, 62); }
.news_1 { width: 500px; padding-right: 49px; border-right: 1px solid rgb(0, 103, 62); }
.news_1 li { line-height: 38px; position: relative; overflow: hidden; }
.news_1 li::after { content: "→"; position: absolute; top: 0px; left: -11px; height: 38px; width: 0px; overflow: hidden; z-index: 0; transition: all 0.3s ease 0s; color: rgb(0, 103, 62); font-size: 30px; font-weight: bold; }
.news_1 li:hover a { padding-left: 22px; color: rgb(0, 103, 62); }
.news_1 li:hover::after { width: 30px; }
.news_2 { width: 500px; padding-left: 50px; }
.w860 { width: 860px; }
.w280 { width: 280px; }
.likenews li { border-bottom: 1px solid rgb(0, 103, 62); padding: 10px 0px 10px 15px; line-height: 20px; position: relative; }
.likenews li::after { position: absolute; content: "·"; top: 8px; left: 3px; font-size: 30px; }
.likenews li:hover { border-bottom: 1px solid rgb(0, 103, 62); }
.click { border-bottom: 1px solid rgb(0, 103, 62); line-height: 30px; padding-bottom: 10px; }
.locat { color: rgb(132, 132, 132); }
.locat a { color: rgb(132, 132, 132); }
.chengnuo { background:  right center no-repeat; width: 970px; margin: 0px auto; }
.fw { background:  center top no-repeat; height: 620px; color: rgb(255, 255, 255); width: 100%; min-width: 1200px; }
.fw .w_4 li { position: relative; z-index: 9; overflow: hidden; height: 620px; }
.fw .w_4 li .title { width: 100%; text-align: center; transition: all 0.3s linear 0.2s; position: absolute; top: 300px; opacity: 1; }
.fw .w_4 li .nr { margin: 0px 50px; font-size: 16px; line-height: 28px; transition: all 0.3s linear 0s; position: absolute; top: 320px; opacity: 0; }
.fw .w_4 .mask { position: absolute; width: 25%; left: 0px; top: 0px; height: 620px; background: rgba(0, 0, 0, 0.5); z-index: 0; }
.fw .w_4 li:hover .title { top: 100px; transition: all 0.3s linear 0s; opacity: 0; }
.fw .w_4 li:hover .nr { top: 200px; transition: all 0.3s linear 0.2s; opacity: 1; }
.picfocus { margin: 0px auto; width: 1200px; position: relative; overflow: hidden; zoom: 1; min-width: 1200px; }
.picfocus .hd { width: 100%; padding-bottom: 5px; overflow: hidden; }
.picfocus .hd ul { overflow: hidden; zoom: 1; }
.picfocus .hd ul li { padding-top: 5px; float: left; text-align: center; }
.picfocus .hd ul li img { width: 160px; height: 107px; border: 2px solid rgb(0, 103, 62); cursor: pointer; margin: 0px 17px; opacity: 0.7; }
.picfocus .hd ul li.on img { border-color: rgb(0, 103, 62); opacity: 1; }
.picfocus .bd li { vertical-align: middle; position: relative; }
.picfocus .bd img { width: 1200px; height: 430px; }
.black { position: absolute; width: 500px; background: rgba(70, 68, 85, 0.85); height: 429px; color: rgb(255, 255, 255); text-align: center; }
.black .tit { font-size: 48px; font-weight: bold; padding: 60px 0px 30px; }
.black .key { font-size: 32px; line-height: 48px; margin-bottom: 20px; }
.black .more { border: 2px solid rgb(0, 103, 62); width: 160px; margin: 0px auto; height: 40px; color: rgb(255, 255, 255); text-align: center; line-height: 40px; display: block; font-size: 16px; }
.black .more:hover { background: rgb(0, 103, 62); }
.cpimgs { padding: 20px 0px; overflow: hidden; width: 100%; min-width: 1200px; }
.pro_l { width: 630px; height: auto; float: left; }
.pro_l img { width: 630px; height: 420px; border: 1px solid rgb(0, 103, 62); }
.pro_r { width: 520px; height: auto; float: right; color: rgb(18, 18, 18); }
.h_xian { height: 1px; background: rgb(219, 219, 219); margin: 10px 0px; width: 100%; }
.pro_r .cp_name { font-size: 40px; padding: 30px 0px; }
.pro_r .cp_key { font-size: 24px; line-height: 40px; padding: 10px; }
.pro_r .pro_tel { text-indent: 40px; background:  left 5px no-repeat; font-size: 16px; line-height: 30px; }
.pro_r .pro_eml { text-indent: 40px; background:  left center no-repeat; font-size: 16px; line-height: 30px; }
.pro_r .more a { background: rgb(0, 103, 62); height: 55px; width: 80%; border-radius: 8px; text-align: center; line-height: 55px; float: left; margin: 20px 20px 0px 0px; font-size: 18px; color: rgb(255, 255, 255); }
.w580 { width: 770px; margin: 0px auto; }
.main { width: 1200px; margin: 0px auto; }
.cp_navs { position: absolute; border-bottom: 2px solid rgb(0, 103, 62); background: rgba(255, 255, 255, 0.8); width: 100%; height: 52px; overflow: hidden; font-size: 24px; text-align: center; }
.cp_navs li { width: 180px; line-height: 50px; margin: 0px 5px; }
.cp_navs a { font-size: 16px; color: rgb(18, 18, 18); }
.cp_navs .current, .cp_navs .current a { background: rgb(0, 103, 62); color: rgb(255, 255, 255); }
.cp_navs0 { top: 0px; left: 0%; z-index: 9999; position: fixed !important; }

.cont-info td { padding: 5px; border: 1px solid rgb(0, 103, 62); }
.cont-info table { padding: 0px; border: 1px solid rgb(0, 103, 62); }
.cont-info .param-row > div { float: left; }
.cont-info span.img  {  width: 100%; margin: 0px auto;  }
.cont-info .param-type { padding: 50px 45px 50px 0px; width: 267px; font-size: 24px; color: rgb(0, 0, 0); text-align: right; border-bottom: 1px solid rgb(0, 103, 62); vertical-align: top; }
.cont-info .param-none { width: 48px; height: 100%; }
.cont-info .param-list { padding: 50px 0px; width: 840px; border-bottom: 1px solid rgb(0, 103, 62); overflow: hidden; }
.cont-info .param-list > p { float: left; width: 44%; margin-bottom: 20px; padding: 0px 3%; line-height: 1.6em; font-size: 16px; color: rgb(0, 0, 0); overflow: hidden; }


.clearfix::after, .clearfix::before { content: ""; display: table; }
.clearfix::after { clear: both; }
.cont-info .h_xian { margin: 0px; }
.cont-info .w1200 { line-height: 36px; color: rgb(0, 103, 62); width: 880px; box-sizing: border-box; padding: 10px 0px 10px 165px; }
.cpys1 { background:  left center no-repeat; }
.cpys2 { background:  left center no-repeat; }
.cpys3 { background:  left center no-repeat; }
.cpys4 { background:  left center no-repeat; }
.cpys5 { background:  left center no-repeat; }
.cp_type .left { width: 220px; background: rgb(0, 103, 62); }
.cp_type .left li a { width: 220px; display: block; height: 48px; line-height: 48px; text-align: center; font-size: 16px; color: rgb(255, 255, 255); border-top: 1px solid rgb(255, 255, 255); }
.cp_type .left li a:hover { background: rgb(255, 213, 78); }
.cp_type .nr { width: 940px; overflow: hidden; height: auto; }
.cp_type .nr li { position: relative; float: left; margin: 0px 11px 50px; width: 288px; border: 2px solid rgb(0, 103, 62); overflow: hidden; }
.cp_type .nr li.thisclass{background: #404040;
    color: #fff;
    width: 100%;}
.cp_type .nr li a { display: block; }
.cp_type .nr li .img { width: 100%; height: 216px; line-height: 216px; overflow: hidden; }
.cp_type .nr li .img img { width: 100%; height: 100%; }
.cp_type .nr li .p-info { position: relative; height: 50px; text-align: center; overflow: hidden; }
.cp_type .nr li p { text-align: center; line-height: 22px; }
.cp_type .nr li .title { width: 96%; font-size: 16px; font-weight: bold; text-align: center; height: 28px; line-height: 28px; margin: 8px 0px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding: 0px 5px; }
.cp_type .nr li .title:hover { color: rgb(255, 0, 0); }
.cp_type .nr li .more { background: rgb(182, 182, 182); width: 105px; margin: 0px auto 15px; height: 26px; color: rgb(255, 255, 255); text-align: center; line-height: 26px; }
.cp_type .nr li:hover { border: 1px solid rgb(0, 103, 62); }
.cp_type .nr li:hover .more { background: rgb(0, 103, 62); }
.page li { text-align: center; width: 50px !important; margin: 0px 5px 50px !important; display: block; float: left; border: 1px solid rgb(0, 103, 62); }
.page li.thisclass{background: #404040; width: 100%;}
.page li:last-child { width: 120px !important; }
.page li:nth-last-child(4) { }
.ly_box { background:  center center repeat; width: 100%; min-width: 1200px; }
.order { width: 960px; margin: 10px auto; }
.order .text { width: 33.3%; float: left; margin-bottom: 15px; padding-top: 15px; position: relative; height: 44px; }
.order .text input { width: 80%; padding: 0px 5%; height: 40px; line-height: 40px; border-radius: 3px; }
.order .longtext { width: 100%; margin-bottom: 12px; height: 100px; clear: both; position: relative; }
.order .longtext textarea { resize: none; width: 93%; height: 80px; padding: 10px 2%; border-radius: 3px; }
.order .yzm { width: 15%; }
.order .tj { width: 40%; margin-right: 30px; float: left; height: 42px; background: rgb(18, 18, 18); position: relative; }
.order .but { width: 100%; line-height: 42px; background: none; color: rgb(255, 255, 255); float: right; font-size: 16px; border-radius: 3px; position: relative; z-index: 9; border: none; }
.order .tip { position: absolute; left: 20px; top: 20px; line-height: 0; height: 0px; color: rgb(156, 156, 156); transition: all 0.3s ease 0s; }
.order input:focus   .tip, .order textarea:focus   .tip { top: -15px; color: rgb(61, 170, 252); }
.order .tj::after { content: ""; position: absolute; top: 0px; left: 0px; height: 42px; width: 0px; overflow: hidden; background: rgb(0, 103, 62); z-index: 0; transition: all 0.3s ease 0s; }
.order .tj:hover::after { width: 100%; }
.lxwm1 { background: rgb(255, 213, 78); height: 400px; padding: 30px 50px; margin: 15px auto 30px; box-sizing: border-box; }
.lxwm { background: rgb(255, 213, 78); padding: 30px 50px; margin: 15px auto 30px; box-sizing: border-box; }
.lxwm .tit { margin: 10px 0px 0px; font-size: 16px; }
.lxwm .cont { font-size: 18px; line-height: 22px; }
.floating_ck { position: fixed; right: 20px; top: 70%; z-index: 9999; }
.floating_ck dl dd { position: relative; width: 80px; height: 80px; background-color: rgb(255, 213, 78); border-bottom: 1px solid rgb(85, 86, 102); text-align: center; background-repeat: no-repeat; background-position: center 20%; cursor: pointer; }
.floating_ck dl dd:hover { background-color: rgb(255, 213, 78); border-bottom: 1px solid rgb(0, 103, 62); }
.floating_ck dl dd:hover .floating_left { display: block; }
.consult, .words { background-image: ; }
.quote { background-image: ; }
.qrcord { background-image: ; }
.return { background-image: ; }
.floating_ck dd span { color: rgb(0, 103, 62); display: block; padding-top: 54px; }
.floating_left { position: absolute; left: -160px; top: 0px; width: 160px; height: 80px; background-color: rgb(0, 103, 62); border-bottom: 1px solid rgb(0, 103, 62); display: none; }
.floating_left a { color: rgb(255, 213, 78); line-height: 80px; }
.floating_ewm { height: 260px; top: -180px; }
.floating_ewm i { background-image: ; background-size: 145px; display: block; width: 145px; height: 145px; margin: 7px auto auto; }
.floating_ewm p { color: rgb(255, 213, 78); margin-top: 5px; }
.floating_ewm .qrcord_p01 { font-size: 12px; line-height: 20px; }
.floating_ewm .qrcord_p02 { font-size: 18px; }