﻿@charset "utf-8";
/* CSS Document */

/* Title */
.Title{width: 100%;text-align: center;padding-top: 52px;}
.Title h2{font-size: 38px;color: #333333;}
.Title h2 a{color: #333333;text-decoration: none;}
.Title h2 em{color: #00984f;font-weight: bold;}
.Title i{display: block;width: 228px;height: 7px;margin: 12px auto 0;}
.Title i img{display: block;width: 228px;height: 7px;}

/* banner 
.banner{width: 100%;overflow: hidden;height: 546px;position: relative;}
.banner a{display: block;background: url(../images/banner1.jpg) no-repeat center;height: 546px;}
.banner .btnList{width: 100%;text-align: center;position: absolute;bottom: 20px;left: 0;}
.banner .btnList span{display: inline-block;width: 24px;height: 25px;background: url(../images/banner_icon01.png) no-repeat center;cursor: pointer; margin: 0 4px;}
.banner .btnList span.cur{background: url(../images/banner_icon02.png) no-repeat center;}*/
/* banner
.banner{ overflow:hidden; width:100%;}
#flashs{ position:relative; height:546px; overflow:hidden;}
#flashs .bgitem{z-index:1;position:absolute; top:0; }
#flashs .btn{ width: 100%;text-align: center;position: absolute;bottom: 20px;left: 0;z-index: 9999;}
#flashs .btn span{ display: inline-block;width: 24px;height: 25px;background: url(../images/banner_icon01.png) no-repeat center;cursor: pointer; margin: 0 4px;}
#flashs .btn span.cur {background: url(../images/banner_icon02.png) no-repeat center;}

#flashs .bot{ display:block; position:absolute; width:58px; height:58px; top:50%; margin-top:-29px;display: none;}
#flashs .bot1{ background:url(Img/babot1.png) no-repeat center; left:5%; z-index: 2;}
#flashs .bot2{ background:url(Img/babot2.png) no-repeat center; right:5%; z-index: 2;}
#flashs:hover .bot{display: block;} */




#flashs{ position:relative; height:546px; overflow:hidden;width: 100%;}
#flashs .bgitem{z-index:1;position:absolute; top:0; }
#flashs .btn{width: 100%;text-align: center;position: absolute;bottom: 20px;left: 0;z-index: 99999;font-size:0px;}
#flashs .btn span{display: inline-block;width: 24px;height: 25px;background: url(../images/banner_icon01.png) no-repeat center;cursor: pointer; margin: 0 4px;}
#flashs .btn span.cur {background: url(../images/banner_icon02.png) no-repeat center;}

#flashs .bot{ display:block; position:absolute; width:58px; height:58px; top:50%; margin-top:-29px;display: none;}
#flashs .bot1{ background:url(../images/babot1.png) no-repeat center; left:5%; z-index: 2;}
#flashs .bot2{ background:url(../images/babot2.png) no-repeat center; right:5%; z-index: 2;}
#flashs:hover .bot{display: block;}

/* search */
.search{width: 100%;height: 66px;background: #f3f2f2;}
.search p{float: left;height: 66px;line-height:66px;font-size: 14px;color: #666666;width: 723px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.search p a{font-size: 14px;color: #666666;font-weight: normal;margin-right: 16px;}

.search .Input{width: 335px;height: 33px;line-height: 33px;float: right;margin-top: 17px;position: relative;background: url(../images/searchBg.png) no-repeat center;}
.search .Input input{font-size: 14px;outline: none;border: none;color: #999999;height: 33px;line-height: 33px;width: 275px;padding-left: 18px;background: none;float: left;}
.search .Input a{display: block;width: 42px;height:33px;background: url(../images/searchBtn.png) no-repeat center;float: right;}

/* product */
.product{width: 100%;padding-bottom: 50px;}
.product .mainCon{width: 100%;margin-top: 42px;}
.product .mainCon .menu{width: 100%;text-align: center;}
.product .mainCon .menu li{display: inline-block;*display: inline-block;width: 180px;height: 37px;line-height: 37px;text-align: center;border: 1px solid #e4e4e4;font-size: 17px;color: #666666;margin: 0 6px;}
.product .mainCon .menu li a{color: #666666;text-decoration: none;}
.product .mainCon .menu li.cur{background: #00984f;border-color: #00984f;}
.product .mainCon .menu li.cur a{color: #fff;}
.product .mainCon .conBox{width: 100%;margin-top: 47px;/*height: 742px;*/overflow: hidden;position: relative;}
.product .mainCon .conBox ul{width: 105%;}
.product .mainCon .conBox li{width: 31%;height: 360px;position: relative;float: left;margin-right: 22px;margin-bottom: 22px;}
.product .mainCon .conBox li span img{display: block;width: 100%;height: 360px;transform: scale(1);transition: all 1s ease-out;}
.product .mainCon .conBox li span{display: block;width: 100%;height: 360px;overflow: hidden;}
.product .mainCon .conBox li a{display: none;width: 100%;height: 360px;text-align: center;position: absolute;top: 0;left: 0;text-decoration: none;background: url(../images/productBg01.png);}
.product .mainCon .conBox li a em{font-size: 18px;color: #fff;display: inline-block;*display: inline-block;*zoom:1;vertical-align: middle;}
.product .mainCon .conBox li a b{display: inline-block;*display: inline-block;*zoom:1;vertical-align: middle;height: 100%;width: 0;}
.product .mainCon .conBox li i{display: block;width: 78px;height: 94px;position: absolute;right: 0;bottom: 0;}
.product .mainCon .conBox li i img{display: block;width: 78px;height: 94px;}
.product .mainCon .conBox li:hover span img{transform: scale(1.2);}
.product .mainCon .conBox li:hover a{display: block;}


/* adv */
.adv{width: 100%;background: url(../images/advBg.jpg) no-repeat center;height: 897px;}
.adv .Title{padding-top: 102px;}
.adv .Title p{font-size: 25px;color: #666666;}
.adv .Title p em{color: #00984f;font-weight: bold;font-size: 36px;}
.adv .mainCon{width: 100%;margin-top: 42px;}
.adv .mainCon li{float: left;width: 298px;background: #fff;padding-top: 52px;height: 236px;border-top: 1px solid #ebebeb;border-right: 1px solid #ebebeb;}
.adv .mainCon li img{display: block;width: 81px;height: 81px;margin: 0 auto;}
.adv .mainCon li h3{font-size: 18px;color: #333333;margin: 24px 0 18px 0;text-align: center;}
.adv .mainCon li p{font-size: 14px;color: #888888;line-height: 24px;padding: 0 30px;}
.adv .mainCon li:hover{box-shadow: 0 0 48px -12px #999;
    z-index: 9;
    position: relative;}


/* choose */
.choose{width: 100%;}
.choose .Title{height: 131px;background: url(../images/chooseBg.jpg) no-repeat center;}
.choose .Title p{font-size: 25px;color: #666666;}
.choose .Title p em{color: #00984f;font-weight: bold;font-size: 36px;}
.choose .mainCon{width: 100%;margin-top: 58px;position: relative;height: 996px;}
.choose .mainCon img{display: block;}
.choose .mainCon .Pics01{width: 534px;height: 434px;position: absolute;top: 0;left: 0;}
.choose .mainCon .Pics02{width: 586px;height: 387px;position: absolute;bottom: 72px;right: 0;}
.choose .mainCon dl{width: 578px;position: absolute;}
.choose .mainCon dt{float: left;width: 65px;height: 85px;background: #00984f;text-align: center;}
.choose .mainCon dt span{display: block;font-size: 40px;color: #fff;font-weight: bold;font-family: arial;padding-top: 10px;}
.choose .mainCon .dl1{left: 603px;top: 17px;}
.choose .mainCon dt i{display: block;width: 34px;height: 1px;background: #fff;margin:10px auto 0;}
.choose .mainCon dd{float: right;width: 486px;}
.choose .mainCon dd h3{font-size: 24px;color: #333333;padding-bottom: 14px;border-bottom: 1px dotted #c0c0c0;width: 474px;}
.choose .mainCon dd h3 em{font-weight: bold;color: #00984f;}
.choose .mainCon dd ul{margin-top: 20px;}
.choose .mainCon dd li{padding-left: 16px;background: url(../images/choose_icon01.png) no-repeat left 8px;font-size: 14px;color: #666666;line-height: 24px;margin-bottom: 5px;}
.choose .mainCon dl.dl2{top: 251px;left: 603px;}
.choose .mainCon dl.dl3{left: 0;top: 527px;}
.choose .mainCon dl.dl4{left: 0;top: 761px;}

/* contrast */
.contrast{width: 100%;background: url(../images/contrastBg.jpg) no-repeat center;height: 666px;}
.contrast .Title{padding-top: 80px;}
.contrast .Title h2 img{display: block;margin: 0 auto;}
.contrast .mainCon{margin-top: 50px;}
.contrast .mainCon .contrast-header li{width: 215px;height: 102px;float: left;border-left: 1px solid #e2e4e3;background: #ecf7f2;text-align: center;line-height: 102px;font-size: 20px;color: #333333;font-weight: bold;}
.contrast .mainCon .contrast-header li:first-child{width: 120px;border-left: none;color: #00984f;}
.contrast .mainCon .contrast-header li img{position: relative;top:22px;margin-right: 5px;}
.contrast .mainCon .contrast-same li{float: left;width: 215px;height: 126px;float: left;border-left: 1px solid #e2e4e3;background: #fff;text-align: center;font-size: 15px;color: #888888;}
.contrast .mainCon .contrast-same li:first-child{border-left: none;width: 120px;line-height: 126px;font-weight: bold;font-size: 18px;color: #333333;background: #eeeeee;}
.contrast .mainCon .contrast-same li p{display: inline-block;*display: inline-block;*zoom:1;vertical-align: middle;line-height: 25px;}
.contrast .mainCon .contrast-same li span{display: inline-block;*display: inline-block;*zoom:1;vertical-align: middle;height: 100%;width: 0;}
.contrast .mainCon .contrast-ql li{background:#00984f;}
.contrast .mainCon .contrast-ql li p{color: #fff;}
.contrast .mainCon .contrast-ql li:first-child{background:#00984f;}
.contrast .mainCon .contrast-ql li:first-child{color: #fff;}

/* liuy */
.liuy{width: 100%;background: #00984f;height: 664px;}
.liuy .mainCon{padding-top: 102px;margin-left: 32px;}
.liuy .mainCon .box1{width: 534px;}
.liuy .mainCon .box1 input{width: 238px;height: 47px;line-height: 47px;padding: 0 10px;border: 1px solid #e6e6e6;outline: none;display: block;float: left;margin-bottom: 14px;font-size: 14px;color: #999999;}
.liuy .mainCon .box1 .name{margin-right: 14px;}
.liuy .mainCon .box1 textarea{padding:15px 10px 0;width: 514px;border: 1px solid #e6e6e6;font-size: 14px;color: #999999;height: 110px;outline: none;resize: none;}
.liuy .mainCon .box2{margin-top: 36px;width: 534px;}
.liuy .mainCon .box2 a{display: block;width: 195px;height: 45px;line-height: 45px;text-align: center;float: left;background: #333333;border-radius: 6px;font-size: 18px;color: #fff;text-decoration: none;}
.liuy .mainCon .box2 a img{width: 27px;height: 27px;margin-right: 10px;position: relative;top: 6px;}
.liuy .mainCon .box2 .phone{background: url(../images/ly_phone.png) no-repeat left center;padding-left: 50px;float: right;}
.liuy .mainCon .box2 .phone p{color: #999999;font-size: 14px;padding-top: 2px;}
.liuy .mainCon .box2 .phone span{display: block;font-size: 26px;color: #333333;font-family: arial;}


/* about */
.about{width: 100%;padding-bottom: 74px;}
.about .Title{padding-top: 66px;}
.about .mainCon{margin-top: 62px;}
.about .conBox1{width: 1200px;margin: 0 auto;}
.about .conBox1 dt{float: left;width: 520px;height: 324px;}
.about .conBox1 dt img{display: block;width: 520px;height: 324px;}
.about .conBox1 dd{width: 640px;float:right;}
.about .conBox1 dd h3{font-size: 20px;color: #00984f;padding-top: 12px;}
.about .conBox1 dd h3 a{color: #00984f;text-decoration: none;}
.about .conBox1 dd p{margin-top: 45px;line-height: 24px;text-indent: 2em;font-size: 14px;color: #666666;}
.about .conBox1 dd a.details{width: 128px;height: 37px;text-align: center;line-height: 37px;font-size: 14px;color: #00984f;background: url(../images/about_ty.png) no-repeat center;margin-top: 46px;display: block;text-decoration: none;}
.about .conBox2{width: 100%;margin-top: 40px;}
.about .conBox2 .menu{border-bottom: 2px solid #e7e7e7;width: 1200px;margin: 0 auto;}
.about .conBox2 .menu li{float: left;font-size: 16px;color: #333333;font-weight: bold;padding-right: 12px;padding-bottom: 12px;position: relative;}
.about .conBox2 .menu li i{display: none;position: absolute;bottom: -2px;width: 100%;height: 2px;background: #00984f;left: 0;}
.about .conBox2 .menu li a{color: #333333;text-decoration: none;}
.about .conBox2 .menu li span{font-size: 16px;color: #b6b6b6;margin-right: 12px;}
.about .conBox2 .menu li:first-child span{display: none;}
.about .conBox2 .menu li:first-child{padding-left: 20px;}
.about .conBox2 .menu li.cur a{color: #00984f;}
.about .conBox2 .menu li.cur i{display: block;}
.about .conBox2 .con{width: 1350px;margin: 36px auto 0;height: 249px;overflow: hidden;position: relative;}
.about .conBox2 .lunb{width: 1200px;position: relative;margin: 0 auto;}
.about .conBox2 .lunb i.aboutBtn{display: block;width: 45px;height: 45px;overflow: hidden;cursor: pointer;position: absolute;top: 78px;}
.about .conBox2 .lunb i.aboutBtn img{display: block;width: 45px;height: 90px;position: relative;}
.about .conBox2 .lunb i.aboutBtn:hover img{top: -45px;}
.about .conBox2 .lunb i.prev{left: -74px;}
.about .conBox2 .lunb i.next{right: -74px;}
.about .conBox2 .lunb .box{width: 100%;position: relative;height: 249px;overflow: hidden;}
.about .conBox2 .lunb .box ul{width: 105%;position: absolute;left: 0;top: 0;}
.about .conBox2 .lunb .box li{float: left;height: 249px;width: 282px;margin-right: 24px;overflow: hidden;position: relative;}
.about .conBox2 .lunb .box li i.xian{display: block;width: 282px;height: 2px;background: #e0e0e0;}
.about .conBox2 .lunb .box li i.xianL{width: 141px;height: 2px;background: #00984f;position: absolute;left: -141px;bottom: 0px;}
.about .conBox2 .lunb .box li i.xianR{width: 141px;height: 2px;background: #00984f;position: absolute;right: -141px;bottom: 0px;}
.about .conBox2 .lunb .box p{width: 282px;height: 200px;position: relative;}
.about .conBox2 .lunb .box p span{display: block;width: 282px;height: 200px;overflow: hidden;}
.about .conBox2 .lunb .box p span img{display: block;width: 282px;height: 200px;transform: scale(1);transition: all 1s ease-out;}
.about .conBox2 .lunb .box p a{display: none;width: 282px;height: 142px;position: absolute;top: 0;left: 0;padding-top: 58px;background: url(../images/aboutBg.png);text-align: center;text-decoration: none;}
.about .conBox2 .lunb .box p a img{display: block;width: 36px;height: 36px;margin: 0 auto;}
.about .conBox2 .lunb .box p a b{font-size: 14px;color: #fff;font-weight: normal;margin-top: 22px;display: block;}
.about .conBox2 .lunb .box em{display: block;font-size: 14px;color: #666666;height: 47px;line-height: 47px;text-align: center;padding: 0 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.about .conBox2 .lunb .box li:hover p a{display: block;}
.about .conBox2 .lunb .box li:hover p span img{transform: scale(1.2);}


/* news */
.news{width: 100%;background: url(../images/newsBg.jpg) no-repeat center;height: 729px;}
.news .mainCon{margin-top: 40px;}
.news .mainCon .conL{width: 816px;float: left;background: #fff;}
.news .mainCon .conL .top{height: 59px;border-bottom: 2px solid #e0e0e0;}
.news .mainCon .conL .top ul{float: left;}

.news .mainCon .conL .top li{float: left;font-size: 16px;color: #333333;font-weight: bold;padding-right: 12px;position: relative;line-height: 59px;}
.news .mainCon .conL .top li i{display: none;position: absolute;bottom: -2px;width: 100%;height: 2px;background: #00984f;left: 0;}
.news .mainCon .conL .top li a{color: #333333;text-decoration: none;}
.news .mainCon .conL .top li span{font-size: 16px;color: #b6b6b6;margin-right: 12px;}
.news .mainCon .conL .top li:first-child span{display: none;}
.news .mainCon .conL .top li:first-child{padding-left: 20px;}
.news .mainCon .conL .top li.cur a{color: #00984f;}
.news .mainCon .conL .top li.cur i{display: block;}

.news .mainCon .conL .top a.more{display: block;width: 81px;height: 59px;text-align: center;line-height: 59px;font-size: 14px;color: #818181;text-decoration: none;text-transform: uppercase;float: right;border-left: 2px solid #e0e0e0;}
.news .mainCon .conL .top a.more:hover{color: #00984f;}
.news .mainCon .conL .conBox{padding-top: 26px;height: 418px;overflow: hidden;position: relative;}
.news .mainCon .conL .conBox .box{height: 418px;}
.news .mainCon .conL .conBox .boxL{float: left;width: 305px;margin-left: 32px;}
.news .mainCon .conL .conBox .boxL img{display: block;width: 305px;height: 189px;}
.news .mainCon .conL .conBox .boxL h3{font-size: 14px;color: #333333;margin: 26px 0 22px 0;}
.news .mainCon .conL .conBox .boxL h3 a{color: #333333;text-decoration: none;}
.news .mainCon .conL .conBox .boxL p{font-size: 13px;color: #666666;line-height: 24px;overflow: hidden;text-overflow: ellipsis;height: 72px;padding-right: 8px;}
.news .mainCon .conL .conBox .boxL p a{color: #666666;text-decoration: none;}
.news .mainCon .conL .conBox .boxL a.details{width: 122px;height: 37px;text-align: center;line-height: 37px;font-size: 14px;color: #00984f;background: url(../images/news_ty.png) no-repeat center;margin-top: 22px;display: block;text-decoration: none;}
.news .mainCon .conL .conBox .boxR{width: 422px;float: left;margin-left: 28px;}
.news .mainCon .conL .conBox .boxR dl{margin-top: 14px;height: 113px;border: 1px solid #ececec;}
.news .mainCon .conL .conBox .boxR dl:first-child{margin-top: 0;}
.news .mainCon .conL .conBox .boxR dt{width: 108px;margin-top: 16px;float: left;text-align: center;background: url(../images/news_xian.png) no-repeat right 16px;}
.news .mainCon .conL .conBox .boxR dt span{display: block;font-size: 44px;color: #333333;font-family: arial;}
.news .mainCon .conL .conBox .boxR dt em{font-size: 18px;color: #333333;display: block;}
.news .mainCon .conL .conBox .boxR dd{margin-left: 22px;width: 274px;float: left;margin-top: 22px;}
.news .mainCon .conL .conBox .boxR dd h3{font-size: 14px;color: #333333;}
.news .mainCon .conL .conBox .boxR dd h3 a{color: #333333;text-decoration: none;}
.news .mainCon .conL .conBox .boxR dd p{font-size: 14px;color: #888888;line-height: 24px;height: 48px;margin-top: 12px;}
.news .mainCon .conL .conBox .boxR dd p a{color: #888888;text-decoration: none;}
.news .mainCon .conL .conBox .boxR dl:hover dd h3 a{color: #00984f;}
.news .mainCon .conL .conBox .boxR dl:hover dt span,.news .mainCon .conL .conBox .boxR dl:hover dt em{color: #00984f;}
.news .mainCon .conR{width: 358px;float: right;background: #fff;padding-bottom: 30px;}
.news .mainCon .conR .top{height: 59px;border-bottom: 2px solid #e0e0e0;}
.news .mainCon .conR .top h3{float: left;font-size: 16px;color: #333333;line-height: 59px;margin-left: 30px;}
.news .mainCon .conR .top h3 em{font-size: 16px;color: #b6b6b6;font-weight: bold;margin-left: 6px;}
.news .mainCon .conR .top a.more{display: block;width: 81px;height: 59px;text-align: center;line-height: 59px;font-size: 14px;color: #818181;text-decoration: none;text-transform: uppercase;float: right;border-left: 2px solid #e0e0e0;}
.news .mainCon .conR .top a.more:hover{color: #00984f;}
.news .mainCon .conR .conBox{width: 100%;height: 414px;overflow: hidden;position: relative;}
.news .mainCon .conR .conBox ul{padding: 0 28px;position: absolute;left: 0;top: 0;}
.news .mainCon .conR .conBox li{padding-top: 20px;height: 117px;border-bottom: 1px dotted #d8d8d8;}
.news .mainCon .conR .conBox li h3{padding-left: 28px;background: url(../images/news_q.png) no-repeat left center;line-height: 20px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;font-size: 14px;color: #333333;}
.news .mainCon .conR .conBox li h3 a{color: #333333;text-decoration: none;}
.news .mainCon .conR .conBox p{padding-left: 28px;background: url(../images/news_a.png) no-repeat left 6px;line-height: 24px;color: #666666;font-size: 13px;margin-top: 8px;padding-top: 3px;height: 72px;overflow: hidden;text-overflow: ellipsis;}
.news .mainCon .conR .conBox li p a{color: #666666;}

/* link */
.link{width: 100%;background: #00984f;padding: 14px 0 12px 0;}
.link dt{width: 80px;height: 40px;border-right: 1px dotted #70c59c;float: left;}
.link dt span{display: block;font-size: 26px;color: #fff;font-family: arial;position: relative;top: -5px;}
.link dt em{display: block;font-size: 14px;color: #fff;position: relative;top: -8px;}
.link dt a{text-decoration: none;}
.link dd{float: left;width: 1100px;overflow: hidden;padding-top: 12px;margin-left: 10px;}
.link dd a{display: block;font-size: 14px;color: #fff;padding: 0 18px;border-left: 1px solid #41a675;float: left;margin-bottom: 10px;}
.link dd a:first-child{border-left: none;}











.al_nr{background: rgba(237,237,237, .7);height: 503px;padding:24px 20px 21px 25px;box-sizing: border-box;position: relative;}
.al_n{border:1px solid white;height: 456px;padding-left:19px;overflow: hidden;}
.al_n .tempWrap{width:1334px!important;}
.al_n li{float:left;width:344px;padding:19px 21px 0 0px;border-right:1px solid white;height:437px;margin-right:19px;}
.al_n li i {font-size:0;line-height: 0;overflow: hidden;display: block;}
.al_n li i img{width:100%;transition:all 0.5s;height: 265px;}
.al_n li:hover i img{transform:scale(1.1);}

.al_n li h4 a{display: block;height: 58px;font-size:18px;color: #000000;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;font-weight: normal;padding-top:10px;text-align: center;line-height: 58px;}
.al_n li:hover h4 a{color:#0191FF;}
.al_n li p{font-size:14px;line-height: 30px;color: #666666;height: 124px;padding-top:6px;border-bottom:1px dashed white;}
.al_n li em{display: block;text-align: right;}
.al_n li em a{font-size:14px;color: #0191FF;padding-right:18px;background: url("http://www.baobiyuan.com/templets/moban/style/../images/al_ico1.jpg") no-repeat right;display: inline-block;margin-top:20px;}
.al_n li:last-child{margin:0;border:0;}
.al_j1,.al_j2{position: absolute;top:247px;}
.al_j1{left:-70px;}
.al_j2{right:-70px;}
