@charset "utf-8";
html, body, span, h1, h2, h3, h4, h5, h6, p,strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, label, table, tbody, tr, th, td, a,img{margin: 0;padding: 0;border: 0;font-size: 100%;background: transparent;}
ul, li{list-style:none;}
.ie6 input {vertical-align: text-bottom;}
.ie7 img {-ms-interpolation-mode: bicubic;}
input[type=button],input[type=submit],input[type=reset]{cursor:pointer;-webkit-appearance:none; -webkit-appearance:none;}
/*reset*/
html{ overflow-y:scroll; height:100%; overflow-x:hidden;background:url(../images/loading.gif) 50% no-repeat;}
body{ font-family: Arial,"微软雅黑"; font-size: 14px; line-height:26px; color: #5e5e5e; position: relative;background:#f9f9f9;max-height:99999px;min-width:320px;}
a{text-decoration: none;color: #5e5e5e;}
a:hover{color:#8ec358;}
input{margin: 0;padding: 0;outline: none;font-family: "微软雅黑", Arial;font-size: 14px;color:#5e5e5e; }
.ImgBox{display:table-cell; vertical-align:middle; text-align:center;}
.container{ width:1200px; margin:0 auto;}
.clearfix:before, .clearfix:after { content: ""; display: block; height: 0; overflow: hidden; }  
.clearfix:after {clear: both; }  
.clearfix{ zoom: 1; } 
@font-face {
    font-family: 'HelveticaNeueLTPro-Th';
    src: url('fonts/HelveticaNeueLTPro-Th.TTF');
    font-weight: normal;
    font-style: normal;
}

/*header*/
.header{ width:100%;background:#fff;padding-top:20px;position: fixed;transition: all ease .3s;z-index: 99;transition-property: padding, background;}
/*header_F1*/
.top{background:#fff;z-index:9999;width:100%;}
.top .logo {width:450px;height:auto;overflow:hidden;float:left;}
.top .logo img{max-width:450px;max-height:94px;}
.top .head_right{width:750px;float:right;margin:0 auto;height:auto;position:relative;}
.top .head {width:100%;margin-top: 4px;}
.top .head .lan{float:right;z-index:1;height:auto;padding-right: 20px;padding-left: 19px;}
.top .head .lan a.xiala{color:#8ec358;padding-right:18px;height: 27px;line-height: 27px;background: url(../images/top_drop.png) no-repeat right center;cursor: pointer;}
.top .head .lan ul{margin:0;padding:0;z-index:99999;position:absolute;top:100%;right:0;min-height:44px;display:none}
.top .head .lan ul li {float:left;font-size: 14px;height:44px;line-height:44px;background: #aaaaaa;}
.top .head .lan ul li a{display:block;color:#fff;padding: 0 24px;-o-transition:  0.5s;-webkit-transition:0.5s; -moz-transition:0.5s; transition:0.5s;}
.top .head .lan ul li:hover a{background: #8ec358;}
.top .head .top-search:after,.top .head .lan:before{content: " ";width:1px;height:27px;background:url(../images/top_line.jpg) right center no-repeat; position:absolute;right:0;}
/*search*/
.top .head .top-search{float:right;padding-right:22px;position:relative;}
.top .head .top-search .keyword{width:88px;height:27px;line-height: 27px;float:left;font-size:12px;border:none;border-right:none;border-bottom-left-radius:27px;border-top-left-radius:27px;background: #f9f9f9;-webkit-appearance:none; -webkit-appearance:none; text-indent:15px;-webkit-transition: all .5s;-moz-transition: all .5s;transition: all .5s;text-indent:15px;}
.top .head .top-search .submit{width:32px;height: 27px;line-height:27px;float:left;border:none;border-left:none;border-bottom-right-radius:27px;border-top-right-radius:27px;background:url(../images/top_search.png) no-repeat center center #f9f9f9;}
.top .head .top-search input[type=text]:focus {width: 150px;}

/*header_nav*/
.top .header_nav{ display:block;float:right;height:auto;}
.top .header_nav .a_li{ display:block;float:left;margin-left:36px;padding-bottom:10px;color:#000;position: relative;}
.top .header_nav .a_li>a{ display:block; position:relative; padding:0;height:53px;line-height:53px; font-family:Arial;}
.top .header_nav .a_li>a:hover,.top .header_nav .a_li.on>a{color:#8ec358;}
.top.current{top:14px;}

.top .header_nav .b_li .b_menu{ position:relative;}
.top .header_nav .b_li p{content: '';display: block;position: absolute;right: 10px; top:0;width: 0;height:30px;background:url(../images/nav_dropon.png) right center no-repeat;z-index: 1;transition: all ease-out .3s;}
.top .header_nav .b_li:hover p{right: 19px; width: 4px;}
.top .header_nav .b_li.on p{right: 19px; width: 4px;}
/*二级*/
.dropdown-submenu {position: absolute;top: 100%;left: 0;z-index: 1200;display: none;min-width: 250px;padding: 5px 0;font-size: 14px;text-align: left;list-style: none;background-color: #fff;background-clip: padding-box;}
.header_nav .dropdown-submenu  {top: 60px;transition: all .5s ease!important;z-index: 9999;padding: 20px 0;border: 0;background: #f3f3f3;margin-left:-19px;margin-top:0;}
.top .header_nav .a_li .dropdown-submenu{top: 150%;visibility: hidden;opacity: 0;display: block}
.top .header_nav .a_li:hover .dropdown-submenu {visibility: visible;opacity: 1;top: 100%}
.dropdown-submenu .a_menu{ display:block; font-size:14px;line-height:20px;color:#909090;padding: 5px 19px;}
.dropdown-submenu .a_menu:hover{ color:#8ec358;}
/*三级*/
.top .header_nav .a_li .dropdown-submenu .b_li{position:relative;}
.top .header_nav .a_li .dropdown-submenu .b_li .dropdown-submenu{visibility: hidden;opacity: 0;display: block;top: -18px;left: 150%;margin-left: 0;padding: 17px 0;}
.top .header_nav .a_li .dropdown-submenu .b_li:hover .dropdown-submenu {visibility: visible;opacity: 1;left: 100%;}


/*顶部导航背景滚动*/
.header.mini { background: #fff; box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1);padding-top: 10px;}
.header.mini .top .header_nav .a_li{padding-bottom:0;}
.paddingtop114{height:114px;z-index:1;}

.header .mlogo,.header .phone_menu,.search_btn,#search-form {display:none;}



/* flexslider */
.flexslider{position:relative;height:440px;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;margin:0 auto;width:1200px;margin-top:18px;}
.slides{position:relative;z-index:1;}
.slides li{height:440px;}
.slides li img{height:440px;}
.flex-control-nav{position:absolute;width:6px;right:30px;top:45%;z-index:2;text-align:center;}
.flex-control-nav li{display:block;width:6px;height:6px;padding:6px 0;}
.flex-control-nav a{display:block;width:5px;height:5px;line-height:9999px;overflow:hidden;border:1px solid #fff;cursor:pointer;border-radius:50%;}
.flex-control-nav .flex-active{background:#fff;}
.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%; display:none;}
/*.flex-direction-nav li a{display:block;width:40px;height:40px;overflow:hidden;cursor:pointer;position:absolute;opacity: .5;}
.flex-direction-nav li a.flex-prev{left:40px;background:url(../images/prev.png) no-repeat left 50%;}
.flex-direction-nav li a.flex-next{right:40px;background:url(../images/next.png) no-repeat right 50%;}
.flex-direction-nav li a:hover{opacity: 1;}*/
.TouchSlide{ display:none}


.index_lanmu{padding-top:32px;}
.lanmuList{margin:0 auto;font-size:14px;width:1200px;}
.lanmuList ul{width:1232px;line-height:26px;margin:0 auto;font-size:0;}
.lanmuList ul .li_l{list-style:none;overflow:hidden;margin:auto ;padding:0;display: inline-block;*display:inline;*zoom:1;float: left;margin-right: 0px;padding-bottom: 0px;padding-top: 0;width:345px;height:auto;margin-right:32px;margin-bottom:30px;position:relative;    transition: all 0.01s ease-out 0s;}
.lanmuList ul .li_l .ImgBox{display:block;width:345px; height:210px; overflow:hidden; background-color:#fff;}
.lanmuList ul .li_l .ImgBox img{/*max-width:345px; width:100%;*/overflow: hidden;}
.lanmuList ul .li_l .ImgBox img{transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;}
/*.lanmuList ul .li_l:hover .ImgBox img { -webkit-transform: scale(1.06, 1.06); transform: scale(1.06)}*/
.lanmuList ul .li_l .tt2{font-size:14px;line-height:normal;color:#fff;position:absolute;bottom:0;left:0;right:0;padding:14px 25px;background:url(../images/bg50.png) center center repeat; text-align:left;transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s}
.lanmuList ul .li_l:hover .tt2{padding-top:20px;padding-bottom:20px;background:#71b031;}

.lanmuList ul .li_2{list-style:none;overflow:hidden;margin:auto ;padding:0;display: inline-block;*display:inline;*zoom:1;float: left;width:450px;height:auto;margin-right:28px;margin-bottom:30px;position:relative;}
.lanmuList ul .li_2 .ImgBox{display:block;width:450px;height:auto;overflow:hidden;}
.lanmuList ul .li_2 .ImgBox img{width:100%;overflow: hidden;max-width:450px;}
.lanmuList ul .li_2 .info{position:absolute;left: 0;right: 0;bottom:40px;margin: 0 auto;overflow:hidden;text-align:center;}
.lanmuList ul .li_2 .tt{font-size:30px;line-height:normal;margin-bottom:23px;color:#333; position: static;}
.lanmuList ul .li_2 .nr{font-size:14px;line-height:26px;height:auto;margin-bottom:20px;color:#909090;padding:0 10%;text-align:center;}
.lanmuList ul .li_2 .more{font-size:14px;display: inline-block;width:125px;height:42px;line-height:42px;border-radius:5px;background:#8ec358;color:#fff;-moz-transition: padding .3s ease-in-out;-webkit-transition: padding .3s ease-in-out;transition: padding .3s ease-in-out;}
.lanmuList ul .li_2 .more:hover{ background:#71b031;}

.lanmuList ul .li_l{-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.lanmuList ul .li_l {-webkit-animation-duration: 0.8s;animation-duration: 0.8s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: ReturnToNormal;animation-name: ReturnToNormal;}
@keyframes ReturnToNormal {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -15deg);
        transform: rotate3d(0, 0, 1, -15deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@-webkit-keyframes ReturnToNormal {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -15deg);
        transform: rotate3d(0, 0, 1, -15deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}
.lanmuList ul .li_2 .video{position:absolute;left: 0;right: 0;top:0;margin: 0 auto;overflow:hidden;text-align:center; width:450px;height:285px;background:#000000;}

/*index_news*/
.index_news {padding:0 28px 30px 26px;width:1146px; height:auto;margin:0 auto; background:#fff;margin-bottom:47px;position:relative;}
.IndexTitle{position:relative;color:#333;font-size:24px;padding:10px 0;height:60px;line-height:60px;}
.IndexTitle .more{vertical-align: middle;float: right;display: inline-block; color:#a0a0a0;font-size:12px;}
.index_news .newsBox{float:left;width:100%; overflow:hidden;}
.newsList ul{width:1188px;overflow:hidden;}
.newsList ul li{width:255px;margin-right:42px;margin-bottom:8px;float:left; }
.newsList ul li .ImgBox{width:255px;height:170px;overflow:hidden; position:relative;}
.newsList ul li .ImgBox img {max-width:255px;transition: transform 0.3s ease-in-out;}
/*.newsList ul li:hover .ImgBox img{transform: scale(1.01, 1.01);}*/
.newsList ul li .news_title{font-size:14px; line-height:26px; height:52px;overflow:hidden;padding-top:8px;}
/*prev + next*/
.newsList .prev {display: block;text-decoration: none;width: 11px;height: 18px;background:url(../images/index_prev.png) right center no-repeat;position:absolute;top:27px;right:56px;}
.newsList .next {display: block;text-decoration: none;width: 11px;height: 18px;background:url(../images/index_next.png) left center no-repeat;position:absolute;top:27px;right:26px;}





/*index_pro*/
.index_product {padding:0 28px 0 26px;width:1146px; height:auto;margin:0 auto; background:#fff;margin-bottom:47px;}
.IndexTitle{position:relative;color:#333;font-size:24px;padding:10px 0;height:60px;line-height:60px;}
.IndexTitle .more{vertical-align: middle;float: right;display: inline-block; color:#a0a0a0;font-size:12px;}.IndexTitle .more:hover{color:#8ec358;}
.index_product .proList{width:100%; margin: 0 auto;}
.proList ul{width:1188px;}
.proList ul li{width:255px; height:327px;margin-right:42px;margin-bottom:8px;float:left; }
.proList ul li a{ display:block;}
.proList ul li .ImgBox{width:253px; height:275px;overflow:hidden; position:relative;border:1px solid #dcdcdc; vertical-align:middle;}
.proList ul li .ImgBox img {max-width:253px;transition: transform 0.3s ease-in-out;}
.proList ul li:hover .ImgBox img{/*transform: scale(1.1, 1.1);*/}
.proList ul li .product_title{font-size:14px; line-height:50px; height:50px;overflow:hidden;}
.proList ul li:hover .product_title{color:#8ec358;}



/*footer*/
.foot{ background:#8ec358;}
.foot .foot_box{padding:58px 0 50px 0px;}
.foot h1{font-size:16px;color:#fff;margin-bottom:14px;}
.foot .foot_left{float:left;width:240px;}
.foot .foot_center{float:left;width:870px;padding-left:90px;color:#eee;line-height:24px;font-size:14px;}
.foot .foot_right{float:left;width:300px;color:#eee;}
.foot .foot_nav ul li{margin-bottom:10px;float:left;width:100px;margin-right:20px;}
.foot .foot_nav ul li .a2{font-size:14px;color:#eee;}
.foot .foot_nav ul li:hover .a2{color:#57a704;}
.foot .bq{background:#71b031;color:#c9e3ae;padding: 15px 0 15px 0;font-size:14px;line-height: 35px;}
.foot .bq a{color:#c9e3ae;}
.foot a:hover{color:#FFF;}
.foot .bq .left,.foot .bq .right{width:50%;float:left;}
.foot .bq .right{text-align:right;}
.foot .bq .right a{margin-left:30px; }
.foot .bq .right a img:hover{-webkit-transition:.2s;-o-transition:.2s;-moz-transition:.2s;transition:.2s;opacity: 0.5;}



/****************page start******************/

.page_banner{height:290px;width:100%; position:relative;background-repeat:no-repeat; background-position:top center; background-size:cover;}
.page_banner .container{width:1060px;}
.page_banner .siteBox{text-align:center; color:#fff; position:absolute;width:100%; text-align:right; top:50%; margin-top:-45px;}
.page_banner .siteBox h1{font-size:50px; height:50px;line-height:50px;font-family: 'HelveticaNeueLTPro-Th';letter-spacing:1px;}
.page_banner .siteBox h2{font-size:26px; height:40px;line-height:40px;font-family: 'HelveticaNeueLTPro-Th';font-weight:300;letter-spacing:1px;}




.page_info {background:#fff;font-size: 14px;color:#5e5e5e;line-height:26px;margin-bottom:47px;min-height: 400px;padding:30px 28px 30px 26px;width:1146px;}
.page_info .proList{width:100%;margin: 0 auto;}
.page_menu .line{height:1px;width:100%; background: #e5e5e5;}
.page_sub ul{margin:0 auto; text-align:center; font-size:0;padding-top:23px;padding-bottom:10px;}
.page_sub ul li{display: inline-block;*display:inline;*zoom:1;margin:0 11px 11px 11px;-webkit-transition:.2s ease-in-out .2s;-moz-transition:.2s ease-in-out .2s;transition:.2s ease-in-out .2s;}
.page_sub ul li a{display:inline-block;height:34px;line-height:34px;padding:0 22px;border-radius:5px;font-size:14px;color:#909090;-webkit-transition:.2s ease-in-out;-moz-transition:.2s ease-in-out;transition:.2s ease-in-out;}
.page_sub ul li.on a{color:#fff;background:#8ec358; position:relative;}
.page_sub ul li:hover a{color:#fff;background:#71b031;}
.page_menu i:after, .page_menu i:before {position:absolute;left: 50%;display:inline-block;margin-top: 55px;width:0;height:0;content:'';border:7px solid transparent;border-top-width:0;}
.page_menu i:before {top:-7px;border-bottom-color: #e5e5e5;}
.page_menu i:after {top:-6px;border-bottom-color: #f9f9f9;}
.page_sub ul li{position:relative;}
.DropList {padding:20px 0 30px 0;}
.DropList li{display: inline-block;*display:inline;*zoom:1;line-height:30px;font-size:14px;color:#a0a0a0;}
.DropList li a{color:#a0a0a0;}
.DropList li a:hover{color:#8ec358;}
.DropList span{margin:0 6px;}

.page_view {border-bottom: 1px solid #e8e8e8;padding-bottom:35px;padding-top:12px;}
.page_view .view_left {float:left;width:716px;}
.page_view .bigImg{float:left;width:530px;height:530px;border:1px solid #e5e5e5; text-align:center;}
#main_img{ margin:0px auto;}

.page_view .smallImg{float:left;width:135px;height:532px;margin-right:34px;margin-left:15px; overflow:hidden;}
.page_view .smallImg ul li{display: block;border:1px solid #e5e5e5;margin-bottom:24px;}
.page_view .smallImg ul li img{max-width:100%;}
.page_view .detail_nr{float:left;width:430px;height:532px;}
.page_view .detail_nr .detail_nr_tit{font-size:20px;padding-bottom:10px;margin-bottom:18px; border-bottom:1px solid #e5e5e5;}
.page_view .detail_nr .detail_nr_jj{font-size:14px;line-height:26px;color:#909090;margin-bottom:20px;}
.page_view .detail_nr .more a{ display:inline-block;line-height:40px;font-size:14px;color:#fff; background:#8ec358; border-radius:5px;width:124px; text-align:center;}
.page_view .detail_nr .more a:hover{background:#71b031;}
.pageTit{font-size: 24px;color:#414141;line-height:76px; text-transform:uppercase; text-align:center;}
.page_Detail{border-bottom: 1px solid #e8e8e8;padding-bottom:30px;}


.page_info .proList ul li:hover .ImgBox img{transform: scale(1, 1);}






/****piaofu****/
.side-bar>a {display:block;border-radius:5px;background:#8ec358;transition:all .3s ease-out;overflow:hidden;vertical-align: middle; width: 45px;height: 45px;cursor: pointer;position: fixed;right: 10px;z-index:9;}
.side-bar a.gotop{background:#bebebe;}
.side-bar>a:hover{ background:#71b031;}
.side-bar a.gotop:hover{ background:#71b031;}
#gotop{bottom:327px;right: -45px;}
#online_tel{bottom:278px}
#online_wx{bottom:229px}
#online_qq{bottom:180px}
#online_fb{bottom:131px}
#online_in{bottom:85px}

#online_lx {width: 180px;height: auto;border-radius: 5px;background-color: #fff;-webkit-box-shadow: 0 5px 9px rgba(4,0,0,.17);box-shadow: 0 5px 9px rgba(4,0,0,.17);position: fixed;right: -200px;bottom: 278px;z-index: 9}
#olx_head { background-color: #e90500; }
#olx_head {padding: 20px;line-height: 16px;height: 16px;background:#71b031;border-radius: 5px 5px 0 0;color: #fff;font-size: 14px}
#olx_head i {float:right;background:url(../images/online_close.png) center center no-repeat;width:18px;height: 16px;cursor: pointer;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; font-style:normal;}
#olx_tel {padding: 20px 20px}
#olx_tel div {color: #434343;line-height: 14px;height: 14px;margin-bottom: 10px}
#olx_tel div i { display:inline-block;background:url(../images/fa-phone.jpg) center center no-repeat;width:16px;height: 16px;cursor: pointer;margin-right: 20px;vertical-align: middle}
#olx_tel p {line-height: 18px;font-family: 'HelveticaNeueLTPro-Th';font-size: 16px}

.fixed {position: fixed;z-index: 9999;top: 0;left: 0;width: 100%;height: 100%;background: rgb(0,0,0);background: rgba(0,0,0,.6);overflow-y: auto;z-index: 100;display: none}
#fixed_weixin .fixed-container {width: 220px;height: auto;padding: 20px 20px 0 20px;background: #fff;position: absolute;left: 50%;top: 50%;margin-left: -110px;margin-top: -140px}
#fixed_weixin .fixed-container #qrcode {/*max-height: 220px;*/ overflow:hidden;}
#fixed_weixin .fixed-container #qrcode img{width:100%;}
#fixed_weixin .fixed-container .tit {height: 40px;line-height: 40px;}
.show {display: block;}