/* CSS Document */

/*公共样式*/
.banner{ height:240px; background-color:#fafafa; text-align:center; color:#fff; padding-top:48px;}
.banner h2{ font-weight:normal; font-size:48px; line-height:64px;}
.banner h2 span{ display:block; margin:0 auto; width:76px; height:3px; background-color:#42a82f; margin-top:16px;}
.banner p{ font-size:18px; margin-top:12px;}
.banner p i{ font-size:30px; color:#42a82f;}

/*位置*/
.position{ background-color:#fafafa; padding:20px 0; text-align:center; font-size:16px;}

/*左侧*/
.container .content{ width:100%; margin-top:60px;}
/*右侧栏*/
.sidebar{ display: none;}
.sidebar .group{ margin-bottom:20px;}
.search_box .form-sidebar{ position: relative;}

input[type=text]:focus { 
    outline: none;
    border-color: #42a82f;
    background-color: #fff;
 }

.search_box .form-sidebar_input{ display: block; width: 100%; height: auto; margin-bottom: 0; padding-right: 60px; font-size: 13px; color: #888; background-color: #fff; background-image: none; border: 1px solid #eaeaeb;transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; padding: 14px 22px 11px; font-family: Microsoft YaHei;box-shadow:none;}
.search_box .form-sidebar_input::-webkit-input-placeholder{color: #888;}
.search_box .form-sidebar_input::-moz-placeholder{color: #888;}
.search_box .form-sidebar_input:-ms-input-placeholder{color: #888;}
.search_box .form-sidebar_btn{position: absolute; top: 14px; right: 5px; bottom: 14px; padding: 0 12px 0 16px; line-height: 1; text-align: center; border: none; border-left-width: 1px; border-left-style: solid; background-color: transparent;}
.search_box .form-sidebar_btn .icon { font-size: 14px; -webkit-transition: all .3s; transition: all .3s; color: #333;}
.search_box .form-sidebar_btn:hover .icon{color: #42a82f;}
.search_box .form-sidebar_btn:focus{outline: none;}

.sidebar .group .title{ line-height:40px; font-size:18px; padding-left:15px; position:relative; border-bottom:2px solid #ddd; margin-bottom:20px;}
.sidebar .group .title:before{ content:""; width:5px; border-radius:3px; height:18px; background-color:#42a82f; position:absolute; left:0; top:11px;}

.sidebar .group.new_r .title{ margin-bottom:0;}
.sidebar .group.new_r .new_r_list{ margin-left:30px; padding-top:15px; position:relative;}
.sidebar .group.new_r .new_r_list:before{ content:""; width:1px; background-color:#ddd; position:absolute; left:0; top:0; bottom:10px;}
.sidebar .group.new_r .new_r_list li{ font-size:16px; position:relative; padding-left:27px; line-height:46px;}
.sidebar .group.new_r .new_r_list li a{ display:block; width:100%; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.sidebar .group.new_r .new_r_list li:before{ content:""; width:30px; height:30px; background-color:#ddd; position:absolute; top:8px; left:-15px; border-radius:50%;}
.sidebar .group.new_r .new_r_list li:after{ content:""; width:30px; height:30px; line-height:30px; text-align:center; position:absolute; top:8px; left:-15px;}
.sidebar .group.new_r .new_r_list li:nth-child(1):after{ content:"1";}
.sidebar .group.new_r .new_r_list li:nth-child(2):after{ content:"2";}
.sidebar .group.new_r .new_r_list li:nth-child(3):after{ content:"3";}
.sidebar .group.new_r .new_r_list li:nth-child(4):after{ content:"4";}
.sidebar .group.new_r .new_r_list li:nth-child(5):after{ content:"5";}
.sidebar .group.new_r .new_r_list li a:hover{ color:#42a82f;}
.sidebar .group.new_r .new_r_list li:hover:before{ background-color:#42a82f;}
.sidebar .group.new_r .new_r_list li:hover:after{ color:#fff;}

.sidebar .group.keyword .keyword_list li{ display:inline-block; margin-right:5px; margin-bottom:10px;}
.sidebar .group.keyword .keyword_list li a{ display:block; border:1px solid #ddd; padding:3px 6px;}
.sidebar .group.keyword .keyword_list li:hover a{ background-color:#42a82f; color:#fff; border-color:#42a82f;}

.sidebar .group.case_r .case_r_list li{ float:left; width:100px; height:60px; background-color:#fafafa; margin-right:10px; margin-bottom:15px;}
.sidebar .group.case_r .case_r_list li:nth-child(3n){ margin-right:0;}

.sidebar .group.product_r .product_r_list li{ float:left; width:100px; height:auto; background-color:#fafafa; margin-right:10px; margin-bottom:15px;}
.sidebar .group.product_r .product_r_list li:nth-child(3n){ margin-right:0;}

.sidebar .group.r_tel{ width:100%; background:#474747 url(../img/r_tel_bg.jpg) no-repeat center top; height:112px; color:#fff; position:relative; padding-left:72px; padding-top:14px; border-bottom:2px solid #42a82f;}
.sidebar .group.r_tel i{ display:block; position:absolute; font-size:50px; line-height:50px; top:31px; left:14px;}
.sidebar .group.r_tel span{ font-size:18px; font-weight:bold;}
.sidebar .group.r_tel p{ font-size:24px; font-weight:bold; margin-top:5px;}

.sidebar .group.r_class .r_class_list{ margin-left:28px;}
.sidebar .group.r_class .r_class_list li{ list-style-type:square;}
.sidebar .group.r_class .r_class_list li a{ font-size:16px; line-height:38px; display:block; width:100%; overflow:hidden; text-overflow:ellipsis; white-space: nowrap;}
.sidebar .group.r_class .r_class_list li a:hover{ color:#42a82f;}

/*内容页*/
.art_cont .title{ text-align:center;}
.art_cont .title h2{ font-weight:normal; font-size:30px; width:100%; padding:10px; line-height:50px;}
.art_cont .title span{ display:block; width:100%;}
.art_cont .title span i{ display:inline-block; margin:0 20px; font-style:normal;}
.art_cont .cont{ margin-top:30px;}

/*分页*/
.page{ margin-top: 50px; margin-bottom: 50px; text-align: center;}
.page ul li{ display: inline-block; height: 34px; line-height: 33px; vertical-align: middle; border: 1px solid #DCDCDC; margin: 0 3px; padding: 0 10px;}
.page ul li a{ display: block;}
.page ul li:hover{ background-color: #42a82f; border: 1px solid #42a82f; color: #FFFFFF;}
.page ul li:hover a{ color: #FFFFFF;}
.page ul li.active{ background-color: #42a82f; border: 1px solid #42a82f; color: #FFFFFF;}
.page ul li.active a{ color: #FFFFFF;}

.page_sx { width: 100%; margin:0 auto; padding:40px 0 40px 0;}
.page_sx li { width:44%; height:46px; background:#e5e5e5; line-height:46px; text-indent:15px; overflow:hidden; text-overflow:ellipsis; white-space: nowrap;}	
.page_sx li a:hover { color:#42a82f; text-decoration:underline;}



/*关于我们*/
.banner.about_b{ background:url(../img/about_banner.jpg) no-repeat center center !important;}
.message{ padding:40px 0;}
.message .title{ width:240px; height:150px; background:url(../img/a_title_bg.jpg) no-repeat center center #42a82f; color:#fff; font-size:36px; font-weight:bold; padding-left:69px; padding-top:59px;}
.message .cont{ line-height:80px; margin-top:35px;}
.message .cont li{ display:block; margin-bottom: 6px; padding-left:68px; background:url(../img/icon-02.png) no-repeat 47px center; font-size:16px; background-color:#fafafa;}

.about{ padding-bottom:70px;}
.about .img_box{ width:100%; background-color:#fafafa;}
.about .img_box img{ display: block; width: 100%; height: auto;}
.about .cont{ font-size:16px;}
.about h2{ font-size:36px; line-height:80px; margin-top:10px; margin-bottom:20px;}
.about h2 span{ display:block; width:76px; height:2px; background-color:#42a82f;}
.about p{ margin-top:10px; text-indent:2em;}

.strain_advantage{ padding:70px 0; background-color:#fafafa;}
.strain_advantage .title{ width:100%; margin:0 auto; text-align:center; position:relative;}
.strain_advantage .title h4{ font-size:36px; font-weight:normal; line-height:60px;}
.strain_advantage .title span{ display:inline-block; width:76px; height:2px; background-color:#42a82f; margin-top:14px;}
.strain_advantage .title p{ display:block; width:100%; margin-top:20px; font-size:18px;}
.strain_advantage .cont{ margin-top:40px;}
.strain_advantage .cont .item{ float:left; width:100%; background-color:#fff; border:1px solid #ddd; padding:30px; margin-top:20px; text-align:center;}
.strain_advantage .cont .item h3{ font-size:24px; font-weight:normal; line-height:36px;}
.strain_advantage .cont .item span{ display:block; width:76px; height:2px; background-color:#42a82f; margin:10px auto 0;}
.strain_advantage .cont .item p{ margin-top:20px;}
.strain_advantage .cont .item:hover{ box-shadow: 2px 5px 10px rgba(192,191,191,0.5);}

/*联系我们*/
.banner.contact_b{ background:url(../img/contact_banner.jpg) no-repeat center center !important;}
.contact .line{ width:100%; height:2px; background-color:#ddd; margin:0 auto;}
.contact .group{ margin:60px auto;}
.contact .group .cont{ width:100%; margin-bottom: 20px;}
.contact .group .title{ font-size:36px; line-height:60px;}
.contact .group .title i{ font-size:24px; color:#a0a0a0; font-style:normal;}
.contact .group .cont h3{ font-weight:normal; font-size:24px; line-height:36px; margin:20px 0;}
.contact .group .cont p{ font-size:18px; margin-top:36px;}
.contact .map{ width:100%; height:450px; border:#ddd solid 1px;}
    .iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
    .iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
.contact .group .item{ margin-top:20px;}
.contact .group .item div{ width:100%; margin-top:20px;}
.contact .group .item div .width_length:focus,.contact .group .item .width_length2:focus{ outline: none; border-color: #42a82f; background-color: #fff;}
.contact .group .item div .width_length,.contact .group .item .width_length2{ width:100%; background-color:#fafafa; border:1px solid #ddd; height:50px; padding:10px;}
.contact .group .item .width_length2{ height:300px; padding:10px;}
.contact .group .item.margint0{ margin-top: 0;}
.contact .group .btn_box{ margin-top:40px;}
.contact .group .btn_box .btn{ width:280px; height:60px; background-color:#42a82f; color:#fff; border:none; border-radius:4px; font-size:18px; cursor:pointer; transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out;}
.contact .group .btn_box .btn:hover{ background-color:#ee7b17;}

/*产品展示*/
.banner.product_b{ background:url(../img/product_banner.jpg) no-repeat center; height:320px;}
.product_list{ width:100%;}
.product_list .group{ border-bottom:1px solid #ddd; padding-bottom:40px; margin-bottom:40px;}
.product_list .group .img_box{ width:100%; height:auto; background-color:#fafafa;}
.product_list .group .img_box img{ width: 100%; height: auto;}
.product_list .group .cont{ margin-left:0;}
.product_list .group .cont h4{ font-size:24px; line-height:50px; font-weight:normal; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.product_list .group .cont p{ line-height:32px; font-size:16px; margin-top:5px;}
.product_list .group .cont ol{ border-top:1px dashed #ddd; margin-top:14px; padding-top:16px; height:47px; overflow:hidden;}
.product_list .group .cont ol li{ display:inline-block; border:1px solid #ddd; border-radius:15px; line-height:28px; padding:0 10px; margin-right:10px;}
.product_list .group .cont h4:hover a{ color:#42a82f;}

/*案例*/
.banner.case_b{ background:url(../img/case_banner.jpg) no-repeat center; height:320px;}
.case_list{ width:100%; margin-top:70px;}
.case_list .group{ float:left; width:100%; text-align:center; margin-bottom:40px; position:relative; overflow:hidden;}
.case_list .group .img_box{ width:100%; height:256px; background-color:#fafafa;}
.case_list .group .img_box img{ width: 100%; max-height: 100%;}
.case_list .group .cont{ position:absolute; width:100%; left:0; bottom:-93px; transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out;}
.case_list .group .cont h3{ font-size:18px; font-weight:normal; width:100%; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; line-height:56px; background-color:#fafafa; border-bottom:1px solid #ddd;}
.case_list .group .cont .text{ padding:10px; background-color:#fafafa; height:92px;}
.case_list .group:hover .cont{ bottom:0;}

/*新闻*/
.banner.news_b{ background:url(../img/news_banner.jpg) no-repeat center; height:320px;}
.news_list{ margin-top:70px;}
.news_list .group{ padding-bottom:40px; border-bottom:1px solid #e5e5e5; margin-bottom:40px;}
.news_list .group .img_box{ display: none;}
.news_list .group .cont{}
.news_list .group .cont h3{ font-size:30px; font-weight:normal; line-height:48px;}
.news_list .group .cont .time{ display:block;}
.news_list .group .cont p{ margin-top:15px; font-size:16px; line-height:30px;}
.news_list .group .cont h3 a:hover{ color:#42a82f;}
.news_relevant{ margin-top:30px; width:100%; margin-bottom: 30px;}
.news_relevant .title{ border-bottom:1px solid #ddd; font-size:24px; line-height:48px; margin-bottom:15px;}
.news_relevant .item{ line-height:36px; font-size:16px;}
.news_relevant .item a{ display:block;}
.news_relevant .item span{ display:none;}
.news_relevant .item a:hover{ color:#42a82f; text-decoration:underline;}



/*自适应样式*/
@media (min-width:576px){
	}
@media (min-width:768px){
.product_list .group .img_box{ width:282px; height:250px; background-color:#fafafa; float:left}
.product_list .group .cont{ margin-left:342px;}

	.strain_advantage .cont .item{ float:left; width:30.6666666666%; margin-right:4%; background-color:#fff; border:1px solid #ddd; padding:30px; margin-top:20px; text-align:center;}
	.strain_advantage .cont .item:nth-child(3n){ margin-right:0;}
	.contact .group .cont{ float:left; width:50%;}
	.contact .map{ float:right; width:50%; height:450px; border:#ddd solid 1px;}
	.contact .group .item{ margin-top:40px;}
	.contact .group .item div{ width:45%; margin-top: 40px;}
.contact .group .item div:first-child{ float: left;}
.contact .group .item div:last-child{ float: right;}
.news_relevant .item a{ display:block; float:left; margin-right:100px;}
.news_relevant .item span{ display:block; float:right;}
.case_list .group{ float:left; width:29.833333333%; margin-right:5.25%; text-align:center; margin-bottom:40px; position:relative; overflow:hidden;}
.case_list .group:nth-child(3n){ margin-right:0;}
	}
@media (min-width:992px){

/*左侧*/
.container .content{ width:66.3333333333%; margin-top:60px;}
/*右侧栏*/
.sidebar{ width:28.6666666666%; margin-top:60px; display: block;}

	.message{ padding:70px 0;}
.message .title{ float:left; width:240px; height:150px; background:url(../img/a_title_bg.jpg) no-repeat center center #42a82f; color:#fff; font-size:36px; font-weight:bold; padding-left:69px; padding-top:59px;}
.message .cont{ margin-left:240px; height:80px; line-height:80px; background-color:#fafafa; margin-top:35px;}
.message .cont li{ display:inline-block; padding-left:60px; background:url(../img/icon-02.png) no-repeat 47px center; font-size:16px;}
.about{ padding-bottom:70px;}
.about .img_box{ float:left; width:480px; height:323px; background-color:#fafafa;}
.about .cont{ margin-left:537px; font-size:16px;}
.about h2{ font-size:36px; line-height:80px; margin-top:10px; margin-bottom:20px;}
.about h2 span{ display:block; width:76px; height:2px; background-color:#42a82f;}
.about p{ margin-top:10px; text-indent:2em;}

.news_list .group .img_box{ display: block; float:left; width:356px; height:200px; background-color:#fafafa;}
.news_list .group .cont{ margin-left:418px;}
	}
@media (min-width:1200px){
	}