/* Write your styles */
ul,li,dl,dt,dd,h1,h2,h3,p{ list-style:none; margin:0; padding:0;}
a{text-decoration: none;transition: all .1s linear; color:#444;}
a:hover{color:#aebc80;}
.am-container{max-width: 1230px;}
img{ max-width:100%;}


.header{}
.header .top{ width:100%; height:36px; line-height:36px; background:#000; color:#ddd; font-size:12px;}
.header .top .top-rmenu a{color:#ddd; padding:0 4px;}
.header .top .top-rmenu a:hover{ color:#fff;}
.header .logo{ width:110px;}







.menu { height:90px; line-height:90px; margin-top:20px;}
.menu ul li {position: relative; float: left;-webkit-perspective: 100px; -moz-perspective: 100px; -ms-perspective:100px; perspective:100px; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d;-ms-transform-style: preserve-3d;transform-style: preserve-3d;z-index: 999;}
.menu ul li a {display: block;padding: 0 40px;font-size: 16px;color: #333; position:relative;}
.menu ul li:hover>a{color:#8dae66;}.menu ul li.active>a{color:#8dae66;}

.menu ul li .childer {position: absolute;transition: all .3s linear;width:100%;height: auto;top: 90px;left: 0; padding-bottom: 5px;background: transparent;border-bottom-left-radius: 3px;border-bottom-right-radius: 3px; -webkit-transform-origin: 0px 0px;
-moz-transform-origin: 0px 0px;-ms-transform-origin: 0px 0px;transform-origin: 0px 0px;-webkit-transform: rotateX(-60deg); -moz-transform: rotateX(-60deg); -ms-transform: rotateX(-60deg); transform: rotateX(-60deg);-moz-backface-visibility: hidden;
-webkit-backface-visibility: hidden;-ms-backface-visibility: hidden; backface-visibility: hidden; z-index: 9999; opacity:0;}
.menu ul li:hover .childer { opacity:1;-webkit-transform: rotateX(0deg);-moz-transform: rotateX(0deg);-ms-transform: rotateX(0deg); transform: rotateX(0deg);background:#8dae66;}
.menu ul li .childer a {  height: 35px; line-height: 35px; text-align:center; color: #fff; padding:0 10px;border-left-width: 2px; border-right-width: 0; border-top-width: 0; border-bottom-width: 0; border-style: solid;
 border-color: transparent;overflow: hidden;}
.menu ul li .childer a:hover{ background:#fff; border-left:2px solid #060;color:#8dae66;}


.code{ width:19px; height:19px; margin-top:48px;}
.code a{ display:block; position:relative;}

.toptel{ margin-top:48px; font-size:18px; font-weight:bold; color:#ff8e12; margin-left:20px; padding-left:24px; background:url(../images/tel.png) 0 center no-repeat;}




.pc-ewm{ width:100%; height:100%; position:fixed; display:none; z-index:9997; top:0;}
.pc-ewm .ewmswpe{ width:100%; height:100%; position:fixed; background:rgba(0,0,0,.8);z-index:9998; top:0;}
.pc-ewm .ewm-xx{ position:relative; top:30%; z-index:9999; width:240px; margin:0 auto; padding:5px; background:#FFF;}
.pc-ewm .ewm-xx img{ width:100%;}
.pc-ewm .ewm-xx  span{ display:block; text-align:center;}

.banner .am-slider-a1 .am-control-nav li a{ width:12px; height:12px;}
.banner .am-slider-a1 .am-control-nav li a.am-active{background:#8dae66;}
.banner .am-slider-a1 .am-control-nav{ bottom:15px;}



.ind-tit{ text-align:center;}
.ind-tit h1{ font-size:30px; font-weight:normal;}
.ind-tit span{ display:block; color:#999; text-transform:uppercase; font-size:12px;}
.ind-tit p{ font-size:14px; color:#666;}

.tea-ca{ padding:50px 0 80px 0; background:url(../images/teabg.jpg) center no-repeat;}

.tea-clist{ position:relative; margin-top:20px;}
.tea-clist ul li a{ display:block; padding:10px;}
.tea-clist ul li a i{ display:block; width:100%; height:170px; overflow:hidden;}
.tea-clist ul li a i img{transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.tea-clist ul li a:hover img{transform: scale(1.08, 1.08);}
.tea-clist ul li a h2{ font-size:18px; font-weight:normal; color:#333; height:38px; line-height:38px; border-bottom:1px solid #ddd; margin-bottom:8px;}
.tea-clist ul li a:hover h2{color:#8dae66;}
.tea-clist ul li a p{ font-size:12px; color:#666;}



.product{ background:#f5f5f5; padding:50px 0;}
.product .am-slider-default{ background:none; box-shadow:none;}

.product .am-slider-default .am-control-nav{ display:none;}
.product .am-slider-default .am-viewport{  }
.product .am-slides{ margin-top:30px;}
.product .am-slides li a{ display:block; background:#fff; text-align:center;}
.product .am-slides li a span{ display:block; height:60px; line-height:60px; overflow:hidden;}
.product .am-slides li a i{ display:block; height:260px; overflow:hidden;}

.case-mor{ text-align:center;}
.case-mor a{ display:inline-block; width:36px; height:36px; line-height:36px; text-align:center; border:1px solid #dedede; color:#999;}

.product .am-slider-default .am-direction-nav a{ position:relative; display:inline-block; font-size:1.6rem; border:1px solid #dedede; color:#666; opacity:1; bottom:-62px;}
.product .am-slider-default .am-direction-nav{ text-align:center; }
.product .am-slider-default .am-direction-nav li{position:absolute; left:0; bottom:0; width:100%;}
.product .am-slider-default .am-direction-nav a:before{content: "\f104"; color:#999;}
.product .am-slider-default .am-direction-nav a.am-next:before {content: "\f105";}
.product .am-slider-default .am-direction-nav .am-disabled{ opacity:1!important;}

.am-slider-default .am-direction-nav .am-next{ right:-40px;}
.am-slider-default .am-direction-nav .am-prev{ left:-40px;}





.about{ padding:80px 0 100px 0; background:url(../images/about_bg.jpg) center no-repeat #999; background-size:cover; background-attachment:fixed;}

.ab-tit{ text-align:center;}
.ab-tit span{ display:inline-block; width:400px; background:url(../images/atbg.png) left top no-repeat; text-align:left; padding:60px 0 0 90px; color:#fff;}


.ab-con{ background:#fff; margin-top:40px;}
.ab-con .ab-thumb{ width:473px; }
.ab-con .ab-txt{ padding:20px; width:710px;}
.ab-con .ab-txt h2{ font-size:24px; margin-bottom:15px; padding-left:28px;}
.ab-con .ab-txt p{ font-size:14px; line-height:24px; text-indent:2em;}
.ab-con .ab-txt a{ display:inline-block; border:1px solid #eee; padding:4px 20px; margin-top:15px; font-size:14px;}
.ab-con .ab-txt a:hover{ background:#8dae66; color:#fff;}



.news{ padding:30px 0;}
.news-left{ width:48%;}
.news-right{ width:49%;}
.ntit{ margin-bottom:10px;height:32px; line-height:32px;}
.ntit h2{ float:left; font-size:20px; font-weight:bold; }
.ntit a{ font-size:12px; float:right; display:inline-block; margin-top:6px;}

.hotnew{ background:#f4f2f0; padding-right:15px; max-height:180px; overflow:hidden;}
.hotnew i{ width:250px; display:inline-block; overflow:hidden; float:left; margin-right:15px;}


.hotnew h2{ font-size:14px; font-weight:normal; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; margin:20px 0 10px 0; color:#333;}
.hotnew p{ font-size:12px; color:#666;}

.hotnew span{ font-size:12px; color:#8dae66; display:block; margin-top:15px;}

.lnlist{}
.lnlist ul li{ padding:15px 0; border-bottom:1px solid #f4f2f0;}
.lnlist ul li .date{ width:58px; height:58px; background:#8dae66; color:#fff; text-align:center; margin-right:15px;}
.lnlist ul li .date em{ font-size:20px; font-weight:bold; font-style:normal; display:block;}
.lnlist ul li .date span{ display:block; text-align:center; font-size:12px;}
.lnlist ul li h2{ font-size:14px; font-weight:normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; margin-bottom:8px; margin-top:5px;}
.lnlist ul li p{ font-size:12px; color:#898988}



.rnlist{ background:#f4f2f0; padding:12px 25px;}
.rnlist ul li{ padding:20px 0; border-bottom:1px solid #d9d7d5;}

.rnlist ul li i{ width:100px; height:70px; float:left; margin-right:15px; display:block; overflow:hidden;}
.rnlist ul li h2{ font-size:14px; font-weight:normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; margin-bottom:4px; margin-top:4px;}
.rnlist ul li p{ font-size:12px; color:#898988}
.rnlist ul li:last-child{ border:none;}
.rnlist ul li:after,.rnlist ul li:before{ content:""; display:table; clear:both;}





.footer{ width:100%; border-top:2px solid #8dae66; background:#212121;}
.fotbox{ padding:50px 0;}
.fotbox:after{ content:""; display:table; clear:both;}
.fottit{ font-size:18px; color:#fff; height:40px; line-height:40px; margin-bottom:10px;}
.fottit span{ width:2px; height:16px;  background:#686868; display:inline-block; position:relative; margin-right:8px;}

.foot-1{ width:350px; float:left; border-right:1px solid #333; margin-left:20px;}
.foot-2{ width:380px; float:left; padding-left:80px;border-right:1px solid #333}
.foot-3{ width:440px; float:right; font-size:14px;}
.footcontact{ color:#c0c0c0; font-size:14px;}
.footcontact p{ margin:0;}
.footcontact ul{ margin-top:10px; width:100%;}
.footcontact ul li{ line-height:34px;}
.footcontact ul li i{ color:#8dae66; width:20px;}
.footcontact ul li i.am-icon-phone{ font-size:16px;}
.footcontact ul li i.am-icon-mobile{ font-size:18px;}



.footnav a{ color:#c0c0c0; display:inline-block; height:40px; line-height:40px; width:140px; font-size:14px; }
.footnav a:hover{ color:#fff;}
.footewm img{ width:120px;}

.footewm ul li{ width:110px; float:left; margin-right:30px;}
.footewm ul li span{ display:block; text-align:center; color:#fff; margin-top:4px;}



.foot{ line-height:48px; text-align:center; color:#b0b0b0; border-top:1px solid #5d5d5d; font-size:14px;}
.foot a{color:#c0c0c0;}

.am-paragraph-default img{ max-width:100%; display:inline-block; margin:0; border:none; padding:0;}
.bghs{ background:#f5f5f5;}
#allmap{ height:300px;}
.am-breadcrumb 
.npage{ position:relative;}
.dqwz ol li { color:#ddd;}.dqwz ol li a{ color:#ddd;}
.tlbaner{ width:100%; height:350px; background-position:center; background-repeat:no-repeat;background-size: cover;}
.main-top{ width:100%;height: 90px;box-sizing: border-box; background:rgba(0, 0, 0, 0.5);border-bottom: 1px solid rgba(0,0,0,0.1); padding:20px 40px 0 40px;transition: all .4s linear; border-radius:6px 6px 0 0;}
.main-top .mttit h1{ font-size:20px; font-weight:normal; color:#fff; margin:0;}
.main-top .mttit span{ display:block;font-family: HELVETICANEUELTPRO-THEX, "微软雅黑";color: #c1c1c1;font-size: 14px;}

.main-top.mtop{ height:60px;padding:10px 40px 0 40px; margin-top:30px;}
.main-top.mtop .mttit span{ display:none;}

.npage .content{ position:relative;margin-top:-90px;background-color: transparent; margin-bottom:20px;}
.npage .main-con{ box-shadow:0 0 1px 0 rgba(0,0,0,.1); padding-bottom:20px; background:#fff;}

.npage .main-con .mnav{ padding:15px; text-align:center; border-bottom:1px dashed #eee;}
.npage .main-con .mnav a{ padding:6px 20px; border-radius:26px; background:#eee; display:inline-block; margin:0 4px;}
.npage .main-con .mnav a:hover,.npage .main-con .mnav a.active{ background:#8dae66; color:#fff;}

.nab-tit{ text-align:center; padding:20px 0;}
.nab-tit h2{ font-size:26px; font-weight:normal; color:#444; margin:0;}
.nab-tit span{ display:block;color: #A5A5A5; font-size:12px;}

.page{ text-align:center; margin:20px 0;}
.page a{ display:inline-block; padding:4px 14px; border:1px solid #f3f3f3; margin-left:-1px; font-size:12px;}
.page a.active{ background:#8fc31f; color:#FFF;}


.npb{ border-top:1px dashed #eee; padding:20px 20px 0 20px; margin-top:20px; }

.npnew-tit{ margin:20px 0; text-align:center;}
.npnew-tit h2{ color: #444;font-size: 26px; margin:0; }
.npnew-tit p{ font-size:12px; margin:0;color:#A5A5A5;}


.npage .main-con .am-paragraph-default{ margin:0 30px;}
.ulist{ padding:15px;}
.ulist ul li{ padding:16px;transition: all .36s ease;}
.ulist ul li:hover {padding-left: 20px;box-shadow: 0 8px 35px rgba(0,0,0,.08);}
.ulist ul li:nth-child(odd){ background:#f9f9f9;}
.ulist ul li:hover{ }
.ulist ul li:after,.ulist ul li:before{ content:""; display:table; clear:both;}
.ulist ul li img{ width:150px; float:left; margin-right:10px;}
.ulist ul li .vod h2{ font-size:18px; margin:0; font-weight:bold;}
.ulist ul li .vod p{ font-size:14px; margin:4px 0; color:#666;}
.ulist ul li .vod i{ font-size:14px; font-style:normal; color:#aebc80; float:left;}
.ulist ul li .vod span{ font-size:14px; float:right; color:#999;}


.main-con .pro-list{ margin:0 10px; padding-top:10px;}
.main-con .pro-list ul li{ padding:10px;}
.main-con .pro-list ul li a{ overflow:hidden; display:block; background:#f3f3f3; text-align:center; border:1px solid #eee;}
.main-con .pro-list ul li a i{ width:100%; height:240px; display:block; overflow:hidden;}
.main-con .pro-list ul li a i img{ width:100%;}
.main-con .pro-list ul li a h3{ font-size:16px; font-weight:normal;  height:60px; line-height:60px;}



.pro-con{padding:30px;}
.pro-con .pro-detail-intro{}
.pro-con .pro-detail-intro .pro-big-img{position: relative; width: 400px;border: 1px solid #f0f5fa;}
.pro-con .pro-detail-intro .pro-big-img img{ width:100%;}
.pro-con .pro-detail-intro .pro-img-intro {width: 546px;box-sizing: border-box;background-color: #fff;text-align: left; margin-left:20px;}
.pro-con .pro-detail-intro .pro-img-intro .pro-img-text {position: relative;}
.pro-con .pro-detail-intro .pro-img-intro .pro-img-text h3 {font-size: 20px;color: #1d2088;margin-bottom: 16px;font-weight: bold;}
.pro-con .pro-detail-intro .pro-img-intro .pro-img-text p {font-size: 14px;color: #505050;border-top: 1px solid #f0f5fa;line-height: 24px;padding: 20px 0;white-space: pre-wrap;
    word-wrap: break-word;}
.pro-con .pro-detail-intro .pro-img-intro .pro-img-text .back {position: absolute;right: 0;top: 15px;color: #7e7e7e;}



.pro-ct a{ display:inline-block; font-size:20px;}



.pro-header {height: 58px;line-height: 58px;background-color: #f2f7fd;font-size: 20px;color: #1d2088; position: relative;margin-top: 50px;padding-left: 60px;}
.pro-header:before {content: '';position: absolute;border-top: 8px solid #f2f7fd;border-left: 8px solid transparent;border-right: 8px solid transparent;left: 90px;bottom: -8px;}
.npage .main-con .pro-featrues .am-paragraph-default{ margin:20px 10px 0 10px;}


.pcon-l{ width:72%;}
.proxgcp{ width:26%;margin-top: 50px; border:1px solid #f2f7fd}
.proxgcp h2{height: 58px;line-height: 58px; text-align:center;background-color: #f2f7fd;font-size: 20px;color: #1d2088; font-weight:normal;}
.proxgcp ul{ padding:15px;}

.proxgcp ul li{ display:block; text-align:center; margin-bottom:15px;}
