@charset "utf-8";

/* CSS Document */

body,dd,dl,dt,h1,h2,h3,h4,h5,h6,li,ol,p,ul{margin:0;padding:0;}

body{background:#fff;color:#666;font-size:14px;font-family:'Microsoft Yahei';line-height:1.5;}

body{overflow-x:hidden;}

h1,h2,h3,h4,h5,h6,th{font-weight:400;font-size:100%;}

button,input,select,textarea{font-size:100%;}

fieldset,img{border:0;}

a{color:#666;text-decoration:none;-webkit-tap-highlight-color:transparent;}

ol,ul{list-style:none;}

.clear{clear:both;}

.fl{float:left;}

.fr{float:right;}



.header{ overflow:hidden;}

.midbox{ margin:0px auto;}

.logo{ overflow:hidden; padding:5px 10px ;}

.logo .logoimg img{ height:48px; display:block;}

.logo .logosub{ display:none;}

.logo .pcphone{ height:35px; margin-top:7px; display: block;}

.logo .pcphone img{ height: 100%;}

.logo .phone{ height:35px; padding-top:7px;display:none;}

.navbox{ background:#088f4c;display: block; white-space:nowrap;-webkit-overflow-scrolling: touch; overflow:auto;}

.navbox ul li{ display: inline-block;}

.navbox ul li a{ color:#fff; padding:12px 10px 10px; display:block;}

.navbox ul li a.active{ background:#0a893d;}

.subnav{ display:none;}

.swiper-container{width: 100%;height: 100%;margin-left: auto;margin-right: auto;}

.swiper-slide{text-align: center;font-size: 18px;background: #fff;/* Center slide text vertically*/display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; overflow:hidden;}

.swiper-slide img{ width:100%; display:block;}

.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom:0;}

.swiper-pagination-bullet-active{ background:#088f4c;}

.title{ padding:10px; overflow: hidden;}

.title h3{ font-size:18px; color:#333; font-weight:bold; line-height:30px;}

.title p{ display:none;}

.title h3 .more{ float:right; font-size:14px; color:#999; font-weight:400;}

.title h3 .more img{ height:20px; margin-top:2px;}

.product{ overflow:hidden;}

.indexproduct{ padding:0 10px 10px;}

.product ul li{ width:100%; border:1px solid #e6e6e6; margin-bottom:10px;}

.product ul li .proimg{ padding-bottom:65%; position:relative; display:block; overflow:hidden;}

.product ul li .proimg img{ position:absolute; width:100%;transform: translate(-50%, -50%);left: 50%;top: 50%;}

.product ul li .protxt{ padding:8px 10px; background:#fff;} 

.product ul li .proname{  font-size:16px; font-weight:bold; display:block; color:#333;}

.product ul li .prosub{overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;

/*white-space:nowrap;*/display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical; height:43px; margin-bottom:4px; margin-top:5px;}
.inabout img{max-width: 100%;}
.product ul li .promore{  color:#0a893d;}

.product ul li .promore:hover{ text-decoration:underline;}

.adver{ width:100%; overflow:hidden; margin:10px auto; position:relative;}

.adver img{ width:180%; margin-left:-40%;}

.abbox{ border:4px solid #109441;margin:10px; padding:30px 40px; position:relative;}

.aboutname{ font-size:30px; color:#333;}

.abouttxt{ font-size:16px; color:#999; margin-bottom:20px;}

.aboutblock{width: 30px;height: 50px;background:#088f4c;display:block;position:absolute;left: -16px;top: 46px;}

.about{ overflow:hidden; }

.about p{ margin-bottom:10px;}

.aboutlink{ background:#088f4c;border-radius:50px; color:#fff; padding:6px 30px; font-weight:bold; display:inline-block; margin-top:20px;}

.aboutlink:hover{ background:none; border:2px solid #088f4c; color:#333; padding:4px 30px;}

.news{ padding:0 10px; overflow:hidden;}

.newslist{ border:1px solid #e6e6e6; padding:15px; margin-bottom:15px;}

.newstitle{ font-size:16px; color:#333; margin-bottom:13px;}

.newstitle a{ background:#0a893d; color:#fff; text-transform:uppercase; font-size:12px; padding:2px 5px; float:right; margin-top:3px;}

.newstitle a:hover{ color:#333; background:none; font-weight:bold;}

.newsdt{ overflow:hidden;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}

.newspic{ width:100px; height:100px; margin-right:10px; overflow:hidden;}

.newspic img{ width:100%;}

.newstxt{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; }

.newstxt h3 a{ color:#333; font-weight:bold;}

.newstxt p{text-overflow:ellipsis;-o-text-overflow:ellipsis;

/*white-space:nowrap;*/display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical; height:45px; overflow:hidden; margin-top:5px; margin-bottom:5px;}

.newstxt .more{ color:#0a893d; font-size:12px;}

.newstxt .more:hover{ font-weight:bold;}

.newsdd{ border-top:1px solid #e6e6e6; margin-top:13px; padding-top:8px;}

.newsdd ul li{ line-height:35px;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

.newsdd ul li a:hover{ text-decoration:underline;}

.newsdd ul li span{ float:right; color:#999; font-size:12px;}

.newsdd ul li i{width:0;height:0;border-top:4px solid transparent;border-bottom: 4px solid transparent; border-left: 4px solid green;display: inline-block; margin-right:5px;}

.contact{border-radius:50px; overflow:hidden; margin:20px 10px; background:#088f4c;}

.contact a{ width:60%; display:block; float:left; text-align:center; color:#fef794; padding:8px 0;}

.contact a img{ vertical-align:-9px; margin-right:5px;}

.contact a.message{ background:#0d753a; width:40%;}

.contact a.message span{ font-size:16px;}

#marquee1{overflow:hidden; height:120px;}

#marquee1 ul li{float:left; width:160px; height:120px; overflow:hidden; margin-right:12px; position: relative;}

#marquee1 ul li p{ position:absolute; bottom:0; left:0; right:0; padding:5px; background:rgba(0,0,0,0.3); color:#fff; text-align:center;}

#marquee1 ul li img{display:block; width:100%; min-height:100%;}

.foot{ background:#0a9241; overflow:hidden;}

.footline{ background:url(../images/linefoot.png) repeat-x; height:2px; overflow:hidden; width:100%;}

.foot ul{display: block; white-space:nowrap;-webkit-overflow-scrolling: touch; overflow:auto; padding:5px;}

.foot ul li{ display:inline-block; padding:10px; text-align:center; font-size:12px;}

.foot ul li a{ color:#fff;}

.foot dl{ text-align:center; color:#fff; padding:10px 0; line-height:2;}

.foot dl dt img{ display:none;}

.foot dl dt p{ text-align:left; padding:10px; display:none;}

.foot dl dt p a{ color:#fff; margin-right: 10px;}    

 .foot dl dd img{ width:100px; margin:10px auto; display:block;  }  

 



 

  

@media (min-width: 768px) {

.product{ width:100%; padding:0;  }

.product ul li{ width:48%; float:left; margin-left:1.3%;}

.newspic{ width:150px;}

.contact a{ width:50%;}

.contact a.message{ width:50%;}

.foot ul{ padding:10px; text-align:center;}

.foot ul li{ font-size:14px; padding:10px 20px;}

.foot dl{ text-align:left;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}

.foot dl dt{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; padding-top:10px;}

.foot dl dt img{ display: inline-block; float:left; margin-right:10px; margin-top:8px;}

.foot dl dt p{ display:block;}

.foot dl dt p a{ color:#fff;}    

.foot dl dd { line-height:1.5; text-align:center; }   

.foot dl a:hover{ text-decoration:underline;}



	}

@media (min-width: 992px) {

.header{ overflow:visible;}

.logo{ padding:10px;}

.logo .logosub{ display:inline-block;}

.logoimg{display:inline-block;}

.logo .logoimg img{ height:60px; display:block;}

.logo .phone{ display:none;}

.logo .pcphone{ display:block; height:60px; margin:0;}

.navbox{ background:#fff; overflow:visible;}

.navbox ul li{width:12.5%; text-align:center; background:url(../images/line.png) no-repeat right; float:left; font-weight:bold; position:relative; }

.navbox ul li a { color:#444;padding:12px 10px 12px; }

.navbox ul li a.active{ color:#fff;}

.navbox ul li a:hover{ background:#088f4c; color:#fff;}

.navbox ul li:hover .subnav{ display:block;}

.subnav{ display:none; position:absolute; z-index:999; background:#fff; width:100%;transition:height 2s; }

.pcline{ height:1px; width:100%; display:block; background:#e6e6e6;}

.product ul{ margin-left:-1.1%;}

.product ul li{ width:32%; float:left; margin-left:1.13%; position:relative; overflow:hidden;}

.title h3 .more{ display:none;}

.title p{ display:block;}

.title{ text-align:center; padding:40px 0 30px;}

.title h3{ font-size:32px; font-weight:400;}

.title p{ font-size:18px; margin-top:10px;}

.title p a:hover{ text-decoration:underline;}

.product ul li .protxt{ position:relative; padding: 15px;} 

.product ul li .proimg{box-sizing:border-box;cursor:pointer;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}

.product ul li .proimg:hover{position: relative;opacity:1;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden;-webkit-transform:scale(1.3);-moz-transform:scale(1.3);-o-transform:scale(1.3);-ms-transform:scale(1.3);transform:scale(1.3)}

.adver img{ width:140%; margin-left:-20%;}

.abbox{ width:1040px; margin:30px auto 10px;}

.news{ padding:0; margin-left:-1.5%;}

.newslist{ float:left; width:45%; margin-left:1.6%; padding:1.6%;}

#marquee1{ height:200px;}

#marquee1 ul li{width:280px; height:200px; margin-right:15px;}

#marquee1 ul li p{ padding:10px;}

	}

@media (min-width: 1200px) {

.logo{ padding:15px;}

.midbox{ width:1200px;}

.swiper-slide img{ width:100%; display:block;}

.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom:10px;}

.swiper-pagination-bullet{ width:12px; height:12px;}

.adver{  margin:20px auto;}

.adver img{ width:100%; margin-left:0;}

.contact{margin:40px auto; width:800px;}

.contact a{ padding:12px 0; font-size:16px;}

.contact a.message span{ font-size:18px;}

.foot ul li{padding:10px 30px;}

.product ul li{ margin-bottom:15px;}

	}







.contactusdiyou{position:fixed;right:-210px;bottom:0;z-index:99999999999;width:210px;height:100%;background:#088f4c;transition:all .5s ease;}

.contactusdiyou .hoverbtn{position:absolute;top:50%;left:-30px;margin-top:-66px;padding-top:20px;width:30px;height:129px;-webkit-border-radius:3px 0 0 3px;-moz-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px;background:#088f4c;-webkit-box-shadow:-4px 4px 4px -4px #000;-moz-box-shadow:-4px 4px 4px -4px #000;box-shadow:-4px 4px 4px -4px #000;color:#fff;font-size:14px;cursor:pointer;-o-border-radius:3px 0 0 3px;}

.contactusdiyou .hoverbtn span{float:left;overflow:hidden;width:30px;height:19px;text-align:center;line-height:19px;}

.contactusdiyou .hoverbtn .hoverimg{float:left;display:inline;margin:10px 0 0 10px;width:13px;height:9px;background-repeat:no-repeat;}

.hoverimg2{background:url(http://www.thzhongye.com/tpl/templets/default/images/hoverbtnbg1.png) no-repeat;}

.contactusdiyou .conter{position:absolute;margin-left:15px;width:186px;height:100%; overflow-y:scroll;}

.contactusdiyou .conter .con1{padding-bottom:22px;border-bottom:1px solid #439a6f; margin-top:10%;}

.contactusdiyou .conter .con1 dl dt{position:relative;top:8px;float:left;width:31px;height:31px;}

.contactusdiyou dl .f1{float:right;width:142px;height:36px;color:#fff;vertical-align:top;font-weight:700;font-size:14px;line-height:36px;}

.contactusdiyou dl .f2{float:right;float:right;width:142px;color:#fff;font-size:12px;line-height:30px;}

.kefuQQ a{display:inline-block;width:70px;height:20px;background:url(../images/button-custom-qq.png) no-repeat;vertical-align:middle; margin-left:8px;}

.kefuQQ a:hover{background:url(../images/button-custom-qq-h.png) no-repeat;}

.contactusdiyou .conter .con1 dl dd .ph_num{height:25px;color:#fff;font:18px microsoft yahei;}

.contactusdiyou .qqcall{padding:22px 0;border-bottom:1px solid #439a6f;}

.contactusdiyou .qqcall dl dt{position:relative;top:8px;float:left;width:31px;height:31px;}

.contactusdiyou .weixincall{float:right;padding:22px 0;border-bottom:1px solid #439a6f;}

.contactusdiyou .weixincall dl dt{position:relative;top:8px;float:left;width:31px;height:31px;}

.contactusdiyou .weixincall .f3{float:right;display:inline;margin-right:69px;width:73px;height:auto;}

.contactusdiyou .weixincall .f3 img{width:90px;height:auto;}

.contactusdiyou .dytimer{float:right;margin:20px 0 0;padding:16px 0 15px;width:160px;height:40px;}

.contactusdiyou .dytimer span{display:block;color:#fff;font-size:14px; line-height:32px; display:block;}

.contactusdiyou .dytimer span a{ color:#f1f1f1; background:url(../images/hoverbtnbg1.gif) no-repeat 70px; display:block; background-size:12px; }

.contactusdiyou .dytimer span a:hover{ text-decoration:underline;}

.diyou{z-index:99999999999;}

.diyoumask{position:fixed;top:0;left:0;z-index:100000;display:none;width:100%;height:100%;background:#000;opacity:.3;filter:alpha(Opacity=30);}

.fn_cle:after{clear:both;display:block;visibility:hidden;height:0;content:" ";font-size:0;}

.conter dt img{ width:24px; height:24px;}

.contactusdiyou{ display:none;}

.webphone{ position:fixed; bottom:20px; right:10px; width:54px; height:54px;box-shadow:0 1px 5px rgba(10, 145, 66, 0.44);

    border-radius: 50px;}

.webphone img{ display:block; width:100%;}

@media (min-width: 768px) {

.contactusdiyou{ display: block;}

.webphone{ display:none;}

.contactusdiyou .conter{ overflow-y:hidden;}

	}

@media (min-width: 992px) {

.contactusdiyou .conter .con1 { margin-top:120px;}

	}

	

	

/*	内页部分css   */

.in{ overflow:hidden; padding:10px;}

.inleft{ width:100%;}

.inleft dl{border:1px solid #e6e6e6; margin-bottom:15px;}

.inleft dl dt{ background: url(../images/hoverbtnbg1.gif) #0a9142 no-repeat 95%; padding:10px 20px; color:#fff; margin:-1px -1px 0;}

.inleft dl dd{ border-bottom:1px solid #e6e6e6; position:relative;}

.inleft dl dd a{ padding:15px 20px; display:block; font-weight:bold;}

.inleft dl dd a img{ float:right; margin-top:7px;}

.inleft dl dd ul{ position:absolute; left:259px; top:0px; width:160px;  display:none; z-index:9; }

.inleft dl dd:hover  a{ color:#0a9142; background:#f0f9f4}

.inleft dl dd ul a{font-weight:400; padding:16px;}

.inleft dl dd:hover ul a:hover{ background:#0a9142; color:#fff;}

.inleft dl dd ul li{/* border-bottom:1px solid #f8f8f8;*/}

.inleft dl dt h4{ height:1px; width:40px; background:#fff; display:none;}

.inleft dl dt h3{ font-size:18px; }

.inleft dl dt  span{ text-transform:uppercase; display:none;}

.leftcontact{ border:1px solid #e6e6e6; padding:10px 15px; line-height:2; display:none;}

.leftcontact h3{ margin-bottom:10px; font-size:16px; color:#333; font-weight:bold;}

.leftcontact img{ width:100%; display:block; margin-bottom:10px;}

.leftcontact strong{ color:#0a9142;}

.inright{ overflow:hidden;}

.intitle{ border-bottom:1px solid #e6e6e6; padding-bottom:14px; padding-top:8px; display:none;}

.intitle a{ /*color:#0a9142;*/}

.intitle a img{ width:20px; margin-right:3px; vertical-align:-3px;}

.pagecode{text-align:center; padding:10px 0px;}

.pagecode a{display:inline-block;  padding:0px 10px; background:#fafafa; margin:0px 5px;}

.pagecode a.on,.pagecode a:hover{background:#0a9142; color:#fff; padding:0px 10px; border-radius:3px;}

.panel{ display:none;}

.inabout{  overflow:hidden; color:#333; line-height:1.6; }

.inname{ font-size:18px; color:#000; text-align:center;}

.insubname{ border:1px dotted #e6e6e6; padding:15px; line-height:1.6; color:#999; margin:20px auto;}

.intime{ display:block; color:#999; text-align:center; font-size:12px;}

.oe_next{ background:#eeeeee; padding:8px 12px; overflow:hidden;}

.oe_next span{ display:block;line-height:30px;}

.oe_next a:hover{ text-decoration:underline; }

.inewslist{ overflow:hidden;}

.inewslist dl{ border:1px solid #e6e6e6; padding:10px; overflow:hidden; margin-bottom:10px;}

.inewslist dl a{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}

.inewslist dt{ width:100px; height: 80px; overflow:hidden;margin-right:10px;}

.inewslist dt img{ width:100%; min-height: 100%;}

.inewslist dd.ddtxt{ -webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1;}

.inewslist dd.ddtxt h3{ font-size:16px; color:#333; margin-bottom:5px;}

.inewslist dd.ddtxt p{text-overflow:ellipsis;-o-text-overflow:ellipsis;

/*white-space:nowrap;*/display: -webkit-box;-webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow:hidden;}

.inewslist dd.ddsub{ display:none;}

.pictop{ display:block;}

.piccon{ overflow:hidden; margin:10px -10px;}

.piccon ul li{ width:46%; float:left; border:1px solid #e6e6e6; margin-left:2%; overflow:hidden; margin-bottom:10px; position:relative; }

.piccon ul li .item{ padding:10px; position: relative; z-index:2;}

.piccon ul li .item .img{position:relative;overflow:hidden;padding-bottom:65%;width:100%;height:auto;vertical-align:middle;text-align:center}

.piccon ul li .item .img img{position:absolute!important;top:50%!important;left:50%!important;display:block;width:100%;height:auto!important;-webkit-transition:.6s;transition:.6s;-webkit-transform:translate(-50%,-50%)!important;transform:translate(-50%,-50%)!important;-ms-transition:.6s;-ms-transform:translate(-50%,-50%)!important}

.piccon ul li .item .t{ padding:10px 0;}

.one{width:350px;height:350px;border:1px solid #ccc;position:relative}

.one span{width:175px;height:175px;position:absolute;border:1px solid #afafaf;top:0;left:0;display:none}

.one:hover span{display:block;background-image:url(http://www.thzhongye.com/tpl/templets/default/img/bg.png)}

.wai{float:left}

.two{padding:30px 0 0 50px}

.two img{border:1px solid #ccc}

.two .active{border:1px solid red}

.two img:hover{border:1px solid red}

.the{width:400px;height:400px;position:relative;float:left;overflow:hidden;border:1px solid #969696;display:none}

.the img{position:absolute;display:block}

.slider-container{padding-bottom:64px;overflow:hidden;position:relative}

.main-slider{width:100%;height:100%;position:relative;overflow:hidden; height:320px;}

.slide-item{width:100%;position:absolute;left:0;top:0;display:none; height:100%; }

.slide-item img{width:100%;min-height:100%;transform: translateY(-50%); position: absolute; top: 50%;}

.thumbs{position:absolute;left:0;bottom:0px;z-index:4; right: 0; border: 1px solid #e6e6e6;;height:47px;margin:0;padding:1% 0;}

.thumbs li{float:left;list-style:none;position:relative;width:18%; padding:1%;height:41px; overflow: hidden; background-repeat:no-repeat;background-position:50% 0;background-size:100%; cursor:pointer;}

.thumbs li img{ width:100%; min-height:100%; position: relative; top: 50%; transform: translateY(-50%);}

.thumbs li.curr img{opacity: 0.6;}

.xqname{ margin-top: 10px;}

.xqname h3{ font-size:24px; color:#333; margin-bottom: 10px;}

.xqname  dl{ overflow:hidden;}

.xqname  dl dt{ margin-bottom:5px;}

.xqname  dl dd{ line-height:1.6; margin-left:30px;}

.xqphone{ background:#0a9142; padding:10px; color:#fff; margin:30px auto; display:block; text-align:center;}

.xqmiaoshu{ overflow:hidden; margin-top:20px;}

.xqmsname{ background:#0a9142; color:#fff; padding:10px; width:100px; text-align:center; font-weight:bold;}

.xqmsbox{ border:1px solid #e6e6e6; padding:10px;}

.xqmsbox img{ max-width:100%;}

.related { display:none;}

.messagebox{border:1px solid #e6e6e6;  padding:30px;}

.oe_guestbook dl{padding:5px 0px; padding-left:70px; }

.oe_guestbook dl dt{width:130px; margin-left:-140px; text-align:right; float:left; line-height:30px;}

.oe_guestbook dl dd input[type='text']{ border:1px solid #ebebeb;  width:100%; height:30px; padding:0px 5px;}

.oe_guestbook dl dd textarea{border:1px solid #ebebeb; padding:5px 8px;  font-family:Microsoft Yahei; line-height:24px; color:#666;}

.oe_guestbook dl dd .button_w1{background:#0a9241; color:#fff; border:none; border-radius:3px; width:200px; line-height:35px;  font-size:14px; margin-top:10px; cursor:pointer;}

.oe_guestbook dl dd .button_w2{background:#ebebeb;  color:#666; border:none; border-radius:3px; width:200px; line-height:35px;  font-size:14px; margin-top:10px;cursor:pointer;}

.pic2{height: 320px; overflow: hidden; position: relative; margin-bottom: -105PX;}

.pic2 img{position: absolute; top: 50%;transform: translateY(-50%); width: 100%;}

.inabout2{ border: 1px solid #e6e6e6; padding: 10px;  line-height: 28px;}

.inabout2 img{max-width: 100%;}

.intitle2{ font-size: 21px; text-align: center; color: #333;}

.hits{ border-bottom: 1px solid #e6e6e6; text-align: center; padding: 10px 0 ; color: #999;}

.oe_next{ margin-top: 20px;}

.insummary{ border: 1px solid #e6e6e6; padding: 10px; font-size: 12px; border-top: 0; color: #999; margin-bottom: 20px;}
.navbox ul li.webnone,.webnone{ display: none;}
@media (min-width: 768px) {

.in{  padding:30px 0;}
.navbox ul li.webnone,.webnone{ display:   inline-block;}

.inleft{width:20%; float:left;}

.inright{ width:78%; }

.inright .product ul{ margin:20px -1%;}

.inright .product ul li{ margin-left:1%; width:31.3%;}

.inleft dl{ margin-bottom:20px;}

.inleft dl dt{ padding:20px;}

.inleft dl dt h4,.inleft dl dt  span{ display:block;}

.inleft dl dt h3{margin-top:5px; font-size:24px;}

.inleft dl dd:hover ul{ display:block;}

.inleft dl dd:hover ul a{background:#fff; color:#444; font-weight:400;}

.leftcontact,.intitle{ display:block;}

.inright{ float:right; overflow:hidden;}

.panel{ display:block;}

.inname{ font-size:28px;}

.oe_next span{ width:50%; float:left;}

.inewslist{ margin-top:20px;}

.piccon ul{ margin-top:10px;}

.piccon ul li .item .t{ font-size:16px;}

.piccon ul li:hover .item .t{ color:#fff;}

.inabout{ padding:20px 0; min-height:486px;}

.inright .product{ width:101%; margin-left:0.3%;}

.proxq{ margin-top:20px;}

.inabout2{padding: 30px; border-top: 0;}

	}

@media (min-width: 992px) {

.piccon ul li{width:31.8%; margin-left:1%;}

.piccon ul li .blueBg{position:absolute;bottom:0;left:0;width:100%;height:0%;background-color:#0a9142;-webkit-transition:all .7s cubic-bezier(.71,-.01,.07,.99) 0s;transition:all .7s cubic-bezier(.71,-.01,.07,.99) 0s}

.piccon ul li:hover .blueBg{height:100%}

}



@media (min-width: 1200px) {

.inleft{width:260px;}

.inright{ width:910px; }

.inewslist dl{ padding:15px;}

.inewslist dl:hover{ box-shadow: 0 0 11px rgba(0,0,0,0.2);}

.inewslist dt{ width:200px; height:120px; margin-right:20px;}

.inewslist dl:hover  dt{opacity: 0.9;}

.inewslist dd.ddtxt{transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s;}

.inewslist dl:hover dd.ddtxt{ margin-left:20px;}

.inewslist dd.ddtxt h3{ font-size:18px; margin-bottom:15px; margin-top:10px;}

.inewslist dd.ddsub{ display:block; margin-left:30px;}

.inewslist dd.ddsub span{ display:block; text-align:right;}

.inewslist dd.ddsub span.time{ font-size:14px; color:#999; margin-top:12px;}

.inewslist dd.ddsub span.link{ border-radius:50px; background:#f8f8f8; text-align:center; font-size:12px; padding:8px 0; margin-top:15px;}

.inewslist dl  dd.ddsub span.link:hover{ background:#0a9241; color:#fff;}

.main-slider{ height:520px;}

.slider-container{ width:560px; float:left;padding-bottom:106px;}

.xqname{ float:right; width:260px; margin-right:10px;}

.proxq{ border:1px solid #e6e6e6; padding:20px; overflow:hidden;}

.xqname  dl{ min-height:390px;}

.thumbs{ height: 79px;}

.thumbs li{ height: 69px;}

	.inewslist dd.ddtxt p{}

.related{ overflow:hidden; margin:20px auto; display:block;}

.related h3{ border-bottom:2px solid #0a9142; padding:20px 0; color:#0a9142; font-size:18px; font-weight:bold;}

.related  ul{ margin-left:-10px; margin-top:20px;} 

.related  ul li{ width:230px; margin-left:10px; float:left; }

.related  ul li div{ padding:2px; height:170px;border:1px solid #e6e6e6; overflow:hidden;}

.related  ul li div img{ width:100%; min-height:100%;}

.related  ul li p{ text-align:center; margin-top:10px;}

.messagebox{ padding:30px 300px 30px 100px;}

.oe_guestbook dl dd input[type='text']{ width:60%;}
	.xqmsbox{padding: 30px;}
.pic2{height: 520px; }

	}