﻿@charset "utf-8";
/* CSS Document */
/* ============================
          	内页样式
   ============================*/



.banner{width:100%; float: left; height: 450px;overflow: hidden;}
.banner img{width:100%; height: 450px; display: block;}

.funav{width:100%; float: left; height: 60px;background: #f6f6f6; border-bottom: #e5e5e5 1px dashed;}
.funav_box{width:1500px; margin:0 auto;}
.funav_box span{font-size:14px;color:#000;height: 20px; border-left:#000 8px solid;padding: 0 0 0 10px;float:left;margin: 20px 0; }
.funav_box a{color:#000;font-size:14px; float: left;margin: 20px 0;}
.funav_box i{color:#000;font-size:14px; float: left;margin: 20px 10px;}
.funav_box a:hover{color:#007331;}

.slideTxtBox{ width:100%;float: left;margin: 30px 0 0 0;}
.slideTxtBox .hd{width:1500px; margin: 0 auto;height:50px; line-height:50px; background:#f4f4f4;position:relative; }
.slideTxtBox .hd ul{ float:left;  position:absolute; left:140px; top:0px; height:50px;   }
.slideTxtBox .hd ul li{ float:left; padding:0 30px; cursor:pointer;font-size:22px; margin: 0 30px; color: #000;}
.slideTxtBox .hd ul li.on{ height:50px;  background:#007331; color:#fff;}

.slideTxtBox .bd ul{width:100%; float: left;}
.about_us{width:100%;float: left;margin: 60px 0 0 0 ;position: relative;}
.title{width:100%; float: left; text-align: center;}
.title h1{width:100%; font-size:32px; font-weight: normal; color:#000;}
.title i{width:60px; height: 2px; background: #ff0000; display: block;margin: 10px auto;}
.title span{font-size:14px; color:#898989; text-transform: uppercase;}
.about_box{width:1300px; margin: 0 auto;}
.about_photo{width:600px; height: 400px; float: left; overflow: hidden;margin: 40px 0 0 0;}
.about_photo img{width:100%;display: block;height: 350px;}
.about_text{width:600px;padding:0 50px; float: left;font-size:16px; color:#000;line-height: 28px;margin: 40px 0 0 0;}
.about_bottom_bg{width:100%; float: left;}
.about_bottom_bg_box{max-width:1300px; height: 93px;width:100%; margin: 0 auto;}


.honor{width:100%; float: left;background: #fffdf4;margin: -84px 0 0 0;padding: 60px 0 50px 0;}
.bag_box{width:100%; float: left; margin: 30px 0 0 0;}
.gallery:after {content: '';display: block;height: 2px;margin: .5em 0 1.4em;background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(77,77,77,1) 50%, rgba(0, 0, 0, 0) 100%);background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(77,77,77,1) 50%, rgba(0, 0, 0, 0) 100%);}
.gallery img {height: 100%;}
.gallery a {width: 270px;height: 180px;display: inline-block;overflow: hidden;margin:10px 22px;box-shadow: 0 0 4px -1px #000;}
.baguetteBoxOne {width:1300px; margin:0px auto;height:410px; overflow: hidden;}

.hietory, .chart{width:100%; float: left; margin: 40px 0 50px 0;}
.history_box{width:1300px; margin: 0 auto;}
.history_list{width:100%; float: left;margin:30px 0 0 0;}
.history_list h1{width:100%; float:left; height:60px;line-height: 60px; border-bottom:#e5e5e5 1px solid;font-size:30px; color:#000; font-weight: normal;}
.history_text{width:100%; float: left;}
.history_text p{width:100%; float:left; font-size:16px; color:#898989; line-height:28px;margin: 10px 0; }

.chart_box{width:1300px;margin: 0 auto;}
.chart_box_box{width:100%; float: left;margin: 30px 0 0 0;}
.chart_box_box p img{width:auto; max-width:1200px; margin: 0 auto; display: block;}
.chart_box_box p{width:100%; max-width:1200px; margin: 0 auto; display: block;font-size:16px; color:#000;line-height: 28px;}

.product{width:100%; float:left;margin: 30px 0 50px 0;}
.product_box{width:1500px; margin:0 auto;}
.pro_left{width:360px; float: left;}
.pro_left h1{width:100%; float: left; height: 70px; text-align: center; line-height: 70px; background: #007331;font-size:30px;font-weight: normal; color:#fff;}
.producr_title{width:100%; float: left; margin: 2px 0 0 0;}
.producr_title h2{width:78%;padding: 0 10% 0 12%; float: left; height: 50px; line-height: 50px; text-align: left;font-size:20px; color:#fff; font-weight: normal;background: url(../img/pro_bg.png) left no-repeat #007331;}
.producr_title ul{width:100%; float: left;}
.producr_title ul li{width:90%;padding: 0 5%; height: 46px; line-height: 46px;border-bottom: #e5e5e5 1px solid;background: url(../img/icon10.png) right no-repeat #f6f6f6;}
.producr_title ul li a{font-size:16px;color:#000;}
.producr_title ul li:hover{background: url(../img/icon10.png) right no-repeat #007331;}
.producr_title ul li:hover a{color:#fff;}

.product_right{width:1090px; float: right; margin: 0 0 0 50px;}
.product_right h1{width:100%; float: left; height:60px;line-height: 60px; border-bottom: #e5e5e5 1px solid;background: #f6f6f6;}
.product_right h1 span{font-size:22px; color:#007331;height:58px;line-height: 58px; font-weight: normal;border-bottom: #007331 2px solid;; padding: 0 30px;float: left;}

.product_right ul{width:1110px; float: left; margin:30px 0 0 0;}
.product_right ul li{width:350px; float: left; margin: 0 20px 20px 0;}
.product_photo{width:350px; height: 245px; float: left; overflow: hidden;}
.product_photo img{width:100%; height: 245px; display: block;}
.product_right ul li h2{width:348px; height: 46px; text-align: center; line-height: 46px; border: #e5e5e5 1px solid; font-size:16px; color:#000; float: left;font-weight: normal;overflow: hidden;}
.product_right ul li:hover h2{border:#fe0000 1px solid;color:#fe0000;}

.news_list{width:100%; float: left;}
.news_list ol{width:100%;margin: 30px 0 0 0; float: left;}
.news_list ol li{width:1058px;height: 230px; float: left;margin: 0 0 20px 0; border: #e5e5e5 1px solid; padding: 15px;}
.news_photo{width:330px; height: 230px; overflow: hidden; float: left;}
.news_text{width:688px; margin: 0 0 0 40px; float: left;}
.news_text h3{width:100%; float: left; height: 40px; line-height: 40px; font-size:18px; color:#000; font-weight: normal;margin: 10px 0 0 0;}
.news_text span{width:100%; height: 68px; overflow: hidden; font-size:14px; color:#898989;float: left;margin: 10px 0 0 0;}
.news_text b{width:110px; padding: 0 15px; float: left;height: 36px; border-bottom: #898989 1px solid; border-top:#898989 1px solid;line-height: 36px; text-align:center;font-size:18px; color:#898989; text-transform: uppercase; font-weight: normal;margin: 40px 0 0 0;}
.news_text h3 a{color:#000;}
.news_text span a{color:#898989;}
.news_text b a{color:#898989;}
.news_list ol li:hover{border: #007331 1px solid;webkit-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear;}
.news_list ol li:hover .news_text h3 a{color:#007331;webkit-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear;}
.news_list ol li:hover .news_text span a{color:#686868;webkit-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear;}
.news_list ol li:hover .news_text b{ border-bottom: #007331 1px solid; border-top:#007331 1px solid;webkit-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear;}
.news_list ol li:hover .news_text b a{color:#007331;webkit-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear;}


.contact{width:100%; float: left; margin: 40px 0 60px 0;}
.contact_box{width:1300px; margin: 0 auto;}
.contact_box01{width:96%; padding: 2%; float: left; margin: 30px 0 0 0; background: #f6f6f6;}
.contact_box01 i{width:80px; height: 80px; float: left; background: url(../img/contact_icon.png) center no-repeat;}
.contact_text{width:1120px; float: left; margin:0 0 0 40px;}
.contact_text h1{width:100%; float: left; font-size:24px;font-weight: normal; color:#000;}
.contact_text span{width:100%; float: left;font-size:16px; color:#000;}
.contact_text span b{color:#fe0000; font-size:28px;}
.contact_box02{width:100%; float: left;margin: 30px 0 0 0;}
.contact_phone{width:600px; float: left;}
.contact_phone h1{width:100%; float: left; height: 80px; line-height: 80px; font-size:34px;color:#fe0000;}
.contact_phone ul{width:100%; float: left;border-bottom: #e5e5e5 1px dashed;}
.contact_phone ul li{width:100%; height:70px; float: left; line-height: 70px;border-bottom: #e5e5e5 1px dashed;}
.contact_phone ul li i{width:40px; height: 40px; float: left;margin: 15px;}
.contact_phone ul li span{float: left; font-size:18px; color:#000;}

.contact_ditu{width:700px; float: left;margin: 20px 0 0 0;}
.contact_ditu i{width:249px; height: 60px; float: left;}
.contact_ditu i img{width:249px; height: 60px; display: block;}
.contact_map{width:700px; height: 285px; float: left;overflow: hidden;}
/*.contact_map img{width:700px;height: 285px; display: block;}*/
.content{width:100%; float:left; margin: 30px 0 60px 0; }
.content_title{width:100%; float: left; text-align: center;border-bottom: #e5e5e5 1px dashed; padding: 0 0 15px 0;}
.content_title h2{width:100%; float: left; font-size:24px;font-weight: normal; color:#000;}
.content_title span{width:100%; float: left; font-size:14px; color:#898989;margin: 10px 0 0 0;}
.content_box{width:100%; float:left; margin: 20px 0 0 0;}
.content_box p{width:100%; float: left; font-size:16px !important; color:#000; line-height: 28px !important; font-family: "微软雅黑" !important;}
.content_box p span{ font-size:16px !important; color:#000; line-height: 28px !important; font-family: "微软雅黑" !important;}
.content_box span{ font-size:16px !important; color:#000; line-height: 28px !important; font-family: "微软雅黑" !important;}
.content_box img{width:auto; display: block;max-width: 900px; margin:10px auto;}
.content_box p img{width:auto; display: block;max-width: 900px; margin:10px auto;}

.recom{width:96%;padding: 2%; float: left; margin:0 0 50px 0; background: #f6f6f6;border: #e5e5e5 1px solid;}
.recom h3{width:100%; float: left; font-size:26px; color:#fe0000;font-weight: normal;}
.recom ol{width:100%; float: left;}
.recom ol li{width:100%; float: left;height: 36px; line-height: 36px;border-bottom: #e5e5e5 1px solid;}
.recom ol li h2{font-size:14px;float: left; font-weight: normal;color:#000;width:700px; height: 36px; overflow: hidden;}
.recom ol li span{float: right;font-size:12px;color:#898989;}
.recom ol li:hover h2{color:#007331;}
.recom ol li:hover span{color:#007331;}
.pagingbox{width:100%; float: left;margin: 30px 0 0 0;}
.pagingbox p{width:100%; float:left; }
.pagingbox p span{width:70px; float: left; font-size:14px; color:#000;}
.pagingbox a{width:900px; float: left; font-size:14px; color:#000;margin: 0 0 15px 0;}
.pagingbox a:hover{color:#007331;}
.content_kong{width:100%; float: left; margin: 30px 0 40px 0;}
.content_kong img{width:524px; height: 469px; margin: 0 auto; display: block;}
.content_kong a{width:180px; height: 50px; margin: 0 452px; border: #fe0000 1px solid; border-radius:4px; font-size:16px; color:#fe0000; text-align: center; line-height: 50px;float: left;}

.feature{width:100%; float: left; margin: 50px 0;}
.feature_box{width:1400px; margin: 0 auto;}
.feature_box_box{width:100%; float: left; margin: 30px 0 0 0;}
.feature_box_box p img{width:100%; display: block;}

.leave{width:1400px; margin: 0 auto;}
.leave_text{width:1340px;float: left; padding: 30px;margin: 30px 0 50px 0;box-shadow: 0 0 40px rgba(216,216,216,.5);}
.leave_left{width:550px; float: left;}
.sr{width:100%; float: left; height:50px;line-height: 50px;margin: 0 0 20px 0;}
.sr h1{width:80px; float: left; font-size:16px;color:#000;font-weight: normal;}
.sr select{width:170px; height: 48px; border: #e5e5e5 1px solid; border-radius:6px; float: left; margin: 0 0 0 20px;font-size:16px;color:#000;padding: 0 15px;font-family: "微软雅黑";}
.sr input{width:370px; height: 48px; border: #e5e5e5 1px solid; border-radius:6px; float: left; margin: 0 0 0 20px;font-size:16px;color:#898989;padding: 0 15px;font-family: "微软雅黑";}
.nr h1{width:80px; float: left; font-size:16px;color:#000;font-weight: normal; height:50px;line-height: 50px;}
.nr textarea{width:370px; height: 110px; border: #e5e5e5 1px solid; border-radius:6px; float: left; margin: 0 0 0 20px;font-size:16px;color:#898989;padding:5px 15px;font-family: "微软雅黑";}
.tj{width:200px; height: 50px; float: left;}
.tj input{width:200px; height: 50px; border: none;display: block;float: left;background:url(../img/tj.png) center no-repeat;cursor:pointer;margin: 30px 0 0 100px;}

.slideBox01{ width:710px;float: right;height: 430px; overflow:hidden; position:relative;}
.slideBox01 .bd{ position:relative; height:100%; z-index:0;   }
.slideBox01 .bd li{ zoom:1; vertical-align:middle; }
.slideBox01 .bd img{ width:100%;height: 430px;  display:block;  }

.pro_left_banner{width:100%; float: left; margin: 20px 0 0 0;}
.pro_left_banner img{width:100%; display:block;}

.website{width:100%; float: left;margin: 40px 0;}
.website_box{width:1400px; margin: 0 auto;}
.website_list{width:100%; float: left;margin: 0 0 50px 0;}
.website_list h1{height:60px;line-height: 60px; background: #007331; padding: 0 40px; float: left;font-size:26px; color:#fff; font-weight: normal;}
.website_list ul{width:100%; float: left;border-bottom: #e5e5e5 1px solid; padding: 0 0 20px 0;}
.website_list ul li{float: left; height: 50px;margin: 15px 0 0 0; line-height: 50px; padding: 0 20px; text-align: center;}
.website_list ul li a{font-size:18px;color:#000;}
.website_list ul li:hover{background: #fdce03;}
.website_list ul li:hover a{color:#007331;}

.ser_box{width:100%; float: left;margin: 40px 0;}
.ser_box_box{width:1400px; margin: 0 auto;}
.sousuo{width:100%; float: left;}
.sousuo h2{width:100%; float: left; font-size:24px; color:#f00;text-align: center; margin: 20px 0;}
.search_list{width:100%; float:left; }
.search_list li{width:100%; float: left; border-bottom: #e5e5e5 1px solid;padding: 0 0 10px;margin: 0 0 10px 0;}
.search_list li h3{width:100%; float: left; height: 40px; line-height: 40px; font-size:18px;font-weight: normal;overflow: hidden;}
.search_list li h3 a{color:#000;}
.search_list li h3:hover a{color:#007331;}
.serach_text{width:100%; float:left;font-size:14px;color:#898989; }

/*产品中心*/
.model{width:100%; float: left;}
.model_bg{width:100%; height: 480px;overflow: hidden; float:left;}
.model01{width:1400px; margin: 0 auto;}
.model01_box{width:100%;float: left;margin: -320px 0 0 0;}
.model01_box h1{width:100%; float: left; font-size:45px; color:#007331;text-align: center;margin: 0 0 50px 0;}
.model01_box h1 span{background:#fdce03;color:#fff; padding: 0 15px;}

.slideBox{ width:650px; height:400px; overflow:hidden; position:relative;float: left; margin: 0 0 0 375px; }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:650px; height:400px; display:block;  }

.model_link{width:50px; height: 50px; float:left;margin: 30px 675px; }
.model_link img{WIDTH:100%; display: block;height: 50PX;}
.model_fruit_text{width:70%; float: left;margin: 0 15%;}
.model_fruit_text h2{width:100%; float: left; font-size:18px; color:#000; text-align: center; font-weight: normal;line-height: 30px}

.model02{width:100%; float: left;background: #f6f6f6;padding: 40px 0;margin: 40px 0 0 0;}
.model02_box{width:1400px; margin: 0 auto;}
.model02_box h1{width:100%; float: left; font-size:45px; color:#007331;text-align: center;}
.model_mock{width:100%;float: left;}
.model_mock_icon{width:100px; height: 300px; overflow: hidden;float: left;margin: 30px 10px 0 0;}
.model_mock_icon img{width:100px; height: 300px; display: block;}

.picMarquee-left{ width:650px;  overflow:hidden;float: left; position:relative;margin: 30px 0 0 0;}
.picMarquee-left .bd{width:100%; float: left;}
.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.picMarquee-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picMarquee-left .bd ul li .pic{ text-align:center; }
.picMarquee-left .bd ul li .pic img{ width:300px; height:300px;}

.model_mock_text{width:500px;padding: 70px; margin: 30px 0 0 0px; height: 160px; float: left;background: url(../img/mack_text_bg.png) center no-repeat;}
.model_mock_text h2{width:100%; float: left; font-size:30px;color: #fff;}
.model_mock_text span{width:100%; float: left; font-size:16px;color:#fff; line-height: 26px; margin:30px 0 0 0;}

.ratio{width:100%; float: left;}
.ratio ul{width:100%; float: left;}
.ratio ul li{width:100%; float: left;height: 150px;border-bottom: #e5e5e5 1px dashed;padding: 0 0 20px 0;}
.ratio ul li i{width:50px;height: 50px; border-radius:50%; background:#007331;float: left; margin:50px 0;text-align: center; line-height: 50px; font-size:20px; color:#fff;}
.ratio ul li span{width:4px; height: 150px; float: left; background: #007331;margin:0 50px;}
.ratio_photo{width:150px; height: 150px; overflow: hidden; border-radius:50% ; float: left;}
.ratio_photo img{width:150px; height: 150px; display: block;}
.ratio_text{width:700px; float: left;margin: 0 0 0 50px;}
.ratio_text h3{width:100%; float: left; font-size:30px; }
.ratio_text h3 a{ color:#007331;}
.ratio_text_box{width:100%; float: left; margin: 10px 0 0 0;}
.ratio_text_box p{font-size:16px; color:#000; margin: 6px 0 0 0;float: left;width:97%;padding: 0 0 0 3%; background: url(../img/wy_bo.png) left no-repeat;}

.map_xm{float: right;font-size:16px;color:#000;}
.map_xm a{font-size:16px;color:#000;}

.honor_box{width:1400px; margin: 0 auto;}
.picMarquee-left01{ width:100%; position:relative; float: left; margin: 50px 0 0 0;}
.picMarquee-left01 .bd{width:100%; float: left;margin: 0 0 0 40px;}
.picMarquee-left01 .bd ul{ overflow:hidden; zoom:1; }
.picMarquee-left01 .bd ul li{ margin:0 10px; float:left; _display:inline; overflow:hidden; text-align:center;width:380px; height: 253px;}
.picMarquee-left01 .bd ul li .pic01{ text-align:center;width:380px; height: 253px;}
.picMarquee-left01 .bd ul li .pic01 img{ width:380px; height:253px; display:block;}
