@charset "utf-8";/* CSS Document */
html {font-size: 62.5%;height: 100%}
body {margin: 0 auto;font-family:'FuturaStdBook';font-size: 12px;font-size: 1.2rem;height: 100%;}
img {border: none;}
ul li {list-style-type: none;}
ul, form, p, a, img, table, tr, td, li, dd, dt, dl, span {margin: 0;padding: 0;list-style: none;color: #333;}
a {text-decoration: none;color: #333;outline: none;transition: 0.7s;-moz-transition: 0.7s;-o-transition: 0.7s;-webkit-transition: 0.7s;}
h1 {margin: 0;padding: 0;font-weight: normal;color: #333;}
.clear {clear: both;}
.maln {margin-left: auto !important}
input, textarea,select,option {font-family:'FuturaStdBook'; font-size: 12px;font-size: 1.2rem;color:#666666;border: none;outline: none;}
.fl{ float:left;}
.fr{ float:right;}
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
*{-webkit-user-select: none;  /* Chrome all / Safari all */
    -moz-user-select: none;     /* Firefox all */
    -ms-user-select: none;      /* IE 10+ */}
::-webkit-input-placeholder {/* WebKit browsers */
 color:#666666;}
:-o-placeholder {/* Mozilla Firefox 4 to 18 */
 color:#666666;}
::-moz-placeholder {/* Mozilla Firefox 19+ */
 color:#666666;}
:-ms-input-placeholder {/* Internet Explorer 10+ */
 color:#666666;}
 
@media screen and (min-width:1220px) {.zong {width: 1200px;margin: auto;}}
@media screen and (min-width:1000px) and (max-width:1219px) {.zong {width: 980px;margin: auto;}}
@media screen and (max-width:999px) {.zong {width: 95%;margin: auto;}}
@font-face {
    font-family: 'FuturaStdHeavy';
    src: url('../other/FuturaStdHeavy.eot');
    src: url('../other/FuturaStdHeavy.eot') format('embedded-opentype'),
         url('../other/FuturaStdHeavy.woff2') format('woff2'),
         url('../other/FuturaStdHeavy.woff') format('woff'),
         url('../other/FuturaStdHeavy.ttf') format('truetype'),
         url('../other/FuturaStdHeavy.svg#FuturaStdHeavy') format('svg');
}
@font-face {
    font-family: 'FuturaStdBook';
    src: url('../other/FuturaStdBook.eot');
    src: url('../other/FuturaStdBook.eot') format('embedded-opentype'),
         url('../other/FuturaStdBook.woff2') format('woff2'),
         url('../other/FuturaStdBook.woff') format('woff'),
         url('../other/FuturaStdBook.ttf') format('truetype'),
         url('../other/FuturaStdBook.svg#FuturaStdBook') format('svg');
}
@font-face {
    font-family: 'FuturaStdBold';
    src: url('../other/FuturaStdBold.eot');
    src: url('../other/FuturaStdBold.eot') format('embedded-opentype'),
         url('../other/FuturaStdBold.woff2') format('woff2'),
         url('../other/FuturaStdBold.woff') format('woff'),
         url('../other/FuturaStdBold.ttf') format('truetype'),
         url('../other/FuturaStdBold.svg#FuturaStdBold') format('svg');
}
/*  head  */
.head{ background:#fff; background:rgba(255,255,255,0.8); position:absolute; width:100%; left:0px; top:0px; z-index:99;box-shadow:0 30px 30px #000;box-shadow:0 30px 30px rgba(0,0,0,0.76);}
.head>.zong{ position:relative;z-index:99; padding-top:12px;}
.logo{ float:left;}
.logon{ display:block; width:92px; float:left;}
.logon img{ display:block; margin:auto; width:100%; max-width:92px; max-height:90px;}
.slogen{ display:block; width:490px; float:left; margin-left:31px; margin-top:31px;}
.slogen img{ display:block; margin:auto; width:100%; max-width:490px; max-height:26px;}
.sousuo{ width:385px; height:42px; border:1px solid #7db701; border-radius:20px; float:right; background:#fff; background:rgba(255,255,255,0.9);box-shadow:0 4px 6px rgba(0,0,0,0.25); margin-top:22px;}
.sou{ width:313px; height:40px; line-height:40px; background:none; padding-left:22px; font-size:14px; font-size:1.4rem; color:#b1b2b1; float:left;}
.suo{ width:42px; height:42px; background:url(../images/sousuo.png) no-repeat left center; float:right; cursor:pointer}
.daohangz{ margin-top:15px;}
.daohang{ border-top:1px solid #7db701;}
.daohang>li{float:left; position:relative; z-index:9999; transition:0.5s; margin-left:99px;}
.daohang>li>a{ display:block; font-size:18px;font-size:1.8rem; line-height:51px; font-family: 'FuturaStdHeavy'; background:url(../images/daohang.png) no-repeat center top; background-size:4px 0px; padding:0 10px;}
.daohang>li:hover>a{ background-size:100% 2px; color:#79b700;}
.dangqiandao{  background-size:100% 2px !important; color:#79b700 !important;}
.bon{ border-top:none !important}
.mal1{ margin-left:23px !important;}
.yiji{ position:absolute; width:274px; top:-9999px; left:-37px; background:#eeeeee; text-align:left; z-index:9999999999999999999999; border:1px solid #d2d2d2; border-top:none}
.yiji>li{ position:relative; transition:0.7s; padding-left:38px; background:url(../images/jiahao.png) no-repeat left center; border-top:1px solid #d2d2d2;}
.yiji>li>a{ display:block; line-height:0px; padding-left:7px; font-size:14px; font-size:1.4rem; transition:0.5s; border-left:1px solid #d2d2d2;}
.yiji>li:hover{background:#7db701 url(../images/jiahaoh.png) no-repeat left center;}
.yiji>li:hover>a{ color:#fff;}
.erji{ position:absolute; /* width:242px; */ width:382px; left:274px; top:-9999px; background:#fff; border:1px solid #d2d2d2; text-align:left; z-index:999999; padding-top:10px; padding-bottom:10px;}
.erji li a{ display:block; padding-left:26px; font-size:14px; font-size:1.4rem; line-height:0px; color:#4d4d4d;}
.daohang>li:hover .yiji{ top:51px;}
.daohang>li:hover .yiji>li>a{ padding:10px 0; padding-left:7px; line-height:20px;}
.yiji>li:hover .erji{ top:0px;}
.yiji>li:hover .erji>li>a{ padding:5px 0; padding-left:26px; line-height:20px;}
.erji>li:hover>a{ color:#7db701;}
.sanji{ position:absolute; width:160px; left:242px; top:-9999px; background:#fff; border:1px solid #d2d2d2; text-align:left; z-index:999999; padding-top:10px; padding-bottom:10px;}
.erji>li:hover .sanji{ top:0px;}
.erji>li:hover .sanji>li>a{ padding:5px 0; padding-left:26px; line-height:20px;}
.sanji>li:hover a{ color:#7db701;}
/*lun bo*/
.index_focus {position: relative;width: 100%;height:783px;margin: 0 auto;overflow: hidden;z-index: 9;}
.index_focusn {width: 1920px;position: absolute;left: 50%;top: 0px;margin-left: -960px;height: 100%;z-index: 99}
.index_focus .slide_nav{ position:absolute; bottom:12px; left:50%; margin-left:-519px; z-index:9999}
.index_focus .slide_nav a {width:20px;height:8px;cursor: pointer;float: left;margin-right:6px; margin-left:6px; background:url(../images/dian.png) no-repeat center; border-radius:3px;}
.index_focus_post {z-index: 10;}
.index_focus .pic {height: auto;display: block;margin: 0 auto;}
.index_focus .pic:hover {text-decoration: none;}
.index_focus .slide_nav li:hover, .index_focus .slide_nav .on {text-decoration: none; background:url(../images/dianh.png) no-repeat center;}
.index_focus2 {position: relative;width: 100%;height:460px;margin: 0 auto;overflow: hidden;z-index: 9;}
.index_focusn2 {width: 1920px;position: absolute;left: 50%;top: 0px;margin-left: -960px;height: 100%;z-index: 99}
.index_focus2 .slide_nav{ position:absolute; bottom:15px; left:50%; margin-left:-519px; z-index:9999}
.index_focus2 .slide_nav a {width:20px;height:8px;cursor: pointer;float: left;margin-right:6px; margin-left:6px; background:url(../images/dian.png) no-repeat center; border-radius:3px;}
.index_focus_post {z-index: 10;}
.index_focus2 .pic {height: auto;display: block;margin: 0 auto;}
.index_focus2 .pic:hover {text-decoration: none;}
.index_focus2 .slide_nav li:hover, .index_focus2 .slide_nav .on {text-decoration: none; background:url(../images/dianh.png) no-repeat center;}
.daohang2{ display:none}
@media screen and (min-width:1000px) and (max-width:1219px) {
.index_focus { height:626px;}
.index_focusn img{ width:80%;}
.index_focus2 { height:368px;}
.index_focusn2 img{ width:80%;}
.daohang>li{ margin-left:60px;}
.slogen{ width:390px; margin-top:40px;}
.yiji{ left:-30px;}
.index_focus .slide_nav{ margin-left:-490px;}
.index_focus2 .slide_nav{ margin-left:-490px;}
}
@media screen and (min-width:1000px) {.carousel,.clear2{display: none}}
@media screen and (max-width:999px) {
.clear2{ clear:both;}
.index_focus,.index_focus2{ display:none}
.head{ position:relative;}
.head .zong{ padding-top:5px;}
.yiji{ display:none;}
.daohangz{ margin-top:7px;}
.daohang{ text-align:center;}
.daohang>li{ float:none; display:inline-block; *float:left; margin:0 10px !important}
.daohang>li>a{font-size:12px;font-size:1.2rem; padding:0 10px; line-height:30px;}
.slogen{ display:none;}
.logon{ width:70px;}
.sousuo{ height:32px; width:200px; margin-top:30px;}
.sou{ width:150px; height:30px; line-height:30px; padding-left:10px;}
.suo{ width:30px; height:32px; background-size:15px 15px;}
.carousel{width: 100%;position: relative;overflow: hidden;}
.carousel ul{width: 100%;height: 100%;}
.carousel ul li{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.carousel ul li img{width: 100%; vertical-align: middle;}
.carousel ol{position: absolute;z-index: 2;width: 120px;height:10px;bottom:15px;left: 50%;-webkit-transform:translate3d(-50%,0,0); margin:0px;}
.carousel ol li{float: left;width: 10px;height: 10px;margin-right: 10px;border-radius: 5px;background:#fff;transition:all 0.3s ease 0s;}
.carousel ol li.cur{width: 15px;background:#a0c121;}
.carousel ol li:last-child{margin: 0;}
}
@media screen and (min-width:640px) {.container,.nav,.daohang2{ display:none}}
@media screen and (max-width:639px) {
.head{ padding-bottom:0px;}
.logon{ width:70px;}
.container{ width:5px; height:100%;position:absolute; right:0px; transition:all 0.4s ease 0s; z-index:99999999; cursor:pointer;}
.menubtn{width: 26px;height: 30px;position: absolute;top:10px;right:10px;transition:all 0.4s ease 0s; z-index:99999999}
.menubtn span{display: block;width: 100%;height: 3px;margin-bottom: 4px;background-color: #a0c121;}
.nav{width:250px;height:100%;background:rgba(0,0,0,0.8);position: absolute;bottom: 0;right: 0;display: none;}
.nav ul {display: none; margin-top:10px;}
.nav ul li{line-height: 40px;font-size: 12px; font-size:1.2rem;text-indent: 30px;}
.nav ul li a{ color:#fff;}
.sou{ width:60%;}
.daohangz{ background:none;}
.daohang{ display:none}
.daohang2{ display:block; text-align:center; margin-top:5px;}
.daohang2 a{ text-align:center; float:left; font-size:12px; font-size:1.2rem; width:25%; color:#333; line-height:22px;}
.daohang2 .dangqiandao{ color:#0449b1;}
}
/*  main1  */
.main1{ background:#f9f9f9;}
.main1>.zong{ position:relative; z-index:9; padding-top:59px; padding-bottom:35px;}
.m1t{ /* width:901px; */ width:1200px; background:#fff; position:relative; right:0px; top:-37px; min-height:241px; float: left;}
.m1tu{ width:301px; position:absolute; left:0px; top:0px; }
.m1tun{ display:block; overflow:hidden;}
.m1tun img{ display:block; margin:auto; width:100%; max-width:434px; max-height:350px; transition:0.5s;}
.m1zi{ display:block; position:absolute; width:100%; left:0px; line-height:35px; bottom:0px; background:#000000; background:rgba(0,0,0,0.6); text-align:center; font-size:16px; font-size:1.6rem; color:#fff; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}
.m1r{ margin-left:326px; margin-right:20px;}
.m1r>a{ display:block; font-size:44px; font-size:4.4rem; color:#bfd62e;font-family: 'FuturaStdBold'; line-height:50px; margin-top:47px;}
.m1r p a{ display:block; font-size:16px; font-size:1.6rem; line-height:30px; color:#bfd62e; margin-top:12px;}
.m1r a:hover{ text-decoration:underline;}
.m1zi:hover{ background:#000; color:#bfd62e;}
/* .m1lie{ width:232px; float:left; margin-left:10px; position:relative; margin-top:10px;} */
.m1lie{ width:232px; float:left; margin-left:8px; position:relative; margin-top:10px;}
.m1liefda{ float: right !important; }
.m1tu2{ display:block;}
.m1tu2 img{ display:block; margin:auto; width:100%; max-width:434px; max-height:350px;}
.m1zi2{ display:block; width:177px; height:69px; border:1px solid #ffffff; text-align:center; font-size:18px; font-size:1.8rem; line-height:30px; color:#4d4d4d; position:absolute; left:50%; margin-left:-88px; top:50%; margin-top:-37px; padding-top:5px;}
.m1mor{ display:block; width:33px; position:absolute; right:0px; top:50%; margin-top:-16px;}
.m1mor img{ display:block; margin:auto; width:100%; max-width:33px; max-height:33px;}
.m1zi2:hover{ color:#fff;}
.m1tun img:hover{ transform:scale(1.1,1.1)}
@media screen and (min-width:1000px) and (max-width:1219px) {
.main1>.zong{ padding-bottom:35px;}
.m1lie{ width:188px; margin-left:10px;}
.m1zi{ font-size:14px; font-size:1.4rem;}
.m1zi2{ width:150px; font-size:14px; font-size:1.4rem; margin-left:-75px;}
.m1mor{ width:30px;}
.m1t{ width:760px;}
.m1r>a{ margin-top:10px;}
}
@media screen and (max-width:999px) {
.m1t{ width:auto; position:relative; right:auto; top:auto;}
.main1>.zong{ padding-bottom:35px; padding-top:10px;}
.m1lie{ width:188px; margin-left:10px;}
.m1zi{ font-size:14px; font-size:1.4rem;}
.m1zi2{ width:140px; font-size:14px; font-size:1.4rem; margin-left:-70px;}
.m1mor{ width:30px;}
.m1r>a{ margin-top:auto; padding-top:20px;}
.m1tu{ width:auto; max-width:434px; margin:auto; position:relative; left:auto; top:auto;}
.m1r{ margin-left:20px; margin-right:20px; padding-bottom:20px;}
.m1r>a{ font-size:22px; font-size:2.2rem; line-height:30px;}
.m1lie{ width:24%; margin-left:0.5% !important; margin-right:0.5%;}
.m1liefda{ float: none !important; margin-left: auto; margin-right:auto; margin-top: 20px  }
.m1mor{ display:none}
}
@media screen and (max-width:699px) {
.m1lie{ width:49%;}
}
@media screen and (max-width:339px) {
.m1lie{ width:99%;}
}
/*  main2  */
.mainz{ width:100%; overflow:hidden;}
.main2{ padding-top:50px; padding-bottom:57px;}
.m2lie1{ width:413px; float:left;}
.m2lie2{ width:366px; float:left; margin-left:8px;}
.m2lie3{ width:391px; float:right;}
.m2tu{ display:block;}
.m2tu img{ display:block; margin:auto; max-width:100%;}
.m2zi{ display:block; text-align:center; font-size:20px; font-size:2rem; line-height:26px;}
.m2zi:hover{ color:#a0c121;}
@media screen and (min-width:1000px) and (max-width:1219px) {
.m2lie1{ width:340px;}
.m2lie2{ width:300px; margin-left:8px;}
.m2lie3{ width:310px;}
}
@media screen and (max-width:999px) {
.main2{ padding-top:30px;}
.m2lie1{ width:100%; float:none;}
.m2lie2{ width:100%; float:none; margin-left:0px; margin-top:20px;}
.m2lie3{ width:100%; float:none; margin-top:20px;}
}
/*  main3  */
.main3{ background:url(../images/why_choose_airmat.jpg) no-repeat center top; padding-bottom:110px;}
.main3 .zong{ position:relative; padding-top:82px; text-align:center;}
.m3biao{ display:block; text-align:center; font-size:36px; font-size:3.6rem; line-height:45px; color:#bfd62e; background:url(../images/m3biao.jpg) no-repeat bottom center;font-family: 'FuturaStdBold'; padding-bottom:8px;}
.main3 .zong>p>a{ display:block; font-size:16px; font-size:1.6rem; color:#fff; line-height:30px; text-align:center; margin:0 110px; margin-top:21px;}
.m3lie{ width:215px; display:inline-block; *float:left; margin:0 30px; margin-top:44px;}
.m3lie>a{ display:block;}
.m3lie a img{ display:block; margin:auto; width:55px; height:60px;}
.m3lie p a{ display:block; font-size:14px; font-size:1.4rem; color:#fff; line-height:30px; margin-top:6px;}
.m3ren{ display:block; width:298px; position:absolute; right:50%; margin-right:-895px; top:-419px;animation:swinging 2s ease-in-out 0s infinite; *display:none;}
.m3ren img{ width:298px; height:544px;}
.main3 a:hover{ color:#bfd62e !important;}
@-webkit-keyframes swinging{
0% { top:-410px;}50% { top:-419px;}100% { top:-410px;}
}
@-moz-keyframes swinging{
0% { top:-410px;}50% { top:-419px;}100% { top:-410px;}
}
@keyframes swinging{
0% { top:-400px;}50% { top:-419px;}100% { top:-400px;}
}
@media screen and (min-width:1000px) and (max-width:1219px) {
.main3 .zong>p>a{ margin:auto; margin-top:21px; font-size:14px; font-size:1.4rem; line-height:24px;}
}
@media screen and (max-width:999px) {
.main3{ padding-bottom:20px;}
.main3 .zong{ padding-top:20px;}
.m3biao{ font-size:20px; font-size:2rem; line-height:35px;}
.main3 .zong>p>a{ margin:auto; margin-top:21px; font-size:14px; font-size:1.4rem; line-height:24px;}
.m3lie{ width:32.333%; margin:0 0.5%; float:left; margin-top:30px;}
.m3lie p a{ line-height:22px;}
}
@media screen and (max-width:399px) {
.main3{ background:#4575ab;}
.m3lie{ width:99%; margin:0 0.5%; float:left; margin-top:30px;}
}
/*  main4  */
.main4{ background:#f9f9f9; padding-top:90px; padding-bottom:100px;}
.main4 .zong{ position:relative;}
.m4tu{ display:block; width:600px;}
.m4tu video,.m4tu img{ display:block; margin:auto; width:100%; max-width:600px; max-height:500px;}
#outer {width:672px; position:absolute; right:0px; top:35px; background:url(../images/m4kuang.png) no-repeat left top; height:448px;}
#tab {overflow:hidden;zoom:1; position:absolute; bottom:0px; right:98px;}
#tab li { cursor:pointer; float:left; width:18px; height:18px; margin-left:12px; background:#d4d3d3; font-size:14px; font-size:1.4rem; color:#fff; text-align:center; line-height:18px; border-radius:50%;}
#tab li.current {background:#bfd62e;}
#content { margin-left:32px; margin-top:39px; height:351px; background:#fff url(../images/m4xian.jpg) no-repeat 42px bottom; box-shadow:0 5px 5px rgba(0,0,0,0.18);}
#content .ul {display:none; padding-left:68px; padding-top:37px; padding-right:70px;}
.ul span{ display:block; font-size:16px; font-size:1.6rem; color:#bfd62e; line-height:30px; background:url(../images/m4biao.jpg) no-repeat left bottom; padding-bottom:2px;}
.m4a{ display:block; font-size:24px; font-size:2.4rem; color:#7db701; line-height:30px;font-family: 'FuturaStdBold';white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden; margin-top:18px;}
.ul p a{ display:block; font-size:16px; font-size:1.6rem; line-height:30px; color:#bfd62e; margin-top:5px; height:90px; overflow:hidden;}
.m4mor{ display:block; font-size:16px; font-size:1.6rem; color:#7db701; line-height:30px; margin-top:23px; background:url(../images/m4mor.jpg) no-repeat right center; float:left; padding-right:16px;}
.ul a:hover{ text-decoration:underline;}
@media screen and (min-width:1000px) and (max-width:1219px) {
#outer {width:572px;}
}
@media screen and (max-width:999px) {
.main4{ padding-top:30px; padding-bottom:30px;}
.m4tu{ width:auto; margin:auto;}
#outer { width:auto; background:none; position:relative; right:auto; top:auto; margin-top:20px; height:340px;}
#content { margin:auto; background:#fff url(../images/m4xian.jpg) no-repeat 10px bottom; height:300px;}
#content .ul { padding-left:20px; padding-top:37px; padding-right:20px;}
.m4a{ font-size:18px; font-size:1.8rem;}
.ul p a{ font-size:14px; font-size:1.4rem;}
}
/*  main5  */
.main5{ background:#79b460 url(../images/m5bei.jpg) no-repeat center bottom; background-attachment:fixed; padding-top:76px; padding-bottom:110px;}
.m5biao{ display:block; font-size:36px; font-size:3.6rem; color:#fff; line-height:45px; text-align:center;font-family: 'FuturaStdBold'; background:url(../images/m5biao.jpg) no-repeat bottom center; padding-bottom:9px; margin-bottom:20px;}
.m5lie1{ width:292px; float:left;}
.m5lie2{ width:292px; float:right;}
.m5lie3{ width:596px; float:left; margin-left:10px;}
.m5tu{ display:block; margin-top:10px; overflow:hidden;}
.m5tu img{ display:block; margin:auto; width:100%; max-width:596px; max-height:477px; transition:0.5s;}
.m5tu img:hover{ transform:scale(1.1,1.1)}
@media screen and (min-width:1000px) and (max-width:1219px) {
.m5lie1{ width:237px; float:left;}
.m5lie2{ width:237px; float:right;}
.m5lie3{ width:486px; float:left; margin-left:10px;}
}
@media screen and (max-width:999px) {
.main5{ background-attachment:inherit;}
.main5{ padding-top:26px; padding-bottom:30px;}
.m5biao{ font-size:26px; font-size:2.6rem;}
.m5lie1{ width:49%; float:left; margin-left:0.5%; margin-right:0.5%;}
.m5lie2{ width:49%; float:right; margin-left:0.5%; margin-right:0.5%;}
.m5lie3{ width:100%; float:left; margin-left:0px;}
}
/*  foot  */
.foot{ background:#f1f1f1; padding-top:60px; padding-bottom:200px; overflow:hidden;}
.foot .zong{ position:relative;}
.fbiao{ display:block; float:left; margin-top:85px; width:38px;}
.fbiao img{ display:block; margin:auto; width:38px; height:318px;}
.fxin{ width:531px; background:#fff;box-shadow:0 0 10px rgba(0,0,0,0.1); float:left; margin-left:26px; padding-top:16px; padding-bottom:40px;}
.fxin .int1{ margin-left:30px; padding-left:15px; background:url(../images/xing.jpg) no-repeat left 20px; margin-top:15px;}
.fxin .int1 input{ width:187px; height:42px; padding-left:37px; font-size:14px; font-size:1.4rem; color:#999999; line-height:42px;}
.fren{ background:#f1f1f1 url(../images/fren.jpg) no-repeat left top;}
.fxinfeng{ background:#f1f1f1 url(../images/fxinfeng.jpg) no-repeat left top;}
.fxin .int1 select{ width:224px; height:42px; padding-left:34px; font-size:14px; font-size:1.4rem; color:#999999; line-height:42px; background:#f1f1f1 url(../images/ffang.jpg) no-repeat left top; cursor:pointer}
.fxin .int1 textarea{ width:370px; height:126px; padding-left:37px; font-size:14px; font-size:1.4rem; color:#999999; line-height:42px; background:#f1f1f1 url(../images/fduihua.jpg) no-repeat left top;}
.fxin .int1 .int2{ width:158px; height:42px; padding-left:11px; font-size:14px; font-size:1.4rem; color:#999999; line-height:42px; background:#f1f1f1; float:left; margin-right:11px;}
.fxin .int3{ width:160px; height:44px; padding:0px; background:#7db701; font-size:14px; font-size:1.4rem; color:#fff; text-transform:uppercase; margin-left:45px; margin-top:30px; cursor:pointer;}
.fxin .int3:hover{ background:#a0c121;}
.fxin .yanzheng{float:left; cursor:pointer;}
.for{ width:663px; position:absolute; right:0px; top:20px; background:url(../images/fkuang.png) no-repeat left bottom; padding-bottom:47px;}
.forn{ background:#fff; margin-left:22px; box-shadow:0 0 10px rgba(0,0,0,0.1); padding-left:55px; padding-top:39px; padding-bottom:50px;}
.fa{ display:block; font-size:24px; font-size:2.4rem; color:#7db701;font-family: 'FuturaStdBold'; line-height:30px; background:url(../images/fxian.jpg) no-repeat left bottom; text-transform:uppercase; padding-bottom:12px; margin-bottom:19px;}
.forn p{ font-size:16px; font-size:1.6rem; color:#4d4d4d; line-height:30px;}
.forn ul{ font-size:16px; font-size:1.6rem; line-height:30px; color:#4d4d4d; margin-top:30px;}
.forn ul li{ color:#4d4d4d;}
.forn ul li a{ color:#4d4d4d;}
.forn2{ margin-left:74px; padding-top:15px;}
.forn2 p{ font-size:14px; font-size:1.4rem; line-height:30px;}
.shejiao{ margin-top:7px;}
.shejiao a{ display:block; width:36px; float:left; margin-right:26px;}
.shejiao a img{ display:block; margin:auto; width:100%; max-width:36px; max-height:36px; border-radius:50%;}
.forn ul li a:hover{ color:#a0c121;}
.shejiao a:hover{ transform:rotate(360deg)}
.youlian{ text-align:center; line-height:26px; padding:10px 0;}
.youlian p{ display:inline-block; *float:left; font-size:14px; font-size:1.4rem; font-family:Arial, Helvetica, sans-serif;}
.youlian a{ display:inline-block; *float:left; font-size:14px; font-size:1.4rem; margin:0 10px;}
.youlian a:hover{ color:#a0c121;}
@media screen and (min-width:1000px) and (max-width:1219px) {
.for{ width:450px;}
.forn{ margin-left:12px; padding-left:25px;}
}
@media screen and (max-width:999px) {
.foot{ padding-top:30px; padding-bottom:30px;}
.fbiao{ display:none}
.fxin{ width:auto; float:none; margin-left:auto;}
.fxin .int1{ margin-left:5px;}
.fxin .int1 input,.fxin .int1 textarea{ width:90%;}
.fxin .int1 select{ width:90%;width: calc(90% + 38px)}
.fxin .int3{ margin-left:20px;}
.for{ width:auto; position:relative; right:auto; top:auto; margin-top:20px;}
.forn{ margin-left:12px; padding-left:25px;}
.forn2{ margin-left:24px;}
}
@media screen and (max-width:639px) {
.youlian{ display:none}
.for{ background:none; padding-bottom:0px;}
.forn{ margin-left:auto; padding-left:10px;}
.fxin .int1 input,.fxin .int1 textarea{ width:80%;}
.fxin .int1 select{ width:80%;width: calc(80% + 38px)}
.fxin .int1 .int2{ width:100px;}
.fa{ font-size:18px; font-size:1.8rem;}
.forn p{ font-size:14px; font-size:1.4rem; line-height:24px;}
.forn ul{ font-size:14px; font-size:1.4rem; line-height:24px;}
.forn2{ margin-left:0px;}
.shejiao a{ width:30px; margin-right:5px;}
}
/*************************************************************************  product  ***************************************************************/
.mianbao{ font-size:14px; font-size:1.4rem; line-height:30px; border-bottom:1px solid #cccccc; padding-top:11px;}
.mianbao a:hover{ color:#7db701;}
.co7d{ color:#7db701 !important;}
.prmain{ padding-bottom:136px; padding-top:40px;}
.prl{ width:276px; float:left;}
/* .prr{ width:857px; float:right;} 2018-03-22 */
.prr{ width:897px; float:right;}
.prltbiao{ display:block; font-size:24px; font-size:2.4rem; text-transform:uppercase; color:#fff;font-family: 'FuturaStdBold'; text-align:center; text-transform:uppercase; line-height:45px; background:#7db701;}
.subNavBox{ padding-top:10px;}
.subNav{cursor:pointer; margin-top:10px; border:1px solid #d2d2d2; background:#eeeeee url(../images/jiahao.png) no-repeat left center; padding-left:38px; transition:0.5s;}
.subNav a{ display:block; line-height:22px; padding:9px 7px; font-size:14px; border-left:1px solid #d2d2d2;}
.subNav:hover{ background:#7db701 url(../images/jian.png) no-repeat left center;}
.subNav:hover a{color:#fff;}
.currentDd{ background:#7db701 url(../images/jian.png) no-repeat left center;}
.currentDd a{color:#fff;}
.navContent{display: none; border:1px solid #d2d2d2; border-top:none; padding-top:10px; padding-bottom:11px;}
.navContent>li{ position:relative;}
.navContent>li a{display:block; font-size:14px; font-size:1.4rem; line-height:22px; padding:4px 0; padding-left:46px;}
.navContent>li:hover>a{ color:#7db701;}
.prsanji{ width:200px; position:absolute; left:274px; top:-9999px; background:#fff; border:1px solid #d2d2d2;}
.navContent>li:hover .prsanji{ top:0px;}
.prsanji li:hover a{ color:#7db701;}
.dangqianpr{ color:#7db701 !important;}
.prlbbiao{ margin-top:60px;}
.prlbn{ border:1px solid #cccccc; margin-top:20px; border-top:none;}
.prlblie{ border-top:1px solid #cccccc; padding-left:20px; padding-top:19px; padding-bottom:10px;}
.prlblie>a{ display:block; padding-left:28px; font-size:18px; font-size:1.8rem; line-height:30px;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden; background:url(../images/ben.jpg) no-repeat left center;}
.prlblie p a{ display:block; font-size:14px; font-size:1.4rem; line-height:30px; margin-top:4px;}
.prlblie a:hover{ color:#a0c121;}
.prlie{ width:262px; float:left; margin-left:35px; position:relative; margin-bottom:40px;}
.prtu{ position:relative;}
.prtun{ display:block;}
.prtun img{ display:block; margin:auto; width:100%; max-width:434px; max-height:350px;}
.przi{ line-height:35px; background:#000; background:rgba(0,0,0,0.5); position:absolute; width:100%; left:0px; bottom:0px; font-size:16px; font-size:1.6rem; color:#ffffff; line-height:35px; text-align:center; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}
.prmor{ display:block; width:119px; height:26px; font-size:16px; font-size:1.6rem; color:#fff; background:#7db701; line-height:26px; text-align:center; border:1px solid #7db701; margin:auto; margin-top:15px;}
.prlie input{ position:absolute; left:50%; margin-left:-90px; bottom:5px; cursor:pointer;}
.prlie:hover .prmor{color:#7db701; background:#fff;}
.fenye{ padding-top:20px; position:relative;}
.fenyen{ float:left;}
.fenyen a,.fenyen span{ display:inline-block; *float:left; width:33px; height:33px; background:#7db701; text-align:center; line-height:33px; border:1px solid #7db701;margin-right:20px;margin-bottom:10px; color:#fff; font-size:16px; font-size:1.6rem;}
.fenyen a:hover{ background:#fff; color:#6db33f;}
.sx{ width:81px !important;}
.dangqianfen{color:#6db33f !important; background:#fff !important}
.fuxuan{ float:right;}
.fuxuan input{ width:175px; height:35px; background:#7db701; border:#7db701 solid 1px; border:none; cursor:pointer; color:#fff; cursor:pointer; font-size:16px; font-size:1.6rem;}
.fuxuan input:hover{ background:#fff; color:#7db701;border:#7db701 solid 1px;}
@media screen and (min-width:1000px) and (max-width:1219px) {
.prmain{ padding-bottom:30px; padding-top:30px;}
.prr{ width:670px; float:right;}
.prlie{ width:215px; margin-left:10px;}
}
@media screen and (max-width:999px) {
.prmain{ padding-bottom:30px; padding-top:30px;}
.prl{ width:35%; float:left;}
.prr{ width:62%; float:right;}
.prlie{ width:215px; margin-left:10px;}
.navContent>li>a{ padding-left:20px;}
.prsanji{ width:auto; position:relative; left:0px; top:auto; background:#fff; border:1px solid #d2d2d2; border-left:none; border-right:none;}
.prlie{ width:49%; margin-left:0.5% !important; margin-right:0.5%; margin-bottom:15px;}
.przi{ font-size:14px; font-size:1.4rem;}
.fenyen{ float:none;}
.fuxuan{ float:none;}
}
@media screen and (max-width:639px) {
.prl{ width:100%; float:none; margin-top:20px;}
.prr{ width:100%; float:none;}
}
@media screen and (max-width:449px) {
.prlie{ width:99%;}
}
/****************************************************************  product2  **************************************************/
.prmain2{ padding-bottom:91px; padding-top:40px;}
#tsShopContainer li,#tsShopContainer img{vertical-align:top;}
#tsShopContainer{width:434px;position:relative; float:left;}
#tsShopContainer #tsImgS{text-align:center;width:100%;position:relative;}
#tsShopContainer #tsImgS a{display:block;text-align:center;margin:0px auto;}
#tsShopContainer #tsImgS img{}
#tsShopContainer #tsPicContainer{width:100%;height:90px;position:relative;}
#tsShopContainer #tsPicContainer #tsImgSArrL{width:22px;height:22px;background:url(../images/left.jpg) no-repeat left center;position:absolute;top:53px;left:0px;cursor:pointer;}
#tsShopContainer #tsPicContainer #tsImgSArrR{width:22px;height:22px;background:url(../images/right.jpg) no-repeat right center;position:absolute;top:53px;right:0px;cursor:pointer;} 
#tsShopContainer #tsPicContainer #tsImgSArrL:hover{background:url(../images/lefth.jpg) no-repeat left center;}
#tsShopContainer #tsPicContainer #tsImgSArrR:hover{background:url(../images/righth.jpg) no-repeat right center;} 
#tsShopContainer #tsPicContainer #tsImgSCon{position:absolute;top:20px;width:1px; left:36px;height:90px;overflow:hidden;}
#tsShopContainer #tsPicContainer #tsImgSCon ul{width:100%;overflow:hidden;}
#tsShopContainer #tsPicContainer #tsImgSCon li{width:126px;float:left;cursor:pointer;}
#tsShopContainer #tsPicContainer #tsImgSCon li a{ display:block;width:111px;}
#tsShopContainer #tsPicContainer #tsImgSCon li img{display:block;width:111px;height:90px;}
.MagicZoomBigImageCont{border:1px solid #ccc;background:#FFF;}
.MagicZoomPup{border:0px solid #aaa;background:#ffffff;}
.MagicZoomMain{text-align:center !important;width: 92px;}
.jianjie{ width:383px; float:right; padding-top:25px;}
.jianjie h1{ font-size:20px; font-size:2rem; line-height:27px;font-family: 'FuturaStdBold';}
.share1{ font-size:14px; font-size:1.4rem; color:#4d4d4d; line-height:20px; float:left; margin-top:6px;}
.share2{ float:left; margin-left:5px; margin-top:3px;}
.jiann{ font-size:16px; font-size:1.6rem; line-height:30px; margin-top:5px; padding-top:11px; border-top:1px solid #e5e5e5;}
.jiann a{ color:#7db701;}
.jiann img{ max-width:100%;}
.jiann table{ width:97%; border-collapse:collapse; line-height:24px;}
.jiann tr td{ line-height:29px; padding:2px; border:1px solid #ccc;}
.jiann tr td a{ color:#333;}
.inno{ margin-top:90px;}
.inno a,.inno span{ display:block; width:119px; height:26px; text-align:center; line-height:26px; font-size:16px; font-size:1.6rem; border:1px solid #7db701; color:#7db701; float:left; margin-right:64px; margin-top:21px; }
.inno a:hover{ background:#7db701; color:#fff;}
.chanxbiao{ display:block; font-size:20px; font-size:2rem; color:#7db701; line-height:36px; border-bottom:1px solid #cccccc; text-transform:uppercase; font-family: 'FuturaStdBold'; margin-top:48px;}
.chanxiang {line-height:30px; font-size:16px; font-size:1.6rem; padding-top:13px;}
.chanxiang a,.chanxiang p a{ color:#7db701;}
.chanxiang img,.chanxiang p img{ max-width:100%;}
.chanxiang table,.chanxiang p table{ width:97%; border-collapse:collapse; line-height:24px;}
.chanxiang tr td,.chanxiang p tr td{ line-height:29px; padding:2px; border:1px solid #ccc;}
.chanxiang tr td a,.chanxiang p tr td a{ color:#333;}
@media screen and (min-width:1000px) and (max-width:1219px){
.MagicZoomBigImageCont,.MagicZoomPup,.MagicZoomMain{ display:none !important;}
.MagicZoomPup{ background:rgba(255,255,255,0) !important}
#tsShopContainer{ float:none; margin:auto;}
.jianjie{ width:100%; float:none; margin-top:20px;}
.jianjie h1{ font-size:18px; font-size:1.8rem;}
.jiann{ font-size:14px; font-size:1.4rem; margin-top:15px;}
.share{ margin-top:30px;}
.inno{ margin-top:10px;}
.inno a{ width:130px;}
}
@media screen and (min-width:1000px){
.chanx{ display:none}
}
@media screen and (max-width:999px){
.prmain2{ padding-bottom:28px;}
#tsShopContainer{ display:none}
.chanx{ width:100%; margin-top:0px;}
.chanx a{ display:block; width:49%; margin-left:0.5%; margin-right:0.5%; float:left; margin-bottom:10px;}
.chanx a img{ width:100%; max-width:434px; max-height:350px; border:1px solid #ddd}
.jianjie{ width:100%; float:none; margin-top:20px; background:none}
.jianjie h1{ font-size:18px; font-size:1.8rem;}
.jiann{ font-size:14px; font-size:1.4rem; margin-top:15px;}
.inno{ margin-top:10px;}
.inno a{ width:120px; margin-right:10px;}
.chanxiang{ padding-top:20px; margin-top:20px; padding-bottom:20px;}
.chanxa{ font-size:20px; font-size:2rem; padding-left:10px;}
.chann{ margin:0 10px; padding-top:10px !important;}
.chanxiang {padding-top:25px;}
.chanxiang tr td{ border:1px solid #191919; font-size:12px; font-size:1.2rem;}
}
@media screen and (max-width:639px){
.chanx a{ width:48%; margin-left:1%; margin-right:1%;}
.chanxa{ padding-top:40px;}
}
/*************************************************************************  news  ***************************************************************/
.nemain{ padding-top:10px; padding-bottom:90px;}
.nelie{ border-bottom:1px dashed #cccccc; position:relative; min-height:235px; padding-bottom:30px; margin-top:30px;}
.netu{ width:282px; position:absolute; left:0px; top:0px;}
.netu a{ display:block;}
.netu a img{ display:block; margin:auto; width:100%; max-width:282px; max-height:235px;}
.nezi{ margin-left:333px; padding-top:19px;}
.nezi span{ display:block; font-size:16px; font-size:1.6rem; color:#bfd62e; line-height:30px; background:url(../images/nebiao.jpg) no-repeat left bottom; padding-bottom:2px;}
.nea{ display:block; font-size:24px; font-size:2.4rem; color:#4d4d4d; line-height:30px; font-family: 'FuturaStdBold'; margin-top:18px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}
.nezi p a{ display:block; font-size:16px; font-size:1.6rem; line-height:30px; color:#4d4d4d; height:60px; overflow:hidden; margin-top:5px;}
.nemor{ display:block; float:left; font-size:16px; font-size:1.6rem; color:#cccccc; line-height:30px; margin-top:22px; background:url(../images/nemor.jpg) no-repeat right center; padding-right:16px;}
.nezi a:hover{ color:#7db701;}
.jvzhong{ float:none; text-align:center; margin-top:60px;}
@media screen and (max-width:749px){
.nemain{ padding-top:10px; padding-bottom:20px;}
.nelie{ padding-bottom:10px; margin-top:10px;}
.netu{ position:relative; left:auto; top:auto; margin:auto;}
.nezi{ margin-left:0px; padding-top:19px;}
.nea{ font-size:20px; font-size:2rem;}
.nemor{ margin-top:10px;}
.jvzhong{ margin-top:20px;}
}
/*************************************************************************  news2  ***************************************************************/
.nemain2{ padding-top:35px; padding-bottom:90px;}
.nemain2 h1{ font-size:18px; font-size:1.8rem; color:#4d4d4d; text-align:center; line-height:24px; font-family: 'FuturaStdBold';}
.neriqi{ display:block; text-align:center; font-size:14px; font-size:1.4rem; color:#bfd62e; line-height:24px; text-align:center; margin-top:4px;}
.nex {line-height:30px; font-size:14px; font-size:1.4rem; color:#4d4d4d; padding-top:5px;}
.nex p,.nex span,.nex strong,.nex li{ color:#4d4d4d;}
.nex a,.nex  p a{ color:#7db701;}
.nex img,.nex p img{ max-width:100%;/* 2020-05-10 start */ display: block;
    margin: 0 auto;/*2020-05-10 end*/}
.nex table,.nex p table{ width:97%; border-collapse:collapse; line-height:24px;}
.nex tr td,.nex p tr td{ line-height:29px; padding:2px; border:1px solid #ccc;}
.nex tr td a{ color:#333;}
.share3{ margin-top:20px;}
.share3 img{ display:block;}
.fanpian{ border-top:1px solid #cccccc; margin-top:15px; padding-top:15px;}
.fanpian li{ font-size:14px; font-size:1.4rem; line-height:30px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}
.fanpian li a:hover{ color:#7db701;}
/*************************************************************************  about  ***************************************************************/
#baguetteBox-overlay{display:none;opacity:0;position:fixed;overflow:hidden;top:0;left:0;width:100%;height:100%;  background-color:#222;background-color:rgba(0,0,0,.8);-webkit-transition:opacity .5s ease;transition:opacity .5s ease;z-index:99999999999999999999999999999999999999;}
 #baguetteBox-overlay.visible{opacity:1}
 #baguetteBox-overlay .full-image{display:inline-block;position:relative;width:100%;height:100%;text-align:center;}
 #baguetteBox-overlay .full-image figure{display:inline;margin:0;height:100%}
 #baguetteBox-overlay .full-image img{display:inline-block;width:auto;height:auto;max-height:100%;max-width:100%;vertical-align:middle;-webkit-box-shadow:0 0 8px rgba(0,0,0,.6);-moz-box-shadow:0 0 8px rgba(0,0,0,.6);box-shadow:0 0 8px rgba(0,0,0,.6);}
 
 #baguetteBox-overlay .full-image figcaption{display:block;position:absolute;bottom:0;width:100%;text-align:center;line-height:1.8;color:#ccc;background-color:#000;background-color:rgba(0,0,0,.6);font-family:Verdana, Geneva, sans-serif;}
 #baguetteBox-overlay .full-image:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}
 #baguetteBox-slider{position:absolute;left:0;top:0;height:100%;width:100%;white-space:nowrap;-webkit-transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,-moz-transform .4s ease;transition:left .4s ease,transform .4s ease}
 #baguetteBox-slider.bounce-from-right{-webkit-animation:bounceFromRight .4s ease-out;animation:bounceFromRight .4s ease-out}
 #baguetteBox-slider.bounce-from-left{-webkit-animation:bounceFromLeft .4s ease-out;animation:bounceFromLeft .4s ease-out}
 .baguetteBox-button#next-button,.baguetteBox-button#previous-button{top:50%;top:calc(50% - 30px);width:44px;height:60px;}
 .baguetteBox-button{position:absolute;cursor:pointer;outline:0;padding:0;margin:0;border:0;-moz-border-radius:15%;
 border-radius:15%;background-color:#323232;background-color:rgba(50,50,50,.5);color:#ddd;font:1.6em sans-serif;-webkit-transition:background-color .4s ease;transition:background-color .4s ease; display:block !important}
 .baguetteBox-button:hover{background-color:rgba(50,50,50,.9)}
 .baguetteBox-button#next-button{right:2%}
 .baguetteBox-button#previous-button{left:2%}
 .baguetteBox-button#close-button{top:20px;right:2%;right:calc(2% + 6px);width:30px;height:30px}
 .baguetteBox-button svg{position:absolute;left:0;top:0}
 .spinner{width:40px;height:40px;display:inline-block;position:absolute;top:50%;left:50%;margin-top:-20px;margin-left:-20px}
 .double-bounce1,.double-bounce2{width:100%;height:100%;-moz-border-radius:50%;border-radius:50%;background-color:#fff;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:bounce 2s infinite ease-in-out;animation:bounce 2s infinite ease-in-out}
 .double-bounce2{-webkit-animation-delay:-1s;animation-delay:-1s}
 @-webkit-keyframes bounceFromRight{0%{margin-left:0}50%{margin-left:-30px}100%{margin-left:0}}
 @keyframes bounceFromRight{0%{margin-left:0}50%{margin-left:-30px}100%{margin-left:0}}
 @-webkit-keyframes bounceFromLeft{0%{margin-left:0}50%{margin-left:30px}100%{margin-left:0}}
 @keyframes bounceFromLeft{0%{margin-left:0}50%{margin-left:30px}100%{margin-left:0}}
 @-webkit-keyframes bounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}
 @keyframes bounce{0%,100%{-webkit-transform:scale(0);-moz-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}}
.abmain{ padding-top:34px;}
.abbiao{ display:block; font-size:22px; font-size:2.2rem; font-weight:bold; font-family: 'FuturaStdBold'; margin-bottom:12px;}
.abmain p{ font-size:14px; font-size:1.4rem; line-height:30px;}
.abmain p strong{ color:#7db701; font-size:16px; font-size:1.6rem; font-family: 'FuturaStdBold';}
.abtu{ display:block; margin-top:33px;}
.abtu img{ display:block; margin:auto; width:100%; max-width:1198px; max-height:359px;}
.abmain2{ padding-top:68px; padding-bottom:90px;}
.ab2biao{ display:block; font-size:40px; font-size:4rem; color:#7db701; text-transform:uppercase; font-family: 'FuturaStdBold'; text-align:center;}
.ablie{ width:207px; float:left; margin-left:41px; margin-top:41px;}
.abtu2{ display:block; position:relative; max-width:207px; margin:auto; overflow:hidden;}
.zhengshu{ display:block; margin:auto; width:100%; max-width:207px; max-height:285px;}
.fangda{ display:block; position:absolute; width:100%; height:100%; left:0px; top:100%; transition:0.5s;}
.abzi{ display:block; font-size:14px; font-size:1.4rem; line-height:30px; text-align:center; margin-top:10px;}
.ablie:hover .fangda{ top:0px;}
@media screen and (min-width:1000px) and (max-width:1219px){
.ablie{ width:187px; margin-left:10px;}
}
@media screen and (max-width:999px){
.abbiao{ font-size:18px; font-size:1.8rem;}
.abmain2{ padding-top:38px; padding-bottom:30px;}
.ab2biao{ font-size:22px; font-size:2.2rem;}
.ablie{ width:18%; margin-left:1% !important; margin-right:1%;}
}
@media screen and (max-width:769px){
.ablie{ width:31.333%; margin-left:1% !important; margin-right:1%;}
}
@media screen and (max-width:389px){
.ablie{ width:48%; margin-left:1% !important; margin-right:1%; margin-top:20px;}
}
/*************************************************************************  project  ***************************************************************/
.pjmain{ padding-bottom:90px; padding-top:7px;}
.pjlie{ width:375px; float:left; margin-left:37px; margin-top:33px;}
.pjtu{ position:relative; display:block; overflow:hidden;}
.pjtu>img{ display:block; margin:auto; width:100%; max-width:592px; max-height:474px;}
.pjtu span{ display:block; position:absolute; width:100%; height:100%; left:0px; top:100%; background:#000; background:rgba(0,0,0,0.5); transition:0.5s;}
.pjtu span img{ display:block; margin:auto; width:66px; height:66px; position:absolute; left:50%; margin-left:-33px; top:50%; margin-top:-33px;}
.pjlie:hover .pjtu span{ top:0px;}
.pjzi{ display:block; font-size:14px; font-size:1.4rem; text-align:center; line-height:24px; margin-top:9px;}
.mat{ margin-top:53px;}
@media screen and (min-width:1000px) and (max-width:1219px){
.pjlie{ width:320px; margin-left:10px;}
}
@media screen and (max-width:999px){
.pjmain{ padding-bottom:30px;}
.pjlie{ width:32.333%; margin-left:0.5% !important; margin-right:0.5%;}
.mat{ margin-top:30px;}
.pjtu span{ top:0px; background:rgba(0,0,0,0.2); transition:0.5s;}
}
@media screen and (max-width:639px){
.pjlie{ width:49%;}
}
@media screen and (max-width:349px){
.pjlie{ width:99%;}
}
/***************************************************************  contact  *********************************************************************/
.comain{ padding-bottom:99px;}
.lxms2{ font-size:18px; font-size:1.8rem; color:#7db701; margin-top:35px; text-transform:uppercase;}
.lxz{ width:557px; float:left;}
.lxfs{ line-height:30px; font-size:14px; font-size:1.4rem; margin-top:7px;}
.lxfs li{ padding-left:23px;}
.lxdianhua{ background:url(../images/lxdianhua.jpg) no-repeat left 9px;}
.lxapp{ background:url(../images/lxapp.jpg) no-repeat left 9px;}
.lxdizhi{ background:url(../images/lxdingwei.jpg) no-repeat left 7px;}
.lxxinfeng{background:url(../images/lxxinfeng.jpg) no-repeat left 11px;}
.xinzadd{background:url(../images/addtcon.png) no-repeat left 11px;}
.lxs{background:url(../images/lxs.jpg) no-repeat left 9px;}
.ditu{ display:block; width:100%; max-width:557px; max-height:319px; margin-top:58px;}
.lxy{ width:561px; float:right;}
.lxtou{font-size:18px; font-size:1.8rem; color:#7db701; text-transform:uppercase; line-height:26px; margin-top:32px; margin-left:13px;}
.lxfs li a:hover{ color:#7db701;}
.lxy .xing{ background:url(../images/xing2.jpg) no-repeat left 16px;}
.se1{ width:68px; height:35px; background:none; border:1px solid #cccccc; line-height:35px;padding-left:4px; color:#666666;float:left; margin-left:11px; cursor:pointer;}
.lxy .int1{ padding-left:13px; margin-bottom:29px; margin-top:15px;}
.lxy .int1 input{  width:530px; height:33px; border:1px solid #cccccc; padding-left:15px; line-height:33px;}
.lxy .int1 textarea{ width:530px; height:212px; border:1px solid #cccccc; padding-left:15px; line-height:33px; margin-top:2px;}
.lxy .int4{ padding-left:12px; margin-top:22px;}
.lxy .int5{ width:138px; height:33px; border:1px solid #cccccc; padding-left:15px; line-height:33px; float:left; margin-right:20px;}
.lxy .int6{ width:181px; height:37px; float:right; background:#7db701; font-size:14px; color:#fff; border:none; cursor:pointer; text-transform:uppercase;}
.lxy .int6:hover{ background:#000;}
.lxy .yanzheng{ float:left}
@media screen and (min-width:1000px) and (max-width:1219px){
.lxz{ width:470px; float:left;}
.lxy{ width:494px; float:right;}
.lxy .int1 input{ width:463px;}
.lxy .int1 textarea{ width:463px; height:160px;}
.lxy .int5{ width:98px;}
.lxy .int6{ width:126px;}	
}
@media screen and (max-width:999px){
.comain{ padding-bottom:39px;}
.lxz{ width:100%; float:none;}
.lxy{ width:100%; float:none;}
.comain{ padding-bottom:30px;}
.lxy .int1 input{ width:95%;}
.lxy .int1 textarea{ width:95%; height:130px;}
.lxy .int6{ float:left; margin-left:20px;}
.ditu{ margin-top:28px;}
}
@media screen and (max-width:639px){
.lxy .int2{ width:65%;}
.lxy .int1 input{ width:90%;}
.lxy .int1 textarea{ width:90%;}
.lxy .int5{ width:98px; margin-bottom:20px;}
.lxy .int6{ width:126px;}	
.lxy .int5{ width:90%;}
.lxy .int6{ width:106px; margin-left:10px;}
.lxms1{ font-size:14px; font-size:1.4rem;}
}
	.at-resp-share-element .at-icon,.share2 .at-resp-share-element .at-icon{width:26px!important;height:26px!important;}
	 .at-style-responsive .at-share-btn,.share2  .at-style-responsive .at-share-btn{padding: 0!important; border-radius: 2px!important;}
	 .at-resp-share-element .at-share-btn .at-icon-wrapper,.share2  .at-resp-share-element .at-share-btn .at-icon-wrapper{width:26px!important;height:26px!important;}
	.at-resp-share-element .at-share-btn,.share2 .at-resp-share-element .at-share-btn{margin-bottom: 0!important;margin-right: 3px!important;}
.listcart{ width:100%; }
.listcart a{ display:inline-block;height: 26px; width:150px;
	line-height: 25px;
	
	cursor: pointer;
	
	border: none;
	overflow: hidden;
	color: #fff;
	cursor: pointer; background:#7db701; border:#7db701 solid 1px; padding-left:10px; padding-right:10px; text-align:center; font-size:14px; font-size:1.4rem; margin-left:10px }
	
	.listcart a:hover{  border:#7db701 solid 1px; background:#fff; color:#7db701}
	@media screen and (max-width:999px){
		.listcart a{ width:40% ; margin-left:2.5%; margin-right:2.5%; padding-left:0px; padding-right:0px }
		.listcart{ width:100%; margin-bottom:2rem }
		
	}
	
	@media screen and (max-width:420px){
		
		.listcart a{ width:95% !important ; float:none; overflow:hidden; margin-bottom:1rem; margin-bottom:1rem}
		
		}
		
		.shuxp_c{ font-size:14px; font-size:1.4rem; margin-top:10px; margin-bottom:10px}
.cuowu404{width:100%;max-width:435px;overflow:hidden;margin-left:auto;margin-right:auto;display:block;padding-top:150px;padding-bottom:20px}
.cuowu404 img{width:100%}
@media screen and (max-width:999px){.cuowu404{width:80%;overflow:hidden;padding-top:2rem;padding-bottom:2rem}
}
@media screen and (max-width:999px){.cuowu404{width:80%;overflow:hidden;padding-top:2rem;padding-bottom:2rem}
}