/*=== index ===*/
section { padding-top:80px; }
.hui_bg { background:#f5f5f5}
.bg1 { background:url(../images/index_bg3.jpg) no-repeat center top; background-size:cover}
.bg2 { background:url(../images/index_bg.jpg) no-repeat center bottom; background-size:contain}
.bg3 {background:url(../images/index_bg2.jpg) no-repeat center bottom;background-size:contain}

.heng { background:#c8c8c8; width:60px; height:1px; margin-top:30px; margin-bottom:30px; display:block}
.index_title { width: 100%; height: 70px; text-align: center; display: block; background: url(../images/index_title.png) no-repeat center top; margin-bottom: 50px; }
.index_title span.title { font-size: 36px; height: 40px; display: block; line-height: 40px; font-weight: bold; padding-left: 50px; margin-bottom: 10px; color: #333; }
.index_title span.title2 { font-size: 36px; height: 40px; display: block; line-height: 40px; font-weight: bold; padding-left: 50px; margin-bottom: 10px; color: #fff; }
.index_title span.fu { display:block; font-size:16px; color:#ccc; font-weight:normal;}

.index_about { width:100%;margin:0px auto; padding:0}
.index_about_img { width: 49%; height: 490px; overflow: hidden; float: left; }
.index_about_img .pic,.index_about_img .pic li{ width: 100%; height: 100%; max-width: 915px; max-height: 490px;overflow: hidden;  }
.index_about_img .pic li{ position: absolute; display: none; overflow: hidden; }
.index_about_img .pic li img { width:100%; height:100%;}
.index_about_img .pic li img.rect-apic { padding-bottom:0px}

.index_about_txt { width:630px; margin-left: 30px; background: url(../images/dou.png) no-repeat left 5px; font-size: 16px; line-height: 24px; padding-top: 60px; position: relative; z-index: 10; float:left}
.index_about_txt li.title { font-size:36px; color:#5ead00; line-height:40px;}
.index_about_txt li.m_title {display:none;font-size:30px; color:#5ead00; }
.index_about_txt li.text { margin-bottom:30px;}
.index_about_txt li a{ padding:10px 20px; background:#5ead00; color:#fff;}
.index_about_txt li a:hover { background:#e5b301}

.index_about_picture {background:#fff; width:100%; padding:50px 0px; margin-top:70px}
.index_about_pic { width: 1240px; padding-left: 60px; margin:0px auto; height: 200px; position: relative; }
.index_about_pic h4 { width:50px; height: 200px; padding: 50px 15px; background: #5ead00; color: #fff; font-size: 18px; font-weight: bold; display: block; text-align: center; position: absolute; left: 0px; top: 0px }
.index_about_pic > div { width:1170px; height:200px; overflow:hidden }
.index_about_pic > div img { width:280px; height:200px; margin:0px 5px}

.index_youshi { width: 1240px; margin: 0px auto; }
.index_youshi .tab_UL{ height:42px; margin: 0 auto 40px auto; width:100%; text-align:center}
.index_youshi .tab_UL li {display:inline-block; padding-bottom:8px; text-align:center;margin:0 5px}
.index_youshi .tab_UL li a { color: #333; display: block; height: 40px; line-height: 36px; width: auto; padding: 0px 20px; font-size: 16px; cursor: pointer; text-align: center; border: #fff 1px solid; border-radius: 30px; color: #fff; }
.index_youshi .tab_UL li.curr a{ color: #fff; background:#5ead00;font-weight: bold; border:#5ead00 1px solid }
.index_youshi .tab_UL li.curr { background:url(../images/green_on.png) no-repeat center bottom;}

.index_ys_list { height: 547px; overflow: hidden; }
.index_ys_txt { width:32%; height: 547px; background: #fff; font-size: 14px; line-height: 22px; color: #666; padding-top: 40px; overflow: hidden; float: left }
.index_ys_txt h4 { display: block; position: relative; padding-left: 65px; padding-right: 20px; color: #333; font-size: 24px; line-height: 30px; font-weight: bold; overflow: hidden; max-height: 60px; }
.index_ys_txt h4 span { display:block; position:absolute; left:0px; top:-3px; width:55px; height:35px; line-height:35px; color:#fff; font-size:20px; font-weight:bold; text-align:center; background:#edbe16; border-radius:0px 20px 20px 0px;}
.index_ys_txt ul { margin:25px;}
.index_ys_txt ul li { background:url(../images/icon_1.png) no-repeat left 3px; padding-left:40px; padding-bottom:20px}
.index_ys_img { width:68%; height: 547px; float: right; overflow: hidden; }
.index_ys_img table td.big { width: 553px; height:547px; padding-left: 10px; }
.index_ys_img table td.small { width:270px; height:268px; padding-left: 10px; }
.index_ys_img table td img { width: 100%;height: 100%; }

.index_icon { background: #5ead00; width: 100%; margin-top:60px; padding-top: 30px; height: 125px; }
.index_icon ul { width:1240px; margin:0px auto}
.index_icon ul li.tel { float:left; width:653px;}
.index_icon ul li.tel img { width:100%}
.index_icon ul li.link { float: right; width:330px; }
.index_icon ul li.link > ul li { float: left; margin-left:7px; width:70px; height: 70px; padding: 15px; border: #fff 1px solid; border-radius: 50%; }
.index_icon ul li.link > ul li:hover { background:#488500; border:#488500 1px solid;}
.index_icon ul li.link > ul li:hover img {transition:transform 1s ease-out; -moz-transition:-moz-transform 1s ease-out; -webkit-transition:-webkit-transform 1s ease-out; transform:rotateY(360deg); -moz-transform:rotateY(360deg); -webkit-transform:rotateY(360deg);}

.index_icon ul li.link > ul li .weixin { width:40px; position: relative; float: left; height:40px; }
.index_icon ul li.link > ul li .weixin a { width:40px; height:40px; display: block; background: url(../images/weixin.png) no-repeat; text-indent: -9999px; }
.index_icon ul li.link > ul li .wx_zicaidan { right:-50px; top:-180px; padding:10px; background: #fff; position: absolute; display: none; z-index: 1100; border: #ccc 1px solid; box-shadow: #666 1px 3px 3px }

.index_ys_img .m_ys_img {width:100%; display:none; text-align:center}
.index_ys_img .m_ys_img ul li {width:31.5%; height:100%; margin:0px 5px; display:inline-block;}
.index_ys_img .m_ys_img img { width:100%; height:100%;}

.index_product { width: 1240px; margin: 0px auto; padding-bottom: 80px }
.index_product .list { width: 100%; position: relative; height: 395px; }
.index_product .list ul li { float: left; display: inline; height: 395px; color: #fff; cursor: pointer; position: relative; background: #5ead00; }
.index_product .list .fold { width:205px; height: 100%; text-align: center; position: absolute; top: 0px; left: 0px; background:url(../images/index_pro_bg2.jpg) repeat-y }
.index_product .list .fold span.title { display: block; width: 100%; font-size: 20px; padding-top: 60px; color: #333; }
.index_product .list .fold span.heng { width: 50px; height: 1px; margin: 30px auto; display: block; background: #b0b0b0 }
.index_product .list .fold span.img { width: 180px; display: block; height: 200px; text-align: center; margin: 30px auto 0px auto }
.index_product .list .fold span.img img { width:100%; height:100%;}
.index_product .list .unfold { width:829px; padding:0px 42px; height: 100%; display: none; position: absolute; top: 0px; left: 0px; background:url(../images/index_pro_bg.jpg) no-repeat #5ead00; cursor:default}
.index_product .list .unfold .intro { width:400px;}
.index_product .list .unfold .intro span.title { font-size:32px; color:#fff; display:block; padding-top:45px;}
.index_product .list .unfold .intro span.heng {width: 50px; height: 1px; margin: 30px 0px; display: block; background: #fff;}
.index_product .list .unfold .intro p.text { font-size:14px; line-height:28px; color:#fff; height:110px; overflow:hidden; margin-bottom:30px}
.index_product .list .unfold .intro p.link a {width:33%; height:30px; line-height:30px; background:url(../images/index_pro_icon.png) no-repeat left center; padding-left:15px; color:#f9fb66; font-weight:bold; font-size:14px; display:block; float:left}
.index_product .list .unfold .intro p.link a:hover { color:#fff;}
.index_product .list .unfold .pic { padding-top:60px; width:270px; height:300px}
.index_product .list .unfold .pic img { width:100%; height:auto}

.index_product .list2 { display:none} 
.m_product { display:none}

/*图片逐步滚动*/
.homebtm { POSITION: relative; HEIGHT: 445px; padding-top: 40px; }
.mainCont { margin: 0px auto; width:100%!important; height: 395px; overflow: hidden; }
.mainCont UL { WIDTH:100%; WORD-WRAP: normal; padding: 0px; list-style: none; }
.mainCont ul li { width: 290px; height: 390px; float: left; overflow: hidden; padding-top: 20px; text-align: center; background: #fff; box-shadow: 3px 3px 3px #eaeaea; font-size: 18px; text-align: center; margin:0px 10px; }
.mainCont ul li p.pic { width: 270px; height: 300px; overflow: hidden; margin: 0px auto 20px auto; }
.mainCont ul li img {width:270px;height:300px;display: block;}
.mainCont ul li:hover {border:#5ead00 3px solid;}
.mainCont ul li:hover a { color:#5ead00; }
.leftBtn,.rightBtn{ width: 50px; height: 55px; position: absolute; cursor: pointer; overflow: hidden; z-index: 2; top: 200px; border: #fff 1px solid; }
.leftBtn { background: url(../images/prev_w.png) no-repeat center center #5ead00; left: 0px; }
.leftBtn:hover {background: url(../images/prev_w.png) no-repeat center center #e6b300;}
.rightBtn { background: url(../images/next_w.png) no-repeat center center #5ead00; right: 0px; }
.rightBtn:hover {background: url(../images/next_w.png) no-repeat center center #e6b300;}

.index_honor { width:1240px; margin: 0px auto; position: relative;padding-bottom:70px; overflow:hidden}
.index_honor .swiper-container { width: 100%; margin:0px auto; padding:85px 0px; position: relative; z-index: 1 }
.index_honor .swiper-container-no-flexbox .swiper-slide { float: left }
.index_honor .swiper-container-vertical>.swiper-wrapper { -webkit-box-orient: vertical; -moz-box-orient: vertical; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column }
.index_honor .swiper-wrapper { position: relative; width:100%; height: 100%; z-index: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate(0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0)  }
.index_honor .swiper-slide {-webkit-flex-shrink: 0; -ms-flex: 0 0 auto; flex-shrink: 0; width:100%; height: 100%;-webkit-transform: scale(.95); transform: scale(.95); position: relative; padding: 0;-webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d;-webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; -webkit-transition: transform 1.0s; -moz-transition: transform 1.0s; -ms-transition: transform 1.0s; -o-transition: transform 1.0s; -webkit-box-shadow: rgba(0,0,0,.2) 0px 0px 10px; -moz-box-shadow: rgba(0,0,0,.2) 0px 0px 10px; box-shadow: rgba(0,0,0,.2) 0px 0px 10px;}
.index_honor .swiper-slide-active,.index_honor .swiper-slide-duplicate-active { -webkit-transform: scale(1.5); transform: scale(1.5); z-index:10}
.index_honor .swiper-slide img {width:100%; display: block; }
.index_honor .swiper-slide:hover { -webkit-box-shadow: rgba(0,0,0,.5) 0px 0px 15px; -moz-box-shadow: rgba(0,0,0,.5) 0px 0px 15px; box-shadow: rgba(0,0,0,.5) 0px 0px 15px; }

.index_honor .swiper-pagination { position: relative; margin-bottom: 30px; text-align: center; -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; transition: .3s; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 100; top: 20px; }
.index_honor .swiper-pagination-bullet { width:15px; height:15px; display: inline-block; border-radius: 100%; background: #000; opacity: .2; margin: 0 3px; cursor: pointer; }
.index_honor .swiper-pagination-bullet-active { opacity: 1; background:#f2c114; }

.index_honor .swiper-button-next, .index_honor .swiper-button-prev { position: absolute; top: 50%; width: 27px; height: 50px; margin-top: -25px; -moz-background-size: 27px 44px; -webkit-background-size: 27px 44px; background-size: 27px 44px; background-position: center; background-repeat: no-repeat; cursor: pointer; z-index:5 }
.index_honor .swiper-button-next, .index_honor .swiper-container-rtl .swiper-button-prev { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); right: 0px; left: auto }
.index_honor .swiper-button-prev { background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") #7c7c7c center 50%/50% 50% no-repeat; left:0px; }
.index_honor .swiper-button-prev:hover { background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") #5ead00 center 50%/50% 50% no-repeat; left:0px; }

.index_honor .swiper-button-next { background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") #7c7c7c center 50%/50% 50% no-repeat; }
.index_honor .swiper-button-next:hover { background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") #5ead00 center 50%/50% 50% no-repeat; }


.index_news { width:1240px; margin:0px auto; padding-bottom:50px}
.index_news_pic { width: 568px; float: left; position: relative; }
.cp_content{ height: 415px; position: relative; width: 568px; overflow: hidden; }
.cp_content ul{ width: 568pt; height: 415px; position: absolute; overflow: hidden; }
.cp_content ul li{ width: 568px; height: 415px; float: left; overflow: hidden; }
.cp_conList{ width: 100%; height: 100%; overflow: hidden; position: relative }
.cp_conList dl{ width: 100%; height: 100%; text-align: left; float: left; overflow: hidden; }
.cp_conList dt{ width: 568px; height: 302px; overflow: hidden; }
.cp_conList dt img{ width: 100%; height: 100%; }
.cp_conList dd { width:100%; height:90px; padding: 22px 0px 0px 145px; display: block; background: url(../images/index_nbg.jpg) repeat-y 124px top; position: relative; vertical-align: top; }
.cp_conList dd span { position: absolute; top: 15px; left: 0px; width: 105px; text-align: right; display: block; }
.cp_conList dd span.date { font-size: 30px; color: #5ead00; }
.cp_conList dd span.year { top: 50px; color: #bababa; font-size: 20px; }
.cp_conList dd span.dian { width:3px; height:15px; display:block; background:#5ead00; left:123px; top:28px}
.cp_conList dd p.title { width: 100%; height: 24px; font-size: 18px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-bottom: 5px }
.cp_conList dd p.txt { font-size: 14px; color: #999999; line-height: 20px; height: 40px; overflow: hidden; }
.cp_title_ben{ height: 30px; position: absolute; right: 10px; z-index: 10; top: 272px; }
.cp_title_ben li{ float: left; margin-left: 3px; width: 10px; height: 18px; cursor: pointer; overflow: hidden; background: #fff; margin-top: 12px; }
.cp_title_ben li.on{ background:#f2c114; height:30px; margin-top:0px}

.index_news_list { width: 635px; float: right }
.index_news_list ul { background: url(../images/index_nbg.jpg) repeat-y 124px top; }
.index_news_list ul li { width: 100%; padding-left: 145px; position: relative; height: 86px; border-bottom: #e0e0e0 1px solid; margin-bottom: 15px; }
.index_news_list ul li span { position: absolute; top: -8px; left: 0px; width: 105px; text-align: right; display: block; }
.index_news_list ul li span.date { font-size: 30px; color: #666666; }
.index_news_list ul li span.year { top: 30px; color: #bababa; font-size: 20px; }
.index_news_list ul li span.dian { width: 3px; height: 20px; display: block; background: #666; left: 123px; top: 1px }
.index_news_list ul li span.heng { width: 124px; height: 1px; background: #f5f5f5; top: 55px; }
.index_news_list ul li p.title { width: 100%; height: 24px; font-size: 18px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-bottom: 5px; line-height: 20px; }
.index_news_list ul li p.txt { font-size: 14px; color: #999999; line-height: 20px; height: 40px; overflow: hidden; }
.index_news_list ul li:hover span.date {color:#5ead00}
.index_news_list ul li:hover span.dian { background:#5ead00} 
.index_news_list ul li:hover p.title { color:#5ead00}

.index_video { width: 1240px; margin: 0px auto; padding-bottom:10%; overflow: hidden; }
.video-box { padding: 1.4em 0 0; margin-left: -1%; width: 102%; }
.video-box .videos { overflow: hidden;  *zoom: 1;}
.video-box .videos li { float: left; width: 25%; text-align: center; padding: 0 1%; }
.video-box .videos li img { width: 100%; opacity: .8; -moz-transition: opacity 0.32s; -o-transition: opacity 0.32s; -webkit-transition: opacity 0.32s; transition: opacity 0.32s; border-bottom: 4px solid transparent; }
.video-box .videos li img.active { border-color: #31ACE2; opacity: 1; }
.video-box .videos li:hover img { opacity: 1; -moz-transition: opacity 0.2s; -o-transition: opacity 0.2s; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; }

.sy-box.sy-loading { background: url("../images/sy-loader.gif") 50% 50% no-repeat; -moz-background-size: 32px; -o-background-size: 32px; -webkit-background-size: 32px; background-size: 32px; min-height: 40px; }
.sy-box.sy-loading .sy-slides-wrap, .sy-box.sy-loading .sy-pager { visibility: hidden; }
.sy-slides-wrap { position: relative; height: 100%; width: 100%; overflow: hidden; }
.sy-slides-wrap:hover .sy-controls { display: block; }
.sy-slides-crop { height: 100%; width: 100%; position: absolute; overflow: hidden; }
.sy-list { width: 100%; height: 100%; list-style: none; margin: 0; padding: 0; position: absolute; }
.sy-list.horizontal { -moz-transition: left ease; -o-transition: left ease; -webkit-transition: left ease; transition: left ease; }
.sy-list.vertical { -moz-transition: top ease; -o-transition: top ease; -webkit-transition: top ease; transition: top ease; }
.sy-slide { position: absolute; width: 100%; z-index: 2; }
.sy-slide.kenburns { width: 140%; left: -20%; }
.sy-slide.kenburns.useCSS { -moz-transition-property: opacity; -o-transition-property: opacity; -webkit-transition-property: opacity; transition-property: opacity; }
.sy-slide.kenburns.useCSS.sy-ken:nth-child(1n) { -webkit-animation-name: left-right; -webkit-animation-fill-mode: forwards; -moz-animation-name: left-right; -moz-animation-fill-mode: forwards; -o-animation-name: left-right; -o-animation-fill-mode: forwards; animation-name: left-right; animation-fill-mode: forwards; }
.sy-slide.kenburns.useCSS.sy-ken:nth-child(2n) { -webkit-animation-name: right-left; -webkit-animation-fill-mode: forwards; -moz-animation-name: right-left; -moz-animation-fill-mode: forwards; -o-animation-name: right-left; -o-animation-fill-mode: forwards; animation-name: right-left; animation-fill-mode: forwards; }
.sy-slide.sy-active { z-index: 3; }
.sy-slide > img { margin: 0; padding: 0; display: block; width: 100%; border: 0; }
.sy-slide > a { margin: 0; padding: 0; display: block; width: 100%; }
.sy-slide > a > img { margin: 0; padding: 0; display: block; width: 100%; border: 0; }

.sy-controls { display: block; list-style: none; height: 100%; width: 100%; position: absolute; padding: 0; margin: 0; overflow: hidden; }
.sy-controls li { position: absolute; width: 10%; min-width: 4.2em; height: 100%; z-index: 33; }
.sy-controls li.sy-prev { left: 0; top: 0; }
.sy-controls li.sy-prev a:after { background-position: -5% 0; }
.sy-controls li.sy-next { right: 0; top: 0; }
.sy-controls li.sy-next a:after { background-position: 105% 0; }
.sy-controls li a { position: relative; width: 100%; height: 100%; display: block; text-indent: -9999px; }
.sy-controls li a:link, .sy-controls li a:visited { opacity: 0.4; }
.sy-controls li a:hover, .sy-controls li a:focus { opacity: 0.8; outline: none; }
.sy-controls li a:after { content: ""; background-image:url("../images/arrows.svg"); background-repeat: no-repeat; -moz-background-size: cover; -o-background-size: cover; -webkit-background-size: cover; background-size: cover; text-align: center; text-indent: 0; line-height: 2.8em; color: #111; font-weight: 800; position: absolute; background-color: #fff; width: 2.8em; height: 2.8em; left: 50%; top: 50%; margin-top: -1.4em; margin-left: -1.4em; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; }
.sy-filler { width: 100%; }
.sy-filler.ready { -moz-transition: padding 600ms ease; -o-transition: padding 600ms ease; -webkit-transition: padding 600ms ease; transition: padding 600ms ease; }


@media only screen and (max-device-width: 600px) {
.sy-controls { display: block; }
.sy-controls li {min-width: 2.1em; }
.sy-controls li a:after { width: 1.4em; height: 1.4em; margin-top: -0.7em; margin-left: -0.7em; }
}
.sy-caption-wrap { position: absolute; bottom: 2em; z-index: 12; left: 50%; }
.sy-caption-wrap .sy-caption { position: relative; left: -50%; background-color: rgba(0, 0, 0, 0.54); color: #fff; padding: 0.4em 1em; -moz-border-radius: 1.2em; -webkit-border-radius: 1.2em; border-radius: 1.2em; }
.sy-caption-wrap .sy-caption a:link, .sy-caption-wrap .sy-caption a:visited { color: #e24b70; font-weight: 600; text-decoration: none; }
.sy-caption-wrap .sy-caption a:hover, .sy-caption-wrap .sy-caption a:focus { text-decoration: underline; }
@media only screen and (max-device-width: 600px), screen and (max-width: 600px) {
.sy-caption-wrap { left: 0; bottom: 0.4em; }
.sy-caption-wrap .sy-caption {left: 0;padding:0.2em 0.4em;font-size: 0.92em; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }
}
@media screen and (min-width:1367px) and (max-width:1600px){
.index_about_txt {}	
@media screen and (-webkit-min-device-pixel-ratio:0) { .index_about_img .pic,.index_about_img .pic li { max-width:686px; height:490px}}
@-moz-document url-prefix() {
.index_about_img .pic,.index_about_img .pic li {max-width:100%; height:100%} 
}
}
@media screen and (min-width:1289px) and (max-width:1366px){
.index_about_txt {}	
@media screen and (-webkit-min-device-pixel-ratio:0) { .index_about_img .pic,.index_about_img .pic li { max-width:669px; height:480px}}
@-moz-document url-prefix() {
.index_about_img .pic,.index_about_img .pic li {max-width:100%; height:100%} 
}
}

@media screen and (min-width:1241px) and (max-width:1280px){
.index_about_txt { width:600px;}	
@media screen and (-webkit-min-device-pixel-ratio:0) { .index_about_img .pic,.index_about_img .pic li { max-width:627px; height:480px}}
@-moz-document url-prefix() {
.index_about_img .pic,.index_about_img .pic li {max-width:100%; height:100%} 
}
}

@media screen and (min-width:960px) and (max-width: 1240px){
.index_about_txt {width:48%; font-size:14px; line-height:20px;}	
.index_about_txt li.title { font-size:32px; line-height:36px}
.index_about_txt li.text { max-height:160px; overflow:hidden}
.index_about_img .pic,.index_about_img .pic li{ max-width:501px; max-height:426px;overflow: hidden;}
.index_about_img {height:426px}
.index_about_pic {width:100%; }

.index_youshi {width:97%; margin:0px auto;}

.index_icon { height:120px}
.index_icon ul { width:97%; margin:0px auto;}
.index_icon ul li.tel { float:left; width:600px;}
.index_icon ul li.tel img { width:100%}
.index_icon ul li.link { float: right; width:295px; }
.index_icon ul li.link > ul li { float: left; margin-left:5px; width:66px; height:66px; padding:13px; border: #fff 1px solid; border-radius: 50%; }

.index_product { width:960px; margin:0px auto; padding-bottom: 80px }
.index_product .list { display:none}
.index_product .list2 { width:100%; position: relative; height:350px; display:block; }
.index_product .list2 ul li { float: left; display: inline; height:350px; color: #fff; cursor: pointer; position: relative; background: #5ead00; }
.index_product .list2 .fold { width:150px; height: 100%; text-align: center; position: absolute; top: 0px; left: 0px; background:url(../images/index_pro_bg2.jpg) repeat-y }
.index_product .list2 .fold span.title { display: block; width: 100%; font-size:18px; padding-top: 60px; color: #333; }
.index_product .list2 .fold span.heng { width: 50px; height: 1px; margin: 30px auto; display: block; background: #b0b0b0 }
.index_product .list2 .fold span.img { width: 135px; display: block; height:150px; text-align: center; margin:30px auto 0px auto }
.index_product .list2 .fold span.img img { width:100%; height:100%;}
.index_product .list2 .unfold { width:660px; padding:0px 10px 0px 30px; height: 100%; display: none; position: absolute; top: 0px; left: 0px; background:url(../images/index_pro_bg.jpg) no-repeat #5ead00; cursor:default}
.index_product .list2 .unfold .intro { width:370px;}
.index_product .list2 .unfold .intro span.title { font-size:28px; color:#fff; display:block; padding-top:40px;}
.index_product .list2 .unfold .intro span.heng {width:50px; height: 1px; margin:26px 0px; display: block; background: #fff;}
.index_product .list2 .unfold .intro p.text { font-size:14px; line-height:24px; color:#fff; height:96px; overflow:hidden; margin-bottom:30px}
.index_product .list2 .unfold .intro p.link a {width:33%;height:30px;line-height:30px background:url(../images/index_pro_icon.png) no-repeat left center;padding-left:15px;color:#f9fb66;font-size:14px; display:block; float:left}
.index_product .list2 .unfold .intro p.link a:hover { color:#fff;}
.index_product .list2 .unfold .pic {padding-top:60px; width:234px; height:260px}
.index_product .list2 .unfold .pic img {width:100%; height:auto;}

/*图片逐步滚动*/
.layout { TEXT-ALIGN: left; MARGIN: 0px auto; WIDTH:960px; overflow: hidden; }
.homebtm { POSITION: relative; HEIGHT: 445px; padding-top: 40px; }
.mainCont { margin: 0px auto; width:930px!important; height: 395px; overflow: hidden; }
.mainCont UL { WIDTH:930px; WORD-WRAP: normal; padding: 0px; list-style: none; margin:0px auto }
.mainCont ul li { width:290px; height: 390px; float: left; overflow: hidden; padding-top: 20px; text-align: center; background: #fff; box-shadow: 3px 3px 3px #eaeaea; font-size: 18px; text-align: center; margin:0px 10px; }
.mainCont ul li p.pic { width: 270px; height: 300px; overflow: hidden; margin: 0px auto 20px auto; }
.mainCont ul li img {width:270px;height:300px;display: block;}
.mainCont ul li:hover {border:#5ead00 3px solid;}
.mainCont ul li:hover a { color:#5ead00; }
.leftBtn,.rightBtn{ width: 50px; height: 55px; position: absolute; cursor: pointer; overflow: hidden; z-index: 2; top: 200px; border: #fff 1px solid; }
.leftBtn { background: url(../images/prev_w.png) no-repeat center center #5ead00; left: 0px; }
.leftBtn:hover {background: url(../images/prev_w.png) no-repeat center center #e6b300;}
.rightBtn { background: url(../images/next_w.png) no-repeat center center #5ead00; right: 0px; }
.rightBtn:hover {background: url(../images/next_w.png) no-repeat center center #e6b300;}

.index_honor {width:98%; margin:0px auto}
.index_honor .swiper-container {padding:70px 0px;}

.index_news { width:97%; margin:0px auto; padding-bottom:50px}
.index_news_pic { width:450px; float: left; position: relative; }
.cp_content {width:450px;height:370px;position: relative;overflow: hidden; }
.cp_content ul{ width:450px; height:370px; position: absolute; overflow: hidden; }
.cp_content ul li{ width:450px; height:370px; float: left; overflow: hidden; }
.cp_conList{ width: 100%; height: 100%; overflow: hidden; position: relative }
.cp_conList dl{ width: 100%; height: 100%; text-align: left; float: left; overflow: hidden; }
.cp_conList dt{ width:450px; height:256px; overflow: hidden; }
.cp_conList dd {padding:20px 0px 0px 125px;background: url(../images/index_nbg.jpg) repeat-y 109px top;}
.cp_conList dd span {top:14px;width:95px;}
.cp_conList dd span.date { font-size:28px;}
.cp_conList dd span.year {top:50px;font-size:18px; }
.cp_conList dd span.dian {left:108px; top:25px}
.cp_title_ben{top:226px; }

.index_news_list { width:50%; float:right;}
.index_news_list ul { background: url(../images/index_nbg.jpg) repeat-y 109px top; }
.index_news_list ul li {padding-left:125px; position: relative; height:77px;margin-bottom:12px; }
.index_news_list ul li span {top:-8px;width:95px;}
.index_news_list ul li span.date { font-size:28px;}
.index_news_list ul li span.year { top: 30px;font-size:18px; }
.index_news_list ul li span.dian {left: 108px;top:1px }
.index_news_list ul li span.heng {top:46px; width:109px }
.index_news_list ul li p.title { height:20px}
.index_news_list ul li p.txt {line-height:18px;height:36px;}

.index_video {width:95%; margin:0px auto}	 
.video-box { padding:1em 0 0}
}
@media screen and (min-width:1200px) and (max-width: 1240px) {
.index_news_list { width:58%; float:right;}
}
@media screen and (min-width:1100px) and (max-width:1199px) {
.index_news_list { width:56%; float:right;}
}
@media screen and (min-width:1024px) and (max-width:1099px) {
.index_news_list { width:53%; float:right;}
}
@media screen and (min-width:960px) and (max-width: 1023px) {
.index_news_list { width:50%; float:right;}
}
@media screen and (min-width: 768px) and (max-width: 959px) {
.heng { margin-top:20px; margin-bottom:15px}	
.index_about_txt {width:47%; font-size:14px; line-height:18px;background: url(../images/m_dou.png) no-repeat left top; padding-top:35px; margin-left:26px}	
.index_about_txt li.title { font-size:30px; line-height:30px}
.index_about_txt li.text {height:130px; overflow:hidden; margin-bottom:20px}

.index_about_img .pic,.index_about_img .pic li{ max-width:376px; max-height:320px;overflow: hidden;}
.index_about_img {height:320px}
.index_about_pic { width:100%;}

.index_youshi {width:97%; margin:0px auto;}
.index_ys_img { float:none; width:100%; height:200px; margin-bottom:20px}
.index_ys_img table{ display:none}
.index_ys_img .m_ys_img { display:block; text-align:center}
.index_ys_img .m_ys_img ul li {width:31.4%; height:200px; margin:0px 5px; display:inline-block;}
.index_ys_img .m_ys_img img { width:100%; height:100%;}
.index_ys_txt {float:none; width:98%; margin:0px auto}

.index_icon { height:120px}
.index_icon ul { width:96%; margin:0px auto;}
.index_icon ul li.tel { float:left; width:600px;}
.index_icon ul li.tel img { width:100%}
.index_icon ul li.link { display:none}

.index_product { display:none}
.m_product { width:100%; min-height:300px; padding-bottom:70px; display:block}
.m_product ul li { width:30%; height:330px; float: left; overflow: hidden; padding-top: 20px; text-align: center; background: #fff; box-shadow: 3px 3px 3px #eaeaea; border:#eaeaea 1px solid; font-size:16px; text-align: center; margin:0px 0px 20px 2.5%; }
.m_product ul li p.pic { width:95%; height:auto; overflow: hidden; margin: 0px auto 20px auto; }
.m_product ul li img { width:100%; height:autol}
.m_product ul li:hover {border:#5ead00 3px solid;}
.m_product ul li:hover a { color:#5ead00; }
.m_product .more { padding-top:40px; text-align:center; display:block; width:100%;}
.m_product .more a {padding:20px 100px; font-size:16px; color:#fff;border-radius:30px; background:#5ead00}

.index_honor { width:100%; padding-bottom:60px}
.index_honor .swiper-container {padding:55px 0px;}
.index_honor .swiper-pagination {top:30px}

.index_news { width:100%; margin:0px auto; padding-bottom:50px}
.index_news_pic {width:100%;float:none; position: relative;}
.cp_content {width:750px;height:400px;margin:0px auto;position: relative;}
.cp_content ul{ width:750px; height:400px; position: absolute; overflow: hidden; }
.cp_content ul li{ width:750px; height:400px; float: left; overflow: hidden; }
.cp_conList{ width: 100%; height: 100%; overflow: hidden; position: relative }
.cp_conList dl{ width: 100%; height: 100%; text-align: left; float: left; overflow: hidden; }
.cp_conList dt{ width:100%; height:100%; overflow: hidden; }
.cp_conList dd { background:url(../images/pic_icon.png); padding:15px; text-align:center;display:block; position:absolute; left:0px; bottom:0px; height:80px;}
.cp_conList dd p.title {width:80%; margin:0px auto; height: 24px; font-size: 18px; white-space: nowrap; color:#fff; text-overflow: ellipsis; overflow: hidden;}
.cp_conList dd p.txt { display:none}
.cp_conList dd span { display:none}
.cp_conList dd span.date {display:none}
.cp_conList dd span.year {display:none }
.cp_conList dd span.dian {display:none}
.cp_title_ben{top:375px; right:35% }
.cp_title_ben li{ float: left; margin-left:5px; width:40px; height:10px; border:#fff 1px solid; background:none; border-radius:20px; cursor: pointer; margin-top:0px}
.cp_title_ben li.on{width:40px; height:10px; background:#f2c114; border:#f2c114 1px solid;}

.index_news_list { width:750px; float:none; margin:30px auto 0px auto}
.index_news_list ul { background:none; }
.index_news_list ul li {padding-left:135px; position: relative; height:77px;margin-bottom:12px; }
.index_news_list ul li span {top:-8px;width:95px;}
.index_news_list ul li span.date { font-size:28px;}
.index_news_list ul li span.year { top: 30px;font-size:18px; }
.index_news_list ul li span.dian {left: 113px;top:1px; width:1px; height:60px; background:#e0e0e0 }
.index_news_list ul li span.heng {top:46px; width:109px }
.index_news_list ul li p.title { height:20px}
.index_news_list ul li p.txt {line-height:18px;height:36px;}

.index_video {width:95%; margin:0px auto}	 
.video-box { padding:1em 0 0}

.suspension {display:none}
}

@media only screen and (min-width: 480px) and (max-width: 767px){
.heng { margin-top:20px; margin-bottom:15px}	
.index_about_txt {width:47%; font-size:14px; line-height:18px;background: url(../images/m_dou.png) no-repeat left top; padding-top:35px; margin-left:20px}	
.index_about_txt li.title { font-size:26px; line-height:28px}
.index_about_txt li.text {height:128px; overflow:hidden; margin-bottom:20px}
.index_about_txt li a{ padding:5px 15px; background:#5ead00; color:#fff;}
.index_about_img { width:50%; height:310px}
.index_about_txt { width:46%; float:right; margin-left:0}

.index_about_pic { width:100%;}

.index_youshi {width:97%; margin:0px auto;}
.index_youshi .tab_UL { height:auto; margin:0px auto 30px auto; text-align:center}
.index_youshi .tab_UL li { display:inline-block; padding-bottom:8px; text-align:center;margin:0 5px 8px 5px;}
.index_youshi .tab_UL li a {color: #333; display: block; height: 40px; line-height: 38px; width: auto; padding: 0px 20px; font-size: 16px;cursor: pointer; text-align: center;  border: #fff 1px solid; border-radius: 30px; color: #fff; max-width:200px; overflow:hidden;}
.index_youshi .tab_UL li.curr a{color: #fff; background:#5ead00;font-weight: bold; border:#5ead00 1px solid }
.index_youshi .tab_UL li.curr {background:url(../images/green_on.png) no-repeat center bottom;}

.index_ys_img { float:none; width:100%; height:130px; margin-bottom:20px}
.index_ys_img table{ display:none}
.index_ys_img .m_ys_img { display:block; text-align:center}
.index_ys_img .m_ys_img ul li {width:31%; height:130px; margin:0px 3px; display:inline-block;}
.index_ys_img .m_ys_img img { width:100%; height:100%;}
.index_ys_txt {float:none; width:98%; margin:0px auto}

.index_icon { height:110px}
.index_icon ul { width:96%; margin:0px auto;}
.index_icon ul li.tel { float:left; width:85%;}
.index_icon ul li.tel img { width:100%}
.index_icon ul li.link { display:none}

.index_product { display:none}
.m_product { width:100%; min-height:300px; padding-bottom:70px; display:block}
.m_product ul li { width:30%; height:0px; float: left; overflow: hidden; padding-top:4%; padding-bottom:45%; text-align: center; background: #fff; box-shadow: 3px 3px 3px #eaeaea; border:#eaeaea 1px solid; font-size:14px; text-align: center; margin:0px 0px 20px 2.5%; }
.m_product ul li p.pic { width:95%; height:auto; overflow: hidden; margin: 0px auto 20px auto; }
.m_product ul li img { width:100%; height:autol}
.m_product ul li:hover { border:#5ead00 1px solid}
.m_product ul li:hover a { color:#5ead00; }
.m_product .more { padding-top:40px; text-align:center; display:block; width:100%;}
.m_product .more a {padding:20px 100px; font-size:16px; color:#fff;border-radius:30px; background:#5ead00}

.index_honor { width:96%; margin:0px auto; padding-bottom:60px}
.index_honor .swiper-container {padding:55px 0px;}
.index_honor .swiper-pagination { top:30px}
.index_honor .swiper-slide { -webkit-box-shadow: rgba(0,0,0,.5) 0px 0px 5px; -moz-box-shadow: rgba(0,0,0,.5) 0px 0px 5px; box-shadow: rgba(0,0,0,.5) 0px 0px 5px; }
.index_honor .swiper-slide:hover { -webkit-box-shadow: rgba(0,0,0,.5) 0px 0px 10px; -moz-box-shadow: rgba(0,0,0,.5) 0px 0px 10px; box-shadow: rgba(0,0,0,.5) 0px 0px 10px; }
.index_honor .swiper-slide-active, .index_honor .swiper-slide-duplicate-active { -webkit-transform: scale(1.6); transform: scale(1.6); z-index:10}
.index_honor .swiper-button-next, .index_honor .swiper-button-prev { display:none}

.index_news { width:100%; margin:0px auto; padding-bottom:50px}
.index_news_pic {width:100%;float:none; position: relative;}
.cp_content {width:480px;height:260px;margin:0px auto;position: relative;}
.cp_content ul{ width:480px; height:260px; position: absolute; overflow: hidden; }
.cp_content ul li{ width:480px; height:260px; float: left; overflow: hidden; }
.cp_conList{ width: 100%; height: 100%; overflow: hidden; position: relative }
.cp_conList dl{ width: 100%; height: 100%; text-align: left; float: left; overflow: hidden; }
.cp_conList dt{ width:100%; height:100%; overflow: hidden; }
.cp_conList dd { background:url(../images/pic_icon.png); padding:15px; text-align:center;display:block; position:absolute; left:0px; bottom:0px; height:80px;}
.cp_conList dd p.title {width:80%; margin:0px auto; height: 24px; font-size: 18px; white-space: nowrap; color:#fff; text-overflow: ellipsis; overflow: hidden;}
.cp_conList dd p.txt { display:none}
.cp_conList dd span { display:none}
.cp_conList dd span.date {display:none}
.cp_conList dd span.year {display:none }
.cp_conList dd span.dian {display:none}
.cp_title_ben{top:235px; right:35% }
.cp_title_ben li{ float: left; margin-left:5px; width:30px; height:8px; border:#fff 1px solid; background:none; border-radius:20px; cursor: pointer; margin-top:0px}
.cp_title_ben li.on{width:30px; height:8px; background:#f2c114; border:#f2c114 1px solid;}

.index_news_list { width:480px; float:none; margin:30px auto 0px auto}
.index_news_list ul { background:none; }
.index_news_list ul li {padding-left:135px; position: relative; height:77px;margin-bottom:12px; }
.index_news_list ul li span {top:-8px;width:95px;}
.index_news_list ul li span.date { font-size:28px;}
.index_news_list ul li span.year { top: 30px;font-size:18px; }
.index_news_list ul li span.dian {left: 113px;top:1px; width:1px; height:60px; background:#e0e0e0 }
.index_news_list ul li span.heng {top:46px; width:109px }
.index_news_list ul li p.title { height:20px}
.index_news_list ul li p.txt {line-height:18px;height:36px;}

.index_video { width:95%; margin:0px auto;}	 
.video-box { padding:1em 0 0}

.suspension {display:none}

}

@media only screen and (min-width:0px) and (max-width:640px){
.index_about_txt { width:47%;}	
@media only screen and (-webkit-min-device-pixel-ratio:0) { .index_about_img .pic,.index_about_img .pic li { max-width:294px; height:310px}}
@-moz-document url-prefix() {
.index_about_img .pic,.index_about_img .pic li {max-width:100%; height:100%} 
}
}

@media only screen and (min-width:0px) and (max-width:568px){
.index_about_txt { width:47%;}	
@media screen and (-webkit-min-device-pixel-ratio:0) { .index_about_img .pic,.index_about_img .pic li { max-width:278px;}
@-moz-document url-prefix() {
.index_about_img .pic,.index_about_img .pic li {max-width:100%; height:100%} 
}

}

@media only screen and (max-width: 479px) {
section {padding-top:50px;}	
.index_title { width: 100%; height:56px; text-align: center; display: block; background: url(../images/m_index_title.png) no-repeat center top; margin-bottom:30px; }
.index_title span.title { font-size:24px; height:36px; display:block; line-height:36px;font-weight:bold; color:#333; padding-left:50px; margin-bottom:0px}
.index_title span.title2 { font-size:24px; height:36px; display:block; line-height:36px;font-weight:bold; color:#fff; padding-left:50px; margin-bottom:0px}
.index_title span.fu { display:block; font-size:14px; color:#ccc; font-weight:normal;}

.heng { margin-top:15px; margin-bottom:10px}	

.index_about { position:relative}
.index_about_txt { position:absolute; z-index:10px; background:url(../images/white.png); padding:15px 15px 20px 15px; top:90px; width:92%; margin-left:4%; float:none}
.index_about_txt li.title { font-size:20px; line-height:24px}
.index_about_txt li.text {height:60px; overflow:hidden; margin-bottom:20px; font-size:14px; line-height:20px;}
.index_about_txt li a{ padding:5px 15px; background:#5ead00; color:#fff;}
.index_about_img { float:none; width:100%; height:180px}
.index_about_img .pic, .index_about_img .pic li { width:100%; height:100%; max-width:100%; max-height:100%}

.index_about_picture { margin-top:150px; padding:3px 0px; height:210px}

.index_about_pic { width:100%; margin-top:30px; padding-left:42px}
.index_about_pic h4 { width:36px; height:150px; padding:30px 15px 0px 10px; background: #5ead00; color: #fff; font-size:16px; font-weight: bold; display: block; text-align: center; position: absolute; left: 0px; top: 0px }
.index_about_pic > div { width:98%; height:150px; overflow:hidden }
.index_about_pic > div img { width:210px; height:150px; margin:0px 3px}

.index_youshi {width:98%; margin:0px auto;}
.index_youshi .tab_UL { height:auto; margin:0px auto 20px auto; text-align:center}
.index_youshi .tab_UL li { display:inline-block; padding-bottom:8px; width:47%; margin:0px 5px 5px 5px}
.index_youshi .tab_UL li a {color: #333; display: block; height:40px; line-height:36px; width:100%;font-size: 16px;cursor: pointer; text-align: center; border: #fff 1px solid; border-radius:20px; color: #fff;overflow:hidden}
.index_youshi .tab_UL li.curr a{ color: #fff; background:#5ead00;font-weight: bold; border:#5ead00 1px solid }
.index_youshi .tab_UL li.curr { background:none;}

.index_ys_img { float:none; width:100%; height:110px; margin-bottom:20px}
.index_ys_img table{ display:none}
.index_ys_img .m_ys_img { display:block; text-align:center}
.index_ys_img .m_ys_img ul li {width:31%; height:110px; margin:0px 3px; display:inline-block;}
.index_ys_img .m_ys_img img { width:100%; height:100%;}
.index_ys_txt {float:none; width:98%; margin:0px auto}

.index_icon { height:100px}
.index_icon ul { width:96%; margin:0px auto;}
.index_icon ul li.tel { float:left; width:97%;}
.index_icon ul li.tel img { width:100%}
.index_icon ul li.link { display:none}

.index_product { display:none}
.m_product { width:100%; min-height:300px; padding-bottom:70px; display:block}
.m_product ul li { width:46%; height:0px; float: left; overflow: hidden; padding-top:4%; padding-bottom:62%; text-align: center; background: #fff; box-shadow: 3px 3px 3px #eaeaea; border:#eaeaea 1px solid; font-size:14px; text-align: center; margin:0px 0px 20px 3%; }
.m_product ul li p.pic { width:95%; height:auto; overflow: hidden; margin: 0px auto 20px auto; }
.m_product ul li img { width:100%; height:auto}
.m_product ul li:hover { border:#5ead00 1px solid}
.m_product ul li:hover a { color:#5ead00; }
.m_product .more { padding-top:40px; text-align:center; display:block; width:100%;}
.m_product .more a {padding:15px 90px; font-size:14px; color:#fff;border-radius:30px; background:#5ead00}
.m_product ul li:last-child { display:none}

.index_honor { width:96%; margin:0px auto; padding-bottom:50px}
.index_honor .swiper-container {padding:47px 0px;}
.index_honor .swiper-pagination {top:20px}
.index_honor .swiper-slide { -webkit-box-shadow: rgba(0,0,0,.5) 0px 0px 5px; -moz-box-shadow: rgba(0,0,0,.5) 0px 0px 5px; box-shadow: rgba(0,0,0,.5) 0px 0px 5px; }
.index_honor .swiper-slide:hover { -webkit-box-shadow: rgba(0,0,0,.5) 0px 0px 10px; -moz-box-shadow: rgba(0,0,0,.5) 0px 0px 10px; box-shadow: rgba(0,0,0,.5) 0px 0px 10px; }
.index_honor .swiper-slide-active, .index_honor .swiper-slide-duplicate-active { -webkit-transform: scale(1.8); transform: scale(1.8); z-index:10}
.index_honor .swiper-button-next, .index_honor .swiper-button-prev { display:none}
.index_honor .swiper-pagination-bullet { width:12px; height:12px;}

.index_news { width:100%; margin:0px auto; padding-bottom:40px}
.index_news_pic {width:100%;float:none; position: relative;}
.cp_content {width:414px;height:230px;margin:0px auto;position: relative;}
.cp_content ul{ width:414px; height:230px; position: absolute; overflow: hidden; }
.cp_content ul li{ width:414px; height:230px; float: left; overflow: hidden; }
.cp_conList{ width: 100%; height: 100%; overflow: hidden; position: relative }
.cp_conList dl{ width: 100%; height: 100%; text-align: left; float: left; overflow: hidden; }
.cp_conList dt{ width:100%; height:100%; overflow: hidden; }
.cp_conList dd { background:url(../images/pic_icon.png); padding:15px; text-align:center;display:block; position:absolute; left:0px; bottom:0px; height:80px;}
.cp_conList dd p.title {width:80%; margin:0px auto; height: 24px; font-size:18px; white-space: nowrap; color:#fff; text-overflow: ellipsis; overflow: hidden;}
.cp_conList dd p.txt { display:none}
.cp_conList dd span { display:none}
.cp_conList dd span.date {display:none}
.cp_conList dd span.year {display:none }
.cp_conList dd span.dian {display:none}
.cp_title_ben{top:205px; right:30% }
.cp_title_ben li{ float: left; margin-left:5px; width:30px; height:8px; border:#fff 1px solid; background:none; border-radius:20px; cursor: pointer; margin-top:0px}
.cp_title_ben li.on{width:30px; height:8px; background:#f2c114; border:#f2c114 1px solid;}

.index_news_list { width:414px; float:none; margin:20px auto 0px auto}
.index_news_list ul { background:none; }
.index_news_list ul li {padding-left:100px; position: relative; height:77px;margin-bottom:12px; }
.index_news_list ul li span {top:-3px;width:75px;}
.index_news_list ul li span.date { font-size:20px;}
.index_news_list ul li span.year { top:24px;font-size:14px; }
.index_news_list ul li span.dian {left:87px;top:1px; width:1px; height:60px; background:#e0e0e0 }
.index_news_list ul li span.heng {top:46px; width:109px }
.index_news_list ul li p.title { height:20px}
.index_news_list ul li p.txt {line-height:18px;height:36px;}

.index_video { width:95%; margin:0px auto;}	 
.video-box { padding:1em 0 0}

.suspension {display:none}
}

@media only screen and (min-width: 0px) and (max-width: 414px){
.index_about_img { float:none; width:100%; height:180px}
.index_about_img .pic, .index_about_img .pic li { width:100%; height:100%; max-width:100%; max-height:100%}
.index_about { position:relative}
.index_about_txt { position:absolute; z-index:10px; background:url(../images/white.png); padding:15px 15px 20px 15px; top:90px; width:92%; margin-left:4%; float:none}
.index_about_txt li.text {height:80px; overflow:hidden; margin-bottom:20px; font-size:14px; line-height:20px;}

.index_about_picture { margin-top:160px; padding:3px 0px; height:210px}

.index_youshi {width:98%; margin:0px auto;}
.index_youshi .tab_UL { height:auto; margin:0px auto 15px auto; text-align:center}
.index_youshi .tab_UL li { display:inline-block; padding-bottom:8px; width:46%; margin:0px 3px 5px 3px}
.index_youshi .tab_UL li a {color: #333; display: block; height:40px; line-height:36px; width:100%;font-size: 16px;cursor: pointer; text-align: center; border: #fff 1px solid; border-radius:20px; color: #fff;overflow:hidden}
.index_youshi .tab_UL li.curr a{ color: #fff; background:#5ead00;font-weight: bold; border:#5ead00 1px solid }
.index_youshi .tab_UL li.curr { background:none;}

.index_ys_img { float:none; width:100%; height:100px; margin-bottom:20px}
.index_ys_img table{ display:none}
.index_ys_img .m_ys_img { display:block; text-align:center}
.index_ys_img .m_ys_img ul li {width:30%; height:100px; margin:0px 3px; display:inline-block;}
.index_ys_img .m_ys_img img { width:100%; height:100%;}
.index_ys_txt {float:none; width:97%; margin:0px auto}
.index_ys_txt ul { margin:20px 25px}
.index_ys_txt ul li { padding-bottom:15px}
.index_ys_txt h4 { font-size:20px; line-height:24px; max-height:50px;}
.index_ys_txt h4 span { display:block; position:absolute; left:0px; top:-3px; width:55px; height:30px; line-height:30px; color:#fff; font-size:20px; font-weight:bold; text-align:center; background:#edbe16; border-radius:0px 20px 20px 0px;}

.index_icon { height:100px}
.index_icon ul { width:96%; margin:0px auto;}
.index_icon ul li.tel { float:left; width:97%;}
.index_icon ul li.tel img { width:100%}
.index_icon ul li.link { display:none}

.index_product { display:none}
.m_product { width:100%; min-height:300px; padding-bottom:70px; display:block}
.m_product ul li { width:46%; height:0px; float: left; overflow: hidden; padding-top:4%; padding-bottom:64%; text-align: center; background: #fff; box-shadow: 3px 3px 3px #eaeaea; border:#eaeaea 1px solid; font-size:14px; text-align: center; margin:0px 0px 20px 3%; }
.m_product ul li p.pic { width:95%; height:auto; overflow: hidden; margin: 0px auto 15px auto; }
.m_product ul li img { width:100%; height:autol}
.m_product ul li:hover { border:#5ead00 1px solid}
.m_product ul li:hover a { color:#5ead00; }
.m_product .more { padding-top:40px; text-align:center; display:block; width:100%;}
.m_product .more a {padding:15px 90px; font-size:14px; color:#fff;border-radius:30px; background:#5ead00}
.m_product ul li:last-child { display:none}

.index_honor { width:96%; margin:0px auto; padding-bottom:50px}
.index_honor .swiper-container {padding:47px 0px;}
.index_honor .swiper-pagination {top:20px}
.index_honor .swiper-slide { -webkit-box-shadow: rgba(0,0,0,.5) 0px 0px 5px; -moz-box-shadow: rgba(0,0,0,.5) 0px 0px 5px; box-shadow: rgba(0,0,0,.5) 0px 0px 5px; }
.index_honor .swiper-slide:hover { -webkit-box-shadow: rgba(0,0,0,.5) 0px 0px 10px; -moz-box-shadow: rgba(0,0,0,.5) 0px 0px 10px; box-shadow: rgba(0,0,0,.5) 0px 0px 10px; }
.index_honor .swiper-slide-active, .index_honor .swiper-slide-duplicate-active { -webkit-transform: scale(2); transform: scale(2); z-index:10}
.index_honor .swiper-button-next, .index_honor .swiper-button-prev { display:none}
.index_honor .swiper-pagination-bullet { width:12px; height:12px;}

.index_news { width:100%; margin:0px auto; padding-bottom:40px}
.index_news_pic {width:100%;float:none; position: relative;}
.cp_content {width:360px;height:200px;margin:0px auto;position: relative;}
.cp_content ul{ width:360px; height:200px; position: absolute; overflow: hidden; }
.cp_content ul li{width:360px; height:200px; float: left; overflow: hidden; }
.cp_conList{ width: 100%; height: 100%; overflow: hidden; position: relative }
.cp_conList dl{ width: 100%; height: 100%; text-align: left; float: left; overflow: hidden; }
.cp_conList dt{ width:100%; height:100%; overflow: hidden; }
.cp_conList dd { background:url(../images/pic_icon.png); padding:10px; text-align:center;display:block; position:absolute; left:0px; bottom:0px; height:60px;}
.cp_conList dd p.title {width:90%; margin:0px auto; height: 24px; font-size:16px; white-space: nowrap; color:#fff; text-overflow: ellipsis; overflow: hidden;}
.cp_conList dd p.txt { display:none}
.cp_conList dd span { display:none}
.cp_conList dd span.date {display:none}
.cp_conList dd span.year {display:none }
.cp_conList dd span.dian {display:none}
.cp_title_ben{top:180px; right:25% }
.cp_title_ben li{ float: left; margin-left:5px; width:30px; height:8px; border:#fff 1px solid; background:none; border-radius:20px; cursor: pointer; margin-top:0px}
.cp_title_ben li.on{width:30px; height:8px; background:#f2c114; border:#f2c114 1px solid;}

.index_news_list { width:360px; float:none; margin:20px auto 0px auto}
.index_news_list ul { background:none; }
.index_news_list ul li {padding-left:100px; position: relative; height:77px;margin-bottom:12px; }
.index_news_list ul li span {top:-3px;width:75px;}
.index_news_list ul li span.date { font-size:20px;}
.index_news_list ul li span.year { top:24px;font-size:14px; }
.index_news_list ul li span.dian {left:87px;top:1px; width:1px; height:60px; background:#e0e0e0 }
.index_news_list ul li span.heng {top:46px; width:109px }
.index_news_list ul li p.title { height:20px}
.index_news_list ul li p.txt {line-height:18px;height:36px;}

.index_video { width:95%; margin:0px auto;}	 
.video-box { padding:1em 0 0}

.suspension {display:none}

}

@media only screen and (max-width: 320px) {
.index_about_img { float:none; width:100%; height:180px}
.index_about_img .pic, .index_about_img .pic li { width:100%; height:100%; max-width:100%; max-height:100%}
.index_about { position:relative}
.index_about_txt { position:absolute; z-index:10px; background:url(../images/white.png); padding:15px 15px 20px 15px; top:90px; width:92%; margin-left:4%; float:none}
.index_about_txt li.text {height:80px; overflow:hidden; margin-bottom:20px; font-size:14px; line-height:20px;}

.index_about_picture { margin-top:160px; padding:1px 0px 0px 0px; height:210px}

.index_youshi {width:98%; margin:0px auto;}
.index_youshi .tab_UL { height:auto; margin:0px auto 15px auto; text-align:center}
.index_youshi .tab_UL li { display:inline-block; padding-bottom:8px; width:46%; margin:0px 3px 5px 3px}
.index_youshi .tab_UL li a {color: #333; display: block; height:40px; line-height:36px; width:100%;font-size: 16px;cursor: pointer; text-align: center; border: #fff 1px solid; border-radius:20px; color: #fff;overflow:hidden}
.index_youshi .tab_UL li.curr a{ color: #fff; background:#5ead00;font-weight: bold; border:#5ead00 1px solid }
.index_youshi .tab_UL li.curr { background:none;}

.index_ys_img { float:none; width:100%; height:100px; margin-bottom:20px}
.index_ys_img table{ display:none}
.index_ys_img .m_ys_img { display:block; text-align:center}
.index_ys_img .m_ys_img ul li {width:30%; height:100px; margin:0px 3px; display:inline-block;}
.index_ys_img .m_ys_img img { width:100%; height:100%;}
.index_ys_txt {float:none; width:97%; margin:0px auto; padding-top:30px}
.index_ys_txt ul { margin:20px 25px}
.index_ys_txt ul li { padding-bottom:15px}
.index_ys_txt h4 { font-size:20px; line-height:24px; max-height:50px;}
.index_ys_txt h4 span { display:block; position:absolute; left:0px; top:-3px; width:55px; height:30px; line-height:30px; color:#fff; font-size:20px; font-weight:bold; text-align:center; background:#edbe16; border-radius:0px 20px 20px 0px;}

.index_icon { height:90px}
.index_icon ul { width:96%; margin:0px auto;}
.index_icon ul li.tel { float:left; width:97%;}
.index_icon ul li.tel img { width:100%}
.index_icon ul li.link { display:none}

.index_product { display:none}
.m_product { width:100%; min-height:300px; padding-bottom:70px; display:block}
.m_product ul li { width:45%; height:0px; float: left; overflow: hidden; padding-top:4%; padding-bottom:68%; text-align: center; background: #fff; box-shadow: 3px 3px 3px #eaeaea; border:#eaeaea 1px solid; font-size:14px; text-align: center; margin:0px 0px 20px 3%; }
.m_product ul li p.pic { width:95%; height:auto; overflow: hidden; margin: 0px auto 15px auto; }
.m_product ul li img { width:100%; height:autol}
.m_product ul li:hover { border:#5ead00 1px solid}
.m_product ul li:hover a { color:#5ead00; }
.m_product .more { padding-top:40px; text-align:center; display:block; width:100%;}
.m_product .more a {padding:15px 90px; font-size:14px; color:#fff;border-radius:30px; background:#5ead00}
.m_product ul li:last-child { display:none}

.index_honor { width:96%; padding-bottom:40px}
.index_honor .swiper-container {padding:47px 0px;}
.index_honor .swiper-pagination {top:20px}
.index_honor .swiper-slide { -webkit-box-shadow: rgba(0,0,0,.5) 0px 0px 5px; -moz-box-shadow: rgba(0,0,0,.5) 0px 0px 5px; box-shadow: rgba(0,0,0,.5) 0px 0px 5px; }
.index_honor .swiper-slide:hover { -webkit-box-shadow: rgba(0,0,0,.5) 0px 0px 10px; -moz-box-shadow: rgba(0,0,0,.5) 0px 0px 10px; box-shadow: rgba(0,0,0,.5) 0px 0px 10px; }
.index_honor .swiper-slide-active, .index_honor .swiper-slide-duplicate-active { -webkit-transform: scale(2.1); transform: scale(2.1); z-index:10}
.index_honor .swiper-button-next, .index_honor .swiper-button-prev { display:none}
.index_honor .swiper-pagination-bullet { width:12px; height:12px;}

.index_news { width:100%; margin:0px auto; padding-bottom:40px}
.index_news_pic {width:100%;float:none; position: relative;}
.cp_content {width:320px;height:180px;margin:0px auto;position: relative;}
.cp_content ul{ width:320px; height:180px; position: absolute; overflow: hidden; }
.cp_content ul li{width:320px; height:180px; float: left; overflow: hidden; }
.cp_conList{ width: 100%; height: 100%; overflow: hidden; position: relative }
.cp_conList dl{ width: 100%; height: 100%; text-align: left; float: left; overflow: hidden; }
.cp_conList dt{ width:100%; height:100%; overflow: hidden; }
.cp_conList dd { background:url(../images/pic_icon.png); padding:10px; text-align:center;display:block; position:absolute; left:0px; bottom:0px; height:60px;}
.cp_conList dd p.title {width:90%; margin:0px auto; height: 24px; font-size:16px; white-space: nowrap; color:#fff; text-overflow: ellipsis; overflow: hidden;}
.cp_conList dd p.txt { display:none}
.cp_conList dd span { display:none}
.cp_conList dd span.date {display:none}
.cp_conList dd span.year {display:none }
.cp_conList dd span.dian {display:none}
.cp_title_ben{top:160px; right:25% }
.cp_title_ben li{ float: left; margin-left:5px; width:30px; height:8px; border:#fff 1px solid; background:none; border-radius:20px; cursor: pointer; margin-top:0px}
.cp_title_ben li.on{width:30px; height:8px; background:#f2c114; border:#f2c114 1px solid;}

.index_news_list { width:320px; float:none; margin:20px auto 0px auto}
.index_news_list ul { background:none; }
.index_news_list ul li {padding-left:100px; position: relative; height:77px;margin-bottom:12px; }
.index_news_list ul li span {top:-3px;width:75px;}
.index_news_list ul li span.date { font-size:20px;}
.index_news_list ul li span.year { top:24px;font-size:14px; }
.index_news_list ul li span.dian {left:87px;top:1px; width:1px; height:60px; background:#e0e0e0 }
.index_news_list ul li span.heng {top:46px; width:109px }
.index_news_list ul li p.title { height:20px}
.index_news_list ul li p.txt {line-height:18px;height:36px;}

.index_video { width:95%; margin:0px auto;}	 
.video-box { padding:1em 0 0}
	
.suspension {display:none}

}

/*友情链接*/
.index_link {padding:60px 0px 30px 0px;}
.index_link li { height:40px; line-height:40px; color:#333;}
.index_link li b { font-weight:bold}
.index_link li span { color:#ccc; margin:0px 15px}

/*=== index End ===*/