@charset "utf-8";



/* CSS Document */

.top{width:100%;border-bottom:1px #ccc solid;background: #f4f4f4;}

.top .wz1{line-height: 34px;font-size:13px;text-align: left;float:left;}

.top .glyphicon{color:#666;padding-right:6px;}

.top .wz2{font-weight: bold;}

.top .phone{float: right;line-height: 34px;}

.top p{margin-bottom: 0px;}

.logo_p{position: absolute;left:102px;top:60px;font-size:15px;}

.nav{margin-top:3%;}

.navitem a {float: left;font-size: 15px;display: block;border-radius: 20px;padding:2px 22px;}

.navitem a:hover{color: #fff;background:#0072b9;border-radius: 20px;}

.nav ul li span{padding:0 5px;}

.btnr{font-size: 26px;color:#000000;text-align: center;padding-bottom:10px;background: url(/upload/images/line1.png) no-repeat center bottom;line-height: 50px;}

.xbj{margin-top:40px;text-align: left;position: relative;}

.cpfl{background: #f6f6f6;border-radius: 20px;border:1px #e9e9e9 solid;display: block;padding: 4px 36px; display: block;float:left;text-align: center;font-size: 16px;margin-left: 12px;margin-right: 12px;}

.cpfl:hover{background: #0072b9;color:#fff;}

.fl{margin: 0 auto;}

.fl .cpfl{margin-bottom: 14px;;}

.cplb{margin-top:20px;}

.cplb li{float:left;}

.hs{background: #f6f6f6;margin-top:30px;padding-top:20px;padding-bottom:50px;}

.bk{text-align: center;}

.xz{position: relative;}

.hs1{background: #f6f6f6;margin-top:30px;padding:20px auto;}

.lan{float:right;margin-top:0px;margin-left: 20px;}

.xz1{margin:10px;width:229px;height:335px;overflow: hidden;position: relative;}

.bk a:hover img{transition: all ease .6s;transform:translateX(-50px);}

.bk a:hover .wzyy{transition: all ease .6s;transform:translateX(229px);display: block;opacity:1;}

.bk a:hover .xwz{transition: all ease .6s;transform:translateY(-70px);opacity:1;}

.bk a:hover .xwz1{transition: all ease 1s;transform:translateY(-55px);opacity:1;}

.bk a img{transition: all ease .6s;}

.wzyy{width:229px;height:335px;display: block;background-color:rgba(102,172,57,0.5);position: absolute;left: -229px;top: 0px;opacity:0;}





.xwz{position: absolute;bottom:-30px;color: #fff;text-shadow: 0 1px 4px #828282;left:0px;font-size: 20px;font-weight: bold;opacity:0;width:100%;text-align: center;transition: all ease .6s;}

.xwz1{position: absolute;bottom:-40px;color: #fff;text-shadow: 0 1px 4px #828282;left:0px;font-size: 16px;font-weight: normal;font-family:arial;opacity:0;width:100%;text-align: center;transition: all ease .6s;}



.bk .xxxt1a{width:243px;height:7px;background: #e4e4e4;left:3px; top:-14px;position: absolute;z-index: 1;}

.bk .xxxt1::before{position:absolute; content:''; width:1px;height:7px;left:3px; top:-14px;opacity:1;transition: all ease .6s;background: #e4e4e4;z-index: 10;}

.bk a:hover .xxxt1:before{width:243px;transition: all ease .6s;height:7px;background: #65ac39;}



.bk .xxxt2a{width:243px;height:7px;background: #e4e4e4;left:2px; bottom:-24px;position: absolute;z-index: 1;}

.bk .xxxt2::before{position:absolute; content:''; width:1px;height:7px;right:16px; bottom:-14px;opacity:1;transition: all ease .6s;background: #e4e4e4;z-index: 10;}

.bk a:hover .xxxt2:before{width:243px;transition: all ease .6s;height:7px;background: #65ac39;}



.bk .xxxt3a{width:7px;height:363px;background: #e4e4e4;left:-4px; top:-14px;position: absolute;z-index: 1;}

.bk .xxxt3::before{position:absolute; content:''; width:7px;height:1px;left:-4px; bottom:-14px;opacity:1;transition: all ease .6s;background: #e4e4e4;z-index: 10;}

.bk a:hover .xxxt3:before{width:7px;transition: all ease .6s;height:363px;background: #65ac39;}



.bk .xxxt4a{width:7px;height:363px;background: #e4e4e4;right:10px; top:-14px;position: absolute;z-index: 1;}

.bk .xxxt4::before{position:absolute; content:''; width:7px;height:1px;right:10px; top:-14px;opacity:1;transition: all ease .6s;background: #e4e4e4;z-index: 10;}

.bk a:hover .xxxt4:before{width:7px;transition: all ease .6s;height:363px;background: #65ac39;}

.zh{background: #4c9120;}

.bqun p{color: #fff;margin: 0px;line-height: 50px;}

.ban a{color: #fff;margin: 0px;line-height: 50px;}

.ban a:hover{color: #fff;}

.xbj .title{font-size:16px;color: #000;margin:0px;}

.xbj .date{margin:0px;}

.xbj .title:hover{color: #65ac39;transition: all ease .5s}

.xwlm{margin-bottom:30px;}

.syxw_bt{position: absolute;bottom: 23px;margin:0px;width:448px;background-color:rgba(0,0,0,0.6);left:20px;color: #fff;font-size: 16px;padding: 8px 14px;}

.db{background: #65ac39;width:100%;padding: 30px 0px;}

.bottom{float: left;margin-right:30px;width: 150px;}

.bottom .title{margin-bottom: 8px;font-size: 15px;font-weight:bold;color:#fff}

.bottom .title:hover{color:#fff}

.bottom .ej a{color:#fff}

.bottom .ej a:hover{color:#fff}

.inner-banner {text-align: center;line-height: 220px;min-height: 220px;color: #fff;font-size: 30px;margin-top: 100px;}

.inner1{background: url(/upload/images/nybanner1.jpg) fixed no-repeat center top;}

.inner2{background: url(/upload/images/nybanner2.jpg) fixed no-repeat center top;}

.inner3{background: url(/upload/images/nybanner3.jpg) fixed no-repeat center top;}

.inner4{background: url(/upload/images/nybanner4.jpg) fixed no-repeat center top;}

.inner5{background: url(/upload/images/nybanner5.jpg) fixed no-repeat center top;}

.inner6{background: url(/upload/images/nybanner6.jpg) fixed no-repeat center top;}

.inner7{background: url(/upload/images/nybanner7.jpg) fixed no-repeat center top;}

.nymiddle{padding-bottom:100px;text-align: left;    }

.bt{font-size:22px;font-weight:bold;color:#0072b9;padding: 5% 0px 1% 0px;margin:0px;text-align: center;}

.line{width: 55px;background: #0072b9;height: 2px;display: block;margin: 5px auto 50px;}

.cp_bt a{padding: 4px 37px;background: #989999;color: #fff;text-align: center;border-radius: 20px;float: left;margin: 3px 18px;font-weight: bold;font-size:15px;}

.cp_bt a:hover{background: #0072b9;color: #fff;}

.curr{background:#0072b9 !important;color: #fff !important;}

.cp_bt{height: auto;overflow: hidden;margin-bottom:8%;float:left;}

.about_con{width:830px;margin: 0 auto;}

.about_about{width:852px;margin: 0 auto;}

.about_news{width:512px;margin: 0 auto;}

.about_jd{width:525px;margin: 0 auto;}

.about_con{width:340px;margin: 0 auto;}

.about_pro{width:100%;margin: 0 auto;}

.bqun{text-align: left;}

.description{line-height: 26px;}

.table tr td{vertical-align: middle !important;}









/* 首页产品循环 样式 */

#pro_demo {overflow:hidden;position: relative;width:100%;}

#pro_indemo {float: left;width: 800%}

#pro_demo1,#pro_demo2{float: left;width:2718px;}

#pro_demo1 li,#pro_demo2 li{float: left;margin: 0 20px;position: relative;}

#pro_demo1 img,#pro_demo2 img{width:262px;height:215px;border: 3px #e6e6e6 solid;}

#pro_demo1 img:hover,#pro_demo2 img:hover{border: 3px #65ac39 solid;transition: all ease .6s}

.cplb p a{width:100%;background:#f6f6f6;height: 44px;text-align: center;font-size: 15px;display: block;line-height: 44px;margin-top: 10px;}

.cplb p a:hover{background:#65ac39;color:#fff;}









.news .yy{margin-bottom:35px;float: none;width: 100%;margin-right: 0px;-webkit-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;}

.news .yy:hover{box-shadow: 5px 2px 20px #ccc; cursor:pointer;transform: translateX(10px);-webkit-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;}

.news .col-md-4{padding-left: 0px;}

.dj .col-md-4{padding-left:15px;padding-bottom:24px;margin-bottom:24px;}

.dj .xw_bt{font-size: 18px;}

.dj .gy{line-height: 26px;}

.news h4{padding-top: 8px;}

.news h4:hover{color: #65ac39;}

.news .yy:hover h4{font-weight: bold;}

.news .yy .date{margin: 0px;}

.news_con_title {font-size: 18px;font-weight: bold;line-height: 36px;text-align: center;height: 36px;margin-top:5%;}

.news_con_top {border-bottom: 1px dashed #e9e9e9;color: #3b3b3b;font-size: 14px;text-align: center;line-height: 40px;margin: 0px auto;margin-bottom: 14px;overflow: hidden;padding-bottom:10px;}

.product .col-md-4{text-align: center;margin-bottom:5px;}

.product .col-md-4 img{margin: 0 auto;}

.product{margin-bottom:100px;}

.product .title{line-height: 40px;}







/* 幻灯样式 */

.swiper-container {width: 100%;height: 541px;}

.swiper-slide {background-position: center;background-size: cover;}

.swiper-wrapper .xt{background:#fff;height:3px;width:97px;position:absolute;left:24%;top:46%;box-shadow: 0 1px 10px #c2c2c2;}

.swiper-slide .title {font-size: 52px;font-weight: 300;font-family: 'zt';text-shadow: 0 1px 10px #c2c2c2;color:#fff;line-height: 55px;position:absolute;left:24%;top:30%;}

.swiper-slide {-webkit-box-sizing: border-box;box-sizing: border-box;}

.parallax-bg {position: absolute;left: 0;top: 0;width: 130%;

        height: 100%;

        -webkit-background-size: cover;

        background-size: cover;

        background-position: center;

    }