@charset "utf-8";
/* CSS Document */ 

@font-face{font-family:'iconfont';src:url('//at.alicdn.com/t/font_1432720974_1547027.eot');src:url('//at.alicdn.com/t/font_1432720974_1547027.eot?#iefix') format('embedded-opentype'),url('//at.alicdn.com/t/font_1432720974_1547027.woff') format('woff'),url('//at.alicdn.com/t/font_1432720974_1547027.ttf') format('truetype'),url('//at.alicdn.com/t/font_1432720974_1547027.svg#iconfont') format('svg')}
@font-face{font-family:'Pacifico';font-style:normal;font-weight:400;src:local('Pacifico Regular'),local('Pacifico-Regular'),url(http://fonts.gstatic.com/s/pacifico/v7/Q_Z9mv4hySLTMoMjnk_rCfesZW2xOQ-xsNqO47m55DA.woff2) format('woff2')}
.fa{display:inline-block;font-family:"iconfont";font-size:20px;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale}
.fa-icon-qq:before{content:"\e604"}
.fa-icon-weibo:before{content:"\e600"}
.fa-icon-weixin:before{content:"\e605"}
.fa-icon-zaixianzixun:before{content:"\e608"}
body{font-family:"微软雅黑"}
.glyphicon{top:0 !important}
.no-padding{padding:0 !important}
.no-margin{margin:0 !important}
.no-background{background:none !important}
.no-border{border:none !important}
.overflow{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.w100{width:100% !important}
.h100{height:100% !important}
a{text-decoration:none !important;cursor:pointer !important;outline:none !important;}
.container-fluid{max-width:1230px !important}
.tr{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s}
.tr2{transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s}
.tr3{transition:all 1s;-webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s}
.sizeCover{ background-position: 50% 50%; background-size: contain; background-repeat: no-repeat;}
.dock {
    top: 300px !important;
}




/* 头部样式*/
header .sjdnav{ display:none;width:150px;height:auto;position:absolute;right:0;top:80px;z-index:2000; }
header .sjdnav ul{ padding:0; margin:0;}
header .sjdnav li{width:100%;background:#31a64b;line-height:38px;text-align:center;font-size:15px;line-height:38px;font-weight:bold;margin-bottom:3px;padding: 0 !important;}
header .sjdnav li a{display:block;color:#fff;}
header .sjdnav li a:hover{ background:#edfa04;color: black;}
header .ydd_btn{width:40px;cursor:pointer;position:absolute;z-index:2000;top:30px;right:20px;}
header .ydd_btn span{ display:block; width:100%; height:4px; background:#edfa04 ;}
header .ydd_btn span.span02{margin:4px 0;}
header .ydd_btn.click{ background:none;}
header .ydd_btn.click span{ background:#edfa04;}
header .ydd_btn.click span.span01{transform:rotate(45deg);-ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); position:relative;top:8px;margin-top:0px;} 
header .ydd_btn.click span.span02{margin:4px 0;}
header .ydd_btn.click span.span03{transform:rotate(-45deg);-ms-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -o-transform:rotate(-45deg);position:relative;top:-8px;margin-top:0px;}
header .ydd_btn.click span.span02{ width:0;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0; opacity: 0;}

header{ width: 100%; height: 116px;background: #31a64b;}
header .logo{ font-size: 0; line-height: 116px; }
header .logo img{ max-width: 400px; }
header .right{ width:calc(100% - 400px); }
header .right .tops{ margin-bottom: 20px; padding-top: 19px; }
header .right .bots .menu .ul1 .li1{ position: relative;}
header .right .bots .menu .ul1 .li1 .lian{ display: block; color: white;  font-size: 16px;padding: 0 0 0 7px;font-weight: bold;}
header .right .bots .menu .ul1 .li1.active .lian{color: #edfa04;}
header .right .bots .menu .ul1 .li1 .lian:hover{color: #edfa04;}
header .right .bots .menu .ul1 .li1 .lian{}
header .right .bots .menu .ul1 .li1 .ul5{position:absolute;display:none;left:0;top:30px;z-index:100;width:100%; }
header .right .bots .menu .ul1 .li1 .ul5 li{float:none;margin-top:1px;width:100%;line-height:40px;border:none;color: #edfa04;}
header .right .bots .menu .ul1 .li1 .ul5 li a{color: #edfa04;text-align: center;line-height:40px;display: block;font-size: 13px;background:#31a64b ;}
header .right .bots .menu .ul1 .li1 .ul5 li:hover a{color: white;}
header .right .tops .tel{ font-size: 12px; color: #999999;  line-height: 34px;}
header .right .tops .tel form{height: 31px;background: white;border-radius:20px;}
header .right .tops .tel form input{border-radius:20px;float:left;width:192px; height:31px;border:0; font-size:14px; padding:0 10px 0 15px;box-sizing: border-box;position: relative;}
header .right .tops .tel form button{cursor:pointer !important;float:left;border-radius:20px;width:50px; height:31px; background:white; font-size:14px; color:#fff; border:0; outline:none;background: url(../images/sou.png) no-repeat 50% 50%;position: absolute;right: 1%;top: 17%;}


/*分页*/
.page_list a{color:#000; margin: 0px 5px;}
.page_list a:hover{ text-decoration: underline;}
.page_list a.on{color:#f00;}




/*banner轮播*/
#myCarousel{position:relative;}
#myCarousel .carousel-inner img {margin:0 auto;}
#myCarousel .carousel-control {font-size:100px;}
#myCarousel .carousel-control.left{background-image: none; display:none}
#myCarousel .carousel-control.right{background-image: none; display:none}
.carousel-indicators{bottom:0;}
.carousel-indicators .active,.carousel-indicators li{width:13px;height:13px;margin:1px 4px;}

/*标题*/
.title09 h1{font-size:30px;font-weight: bold;}
.title09 h1 a{color: #484848 !important;}
.title09 h1 a:hover{ color:#31a64b !important;}
.title09 small{ display:block;font-family:"Book Antiqua",Times,serif; font-size:14px;color: #757575;margin: 12px 0 0 0;}
.title09 span{display:block; margin:12px auto 0 auto; width:102px; height:2px; background:#168a10;}
.title09 p{color:#757575;font-size: 14px;letter-spacing: 6px;}




/*有机有道*/
.love{padding: 45px 0 48px 0;}
.love .pictrue-1{margin: 46px 0 0 0;}
.love .pictrue-1 .pictrue-1-list a .textbox{font-size: 16px;color: #555555;margin: 10px 0 8px 0;}
.love .pictrue-1 .pictrue-1-list a .more{font-size: 12px;color: #555555;line-height: 22px;height: 44px;overflow: hidden;text-align: center;padding: 0 40px;}
.love .pictrue-1 .pictrue-1-list a:hover .more{color: #31a64b;}
.love .pictrue-1 .pictrue-1-list a:hover .imgbox{transform: rotate(360deg);-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-o-transform: rotate(360deg);-ms-transform: rotate(360deg);}	


/*单*/
.love1 img{max-width: 100%;}


/*有机认证解析*/
.love2{padding: 45px 0 30px 0;background: url(../images/bei2.jpg) no-repeat;background-size: cover;}
.love2 .imgs{ transition:all .3s; overflow: hidden;}
.love2 .imgs span{ display: block; width: 100%; transition: all .8s;}
.love2 .imgs img{max-width:100%;}
.love2 .tu h3{ font-size: 15px; color: #333;transition:all .3s;margin: 15px 0 0 0 !important;}
.love2 .tupian a:hover .imgs span{ transform: scale(1.2);}
.love2 .img3{width: 40%;margin: 0 auto;}
.love2 .tupian1{margin: 23px 0 ;}
.love2 .tu{margin: 35px 0 0 0;}
.picture21{ position:relative; margin:20px -10px 0;}
.picture21 #owl-demo .item{-webkit-transition: all 0.3s;transition:all 0.3s; margin: 0 10px;}
.picture21 #owl-demo .item li{ -webkit-transition: all .3s; transition:all .3s; margin-bottom: 20px;}
.picture21 #owl-demo .item li .imgs{ transition:all .3s; overflow: hidden; position: relative; margin-bottom:1px;perspective: 800px;}
.picture21 #owl-demo .item li .imgs span{ display: block; width: 100%; transition: all .8s;}
.picture21 #owl-demo .item .imgs img{max-width:100%;}
.picture21 #owl-demo .item li .imgs .mask{color: white;font-size: 30px;text-align:center;position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.6) url(../images/mas.png) no-repeat center center;transform: rotateY(90deg);transition: 0.6s;}
.picture21 #owl-demo .item li h3{ font-size: 15px; color: white; line-height: 45px; width: 100%; background:#31a64b;transition:all .3s;}

.picture21 .owl-theme .owl-controls .owl-buttons div{position:absolute; top:50%;z-index:1; width:43px; height:86px; margin-top:-43px;display:inline-block;zoom:1;*display:inline;filter:Alpha(Opacity=100);opacity:1;}
.picture21 .owl-theme .owl-controls .owl-buttons div.owl-prev{ left:-70px; background: url(../images/yjt.png) left 40% no-repeat; transition: all .3s;}
.picture21 .owl-theme .owl-controls .owl-buttons div.owl-next{right: -70px; background: url(../images/zjt.png) right 40% no-repeat; transition: all .3s;}
.picture21 .owl-theme .owl-controls .owl-buttons div.owl-prev:hover{background: url(../images/yjt.png) right 40% no-repeat;}
.picture21 .owl-theme .owl-controls .owl-buttons div.owl-next:hover{background: url(../images/zjt.png) left 40% no-repeat;}
.picture21 .owl-theme .owl-controls.clickable .owl-buttons div:hover{filter:Alpha(Opacity=100);opacity:1;text-decoration:none;}
.picture21 .owl-theme .owl-controls .owl-page{ display:none;}

.love2 .news3{display:block;margin-bottom:20px;border-bottom: 1px solid #c9d2d4;padding: 0 0 15px 0;}
.love2  .xia{margin: 35px 0 0 0;}
.love2 .news3 .text_box h5{color:#31a64b;font-size: 16px;padding: 0 0 0 25px;background: url(../images/dian.jpg) no-repeat 5px 50%;}
.love2 .news3 .text_box .text{font-size:12px;color:#343434;line-height:20px;height:40px;overflow:hidden;margin: 8px 0 0 0;}
.love2 .zuo{padding: 0 30px 0 15px !important;}
.love2 .you{padding: 0 15px 0 30px !important;}
.love2 .news3 .text_box .text:hover{color: #31a64b;}


.picture22{ position:relative; margin:40px 25px 0;}
.picture22 #owl-demo1 .item{-webkit-transition: all 0.3s;transition:all 0.3s; margin: 0 7px;}
.picture22 #owl-demo1 .item li{ -webkit-transition: all .3s; transition:all .3s; margin-bottom: 20px;}
.picture22 #owl-demo1 .item li .imgs{ transition:all .3s; overflow: hidden; position: relative;perspective: 800px;background: white;padding: 10px;}
.picture22 #owl-demo1 .item li .imgs span{ display: block; width: 100%; transition: all .8s;}
.picture22 #owl-demo1 .item .imgs img{max-width:100%;}
.picture22 #owl-demo1 .item li .imgs .mask{color: white;font-size: 30px;text-align:center;position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.6) url(../images/mas.png) no-repeat center center;transform: rotateY(90deg);transition: 0.6s;}
.picture22 #owl-demo1 .item li h3{ font-size: 14px; color: #504f4f;width: 100%;transition:all .3s;margin: 15px 0 0 0 !important;}

.picture22 .owl-theme .owl-controls .owl-buttons div{position:absolute; top:45%;z-index:1; width:19px; height:43px; margin-top:-43px;display:inline-block;zoom:1;*display:inline;filter:Alpha(Opacity=100);opacity:1;}
.picture22 .owl-theme .owl-controls .owl-buttons div.owl-prev{ left:-20px; background: url(../images/zuo.png) left 40% no-repeat; transition: all .3s;}
.picture22 .owl-theme .owl-controls .owl-buttons div.owl-next{right: -20px; background: url(../images/you.png) right 40% no-repeat; transition: all .3s;}
.picture22 .owl-theme .owl-controls.clickable .owl-buttons div:hover{filter:Alpha(Opacity=100);opacity:1;text-decoration:none;}
.picture22 .owl-theme .owl-controls .owl-page{ display:none;}


/*公司简介*/
.love3{}
.love3 .left1{width: 48.5%;background: url(../images/bei3.jpg) no-repeat;background-size: cover;padding: 120px 0 133px 0;height: 341px;}
.love3 .left1 .about{padding: 0 0 0 70%;display: block;}
.love3 .right1{width: 51.5%;background: #31a64b;padding: 35px 364px 0 26px;text-align: center;height: 341px;}
.love3 .left1 .about span{font-size: 38px;color: white;}
.love3 .left1 .about h3{font-size: 30px;color: white;font-weight: bold;}
.love3 .right1 .wen{font-size: 14px;line-height: 24px;color: white;height: 96px;overflow: hidden;margin: 20px 0 0 0;}
.love3 .right1 .wen:hover{color: #0e0e0e;}



/*新闻*/
.love4{padding: 50px 0 30px 0;}
.news_box ul{ margin: 40px -10px 0 -10px;}
.news_box ul li{width:47%;margin: 0 20px 40px 10px;}
.news_box ul li .news{ padding: 0 0 0 164px; min-height: 116px; position: relative;}
.news_box ul li .news .imgbox{ width: 179px; height: 130px; position: absolute; left: 0; top:0; z-index: 1; overflow: hidden;border: 1px solid #ccd5d7;}
.news_box ul li .news .imgbox span{ display: block; width: 100%; height: 100%; transition: all .3s;}
.news_box ul li .news .news_til{ padding: 0 0 0 40px;}
.news_box ul li .news .news_til .biao{}
.news_box ul li .news .news_til h3{ font-size: 14px; color: #131313;padding: 10px 0 0 0;}
.news_box ul li .news .news_til .news_ti{ font-size: 12px; color: #1b1b1b; line-height: 21px; height: 63px; overflow: hidden; margin: 20px 0 0 0;}
.news_box ul li:hover .news .imgbox span{ transform: scale(1.1);}
.news_box ul li:hover .news .news_til h3{ color: #31a64b;}


/*友情链接*/
.love5{padding: 20px 0 46px 0;}
.love5 .youqing{font-size: 16px;color: #2d2d2d;font-weight: bold;margin: 0 0 0 0;}
.love5 a{font-size: 14px;color: #606060;display: inline-block;}
.picture24{ position:relative;margin: 20px 0 0 0;}
.picture24 #owl-demo3 .item{-webkit-transition: all 0.3s;transition:all 0.3s;}
.picture24 #owl-demo3 .item li{ -webkit-transition: all .3s; transition:all .3s;background: white;border-right: 1px solid #606060;text-align: center;}
.jia{border-left: 1px solid #606060;}
.picture24 #owl-demo3 .item li .imgs{ transition:all .3s; overflow: hidden; position: relative;}
.picture24 #owl-demo3 .item li .imgs span{ display: block; width: 100%; transition: all .8s;position: relative;}
.picture24 #owl-demo3 .item .imgs img{max-width:100%;}
.picture24 #owl-demo3 .item .imgs{}
.picture24 #owl-demo3 .item li p{padding: 10px 0 0 0 !important;overflow: hidden;height: 80px;}
.picture24 #owl-demo3 .item li .xia{padding: 0 20px 20px 20px;}
.picture24 #owl-demo3 .item li h2{font-size: 14px;}
.picture24 #owl-demo3 .item li .more{display:block;width: 90px;line-height:26px;border-radius: 5px;background: #ff8a00;color: white;font-size: 12px;text-align: center;border: 1px solid #ff8a00;}
.picture24 #owl-demo3 .item li h3{ font-size: 12px; color: #0168b7; line-height: 20px; width: 100%;transition:all .3s;padding: 0 0 5px 0!important;}
.picture24 .owl-theme .owl-controls .owl-page{ display:none;}


/*联系我们*/
.love6{background: url(../images/bei4.jpg) no-repeat;background-size: cover;padding: 27px 0 27px 0;}
.contact02{ margin: 40px 0 0 0;}
.contact02 h3{ color: #101010; font-size: 16px;}
.contact02 .h5{ font-size: 14px; color: #101010; line-height: 22px; height: 44px; overflow: hidden;}
.contact02 .detailed { margin-top:25px;margin: 0 20px 0 0;}
.contact02 .detailed .ewm_box{margin: 96px 0 0 0;}
.contact02 .detailed .ewm_box1{margin: 96px 0 0 0;}
.contact02 .detailed .lx{ width: 54%;margin: 20px 0 0 0;}
.contact02 .detailed .lx ul li{font-size: 14px; color: white; line-height: 30px; margin-bottom: 5px;}
.contact02 input{background: #fff; height:42px; width: 100%; padding: 0 10px;color: #a2abad;border: none; }
.contact02 textarea{background:#fff; height:76px; resize:none; width: 100%; padding: 10px; color: #a2abad;border: none;  }
.contact02 button{ width:136px; height:44px; color:white; background:#b4070d; border:none; transition:all 0.3s;margin-top: 4px;}

.contact02  .form-group{margin-bottom: 7px !important;}  
.contact02 .form-horizontal {margin: 25px 0 0 0;} 
.love6 .title09 h1 a{color: white !important;}
.love6 .tou{font-size: 24px;color: white;}




 /*内页关于我们*/
.neiye{padding:40px 0;}
.neiye .title11{text-align:center;margin-bottom:25px;}
.neiye .title11 .title a .zuo,.neiye .title11 .title a .you{background: #e2e2e2;  }
.neiye .title11 .title a .zuo:before,.neiye .title11 .title a .you:before{background: #e2e2e2;}
.neiye .title11 .title span {color: #b7b7b7;}
.neiye .nav_box{text-align:center;font-size:0;margin:30px 0 30px 0;}
.neiye .nav_box ul li{display:inline-block;margin:0 14px;position:relative;}
.neiye .nav_box ul li a{color:#31a64b;font-size:14px;width:144px;line-height:32px;display:block;border: 1px solid #31a64b;}
.neiye .nav_box ul li a.active,.neiye .nav_box ul li a:hover{background:#31a64b;color:#fff;}
.neiye .nav_box ul li ul{position:absolute;top:100%;left:0;width:100%;z-index:10;padding-top:1px;display:none;}
.neiye .nav_box ul li ul li{margin:0;background:rgba(0,0,0,0.6);}
.neiye .nav_box ul li ul li a{color:#31a64b;font-size:14px;width:144px;line-height:32px;display:block;border: 1px solid #31a64b;}
.neiye .nav_box ul li:hover ul{display:block;}
.neiye .nav_box ul li ul li a.shou,.neiye .nav_box ul li ul li a:hover{background:#31a64b;color:#fff;}
.yd_nav{margin-bottom:20px;}
.yd_nav .title10{line-height:40px;background:#31a64b;color:#fff;font-size:20px;padding-left:20px;position:relative;cursor:pointer;}
.yd_nav .title10 span{position:absolute;top:0;right:15px;line-height:40px;}
.yd_nav .nav2{display:block;border:1px solid rgba(0,0,0,0.2);line-height:35px;text-align:center;padding:0 5px;margin-top:1px;color:#333;}
.yd_nav .nav2:hover{background:#31a64b;color:#fff;}
.yd_nav ul{background:rgba(0,0,0,0.6);display:none;}
.yd_nav ul a{display:block;text-align:center;color:#fff;line-height:35px;}
.yd_nav ul a:hover{color:#cf0305;}
.xqy .text {line-height: 32px;}

.cp{overflow-x:hidden;width:100%;}
.cp ul li{width:20%;float:left;}
.cp ul{margin:0 -7px !important;}
.cp_con{display:block;margin:0 7px 40px 7px;}
.cp_con .imgbox{overflow:hidden;}
.cp_con .text_box{position:relative;}
.cp_con h5{text-align: center;color: #555555;font-size: 16px;margin: 16px 0 0 0 !important;}
.cp_con .text_box img{position:absolute;top:10px;right:10px;}
.cp_con .text_box .text{font-size:14px;line-height:19px;color:#666666;overflow:hidden;margin: 15px 0 0 0;}
.cp_con:hover .img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.cp_con:hover h5{color:#31a64b;}


.cp1{overflow-x:hidden;width:100%;}
.cp1 ul li{width:33.33%;float:left;}
.cp1 ul{margin:0 -35px !important;}
.cp1 .cp_con1{display:block;margin:0 35px 30px 35px;}
.cp_con1 .imgbox{overflow:hidden;}
.cp_con1 .text_box{position:relative;}
.cp_con1 h5{color:#1c1c1c;line-height: 44px;text-align: center;font-size: 14px;}
.cp_con1 .text_box img{position:absolute;top:10px;right:10px;}
.cp_con1 .text_box .text{font-size:14px;line-height:19px;color:#666666;overflow:hidden;margin: 15px 0 0 0;}
.cp_con1:hover .img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.cp_con1:hover h5{color:#129acc;}


.picture7{ margin:20px 0 0 0; text-align: center;}
.picture7 img{ display:block; margin:0 auto;}
.title07{ margin:20px 0 0 0;}
.title07 h1{ margin:0 auto !important; font-size:16px; color:#333; line-height:30px;}
.title07 h2{ margin:0 auto !important; font-size:18px; color:#333; line-height:40px; width:60%; border-bottom:1px dashed #666;}
.title07 h6{color:#666; line-height:30px; }
.text03{ padding:10px; font-size:14px; color:#333; line-height:24px;}
.text03 img{ max-width:100%; height:auto;}

/*新闻中心*/
.fa1{ margin-top:30px;}
.fa1 ul li{ padding:0 0 20px 0; margin-bottom:20px;border-bottom: 1px solid #e7e7e7;}
.fa1 ul li .fabox{ position:relative; padding:0 0 0 265px; min-height:175px;}
.fa1 ul li .fabox .imgbox{ width:265px; height:175px; overflow:hidden; position:absolute; left:0; top:0; z-index:1;border: 1px solid #eeeeee;}
.fa1 ul li .fabox .imgbox span{ display:block; width:100%; height:100%; transition:all .5s;}
.fa1 ul li .fabox .fatil{ padding:0 0 0 30px;}
.fa1 ul li .fabox .fatil h3{ font-size:16px; color:#302f2b;margin: 10px 0 0 0 !important;}
.fa1 ul li .fabox .fatil h6{ font-size:12px; color:#999; line-height:30px;}
.fa1 ul li .fabox .fatil .fati{ color:#636260; line-height:22px; height:44px; overflow:hidden;margin-top: 10px;}
.fa1 ul li .fabox .fatil .more2{margin: 0 0 0 90%; width:88px; line-height:31px; color:#fff; text-align:center; background:#31a64b; margin-top:30px; transition:all .3s;font-size: 12px;}
.fa1 ul li:hover .imgbox span{ transform:scale(1.1);}
.fa1 ul li:hover .fabox .fatil h3{ color:#31a64b;}
.fa1 ul li:hover .fabox .fatil .more2{ background:#edfa04;color: black;} 
.fa1 .xia .shi{font-size: 12px;color: #b0a8b0;}
.gai{margin: 0 -0px !important;}
/*liuyan*/
.liu_box{ margin-top: 20px;}
.liuyan{ width:60%; margin:40px auto;}
.liuyan .inp{ margin-bottom:10px;}
.liuyan input{ border:none; height:39px; width:100%; border:1px solid #ccc; padding:0 10px;}
.liuyan .inp2{ margin-bottom:15px;}
.liuyan textarea{  border:1px solid #ccc; height:95px; width:100%; resize:none;  padding:0 10px;}
.liuyan button{ width:100%; height:36px; color:#fff; background:#31a64b; border:none; transition:all 0.3s; display:block; margin:0 auto;}

/*页脚*/
footer{ padding:20px 0; text-align: center; background: #0e0e0e;}
footer section{color:#fff; line-height: 24px; font-size: 12px;}
footer section .Copyright a{ color:#fff;}
/*底部热点*/
	#tabBar{ position: fixed; left:20px; bottom:20px; z-index: 99; width: calc(100% - 40px); height: 50px;}
	#tabBar.active{ animation: tabBarAnimation 3s 1s infinite linear;  }
	#tabBar .clickbtn{ position: absolute; right: 0; bottom: 0; z-index: 2; width:50px; height:50px; font-size: 0; line-height: 50px; background: rgba(255,255,255,0.8); border-radius: 50%; }
	#tabBar .clickbtn span{ display: block; position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; opacity: 0; }
	#tabBar .clickbtn img{ width: 22px; }
	#tabBar .clickbtn.on{ animation:clickbtnAnimation 10s 0s infinite linear; box-shadow: 0 3px 5px rgba(0,0,0,0.5); }
	#tabBar .clickbtn.on:before{ content: ""; position: absolute; left: 0; bottom: -5px; z-index: 1; width: 20px; height: 5px;}
	#tabBar .clickbtn.active{ background:url(../images/tabBar/xian2.png) rgba(110,209,207,1); background-size: 100% 100%; }
	#tabBar .clickbtn.active:before{ content: ""; position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%; border:solid 1px rgba(255,255,255,0.2); border-radius: 50%; }
	#tabBar .clickbtn.active > img{ opacity: 0; }
	#tabBar .clickbtn.active span{ opacity: 1; }
	#tabBar .navigation{position: absolute; left:calc(100% - 100px); bottom: 0; z-index: 1; width:0; height: 50px; border-radius: 25px; transition: all 0.3s;}
	#tabBar .navigation:before{ content: ""; position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; border-radius: 25px; 
background:-moz-linear-gradient(left,rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.6) 100%);background:-webkit-linear-gradient(left,rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.6) 100%);background:linear-gradient(to right,rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.6) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccffffff',endColorstr='#99ffffff',GradientType=1 );}
	#tabBar .navigation ul{ position: relative; z-index: 2; padding: 0 60px 0 20px; }
	#tabBar .navigation ul li{ width: calc(100% / 3); font-size: 0; }
	#tabBar .navigation ul li a{ position: relative; left: 10px; display: inline-block; vertical-align: top; line-height: 50px;opacity: 0; }
	#tabBar .navigation ul li a .tab-icon{ margin-right: 5px; }
	#tabBar .navigation ul li a .tab-icon img{ width: 22px; }
	#tabBar .navigation ul li a .tab-title{ font-size: 12px;color: #333; }
	#tabBar .navigation.active{ box-shadow: 5px 5px 10px rgba(0,0,0,0.2); animation: navigationAnimation 0.5s 0s linear forwards;}
	#tabBar .navigation.active ul li:nth-child(1) a{animation:navigationAAnimation 0.3s 0.5s linear forwards; }
	#tabBar .navigation.active ul li:nth-child(2) a{animation:navigationAAnimation 0.3s 0.6s linear forwards; }
	#tabBar .navigation.active ul li:nth-child(3) a{animation:navigationAAnimation 0.3s 0.7s linear forwards; }		

	@keyframes tabBarAnimation{
		0%{transform:translate(0,0);}
		30%{transform:translate(0,5px);}
		50%{transform:translate(0,0);}
		70%{transform:translate(0,-5px);}
		100%{transform:translate(0,0);}
	}

	@keyframes navigationAnimation{
		0%{left:calc(100% - 100px); width: 0; }
		80%{ left: -10px; width:100%; }
		90%{ left:  5px; width:100%; }
		100%{ left: 0; width:100%; }
	}

	@keyframes navigationAAnimation{
		from{ left: -10px; opacity: 0; }
		to{ left: 0; opacity: 1; }
	}

	@keyframes clickbtnAnimation{
		0%{ transform: rotateY(0deg); }
		10%{transform: rotateY(270deg); }
		15%{transform: rotateY(180deg); }
		30%{transform: rotateY(0deg); }
		100%{transform: rotateY(0deg); }
	}



@media (max-width:1250px){
header .right .bots .menu .ul1 .li1 .lian{font-size: 14px;padding: 0 0 7px 7px;}	
.news_box ul li{width: 47%;}
.contact02 .detailed .lx{ width: 52.5%;}
}


@media (max-width:1199px){
.owl-theme .owl-controls.clickable .owl-buttons div{display:none !important;}
.owl-theme .owl-controls .owl-buttons div.owl-next{display:none !important;}
.owl-theme .owl-controls .owl-buttons div.owl-prev{display:none !important;}
header .right .bots .menu .ul1 .li1 .lian{font-size: 14px;padding: 0 0 7px 7px;}
.news_box ul li{width:46%;margin: 0 20px 40px 10px;}
.fa1 ul li .fabox .fatil .more2{margin: 0 0 0 85%;}
}
@media (min-width:992px){
.picture22 #owl-demo1 .item li:hover .imgs span{ transform: scale(1.2);}
.picture22 #owl-demo1 .item li:hover .imgs .mask{transform: rotateX(0deg);}
.picture22 #owl-demo1 .item li:hover h3{color:#31a64b}
.picture21 #owl-demo .item li:hover .imgs span{ transform: scale(1.2);}
.picture21 #owl-demo .item li:hover .imgs .mask{transform: rotateX(0deg);}
.picture21 #owl-demo .item li:hover h3{background:#30a115; color:#fff}
}
@media (max-width:991px){
header{ height: 89px;}
header .logo {line-height: 89px;}
header .logo img{height:auto ;width: 362px;}
header .sjdnav{top:89px;}
header .ydd_btn{}
.love2 .zuo{padding: 0 15px 0 15px !important;}
.love2 .you{padding: 0 15px 0 15px !important;}
.news_box ul li{ padding: 4px 4px 4px 4px; width: 100%;margin: 0 15px 20px 0;}
.title09 h1 {font-size: 25px;}
.title09 span {width: 92px;height: 2px;}
.love {padding: 40px 0 40px 0;}
.love2 .you{margin: 25px 0 0 0;}
.picture22 {margin: 20px 10px 0;}
.love3 .left1{width: 100%;height: 251px;padding: 50px 0 53px 0;}
.love3 .right1{width: 100%;padding: 35px 16px 0 16px;}
.love3 .left1 .about {padding: 0 0 0 0;text-align: center;}
.love4 {padding: 40px 0 30px 0;}
.fa1 ul li .fabox .fatil .more2{margin: 0 0 0 80%;}
.cp ul li{width:25%;}
.cp1 ul li{width:25%;}
.liuyan {width: 100%;margin: 20px auto 10px auto;}
}
@media (max-width:767px){
header{ height: 69px;}
header .logo {line-height: 69px;}
header .logo img{height:auto ;width: 262px;}
header .sjdnav{top:69px;}
header .ydd_btn{top: 20px;}
.news_box ul{ margin: 0;}
.news_box ul li{ padding: 0; width: 100%; margin-bottom: 20px;}
.love {padding: 30px 0 30px 0;}
.love2 {padding: 30px 0 30px 0;}
.love3 .left1{width: 100%;height: 201px;padding: 50px 0 53px 0;}
.news_box{margin: 20px 0 0 0;}
.love4 {padding: 30px 0 30px 0;}
.fa1 .xia .shi {margin: 30px 0 0 0;}
.cp ul{margin:0 -15px !important;}
.cp_con{margin:0 15px 24px 15px;}
.cp ul li{width:33.33%;}
.cp1 ul{margin:0 -15px !important;}
.cp_con1{margin:0 15px 24px 15px;}
.cp1 ul li{width:33.33%;}
}
@media (max-width:600px){
.title09 h1 {font-size: 22px;}
.title09 span {width: 82px;height: 2px;}
}
@media (max-width:479px){
header{ height: 59px;}
header .logo {line-height: 59px;}
header .logo img{height:auto ;width: 222px;}
header .sjdnav{top:59px;}
header .ydd_btn{top: 15px;}
header .ydd_btn {width: 35px;}
.news_box ul li .news{ padding: 0 0 0 140px; min-height: 95px;}
.news_box ul li .news .imgbox{ width: 140px; height: 103px;}
.news_box ul li .news .news_til{ padding: 0 0 0 15px;}
.news_box ul li .news .news_til h3{ font-size: 14px; color: #000; line-height: 22px;}
.news_box ul li .news .news_til h6{ line-height: 22px;}
.news_box ul li .news .news_til .news_ti{ line-height: 22px; height: 66px; margin: 5px 0 0 0;}
.title09 h1 {font-size: 20px;}
.title09 span {width: 72px;height: 2px;}
.title09 p {font-size: 12px;letter-spacing: 5px;}
.title09 small{font-size: 12px;}
.love {padding: 25px 0 30px 0;}
.love .pictrue-1 {margin: 26px 0 0 0;}
.love .pictrue-1 .pictrue-1-list a .textbox {font-size: 14px;}
.picture21 #owl-demo .item li h3{ font-size: 13px; color: white; line-height: 35px;}
.picture21 #owl-demo .item {margin: 0 5px;}
.picture21 {margin: 20px -5px 0;}
.picture21 #owl-demo .item li {margin-bottom: 10px;}
.love2 {padding: 25px 0 10px 0;}
.love3 .left1 .about span {font-size: 28px;}
.love3 .left1 .about h3 {font-size: 20px;}
.love3 .left1{width: 100%;height: 161px;padding: 50px 0 53px 0;}
.love4 {padding: 25px 0 15px 0;}
.love5 {padding: 10px 0 20px 0;}
.love5 .youqing {font-size: 15px;}
.contact02 {margin: 20px 0 0 0;}
.love6{padding: 20px 0 15px 0;}
.love6 .tou {font-size: 18px;}
.contact02 button {width: 126px;height: 35px;}
.contact02 .form-horizontal {margin: 15px 0 0 0;}
.fa1 ul li .fabox{ position:relative; padding:0 0 0 135px; min-height:75px;}
.fa1 ul li .fabox .imgbox{ width:135px; height:100px;}
.fa1 ul li .fabox .fatil{ padding:0 0 0 10px;}
.fa1 ul li .fabox .fatil h3{ font-size:14px; color:#4f4f4f; font-weight:bold;}
.fa1 ul li .fabox .fatil h6{ font-size:12px; color:#999; line-height:24px;}
.fa1 ul li .fabox .fatil .fati{ color:#4f4f4f; line-height:20px; height:40px;margin-top:5px;}
.fa1 ul li {padding: 0 0 40px 0;}
.fa1 {margin-top: 15px;}
.cp ul{margin:0 -5px !important;}
.cp_con{margin:0 5px 10px 5px;}
.cp_con h5 {line-height: 35px;font-size: 16px;margin: 6px 0 0 0 !important;}
.cp1 ul{margin:0 -5px !important;}
.cp1 .cp_con1 {margin: 0 5px 10px 5px;}
.cp_con1  h5 {line-height: 30px;font-size: 14px;}
.neiye {padding: 25px 0;}
.yd_nav {margin-bottom: 10px;}
.cp1{margin: 15px 0 0 0;}
.cp{margin: 15px 0 0 0;}
.cp ul li{width:50%;}
}
@media (max-width:400px){
header{ height: 59px;}
header .logo {line-height: 59px;}
header .logo img{height:auto ;width: 202px;}
header .sjdnav{top:59px;}
header .ydd_btn{top: 15px;}
.love .pictrue-1 .box .imgbox img{width: 122px;height: 122px;} 
.love5 a {font-size: 12px;}

}
@media (max-width:300px){
.love .pictrue-1 .box .imgbox img{width: 112px;height: 112px;}
}