@charset "UTF-8";

.content{overflow: hidden; background: #fff; width: 859px;float: right;padding: 0 30px 95px 30px;border-left: 1px solid #ececec;border-right: 1px solid #ececec;}

/*头部*/
.header{width: 100%;background: #fff;padding-top: 17px;}
.head{width: 1200px;margin: 0 auto;}
.head .logo{display: block;float: left;width: 109px;height: 49px;overflow: hidden;}
.head .logo img{display: block;width: 100%;}
.hd_right{float: right;width: 270px;overflow: hidden;margin: 6px 0 0 18px;}
.language{width: 98px;height: 34px;border-radius: 3px;border: 1px solid #21a222;float: left;overflow: hidden;background: url("../images/product_09.jpg") no-repeat center;}
.language a{display: block;float: left;line-height: 34px;width: 49px;text-align: center;font-size: 14px;color: #21a222;}
.language a:hover{color: #038a03;text-decoration: underline;}
.hd_search{width: 146px;padding-left: 12px; height: 34px;border-radius: 3px;border: 1px solid #21a222;float: right;overflow: hidden;}
.hd_search .txt{display: block;width: 90px;height: 34px;line-height: 34px;color: #d2d2d2;float: left;border: none;}
.hd_search .sub{display: block;float: right;width: 47px;height: 34px;background: url("../images/product_06.jpg") no-repeat center;border: none;color: transparent;cursor: pointer;}
.nav{float: right;}
.nav>li{float: left;margin: 0 13px;position: relative;}
.nav>li>a{display: block;line-height: 48px;height: 68px;color: #333333;padding: 0 5px;}
.nav>li>a i{display: block; width: 0;height: 2px;background: transparent;margin-top: 18px;margin-left: -5px;  -webkit-transition: .5s;  -moz-transition: .5s;  -ms-transition: .5s;  -o-transition: .5s;  transition: .5s;}
.nav>li.on>a i,.nav>li:hover>a i{background: #038a03;width: 100%;padding: 0 5px;}
.nav>li.on>a,.nav>li:hover>a{color: #038a03;}
.nav>li:first-child>a{width: 60px;text-align: center;}
.nav>li:first-child{margin-right: 0;}
.drop_nav{display: none;z-index: 3;background: #fff;box-shadow: 0 0 55px -22px #787878; position: absolute;top:68px;left: -15px;min-width: 150px;}
.drop_nav a{font-size: 13px; display: block;line-height: 24px;border-top: 1px solid #efefef;padding: 8px 15px;}
.drop_nav a:first-child{border-top: none;}
.drop_nav a:hover{background: #038a03;color: #fff;}

/*over*/

/*banner*/
.banner{width: 100%;}
.flexslider{position:relative; clear: both; overflow:hidden;z-index: 1; }
.flexslider .slides li{position:relative;width: 100%;}
.flexslider .slides li a{position:relative;display: block;width: 100%;}
.flexslider .slides li a img { width: 100%;display:block; }
.flex-direction-nav{}
.flex-direction-nav li a{ width:35px; height:68px; position: absolute;top:50%;margin-top: -34px; display: block;font-size: 0;text-indent:-9000px; -webkit-transition: 0.4s; transition: 0.4s;}
.flex-direction-nav li a.flex-prev{left: 2.8%;background: url("../images/ban_prev.png") no-repeat center;}
.flex-direction-nav li a.flex-next{right: 2.8%; background: url("../images/ban_next.png") no-repeat center;}
.flex-direction-nav li a.flex-prev:hover{background: url("../images/index1_23.png") no-repeat center;}
.flex-direction-nav li a.flex-next:hover{background: url("../images/index1_19.png") no-repeat center;}
.flex-control-nav{padding: 0; position: absolute;bottom: 25px;left: 0;height: 24px;line-height: 24px; width: 100%; text-align: center;}
.flex-control-nav li{vertical-align: middle; display: inline-block;*display: inline;zoom:1;margin: 0 4px;padding: 0;}
.flex-control-nav li a{border-radius: 12px; display: block; font-size: 0;color: transparent;width: 12px;height: 12px;background-color: rgba(243,243,245,0.6);}
.flex-control-nav li a:hover,.flex-control-nav li a.flex-active{background-color: #6dc561;width: 37px;}
.flex-pauseplay{position: absolute;margin-left: 55px;width: 20px;height: 20px;bottom: 33px;left: 50%;}
.flex-pauseplay a{display: block;width: 20px;font-size: 0; height: 20px;color: transparent;overflow: hidden; background: url("../images/index3_10.png") no-repeat center;}
.flex-pauseplay.on a{background-image: url("../images/stop.png");}
.ban{height: 260px;width: 100%;}
/*over*/

/*面包屑*/
.bread{border-bottom: 1px solid #e4e3e2;}
.bread h6{float: left;padding-left: 32px;font-size: 18px;line-height: 56px;color: #535353; background: url("../images/product_17.png") no-repeat left center;}
.bread_right{float: right;overflow: hidden;}
.bread_right a{display: block;line-height: 56px;float: left;margin-left: 22px;color: #898989;position: relative;}
.bread_right a:before{content: " ";width: 4px;height: 1px;position: absolute;left: -13px;top:27px;background: #898989;}
.bread_right a:first-child:before{display: none;}
.bread_right a:hover{color: #038a03;}
/*over*/

/*左侧菜单*/
.menu_left{width: 250px;float:left;padding-top: 40px;}
.menu2{margin-bottom: 10px;border-bottom: 1px solid #ececec;}
.menu2>a{font-size: 13px;line-height: 24px; display: block;border: 1px solid #ececec;border-bottom: none; background: url("../images/product_24.png") no-repeat -10px 13px #fff;padding:6px 15px 6px 11px;color: #535353;  -webkit-transition: .2s;  -moz-transition: .2s;  -ms-transition: .2s;  -o-transition: .2s;  transition: .2s;}
.menu2.on>a,.menu2>a:hover{color: #fff;text-align: right;background: url("../images/product_24.png") no-repeat 15px 13px #038a03;}
.menu3{display: none;border: 1px solid #ececec;border-top: none;}
.menu4{display: none;/*border-bottom: 1px solid #ececec;*/}
.menu5{display: none;}
.menu3>li>a{font-size: 13px; line-height: 24px; display: block;border-bottom: 1px solid #fff;background: url("../images/product_26.jpg") no-repeat 22px 17px #e0e0e0;padding:6px 15px 6px 37px;color: #535353;  -webkit-transition: .2s;  -moz-transition: .2s;  -ms-transition: .2s;  -o-transition: .2s;  transition: .2s;}
.menu3>li.last>a{border-bottom: none;}
.menu3>li.on>a,.menu3>li>a:hover{background: url("../images/product_29.png") no-repeat 22px 17px #31a231;color: #fff;}
.menu4>li>a{font-size: 13px; line-height: 24px; display: block;background: url("../images/product_32.png") no-repeat 25px 14px #fff;padding:6px 15px 6px 37px;color: #535353;  -webkit-transition: .2s;  -moz-transition: .2s;  -ms-transition: .2s;  -o-transition: .2s;  transition: .2s;}
.menu4>li.on>a,.menu4>li>a:hover{background:url("../images/product_35.png") no-repeat 23px 16px #fff;}
.menu5>a{font-size: 13px; line-height: 24px; display: block;border-bottom: 1px solid #fff;background: #fff;padding:0 15px 0 47px;color: #888888;  -webkit-transition: .2s;  -moz-transition: .2s;  -ms-transition: .2s;  -o-transition: .2s;  transition: .2s;}
.menu5>a.on,.menu5>a:hover{color: #038a03;}
/*over*/

/*首页*/
.index{background: #fff;width: 100%;padding-bottom: 79px;}
.ind_1{padding: 78px 0 0;overflow: hidden;}
.ind1{overflow: hidden;}
.ind_1 img{display: block;width: 100%;  -webkit-transition: .5s;  -moz-transition: .5s;  -ms-transition: .5s;  -o-transition: .5s;  transition: .5s;}
.ind_tit{text-align: center;}
.ind_tit h5{font-size: 30px;line-height: 40px;color: #333333;}
.ind_tit h6{font-size: 16px;line-height: 28px;color: #999999;font-family: "Arial";}
.ind_tit .ind_icon{display: block; width: 66px;height: 1px;background: #cccccc;margin: 21px auto 48px;}
.ind1_pic1{width: 851px;height: 628px;overflow: hidden;margin-bottom: 8px; float: left;position: relative;display: block; }
.ind1_con{position: absolute;bottom: 0;padding: 10px 29px ;background: rgba(0,0,0,0.5);width: 100%;  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box;}
.ind1_con span{display: block;font-size: 16px;line-height: 26px;color: #f6f6f6;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.ind1_con p{font-size: 16px;line-height: 23px;font-family: "Arial"; color: rgba(246,246,246,0.8);white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.ind1_right{float: right;width: 342px;overflow: hidden;}
.ind_pic2{display: block; width: 342px;height: 310px;overflow: hidden;float: left;position: relative;margin-bottom: 8px;}
.ind_pic3{display: block; width: 851px;height: 310px;overflow: hidden;float: right;position: relative;margin-bottom: 8px;}
.ind_1 img:hover{-webkit-transform: scale(1.02);  -moz-transform: scale(1.02);  -ms-transform: scale(1.02);  -o-transform: scale(1.02);  transform: scale(1.02);}
.ind_video{position: absolute;width: 100%;height: 100%;cursor: pointer; left: 0;top:0;background: url("../images/video.png") no-repeat center;  -webkit-transition: .5s;  -moz-transition: .5s;  -ms-transition: .5s;  -o-transition: .5s;  transition: .5s;}
.ind_video:hover{background:url("../images/video.png") no-repeat center rgba(0,0,0,0.5);}
.ind_2{margin-top: 67px;}
.ind2_list{overflow: hidden;padding-top: 24px;}
.ind2_list a{display: block;width: 390px;margin-left: 15px;height: 375px;overflow: hidden;float: left;}
.ind2_list a:first-child{margin-left: 0;}
.ind2_list a .pic{margin-top: 10px;margin-bottom: 21px;  -webkit-transition: .5s;  -moz-transition: .5s;  -ms-transition: .5s;  -o-transition: .5s;  transition: .5s;}
.ind2_list a .pic img{display: block;width: 100%;  -webkit-transition: .5s;  -moz-transition: .5s;  -ms-transition: .5s;  -o-transition: .5s;  transition: .5s;}
.ind2_list a span{display: block;line-height: 26px;color: #333333;font-size: 16px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;  -webkit-transition: .5s;  -moz-transition: .5s;  -ms-transition: .5s;  -o-transition: .5s;  transition: .5s;}
.ind2_list a i{font-style: normal; display: block;line-height: 26px;color: #999999;font-size: 14px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;  -webkit-transition: .5s;  -moz-transition: .5s;  -ms-transition: .5s;  -o-transition: .5s;  transition: .5s;}
.ind2_list a p{margin-top: 11px; line-height: 26px;color: #666666;font-size: 14px;overflow: hidden;  -webkit-transition: .5s;  -moz-transition: .5s;  -ms-transition: .5s;  -o-transition: .5s;  transition: .5s;}
.ind2_list a:hover .pic{margin-top: 0;}
.ind2_list a:hover .pic img{  -webkit-transform: scale(1.03);  -moz-transform: scale(1.03);  -ms-transform: scale(1.03);  -o-transform: scale(1.03);  transform: scale(1.03);}
.ind2_list a span:hover,.ind2_list a i:hover,.ind2_list a p:hover{color: #038a03;}
.ind2_a{display: block;width: 159px;height: 32px;font-family: "Arial"; border: 1px solid #cccccc;margin: 58px auto 0;border-radius: 3px; color: #999999;line-height: 32px;text-align: center;}
.ind2_a:hover{color: #fff;border-color: #038a03;background: #038a03;}
.video{display:none;position: fixed;width: 100%;height: 100%;background-color: rgba(0,0,0,0.68);top:0;left: 0;z-index: 100000000000000;}
.video-con{width: 600px;height: 400px;;position: relative;left: 50%;top:50%;margin: -200px 0 0 -300px;}
.video-con .cancel{width: 25px;height: 25px;position:absolute;right:-12px;top:-12px;cursor: pointer;  }
.video-con .cancel img{display: block;height: 25px;width: 25px;}


/*关于百乐宝*/
.prof_tit{border-bottom: 1px solid #e5e5e5;padding: 35px 0 12px;}
.prof_tit h5{font-size: 16px;line-height: 26px;color: #333333;}
.prof_tit h6{font-size: 14px;line-height: 24px;color: #999999;font-family: "Arial";}
.prof_pic{margin: 20px 0;}
.prof_pic img{display: block;margin: 0 auto;max-width: 100%;}
.develop{padding:40px 0 0;position: relative;}
.deve_tit{width: 165px;font-size: 18px;line-height: 47px; height: 47px;border-radius: 47px;color: #fff;background: #038a03;text-indent: 70px;position: absolute;top:40px;left: -55px;}
.develop_list{overflow: hidden;height: 570px; margin-left: 150px;margin-top: 13px; background: url("../images/develop_07.jpg") repeat-y 8px top;  -webkit-transition: .5s;  -moz-transition: .5s;  -ms-transition: .5s;  -o-transition: .5s;  transition: .5s;}
.develop_list li{padding-left: 57px;padding-bottom: 58px;color: #7f7f7f; line-height: 24px;background: url("../images/develop_03.jpg") no-repeat left 1px;}
.develop_list li:first-child{background: url("../images/develop_03.jpg") no-repeat left top;}
.develop_list li span{font-size: 18px;color: #038a03;line-height: 24px;}
.deve_click{margin-left: 144px; background: url("../images/develop_11.jpg")no-repeat center;width: 30px;height: 17px;cursor: pointer;  -webkit-transition: .5s;  -moz-transition: .5s;  -ms-transition: .5s;  -o-transition: .5s;  transition: .5s;}
.deve_click:hover{background-image: url("../images/develop_13.jpg");}
.deve_click.on{background-image: url("../images/develop_14.jpg");}
.deve_click.on:hover{background-image: url("../images/develop_15.jpg");}
.honor{width: 100%;overflow: hidden;margin: 0 auto 0;padding-top: 27px;}
.honor li{float: left;width: 273px;height: 225px;overflow: hidden;margin: 13px 20px 0 0;}
.honor li.three{margin-right: 0;}
.honor li a{display: block;width: 241px;height: 156px;padding: 15px; overflow: hidden;border: 1px solid #e5e5e5;position: relative;}
.honor li a img{display: block;width: 241px;height: 156px; -webkit-transition: .6s;-moz-transition: .6s;-ms-transition: .6s;-o-transition: .6s;transition: .6s;}
.honor li span{margin-top: 13px; display: block;line-height: 24px;font-size: 14px;color: #666666; text-align: center;height: 24px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.honor li:hover img{  -webkit-transform: scale(1.04);  -moz-transform: scale(1.04);  -ms-transform: scale(1.04);  -o-transform: scale(1.04);  transform: scale(1.04);}
.team_list{padding-top: 15px;}
.team_list a{display: block; overflow: hidden;  -webkit-transition: .5s;  -moz-transition: .5s;  -ms-transition: .5s;  -o-transition: .5s;  transition: .5s;}
.team_list a .pic{border-radius: 100%; width: 130px;height: 130px;margin: 25px 0 25px 34px;float: left;overflow: hidden;position: relative;}
.team_list a .pic:before{content: " "; width: 130px;height: 130px;background: url("../images/team_list_bg.png");left: 0;top:0;z-index: 2;position: absolute;  -webkit-transition: .5s;  -moz-transition: .5s;  -ms-transition: .5s;  -o-transition: .5s;  transition: .5s;}
.team_list a:hover .pic:before{background-image: url("../images/team_list_bg2.png");}
.team_list a .pic img{display: block;width: 130px;height: 130px;overflow: hidden;border-radius: 100%;-webkit-transition: .5s;  -moz-transition: .5s;  -ms-transition: .5s;  -o-transition: .5s;  transition: .5s;}
.team_list a .con{width: 652px;height: 130px;padding: 36px 0 0; background: url("../images/team1_03.png") no-repeat right 50px; float: right;overflow: hidden;-webkit-transition: .5s;  -moz-transition: .5s;  -ms-transition: .5s;  -o-transition: .5s;  transition: .5s;}
.team_list a .con span{display: block;font-size: 18px;line-height: 28px;color: #666666;}
.team_list a .con span i{font-style: normal; font-size: 12px;color: #aaaaaa;line-height: 22px;*display:inline;display: inline-block;*zoom:1;padding: 4px 0 0 13px;}
.team_list a .con p{margin-top: 18px; line-height: 22px;height: 44px;color: #666;overflow: hidden;width: 550px;}
.team_list a:hover{background: #f8f8f8;}
.team_list a:hover .pic img{  -webkit-transform: scale(1.04);  -moz-transform: scale(1.04);  -ms-transform: scale(1.04);  -o-transform: scale(1.04);  transform: scale(1.04);}
.team_list a:hover .con{background-image: url("../images/team1_06.png");width: 662px;}
.team_detail{padding-top: 40px;overflow: hidden;}
.team_pic{float: left;margin: 0 28px 7px 0;width: 252px;height: 252px;overflow: hidden;}
.team_pic img{display: block;width: 100%;}
.team_con{padding-top: 5px;}
.team_con .tit{padding-bottom: 15px;margin-bottom: 16px;position: relative;}
.team_con .tit h1{font-size: 20px;line-height: 30px;color: #333333;margin-bottom: 5px;}
.team_con .tit h2{font-size: 14px;line-height: 24px;color: #666666;}
.team_con .tit i{width: 580px;height: 1px;background: #d4d4d4;position: absolute;bottom:0;right: 0;}
.team_con p{font-size: 14px;color: #666666;}
/*over*/

/*研究与发展*/
.research{padding-top: 35px;}
.research_list{margin: 30px auto;width: 600px;}
.res{width: 451px;border-bottom: 1px solid #038a03; height: 63px; margin: 0 75.5px 0;text-align: center; background: url("../images/res_icon1.jpg") no-repeat top center;padding-top: 14px;}
.res span{display: block;font-size: 13px;line-height: 19px;color: #666666;}
.res b{display: block; font-weight: normal;font-family: "Arial"; font-size: 10px;line-height: 13px;color: #aaaaaa;}
.res_list{overflow: hidden;width: 600px;}
.res_list .res{ border: none;width: 150px; float: left; height: 45px; background-image: url("../images/res_icon2.jpg");padding-top: 27px;margin: 0;}
.res_pic{overflow: hidden;margin-top: 25px;}
.res_pic img{display: block;width: 420px;height: 255px;overflow: hidden;float: left;}
.res_pic img:first-child{float: right;}
.platform{padding-top: 35px;}
.platform .pic{margin: 55px 0 0;}
.platform .pic img{display: block;margin: 0 auto;max-width: 100%;}
.partner{padding-top: 20px;}
.partner li{border: 1px solid #eeeded;border-radius: 3px;padding: 0 20px 20px; margin-top: 20px;overflow: hidden;min-height: 110px;}
.partner li .pic{width: 60px;height: 60px;overflow: hidden;float: left;margin: 33px 24px 10px 24px;}
.partner li .pic img{display: block;width: 100%;}
.partner li .con{margin-top: 40px;}
.partner li .con span{margin-bottom: 3px; display: block;font-size: 16px;line-height: 26px;color: #333333;}
.partner li .con p{line-height: 24px;color: #999999;}

/*产品*/
.prod_list{overflow: hidden;padding-top: 10px;}
.prod_list li{float: left;width: 271px;margin: 30px 20px 0 0;border: 1px solid #e4e3e2;height: 359px;overflow: hidden;  -webkit-transition: .5s;  -moz-transition: .5s;  -ms-transition: .5s;  -o-transition: .5s;  transition: .5s;}
.prod_list li.three{margin-right: 0;}
.prod_list li .pic{width: 271px;height: 224px;overflow: hidden;display: block;}
.prod_list li .pic img{display: block;width: 100%;  -webkit-transition: .5s;  -moz-transition: .5s;  -ms-transition: .5s;  -o-transition: .5s;  transition: .5s;}
.prod_list li .con{display: block;margin: 0 16px;border-top: 1px dashed #dddddd; -webkit-transition: .5s;  -moz-transition: .5s;  -ms-transition: .5s;  -o-transition: .5s;  transition: .5s;}
.prod_list li .con span{margin: 9px 0 1px;height: 26px; display: block;font-size: 16px;color: #333333;line-height: 26px; white-space: nowrap;overflow: hidden;  -ms-text-overflow: ellipsis;  text-overflow: ellipsis; -webkit-transition: .5s;  -moz-transition: .5s;  -ms-transition: .5s;  -o-transition: .5s;  transition: .5s;}
.prod_list li .con p{font-size: 14px;height: 24px; color: #666666;line-height: 24px; white-space: nowrap;overflow: hidden;  -ms-text-overflow: ellipsis;  text-overflow: ellipsis; -webkit-transition: .5s;  -moz-transition: .5s;  -ms-transition: .5s;  -o-transition: .5s;  transition: .5s;}
.prod_list li .con b{display: block;width: 93px;height: 30px;border: 1px solid #dddddd;margin: 12px 0 0 3px;text-align: center;font-size: 14px;line-height: 30px;font-weight: normal;font-family: "Arial"; color: #999999; -webkit-transition: .5s;  -moz-transition: .5s;  -ms-transition: .5s;  -o-transition: .5s;  transition: .5s;}
.prod_list li:hover .pic img{  -webkit-transform: scale(1.04);  -moz-transform: scale(1.04);  -ms-transform: scale(1.04);  -o-transform: scale(1.04);  transform: scale(1.04);}
.prod_list li:hover .con{padding-left: 8px;border-color: #36ab38;}
.prod_list li:hover .con span,.prod_list li:hover .con p{color: #36ab38;}
.prod_list li:hover .con b{color: #fff;background-color: #36ab38;border-color: #36ab38;}
.prod_list li:hover{border-color: #36ab38;}
.market{padding-top: 35px;}
.market h1{font-size: 24px;line-height: 34px;color: #333333;text-align: center;margin-bottom: 7px;}
.market h2{font-size: 14px;line-height: 24px;color: #666666;text-align: center;}
.market .pic{margin-top: 60px;}
.market .pic img{display: block;width: 100%;}

.product-zoom { overflow: hidden;padding: 35px 0 30px;}
.spec-preview { float: left; width: 420px;}
.jqzoom{ position:relative; display:block;border: 1px solid #e4e3e2;  width:418px; height:346px; overflow:hidden;margin-top: 5px;}
.jqzoom img { display: block;width:418px;}
.zoomdiv { z-index:100; position:absolute;top:0;left:0;width:550px !important;height:500px !important;background:#fff;border: 1px solid #ddd; text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0;left:0;width:20px;height:20px;border:1px solid #dbdde2;background:#ffffff ;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}
.product-intro { width: 340px; float: left;margin: 0 0 0 20px; }
.product-intro h1 { font-size: 24px;padding-bottom: 13px;  line-height: 34px; color: #000;border-bottom: 1px solid #e5e5e5;}
.product-intro .para { overflow: hidden;min-height: 144px;margin-top: 22px;}
.product-intro .para p { line-height: 24px; color: #038a03;font-size: 14px; }
.product-intro a{margin-top: 35px; line-height: 37px; display: block;width: 119px;height: 37px;background: #038a03;color: #fff;text-align: center;}
.product-intro a:hover{text-decoration: underline;}
.spec-scroll { width: 420px; overflow: hidden;margin: 10px auto 0 ; }
.spec-scroll > a { display: block; width: 20px; height: 68px; float: left; cursor: pointer; transition: 0.4s; -webkit-transition: 0.4s; -ms-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s;background:url(../images/new_detail_26.png) no-repeat center; }
.spec-scroll > a.next { background-image: url("../images/new_detail_27.png");}
.spec-scroll > a:hover { background-image: url("../images/prod_prev.png"); }
.spec-scroll > a.next:hover { background-image: url("../images/prod_next.png"); }
.items { float: left; width: 368px; overflow: hidden; position: relative;height:68px;margin: 0 6px; }
.items ul { overflow: hidden; position: absolute; width: 99999px; height: 68px; }
.items ul li { cursor: pointer; width: 80px;border: 1px solid #e4e3e2;height: 66px;overflow: hidden;  float: left; margin: 0 5px 0  ;  -webkit-transition: .5s;  -moz-transition: .5s;  -ms-transition: .5s;  -o-transition: .5s;  transition: .5s; }
.items ul li img { display: block; width: 80px;}
.items ul li.hover {border-color: #038a03;}
.pd_para_tit{overflow: hidden;background: #f2f2f2;}
.pd_para_tit li{text-align: center;float: left;line-height: 38px;cursor: pointer; min-width: 115px;border-left: 1px solid #f2f2f2;color: #fff;background: #b7b7b7;padding: 0 15px;  -webkit-transition: .5s;  -moz-transition: .5s;  -ms-transition: .5s;  -o-transition: .5s;  transition: .5s;}
.pd_para_tit li:first-child{border: none;}
.pd_para_tit li:hover,.pd_para_tit li.on{background: #038a03;}
.prod_detail_para{}
.pd_para{display: none;}
.pd_para.on{display: block;}
.pd_para_introduce{line-height: 28px;padding: 30px 0;}
.rec_case{overflow: hidden;padding-bottom: 40px;}
.rec_case li{float: left;width: 273px;margin: 20px 20px 0 0;height: 240px;}
.rec_case li.three{margin-right: 0;}
.rec_case li .pic{display: block;width: 273px;height: 180px;overflow: hidden;margin-top: 10px;  -webkit-transition: .5s;  -moz-transition: .5s;  -ms-transition: .5s;  -o-transition: .5s;  transition: .5s;}
.rec_case li .pic img{display: block;width: 273px; height:180px;  -webkit-transition: .5s;  -moz-transition: .5s;  -ms-transition: .5s;  -o-transition: .5s;  transition: .5s;}
.rec_case li .con{display: block;padding-right: 50px;background: url("../images/prod_detail_07.jpg") no-repeat 244px 13px;}
.rec_case li .con span{display: block;font-size: 14px;color: #333333;line-height: 24px;margin-top: 4px; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.rec_case li .con p{font-size: 14px;font-family: "Arial"; line-height: 22px;color: #999999;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.rec_case li:hover .pic{margin-top: 0;}
.rec_case li:hover .pic img{  -webkit-transform: scale(1.04);  -moz-transform: scale(1.04);  -ms-transform: scale(1.04);  -o-transform: scale(1.04);  transform: scale(1.04);}
.pd_down{padding: 6px 0 27px;}
.pd_down li{overflow: hidden;padding: 15px 0 17px;border-bottom: 1px solid #eeeeee;}
.pd_down li .left{float: left;width: 700px;}
.pd_down li .left span{display: block;color: #333333;font-size: 14px;line-height: 24px;}
.pd_down li .left p{font-size: 12px;line-height: 22px;color: #999999;}
.pd_down li a{ display: block;float: right;width: 27px;height: 46px;background: url("../images/pd_down_06.jpg") no-repeat center;}
.pd_down li a:hover{background-image: url("../images/pd_down_03.jpg");}
.rec_prod{  overflow:hidden; position:relative;padding-top: 20px;}
.rec_prod .hd{ overflow:hidden; }
.rec_prod .hd .prev,
.rec_prod .hd .next{position: absolute;left: 10px;top:0; display:block;  width:30px; height:43px; float:right; margin-top:80px;  overflow:hidden;  cursor:pointer; background:url("../images/prod_detail_18.jpg") no-repeat center;}
.rec_prod .hd .next{background:url("../images/prod_detail_14.jpg") no-repeat center;left: auto;right: 10px;}
.rec_prod .hd .prev:hover{background-image: url("../images/prod_detail_11.jpg");}
.rec_prod .hd .next:hover{background-image: url("../images/prod_detail_19.jpg");}
.rec_prod .hd ul{display: none; float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
.rec_prod .hd ul li{ float:left;  width:34px; height:43px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer;}
.rec_prod .hd ul li.on{ background-position:0 0; }
.rec_prod .bd{margin: 0 auto;width: 760px;}
.rec_prod .pageState{display: none;}
.rec_prod .bd ul{ overflow:hidden; zoom:1; }
.rec_prod .bd ul li{ margin:0 10px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.rec_prod .bd ul li .pic{display: block; width: 168px;height: 139px; overflow: hidden; border: 1px solid #e4e3e2;margin-top: 10px;  -webkit-transition: .5s;  -moz-transition: .5s;  -ms-transition: .5s;  -o-transition: .5s;  transition: .5s;}
.rec_prod .bd ul li .pic img{ width:100%;display:block; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; transition: .5s;}
.rec_prod .bd ul li:hover .pic img{  -webkit-transform: scale(1.04);  -moz-transform: scale(1.04);  -ms-transform: scale(1.04);  -o-transform: scale(1.04);  transform: scale(1.04);}
.rec_prod .bd ul li .con{display: block;text-align: center;line-height: 34px;color: #333333;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.rec_prod .bd ul li:hover .pic:hover{margin-top: 0;border-color: #038a03;}



    /*over*/

/*资讯中心*/
.new{padding-top: 5px;}
.new li{overflow: hidden;border-top: 1px dotted #dcdcdc;padding-top: 35px;margin-top: 35px;background: url("../images/new_07.jpg") no-repeat  right 35px;-webkit-transition: .5s;  -moz-transition: .5s;  -ms-transition: .5s;  -o-transition: .5s;  transition: .5s;}
.new li:first-child{margin-top: 0;border-top: none;}
.new li .pic{display: block; width: 233px;height: 136px;overflow: hidden;float: left;}
.new li .pic img{display: block;width: 100%;  -webkit-transition: .5s;  -moz-transition: .5s;  -ms-transition: .5s;  -o-transition: .5s;  transition: .5s;}
.new li .con{display: block; width: 550px;height: 136px;padding-right: 50px; overflow: hidden;float: right;}
.new li .con span{display: block;line-height: 26px;font-size: 16px;color: #3d3d3d;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;  -webkit-transition: .5s;  -moz-transition: .5s;  -ms-transition: .5s;  -o-transition: .5s;  transition: .5s;}
.new li .con p{line-height: 22px;color: #a8a8a8;font-size: 13px;height: 44px;overflow: hidden;margin: 13px 0 30px;}
.new li .con i{font-family: "Arial"; line-height: 21px;color: #a8a8a8;font-size: 14px;height: 21px;overflow: hidden;font-weight: bold;}
.new li:hover{background-image: url("../images/new_13.jpg");}
.new li:hover .con{padding-right: 60px;}
.new li:hover .pic img{  -webkit-transform: scale(1.04);  -moz-transform: scale(1.04);  -ms-transform: scale(1.04);  -o-transform: scale(1.04);  transform: scale(1.04);}
.new_tit{padding-top: 35px;}
.new_tit h1{font-size: 24px;line-height: 34px;color: #363a3c;border-bottom: 1px solid #ececec;padding-bottom: 5px;}
.new_share{overflow: hidden;margin-top: 8px;}
.new_share span{display: block;float: left;font-size: 14px;font-family: "Arial"; line-height: 21px;color: #a6acae;padding-right: 8px;}
.new_share .bshare-custom{overflow: hidden;float: left;}
.new_share .bshare-custom a{display: block;float: left;margin :0 0 0 4px;width: 21px;height: 21px;border-radius: 100%;padding: 0;}
.new_share .bshare-custom a.bshare-weixin{background: url("../images/new_detail_06.png") no-repeat center #c7c7c7;}
.new_share .bshare-custom a.bshare-sinaminiblog{background: url("../images/new_detail_08.png") no-repeat center #c7c7c7;}
.new_share .bshare-custom a.bshare-qqmb{background: url("../images/new_detail_03.png") no-repeat center #c7c7c7;}
.new_share .bshare-custom a:hover{background-color: #038a03;opacity: 1;filter:alpha(opacity=100);}
.new_detail{padding: 10px 0 30px;}
.new_detail_pic{margin: 15px 0;}
.new_detail_pic img{display: block;margin: 0 auto;max-width: 100%;}
.new_detail p{font-size: 14px;color: #666666;}
.keyword{overflow: hidden;padding: 20px 0;}
.keyword span{display: block;float: left;line-height: 24px;color: #666666;}
.keyword a{display: block;float: left;line-height: 24px;color: #666666;margin-right: 10px;}
.keyword a:hover{color: #038a03;}
.detail_list{position: relative;border: 1px solid #e5e5e5;}
.detail_list a{display: block;width: 100px;color: #999999; line-height: 42px;height: 42px;text-align: center;margin: 0 auto;}
.detail_list a.detail_prev{text-align: right;position: absolute;left: 0;top:0;overflow: hidden;}
.detail_list a.detail_next{text-align: left;position: absolute;right: 0;top:0;overflow: hidden;}
.detail_list a i{width: 22px;height: 22px;border: 1px solid #bbbbbb;border-radius: 100%;margin:10px 0 0 20px;float: left; display: block;background: url("../images/new_detail_26.png") no-repeat center;  -webkit-transition: .5s;  -moz-transition: .5s;  -ms-transition: .5s;  -o-transition: .5s;  transition: .5s;}
.detail_list a.detail_next i{float: right;margin: 10px 20px 0 0;background: url("../images/new_detail_27.png") no-repeat center;}
.detail_list a:hover{color: #038a03;}
.detail_list a.detail_prev:hover i{background: url("../images/new_detail_18.png") no-repeat center #038a03;border-color: #038a03;}
.detail_list a.detail_next:hover i{background: url("../images/new_detail_19.png") no-repeat center #038a03;border-color: #038a03;}
.rec_new_wrap{overflow: hidden;margin-top: 30px;}
.rec_new{float: left;width: 420px;}
.rec_new_wrap .rec_new:first-child{float: right;}
.rec_new .tit{height: 44px; background: url("../images/new_detail_31.png") no-repeat 20px center #038a03;overflow: hidden;}
.rec_new .tit span{float: left;display: block;line-height: 44px;margin-left: 44px;color: #fff; font-size: 16px;}
.rec_new .tit a{display: block;float: right;font-size: 12px; padding-right: 12px;line-height: 44px;color: #fff;}
.rec_new .tit a:hover{text-decoration: underline;padding-right: 18px;}
.rec_new_list{border: 1px solid #eaeaea;padding: 5px 9px 15px;}
.rec_new_list a{ display: block;border-top: 1px dashed #cccccc;line-height: 37px;padding-left: 11px;background: url("../images/new_detail_35.jpg") no-repeat left center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.rec_new_list a:first-child{border-top: none;}
.rec_new_list a:hover{color: #36ab38;padding-left: 20px;}
/*over*/

/*分页*/
.page_list{text-align: center;height: 32px;width: 100%;position: relative;margin-top: 69px;}
.page_list a{background: #fff; display: inline-block;*display:inline;*zoom:1;font-family: "Arial"; width: 28px;height: 28px;margin: 0 4px;text-align: center;line-height: 28px;border: 2px solid #dedede;}
.page_list a.on,.page_list a:hover{border-color:#36ab38;color: #fff; background: #36ab38;}
.page_list a.page_prev{margin: 0; display: block;border-color: #b5b8bc; position: absolute;left: 0;top:0; background: url("../images/product_40.png") no-repeat  center #b5b8bc;}
.page_list a.page_next{margin: 0;display: block;border-color: #b5b8bc; position: absolute;right: 0;top:0; background: url("../images/product_42.png") no-repeat  center #b5b8bc;}
.page_list a.page_prev:hover,.page_list a.page_next:hover{border-color: #038a03;background-color: #038a03;}
.page_list .frist1{ display:none;}
/*over*/

/*点亮职业*/
.contact_tit{text-align: center;overflow: hidden;}
.contact_tit li{margin: 40px 5px 0;width: 205px;float: left;  -webkit-transition: .5s;  -moz-transition: .5s;  -ms-transition: .5s;  -o-transition: .5s;  transition: .5s;}
.contact_tit li.li_2{width: 419px;}
.contact_tit li .icon{width: 91px;height: 91px;border-radius: 100%;border: 1px solid #dddddd;margin: 0 auto;  -webkit-transition: .5s;  -moz-transition: .5s;  -ms-transition: .5s;  -o-transition: .5s;  transition: .5s;}
.contact_tit li.li_1 .icon{background: url("../images/profession_05.jpg") no-repeat center;}
.contact_tit li.li_2 .icon{background: url("../images/profession_11.jpg") no-repeat center;}
.contact_tit li.li_3 .icon{background: url("../images/profession_16.jpg") no-repeat center;}
.contact_tit li.li_1:hover .icon{background: url("../images/profession_07.jpg") no-repeat center;}
.contact_tit li.li_2:hover .icon{background: url("../images/profession_09.jpg") no-repeat center;}
.contact_tit li.li_3:hover .icon{background: url("../images/profession_14.jpg") no-repeat center;}
.contact_tit li:hover{margin-top: 30px;}
.contact_tit li span{line-height: 25px;font-size: 15px;color: #696868;font-weight: bold; margin: 13px 0 0;display: block;}
.contact_tit li p{line-height: 26px;font-size: 14px;color: #888888;}
.contact_tit li a{line-height: 26px;font-size: 14px;color: #888888;display: block;}
.contact_tit li a:hover{color: #038a03;}
.map{margin-top: 39px;}
.map img{display: block;width: 100%;}

/*底部*/
.footer{background: #222222;padding-top: 54px;}
.foot{padding-bottom: 30px;}
.ft_nav{float: left;width: 855px;overflow: hidden;}
.ft_nav li{width: 130px;margin-left: 15px;float: left;}
.ft_nav li:first-child{margin-left: 0;}
.ft_nav li a{display: block;font-size: 14px;color: #666666;line-height: 28px;}
.ft_nav li a:first-child{color: rgba(255,255,255,0.8);margin-bottom: 17px;}
.ft_right{float: right;width: 330px;}
.ft_right span{display: block;font-size: 14px;color: rgba(255,255,255,0.88);line-height: 28px;margin-bottom: 19px;}
.ft_right p{color: #666666;line-height: 28px;}
.ft_right p a{color: #666666;line-height: 28px;}
.ft_right .pic{margin-top: 10px; width: 90px;overflow: hidden;line-height: 30px;color: #666;text-align: center;}
.ft_right .pic img{display: block;width: 90px;height: 90px;overflow: hidden;}
.ft_nav li a:hover,.ft_right p a:hover{color: #038a03;}
.friend{padding-bottom: 10px;}
.friend span{display: block;line-height: 28px;color: #666;float: left;}
.friend a{display: block;line-height: 28px;color: #666;float: left;margin-right: 12px;min-width: 90px;}
.friend a:hover{color: #038a03;}
.bottom{border-top: 1px solid rgba(83,83,83,0.3);padding: 15px 0;}
.bottom .wrap{text-align: center;color: rgba(123,123,123,0.5);line-height: 24px;}
.bottom .wrap a{color: rgba(123,123,123,0.5);line-height: 24px;}
.bottom .wrap a:hover{color: #038a03;}
.kefu-box { position: fixed; right: 20px; bottom: 180px; z-index: 1000; }
.kefu { width: 42px; height: 41px; padding-left: 10px;position: relative; }
.kefu span { display: block; width: 40px; height: 40px; border: 1px solid #ddd;border-bottom: none; position: relative; cursor: pointer; }
.kefu-email span { background: url(../images/index_11.png) no-repeat center #fff;}
.kefu-qq span { background: url(../images/index_18.png) no-repeat center #fff; }
.kefu-erweima span { background: url(../images/index_26.png) no-repeat center #fff; }
.kefu-email:hover span { background: #038a03 url(../images/index_14.png) no-repeat center; border-color: #038a03; }
.kefu-qq:hover span { background: #038a03 url(../images/index_21.png) no-repeat center; border-color: #038a03; }
.kefu-erweima:hover span { background: #038a03 url(../images/index_29.png) no-repeat center; border-color: #038a03; }
.kefu-email-info { width: 180px; display: block; position: absolute; right: 56px; top: 1px; height: 45px; line-height: 45px; background-color: #038a03; text-align: center; color: #fff; display: none; }
.kefu-email-info:after { content: ''; display: block; width: 0; height: 0; border: 8px; border-color: transparent; border-style: solid; border-left: 8px solid #038a03; position: absolute; right: -16px; top: 13px; }
.backTop { width: 40px; height: 41px; margin-left: 10px;border: 1px solid #ddd;background: url(../images/index_35.png) no-repeat center #fff; cursor: pointer; }
.backTop:hover { background: #038a03 url(../images/index_38.png) no-repeat center; border-color: #038a03; }
.kefu-erweima-img { width: 110px; display: block; position: absolute; right: 56px; bottom: 0; height: 110px; border: 1px solid #ddd; padding: 5px; text-align: center; color: #fff; display: none; }

.kefu-erweima-img:after { content: ''; display: block; width: 0; height: 0; border: 8px; border-color: transparent; border-style: solid; border-left: 8px solid #ddd; position: absolute; right: -16px; bottom: 13px; }


.msg-box-bg {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    display: none;
    z-index: 10001;
    background: rgba(0,0,0,0.5);
}

.msg-box {
    width: 860px;
    height: 524px;
    padding: 50px;
    background-color: #F3F3F3;
    position: fixed;
    left: 50%;
    margin-left: -430px;
    top: 45% !important;
    margin-top: -262px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}

    .msg-box .close-box {
        width: 32px;
        height: 32px;
        font-size: 30px;
        color: #666;
        cursor: pointer;
        position: absolute;
        right: 0px;
        top: 0px;
        -webkit-transition: .5s;
        -ms-transition: .5s;
        -moz-transition: .5s;
        -o-transition: .5s;
        transition: .5s;
    }

        .msg-box .close-box:hover {
            -webkit-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            -moz-transform: rotate(90deg);
            -o-transform: rotate(90deg);
            transform: rotate(90deg);
        }
    .msg-box .close-box {
        /*border: solid 3px #7f7f7f;*/
        background: url(../images/closes.png) center;
    }