/*首页*/
.text-overflow{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.adv{ width: 100%; position: relative}
.adv__box{ width: 100%}
.adv__box .item{ width: 100%}
.adv__arrow{ width: 66px; height: 66px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; top: 50%; margin-top: -33px}
.carousel-control.right{ background: none; right: 40px;}
.carousel-control.left{ background: none; left: 40px;}
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next{ margin-right: -15px; margin-top: -15px}
.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev{ margin-left: -15px; margin-top: -15px}
.carousel-inner>.item img  {width: 100%;}

.menu{ width: 100%; height: 131px; background: rgba(0,0,0,.7); position: absolute; left: 0; top: 0; transition: all 0.2s;animation:fadeInDown 1s;}
.menu__top{ width: 100%; height: 75px; border-bottom: 1px solid #fff; position: relative}
.menu__logo{ width: 177px; height:45px; background: url("../img/logo3.png") no-repeat center; position: absolute; left: 399px; top: 14px; display: block}
.menu__language{ width: 51px; height: 24px;   position: absolute; cursor: pointer; right: 6px; top: 21px; z-index: 2; font-size: 12px; color: #fff; padding:9px 0 0 22px;}
.menu__language__box{ width: 71px; height: 84px; padding: 6px 0; position: absolute; background: #fff; top: -6px; left: 0px; box-shadow:1px 1px 4px rgba(0,0,0,.4); display: none; }
.menu__language__box a{ float: left; width: 100%; line-height: 35px; text-align: center;}
.menu__language__box a:hover{ color: #3d7cd2}


.menu__search{ width: 286px; height: 50px; overflow: hidden; position: absolute; right: 56px; top: 12px; display: block}
.menu__search__box{ float: right; width: 0; height: 50px; overflow: hidden; background: #dfdfdf; display: block; -webkit-transition-duration: .2s; -moz-transition-duration: .2s; -o-transition-duration: .2s}
.menu__search__go{ float: left; width: 50px; height: 50px; cursor: pointer; text-align: center; display: block}
.menu__search__go span{ color: #616161; font-size: 2rem; line-height: 50px}
.menu__search__line{ float: left; width: 1px; height: 22px; background: #c7c7c7; overflow: hidden; margin: 14px 0 0 0; display: block}
.menu__search__close{ float: left; width: 44px; height: 50px; cursor: pointer; text-align: center; display: block}
.menu__search__close span{ color: #000; font-size: 2rem; line-height: 50px}
.menu__search__text{ float: left; width: 161px; bottom: 0; background: transparent; margin: 0 15px; height: 50px; line-height: 50px; display: block; outline: none;}
.menu__search__show{ float: right; width: 50px; height: 24px; cursor: pointer; border-right: 1px solid #fff; text-align: center; margin: 13px 0 0 0; display: block}
.menu__search__show span{ color: #fff; font-size: 2rem; line-height: 24px}







.menu__con{ width: 100; margin:0px auto;  height: 56px; overflow: hidden;transition: all 0.1s;}
.menu__href{ float: left; width: 203px; line-height: 54px; border-bottom: 2px solid transparent; color: #fff; font-size: 1.8rem; padding-left: 18px; display: block; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; transition: all 0.1s;}
.menu__href:hover{ color: #3d7cd2; border-bottom: 2px solid #3d7cd2}
.menu__down{ float: left; width: 100%; height: 230px; background: #fff; border-top: 1px solid #c7c7c7; transition: all 0.1s;}
.menu__det{ float: left; width: 185px; margin: 12px 0 0 18px}
.menu__click{ float: left; width: 185px; line-height: 34px; color: #000; display: block}

.menu:hover{ background: #fff}
.menu:hover .menu__logo{ background: url("../img/logo2.png") no-repeat center}
.menu:hover .menu__language{ color: #000}
.menu:hover .menu__search__show{ border-right: 1px solid #616161}
.menu:hover .menu__search__show span{ color: #616161}
.menu:hover .menu__top{ border-bottom: 1px solid #c7c7c7}
.menu:hover .menu__href{ color: #000}
.menu:hover .menu__href:hover{ color: #3d7cd2}
/*.menu__con .box:hover{ height: 294px}*/



.series{ width: 100%; padding:20px 0px 50px 0px; }
.series__title{ float: left; width: 100%; line-height: 36px; height: 36px; color: #000; font-size: 2.4rem;  margin-top: 
30px;}
.series__title span{ color: #000; font-size: 2.4rem; font-weight: bold}
.series__txt{ float: left; width: 100%; line-height: 32px; height: 32px; color: #adadad; font-size: 2rem}
.series__box{ float: left; width: 100%; padding: 6px 0 0 0}
.series__show{ float: left; width: 320px; height: 60px; margin: 20px 0 0 0; display: block}

.series--1{ background: url("../img/series--1.png") no-repeat center #b5d230}
.series--2{ background: url("../img/series--2.png") no-repeat center #b5d230}
.series--3{ background: url("../img/series--3.png") no-repeat center #b5d230}
.series--4{ background: url("../img/series--4.png") no-repeat center #b5d230}
.series--5{ background: url("../img/series--5.png") no-repeat center #b5d230}
.series--6{ background: url("../img/series--6.png") no-repeat center #b5d230}

.series__icon{ float: left; width: 60px; height: 60px; background-color: #b5d230 !important; display: block; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px}
.series__det{ float: left; width: 250px; margin: 7px 0 0 10px; display: block}
.series__tit{ float: left; width: 250px; line-height: 22px; height: 22px; font-size: 1.3rem; font-weight: bold; color: #656565; display: block}
.series__tip{ float: left; width: 250px; line-height: 24px; font-size: 1.3rem; color: #adadad; display: block}
.series__show:hover .series__icon{ background-color: #3d7cd2!important;}
.series__show:hover .series__tit{ color: #3d7cd2}
.series__show:hover .series__tip{ color: #3d7cd2}
.series__more{ float: left; width: 100%; line-height: 38px; margin: 24px 0 0 0; font-size: 2rem; color: #adadad; display: block}


.about{ width: 100%; height: 440px; background: #b5d230}
.about__title{ float: left; width: 100%; line-height: 36px; height: 36px; color: #fff; font-size: 2.4rem; margin: 40px 0 0 0}
.about__title span{ color: #fff; font-size: 2.4rem; font-weight: bold}
.about__txt{ float: left; width: 100%; line-height: 32px; height: 32px; color: #fff; font-size: 2rem}
.about__box{ float: left; width: 100%; padding: 8px 0 0 0}



.product{ width: 100%}
.product__title{ float: left; width: 100%; line-height: 36px; height: 36px; color: #000; font-size: 2.4rem; margin: 28px 0 0 0}
.product__title span{ color: #000; font-size: 2.4rem; font-weight: bold}
.product__txt{ float: left; width: 100%; line-height: 32px; height: 32px; color: #adadad; font-size: 2rem}
.product__box{ float: left; width: 100%; padding: 28px 0 100px 0}
.product__show{ float: left; width: 20%; overflow: hidden; display: block; position: relative;}
.product__img{ float: left; width: 100%; height: 100%; display: block}
.product__tit{  width: 100%; height: 100%; font-size: 2rem; color: #fff; font-weight: bold; text-decoration: underline; text-align: center; background: rgba(115,139,4,.7); transition:all 0.5s; position: absolute;  left: 0px; top: 0px; padding-top:46%; overflow: hidden; opacity: 0;}
.product__show:hover .product__tit{opacity: 1;}


.information{ width: 100%; height: 400px; background: #b5d230}
.information__title{ float: left; width: 100%; line-height: 36px; height: 36px; color: #fff; font-size: 2.4rem; margin: 40px 0 0 0}
.information__title span{ color: #fff; font-size: 2.4rem; font-weight: bold}
.information__txt{ float: left; width: 100%; line-height: 32px; height: 32px; color: #fff; font-size: 2rem}
.information__box{ float: left; width: 100%; padding: 18px 0 0 0}
.information__show{ float: left; width: 225px; height: 225px; background: #91ab17; margin: 0 0 0 20px; display: block}
.information__icon{ float: left; width: 225px; height: 120px; text-align: center; margin: 22px 0 0 0; display: block}
.information--1{ background: url("../img/information--1.png") no-repeat center}
.information--2{ background: url("../img/information--2.png") no-repeat center}
.information--3{ background: url("../img/information--3.png") no-repeat center}
.information--4{ background: url("../img/information--4.png") no-repeat center}





.information__tit{ float: left; width: 225px; height: 26px; line-height: 26px; text-align: center; font-size: 2rem; color: #fff; font-weight: bold; display: block}
.information__tip{ float: left; width: 225px; height: 24px; line-height: 24px; text-align: center; font-size: 2rem; color: #fff; display: block}
.information__show:hover .information__icon span{ color: #66790d}
.information__show:hover .information__tit{ color: #66790d}
.information__show:hover .information__tip{ color: #66790d}
.information__show:hover .information--1{ background: url("../img/information--1--hover.png") no-repeat center}
.information__show:hover .information--2{ background: url("../img/information--2--hover.png") no-repeat center}
.information__show:hover .information--3{ background: url("../img/information--3--hover.png") no-repeat center}
.information__show:hover .information--4{ background: url("../img/information--4--hover.png") no-repeat center}


.advantage{ width: 100%;  padding-bottom: 70px; background: #51626f}
.advantage__title{ float: left; width: 100%; line-height: 36px; height: 36px; color: #fff; font-size: 2.4rem; margin: 50px 0 0 0}
.advantage__title span{ color: #fff; font-size: 2.4rem; font-weight: bold}
.advantage__txt{ float: left; width: 100%; line-height: 32px; height: 32px; color: #adadad; font-size: 2rem}
.advantage__box{ float: left; width: 100%; padding: 22px 0 0 0}


.brand{ width: 100%; padding-bottom: 70px;}
.brand__title{ float: left; width: 100%; line-height: 36px; height: 36px; color: #000; font-size: 2.4rem; margin: 40px 0 0 0}
.brand__title span{ color: #000; font-size: 2.4rem; font-weight: bold}
.brand__txt{ float: left; width: 100%; line-height: 32px; height: 32px; color: #adadad; font-size: 2rem}
.brand__box{ float: left; width: 100%; padding: 18px 0 0 0}
.brand__show{ float: left; width: 298px; height: 394px; margin: 0 0 0 33px; display: block}
.brand__show img{ width: 298px; height: 394px; display: block}


.fast{ width: 60px; position: fixed; right: 40px; bottom: 30px; z-index: 5; opacity: 0;}
.fast__btn{ float: left; width: 60px; height: 60px; background: rgba(0,0,0,.5); margin-bottom: 2px; display: block}
.fast__icon{ float: left; width: 60px; height: 32px; margin: 4px 0 0 0; display: block}
.fast__txt{ float: left; width: 60px; height: 20px; line-height: 20px; color: #fff; font-size: 1.4rem; text-align: center; display: block}
.fast--1{ background: url("../img/arrow__top.png") no-repeat center}
.fast--2{ background: url("../img/back.png") no-repeat center}



.margin__left--0{ margin-left: 0}
.margin__left--221{ margin-left: 221px}
.width--148{ width: 148px}

/*内页横幅图*/
.bannerImg {position: relative; height: 335px; width: 100%; overflow: hidden; background: url(../img/t1.jpg) no-repeat top center}
.bannerImg .Contents {position: absolute; top:213px; text-align: center; color:#000; width:100%; }
.bannerImg .Contents  .t1{color: #000; font-size: 24px; font=font-weight: 800;animation:fadeInUp 1s;}
.bannerImg .Contents  .t2{color: #000; font-size: 20px;animation:fadeInUp 1.3s;}

/*产品列表页的隐藏导航*/
.HideMenu {height: 60px; position: relative; box-shadow: 2px 5px 5px #eee; transition: all 0.2s; display: none; position: fixed; top: 0px; left: 0px; width: 100%; background: #fff; z-index: 9; min-width: 1366px;}
.HideMenu .logo {z-index: 2; position: absolute; left: 2.5%; top: 13px; animation:fadeInLeft 1s;}
.HideMenu .logo a img {transition:all 0.5s; width: 80%;}
.HideMenu .logo:hover img{width: 105%;}
.HideMenu .menus {position: absolute; left: 0px; right: 0px; top: 0px; z-index: 999}
.HideMenu .menus ul li{ float: left; padding:0 18px; font-size: 15px; color: #000;  padding-top: 20px; height: 60px; position:relative;  transition: all 0.2s; }
.HideMenu .menus ul li:before {content:''; background: #B7D200; width: 1px; height: 15px; position: absolute; right: 0px; top:21px;}
.HideMenu .menus ul a:first-child li{margin-left: 0px; /**width: 128px;*/}
.HideMenu .menus ul a:last-child li:before{background: none;}
.HideMenu .menus ul a:hover li{  border-bottom:3px #B7D200 solid;   }
.HideMenu .menus ul .cur{  border-bottom:3px #B7D200 solid;   }

.Lines {border-top: 1px solid #ADADAD; width: 100%;}

/*产品列表页*/
.productList { padding-top: 31px; padding-bottom: 50px;}
.productList ul li { float: left; width: 230px; height: 313px; margin-right:13px; padding-bottom: 30px; margin-bottom: 13px; transition: all 0.2s; }
.productList ul li img{width: 100%;}
.productList ul li .Title{ font-size: 16px; color: #000; text-align: center; padding-top: 10px;overflow: hidden;  text-overflow: ellipsis; white-space: nowrap;}
.productList ul li .tips{ font-size: 15px; color: #adadad; text-align: center; line-height: 21px;}
.productList ul a:nth-child(4n+1) li{margin-right: 0px;}
.productList ul a:hover li{box-shadow:1px 1px 10px #999; }
.productList ul a:hover .Title{color: #000;white-space: normal !important;}
.productList ul a:hover .tips{color: #000;}



/*产品详细页*/

.productShow {padding: 32px 0px;}
.productShow .BigPic {width: 490px; text-align: center; float: left; padding-bottom: 52px; z-index: -1 }
.productShow .BigPic .carousel{z-index: 0}
.productShow .BigPic .carousel .carousel-inner{width: 452px; height: 452px; overflow: hidden; margin-left: 19px;}
.productShow .BigPic .carousel .glyphicon-chevron-left {background: url(../img/t1.png) no-repeat; left:-20px;}
.productShow .BigPic .carousel .glyphicon-chevron-right {background: url(../img/t2.png) no-repeat; right: -40px;}
.productShow .BigPic .carousel .glyphicon-chevron-left:before {content:'';}
.productShow .BigPic .carousel .glyphicon-chevron-right:before {content:'';}
.productShow .BigPic .carousel-indicators {bottom:-44px;}
.productShow .BigPic .carousel-indicators li{border: 1px solid #000;}
.productShow .BigPic .carousel-indicators .active{background-color: #000;}
.productShow .BigPic .item img{width: 452px; height: 452px;}
.productShow .Parameters {float: right; width: 428px;}
.productShow .Parameters ul li { border-bottom: 1px solid #C2C2C2; line-height: 28px; padding:14px 0px;font-size: 15px;  position: relative;padding-left: 77px; text-transform: uppercase;  z-index: -1}
.productShow .Parameters ul li *{font-size: 15px;}
.productShow .Parameters ul li span{color:#262626; position: absolute; left: 0px; top: 14px; z-index: -1;}
.productShow .Parameters ul li i{ min-width: 23px; min-height: 23px; float: left; background: #91CEE1; margin-right: 20px; margin-bottom: 15px;}
.productShow .Contents{padding:64px 0px;}
.productShow .Contents img {max-width: 100%;}


.informtaClassList {padding:40px 0;}
.informtaClassList ul li{text-transform: uppercase; color: #adadad; text-align: center; float: left; width: 25%; font-size: 15px;}
.informtaClassList ul li .Pic{background-color: #B7D100; border-radius: 5px; width: 90px; height: 90px; text-align: center; padding-top: 13px; margin:0px auto;  transition: all 0.5s; }
.informtaClassList ul li .Title_{color: #6f6f6f; font-weight: 800px; text-align: center;font-size: 15px; text-transform: uppercase; margin-top: 5px;}

.informtaClassList ul li:hover .Pic{ background-color: #268ED1; }
.informtaClassList ul li:hover {color: #000;}
.informtaClassList ul li:hover .Title_{  color: #000;}



.ContentPic {margin:30px auto; border-bottom: 1px solid #e7e7e7;}
.ContentList {margin:30px auto 50px auto;}
.ContentList img {max-width: 100%;}
.ContentList ul li{ float: left; width: 228px; margin-right: 16px; margin-top: 30px; }
.ContentList ul a:nth-child(4n) li{  margin-right: 0; }
.ContentList ul li .Pic{overflow: hidden}
.ContentList ul li .Pic img {width: 100%;}
.ContentList ul li .Title_ {border:1px solid #C7C7C7; border-top: 0px; height: 54px;  background: url(../img/t2.gif) no-repeat #f4f4f4 71px 26px; text-align: center; line-height: 34px; color: #000; font-size:15px;}

.ContentList ul li:hover .Pic img{ opacity: .6; }
.ContentList ul li:hover .Title_ {color:#298FD1;}