@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('../fonts/FuturaStdHeavy.eot');

    src: url('../fonts/FuturaStdHeavy.eot') format('embedded-opentype'),

         url('../fonts/FuturaStdHeavy.woff2') format('woff2'),

         url('../fonts/FuturaStdHeavy.woff') format('woff'),

         url('../fonts/FuturaStdHeavy.ttf') format('truetype'),

         url('../fonts/FuturaStdHeavy.svg#FuturaStdHeavy') format('svg');

}

@font-face {

    font-family: 'FuturaStdBook';

    src: url('../fonts/FuturaStdBook.eot');

    src: url('../fonts/FuturaStdBook.eot') format('embedded-opentype'),

         url('../fonts/FuturaStdBook.woff2') format('woff2'),

         url('../fonts/FuturaStdBook.woff') format('woff'),

         url('../fonts/FuturaStdBook.ttf') format('truetype'),

         url('../fonts/FuturaStdBook.svg#FuturaStdBook') format('svg');

}

@font-face {

    font-family: 'FuturaStdBold';

    src: url('../fonts/FuturaStdBold.eot');

    src: url('../fonts/FuturaStdBold.eot') format('embedded-opentype'),

         url('../fonts/FuturaStdBold.woff2') format('woff2'),

         url('../fonts/FuturaStdBold.woff') format('woff'),

         url('../fonts/FuturaStdBold.ttf') format('truetype'),

         url('../fonts/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; color:#6e8517}

.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; 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:-50px;}

.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:85px;}

.m1t{ width:901px; background:#fff; position:relative; right:0px; top:0px; min-height:241px; float:right}

.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;}

.m1lie2{ margin-left:252px;}

.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:801px;}

.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%;}

.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/m3bei.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{ 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:88px; 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{ font-size:16px; font-size:1.6rem; line-height:30px; color:#4d4d4d;}

.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;}



.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;}

.fenyen a,.fenyen span{margin-right:5px; margin-left:5px}


}

@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){
	
	
	.chanxiang table{ width:800px;}

.chanxiang .table{ overflow:scroll}


.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%;}

.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%;}



.nex table{ width:800px;}

.nex .table{ overflow:scroll}


}

@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; height:25px; overflow:hidden}



.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;}
.akaren{background:url(../images/akabeilaren.png) no-repeat left 11px; margin-top:20px}

.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,.top20du{ font-size:14px; font-size:1.4rem; margin-top:10px; margin-bottom:10px}