@charset "utf-8";
@import url("../css/common/grid.css");/*网格*/
@import url("../css/common/layout.css");/*整体框架*/
@import url("../css/common/icon.css");/*图标*/
@import url("../css/navi/navi_02.css");/*02导航*/
@import url("../css/banner.css");/*幻灯片*/
@import url("../css/navi/classify_01.css");/*侧栏样式*/
@import url("../css/adorner/01/A_style.css");/*01装饰器*/
@import url("../css/adorner/02/A_style.css");/*02装饰器*/
@import url("../css/links.css");/*友情链接*/
@import url("../css/kefu.css");/*在线客服*/
@import url("../css/common/doc.css");/*自定义文档*/
/*@import url("../css/animate.min.css");*//*动画*/
@import url("gaode_main.css");/*高德地图*/

html {
	overflow-x: hidden;
}

.dowebok .section{ overflow:hidden;}




.header{ width:100%; background:none; position:fixed !important; z-index:9999999!important;}
.header .navbar{ width:100%;}
.header .navbar .pc_menu{ width:100%; height:100px; margin:0 auto; transition: all 0.3s 0s ease-in-out ; background:#fff;
 transition: all 0.2s linear -1ms;}
.header .navbar .pc_menu .pc_logo{ float:left; height:100%; margin-left:2%;align-items:center; display: -webkit-flex;}
.header .navbar .pc_menu .pc_logo a { display:block; height:60%;}
.header .navbar .pc_menu .pc_logo a img{ height:100% !important;}
.header .navbar .pc_menu .pc_menu_right{ float:right; margin-right:1%;}
.header .navbar .pc_menu .pc_menu_right li{ float:left; margin-left:18px; margin-right:18px;}
.header .navbar .pc_menu .pc_menu_right li .t{ margin-top:25px; display:block; height:50px; line-height:50px; font-size:16px; color:#666;}
.header .navbar .pc_menu .pc_menu_right li:hover .t{ color:#128348 !important;}
.header .navbar .pc_menu .pc_menu_right .cur .t{ color:#128348 !important;}


/*-----滚动后--------*/
.header .navbar .pc_fixed{ background:#fff !important; transition: all 0.2s linear -1ms;}
.header .navbar .pc_fixed .pc_menu_right li .t{ color:#666;}




.nav .m .sub{ z-index:999;}
.nav .m .sub li{ width:150px;}
.pc_menu_right .sub { position: absolute; left: -60px;}

.navbar .pc_menu .nav .m .sub li a{ font-size:14px; height:40px; line-height:40px; color:#666; border:none; margin-left:0px; margin-right:0px;}
.navbar .pc_menu .nav .m .sub li a:hover{ background:#128348; color:#fff; border:none;}


.m_menu{ display:none; position:relative; z-index:999;}
.m_menu_top{ width:100%; background:#fff; height:80px; box-shadow:0 0px 10px 0px  #888; z-index:998;}
.m_menu_top .m_logo{ height:50px; margin-top:15px;  position: absolute; left:2%;}
.m_menu_top .m_logo img{ height:100%;}
.m_menu_top .list{height: 24px; margin: auto; position: absolute; top: 0; bottom: 0; right: 5%;transition: all 0.2s linear -1ms;}
.m_menu_top .list span{ display:block; width:24px; height:4px; border-radius:2px; background:#999; margin:3px auto;}

.m_menu_list{ position:relative; width: 30%; height: 100%; position: fixed;top: 0;right:-88%;background: #fff;z-index: 10; transition: all 0.5s cubic-bezier(0.73, 0.03, 0.04, 0.94) -1ms;}
.m_menu_list .menu_list_close{ position:absolute;  right: 15%; top:30px; z-index:20;}
.m_menu_list .menu_list_close img{ width:24px; height:24px;}

.m_menu_list .m_menu_nav{ margin-top:20%; margin-left:15%;}
.m_menu_list .m_menu_nav li{ margin-top:14px; margin-bottom:14px;}
.m_menu_list .m_menu_nav li a{ font-size:22px; color:#666;letter-spacing: 6px;}
.m_menu_box{ display:none;width: 100%; height: 100%; position: fixed; top: 0; right: 0; background-color:rgba(0,162,233,0.2);}
.m_open_list{ right:0;  transition: all 0.5s cubic-bezier(0.73, 0.03, 0.04, 0.94) -1ms; box-shadow:0 0px 10px 0px  #888;}
.m_menu_list .m_menu_nav li a:hover{ color:#128348;}
/*----------------------------*/


.part01{ width:100%; z-index:1 !important; position:relative;}
.part01 .banner{ z-index:2 !important; width:100%;}
.swiper-wrapper{ z-index:3 !important; width:100%;}
.banner .two{ display:none;}


.part_one{ margin-top:100px;}


.part02{ background:#128348; width:82%; margin:-40px auto 0 auto; z-index:999 !important; position:absolute; left:9%;
box-shadow:0px 8px 26px rgba(0,0,0,0.15);}
.part02 .word{ float:left; height:90px; line-height:90px; font-size:16px; color:#fff; margin-left:2%;}
.part02 .word a{ line-height:90px; color:#f0f0f0; font-size:14px;}
.part02 .word a:hover{ color:#fff;}
.part02 .in_search{ float:right; height:38px; background:#fff; margin-top:26px; line-height:38px; margin-right:2%; border:1px solid #ccc;}
.part02 .in_search .input{ display:inline-block; height:38px; background:#fff; border:none; text-indent:14px; width:300px; line-height:38px; vertical-align:top; outline:none;}
.part02 .in_search .submit{ display:inline-block; width:38px; height:38px;}
.part02 .in_search .submit img{ width:20px; height:20px; margin-top:9px; margin-left:9px;}



.in_title{ margin-bottom:30px;}
.in_title h2{ font-size:60px; color:#eee; font-weight:normal; font-family:"Impact";letter-spacing:8px;}
.in_title p{ font-size:20px; font-weight:bold; color:#128348; margin-top:-46px;}
.in_title span{ display:block; font-size:16px; color:#777; margin-top:28px;}

/*-------part02 END----------*/

.part03{ width:82%; margin:170px auto 110px auto;}
.part03 .txt{ float:left; width:50%;}
.part03 .txt .in_title{ text-align:left; margin-top:4%;}
.part03 .txt .word{ display:block; width:85%; font-size:18px; color:#666; text-align:left; margin-bottom:5%; line-height:28px;}
.part03 .txt .in_more{ display:block; text-align:left; font-size:16px; font-family:arial; color:#999;}
.part03 .txt .in_more:hover{ color:#128348;}

.part03 .img{ float:right; width:48%; margin-right:2%;padding-bottom:24%; background:#128348; position:relative;}

.part03 .img .content{ position:absolute; width:100%; height:100%;top:-8%; left:4%;}
#img-demo{ height:100%;}
#img-demo .item{ width:100%; padding-bottom:50%; position:relative;}
#img-demo .item a{display:block; position:absolute; width:100%; height:100%; top:0; left:0;}
#img-demo .item a img{ width:100%; height:100%;	}


/*-------part03 END----------*/

.part05{ width:82%; margin:0 auto 100px auto;}

#pro-demo { width:100%;margin:0 auto;}
#pro-demo .item{ margin-left:5%; margin-right:5%; margin-bottom:20px; padding-bottom:38px; position:relative; overflow:visible;}
#pro-demo .item .img{ width:100%; padding-bottom:100%; position:relative;}
#pro-demo .item .img a{ display:block;height:100%; width:100%; position:absolute; top:0; left:0; overflow:hidden;}
#pro-demo .item .img a img{ width:100%; height:100%;
	webkit-transition: all 0.5s linear -1ms;
	-moz-transition: all 0.5s linear -1ms;
	-ms-transition: all 0.5s linear -1ms;
	-o-transition: all 0.5s linear -1ms;
	transition: all 0.5s linear -1ms;}
#pro-demo .item .more{ display:block; background:#128348; width:80%; margin:-50px auto 0 auto; padding-top:18px; padding-bottom:16px; z-index:99999 !important; position:absolute; left:10%;}
#pro-demo .item .more h3{ font-size:16px; color:#fff; font-weight:normal; line-height:28px;}
#pro-demo .item .more p{ font-family:arial; font-size:14px; color:#fff;}
#pro-demo .item:hover .more{ background:#259e5e; margin-top:-60px;box-shadow:0px 7px 22px rgba(0,0,0,0.15);}
#pro-demo .item:hover .img a{box-shadow:0px 7px 22px rgba(0,0,0,0.15);}
#pro-demo .item:hover .img a img{
	webkit-transition: all 0.5s linear -1ms;
	-moz-transition: all 0.5s linear -1ms;
	-ms-transition: all 0.5s linear -1ms;
	-o-transition: all 0.5s linear -1ms;
	transition: all 0.5s linear -1ms;
		transform: scale(1.1);
	-ms-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-o-transform: scale(1.1);}


/*-------part04 END----------*/

.part04{ width:84%; margin:0 auto 100px auto;}
.part04 .content{ width:100%;}
.part04 .content li{ float:left; width:47%; height:auto; margin-left:1.5%; margin-right:1.5%; margin-bottom:40px; position:relative;}
.part04 .content li .img{ width:96%; padding-bottom:48%; margin-left:4%; position:relative;}
.part04 .content li .img a{ display:block;height:100%; width:100%; position:absolute; top:0; left:0; overflow:hidden;}
.part04 .content li .img a img{height:100%; width:100%;
	webkit-transition: all 0.5s linear -1ms;
	-moz-transition: all 0.5s linear -1ms;
	-ms-transition: all 0.5s linear -1ms;
	-o-transition: all 0.5s linear -1ms;
	transition: all 0.5s linear -1ms;}
.part04 .content li .txt{ position:absolute; top:8%; left:0; background:rgba(8,107,55,0.85); text-align:left; padding:0 40px 0 40px; max-width:50%; height:60px; overflow:hidden;
	webkit-transition: all 0.2s linear -1ms;
	-moz-transition: all 0.2s linear -1ms;
	-ms-transition: all 0.2s linear -1ms;
	-o-transition: all 0.2s linear -1ms;
	transition: all 0.2s linear -1ms;}
.part04 .content li .txt h3{ font-weight:normal; font-size:22px; color:#fff; line-height:60px;text-align: left;transition: all 0.2s linear -1ms;}
.part04 .content li .txt p{ display:block; font-size:16px; color:#fff; margin-top:24px; line-height:28px;}
.part04 .content li .more{ display:block;height:100%; width:100%; position:absolute; top:0; left:0;}
.part04 .content li:hover img{
	webkit-transition: all 0.5s linear -1ms;
	-moz-transition: all 0.5s linear -1ms;
	-ms-transition: all 0.5s linear -1ms;
	-o-transition: all 0.5s linear -1ms;
	transition: all 0.5s linear -1ms;
		transform: scale(1.1);
	-ms-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-o-transform: scale(1.1);}
.part04 .content li:hover .txt{ max-width:80%;   overflow:hidden; padding:0 40px 0px 40px;
	webkit-transition: all 0.2s linear -1ms;
	-moz-transition: all 0.2s linear -1ms;
	-ms-transition: all 0.2s linear -1ms;
	-o-transition: all 0.2s linear -1ms;
	transition: all 0.2s linear -1ms;}
.part04 .content li:hover .txt h3{text-align: center;}
.part04 .in_more{ display:block; margin:0 auto; width:130px; height:40px; background:#ddd; line-height:40px; color:#999; text-align:center; font-size:16px;}
.part04 .in_more:hover{ background:#128348; color:#fff;}
/*-------part05 END----------*/

.part06{ width:100%; margin:80px auto 90px auto; padding-top:50px; padding-bottom:50px; background:url(../img/part06_bg.jpg) no-repeat; background-size:cover;}
.part06 .in_title h2{ color:#086b37;}
.part06 .in_title p{ color:#fff;}
.part06 .in_title span{ color:#f0f0f0;}
#cases-demo{ width:84%; margin:0 auto;}
#cases-demo .item{ margin-left:4%; margin-right:4%;}
#cases-demo .item li{ width:100%; margin-bottom:30px;
	webkit-transition: all 0.3s linear -1ms;
	-moz-transition: all 0.3s linear -1ms;
	-ms-transition: all 0.3s linear -1ms;
	-o-transition: all 0.3s linear -1ms;
	transition: all 0.3s linear -1ms;}
#cases-demo .item li .img{ width:100%; padding-bottom:56.27%; position:relative;}
#cases-demo .item li .img .im{ display:block;height:100%; width:100%; position:absolute; top:0; left:0; overflow:hidden;}
#cases-demo .item li .img .im img{ width:100%; height:100%;}
#cases-demo .item li .img .link{ display:block;height:100%; width:100%; position:absolute; top:0; left:0; background-color:rgba(2,33,16,0.7);align-items:center; display: -webkit-flex;
	webkit-transition: all 0.3s linear -1ms;
	-moz-transition: all 0.3s linear -1ms;
	-ms-transition: all 0.3s linear -1ms;
	-o-transition: all 0.3s linear -1ms;
	transition: all 0.3s linear -1ms;	
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity:0;}
#cases-demo .item li .img .link img{ display:block; width:12%; margin:0 auto;}
#cases-demo .item li .more{ display:block; width:100%; background:#f0f0f0; color:#333; font-size:16px; height:40px; line-height:40px;overflow: hidden;}
#cases-demo .item li:hover .img .link{
	webkit-transition: all 0.3s linear -1ms;
	-moz-transition: all 0.3s linear -1ms;
	-ms-transition: all 0.3s linear -1ms;
	-o-transition: all 0.3s linear -1ms;
	transition: all 0.3s linear -1ms;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity:1;}
#cases-demo .item li:hover{box-shadow:0px 8px 24px rgba(0,0,0,0.2);
	webkit-transition: all 0.3s linear -1ms;
	-moz-transition: all 0.3s linear -1ms;
	-ms-transition: all 0.3s linear -1ms;
	-o-transition: all 0.3s linear -1ms;
	transition: all 0.3s linear -1ms;}
#cases-demo .item li:hover .more{ background:#fff; color:#128348;}

.part05 .in_more{ display:block; margin:0 auto; width:130px; height:40px; background:#ddd; line-height:40px; color:#999; text-align:center; font-size:16px;}
.part05 .in_more:hover{ background:#128348; color:#fff;}


/*-------part06 END----------*/

.part07{ width:82%; margin:0 auto 90px auto;}
.part07 .top { margin-bottom:20px;}
.part07 .top .in_title{ text-align:left; float:left;}
.part07 .top .choose{ float:right; padding-top:20px;}
.part07 .top .choose a{ display:inline-block; width:auto; height:34px; line-height:34px; color:#666; background:#ddd; margin-left:14px; border-radius:20px; padding-left:20px; padding-right:20px;}
.part07 .top .choose a:hover{ background:#128348; color:#fff;}
#news-demo{ width:100%;}
#news-demo .item{ margin-left:2%; margin-right:8%; margin-bottom:20px; text-align:left; position:relative;}
#news-demo .item .date{ font-size:14px; color:#ccc; line-height:26px; margin-bottom:14px;transition: all 0.3s linear -1ms;}
#news-demo .item .tit{ display:block; font-size:20px;   margin-bottom:20px;}
#news-demo .item .txt{ display:block; color:#666; line-height:24px; margin-bottom:22px;}
#news-demo .item .more{ display:block; text-align:center; font-size:20px; background:#fff; color:#ccc; width:40px; height:40px; line-height:38px; border:1px solid #ccc; box-sizing:border-box;}
#news-demo .item:hover .link{ position:absolute; display:block; height:100%; width:100%; top:0; left:0;}
#news-demo .item:hover .more{ width:80px; background:#128348; color:#fff; border-color:#128348;}
#news-demo .item:hover .tit{ color:#128348;}

/*-------part07 END----------*/
.part08{ width:100%; background:url(../img/part07_bg.jpg) center no-repeat; background-size:cover; padding-top:56px; padding-bottom:60px; text-align:center;}
.part08 p{ font-size:24px; color:#fff;}
.part08 h2{ font-family:impact; color:#fff; font-size:60px; letter-spacing:4px; margin-top:34px; margin-bottom:34px;}
.part08 .a{ display:block; margin:0 auto; width:150px; height:44px; line-height:44px; font-size:18px; color:#fff; border:1px solid #fff; box-sizing:border-box; border-radius:30px; text-align:center;}
.part08 .a:hover{ background:#fff; color:#128348;}


.footer{ width:100%; background:#eeeeee; margin:0px auto 0 auto; padding-top:50px; }
.footer_content{ width:66%; margin:0 auto; text-align:left;}
.footer_content .logo{ float:left; width:26%; margin-bottom:40px;    overflow: hidden;}
.footer_content .logo a{ display:block; height:56px;}
.footer_content .logo a img{ height:100%;}
.footer_content .logo p{ font-size:14px; color:#666; margin-top:22px;}

.footer_content .contact{ float:left; width:40%; margin-bottom:40px;}
.footer_content .contact .tit{ display:block; font-size:22px; color:#666; margin-bottom:24px;}
.footer_content .contact span{ display:block; font-size:14px; color:#666; line-height:26px;}

.footer_content .follow{ float:left; width:34%; margin-bottom:40px;}
.footer_content .follow .tit{ font-size:22px; color:#666; margin-bottom:24px;}
.footer_content .follow ul li{ float:left; width:45px; height:45px; margin-right:20px;}
.footer_content .follow ul li a{ display:block; height:100%; width:100%;}
.footer_content .follow ul li a img{ display:block; height:100%; width:100%;
		filter: grayscale(100%);
        -webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
        -o-filter: grayscale(100%);
			webkit-transition: all 0.3s linear -1ms;
	-moz-transition: all 0.3s linear -1ms;
	-ms-transition: all 0.3s linear -1ms;
	-o-transition: all 0.3s linear -1ms;
	transition: all 0.3s linear -1ms;}
.footer_content .follow ul li a:hover img{
		filter: grayscale(0%);
        -webkit-filter: grayscale(0%);
        -moz-filter: grayscale(0%);
        -ms-filter: grayscale(0%);
        -o-filter: grayscale(0%);
	webkit-transition: all 0.3s linear -1ms;
	-moz-transition: all 0.3s linear -1ms;
	-ms-transition: all 0.3s linear -1ms;
	-o-transition: all 0.3s linear -1ms;
	transition: all 0.3s linear -1ms;}




.footer_content .copy{ height:auto; padding-top:20px; padding-bottom:20px;}
.footer_content .copy p{ font-size:14px; text-align:left; color:#999; display:inline-block;}
.footer_content .copy p a{ color:#999;}
.footer_content .copy p a:hover{ color:#128348;}

/*----------------------------------------------------------------*/

.page_banner{ height:auto; overflow: hidden; position: relative; width:100%; margin-top: 100px;}
.page_banner .m{ display:none;}	

.inner_top{ width:100%; height:auto;}
.inner_top .content{ width:98%; margin:0 auto; text-align:center; }
.inner_top .content li{ display:inline-block; padding-left:17px; padding-right:17px; text-align:center; height:56px;}
.inner_top .content li a{ display:block; font-size:16px; line-height:30px; color:#128348; line-height:54px;}
.inner_top .content .cur a{color:#128348; border-bottom:2px solid #128348;}
.inner_top .content li a:hover{ color:#128348; border-bottom:2px solid #128348;}

.inner_main{ background:#fff; width:66%; margin:0 auto 80px auto;}

/*-------------------------------------------*/
.honor_list{ width:82%; margin:0 auto 0 auto;}
.honor_list li{ float:left; background:#f4f4f4; width:23%; margin-left:1%; margin-right:1%; margin-bottom:2%; position: relative; padding-bottom: 15.33%;
	webkit-transition: all 0.3s linear -1ms;
	-moz-transition: all 0.3s linear -1ms;
	-ms-transition: all 0.3s linear -1ms;
	-o-transition: all 0.3s linear -1ms;
	transition: all 0.3s linear -1ms;}
.honor_list li a{width: 100%;height: 100%; position: absolute;left: 0;top: 0; overflow:hidden;}
.honor_list li a img{ display:block; height: 100%; margin:0 auto;}
.honor_list li:hover{ box-shadow:0 5px 25px 0px  #ccc;
	webkit-transition: all 0.3s linear -1ms;
	-moz-transition: all 0.3s linear -1ms;
	-ms-transition: all 0.3s linear -1ms;
	-o-transition: all 0.3s linear -1ms;
	transition: all 0.3s linear -1ms;}

	

.pro_page{ background:#e9f2ee;}
.pro_search{ margin:30px auto 50px auto; width:550px;}
.pro_search .input{ background:none; border:none; font-size:22px; height:42px; line-height:42px; font-family:"Microsoft YaHei"; border-bottom:2px solid #ccc; width:500px; vertical-align:top; outline:none;}
.pro_search .submit{ display:inline-block; width:40px; height:40px;}
.pro_search .submit img{ display:inline-block; width:30px; height:30px; margin-top:5px; margin-left:5px;
		filter: grayscale(100%);
        -webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
        -o-filter: grayscale(100%);
			webkit-transition: all 0.3s linear -1ms;
	-moz-transition: all 0.3s linear -1ms;
	-ms-transition: all 0.3s linear -1ms;
	-o-transition: all 0.3s linear -1ms;
	transition: all 0.3s linear -1ms;}
.pro_search .submit:hover img{
			filter: grayscale(0%);
        -webkit-filter: grayscale(0%);
        -moz-filter: grayscale(0%);
        -ms-filter: grayscale(0%);
        -o-filter: grayscale(0%);
	webkit-transition: all 0.3s linear -1ms;
	-moz-transition: all 0.3s linear -1ms;
	-ms-transition: all 0.3s linear -1ms;
	-o-transition: all 0.3s linear -1ms;
	transition: all 0.3s linear -1ms;}



.pro_list{ width:82%; margin:0 auto;}
.pro_list ul{ width:100%; margin:0 auto;}
.pro_list ul li{ float:left; width:22%; margin-left:1.5%; margin-right:1.5%; text-align:center; background:#fff; padding-bottom:3%; margin-bottom:3%; transition: all 0.3s linear -1ms; position:relative;}
.pro_list ul li .img{ width:80%; margin-top:10%; margin-left:10%; margin-right:10%; padding-bottom:60%; position:relative;}
.pro_list ul li .img a{ display:block; position:absolute; top:0%; left:0; width:100%; height:100%;}
.pro_list ul li .img a img{ width:100%; height:100%;}
.pro_list ul li p{ font-size:16px; margin-top:8%;    margin-bottom: 8%;transition: all 0.3s linear -1ms;}
.pro_list ul li span{ display:none; color:#666; font-size:14px; line-height:26px; width:82%; margin:6% auto; height:52px; overflow:hidden;}
.pro_list ul li .detail{ display:block; width:130px; height:40px; line-height:40px; margin:0 auto; background:#f0f0f0; color:#777;}
.pro_list ul li .link{ display:block; position:absolute; top:0%; left:0; width:100%; height:100%;}
.pro_list ul li:hover{ box-shadow:0px 10px 40px rgba(0,0,0,0.15); transition: all 0.3s linear -1ms;}
.pro_list ul li:hover p{ color:#128348; transition: all 0.3s linear -1ms;}
.pro_list ul li:hover .detail{ background:#128348; color:#fff;}


.pro_detail{ width:66%; margin:0 auto;}
.pro_detail .top{ width:100%; margin-bottom:40px;}
.pro_detail .top .left{ width:45%; float:left;}
.pro_detail .top .left .img{ width:100%; padding-bottom:68%; position:relative;}
.pro_detail .top .left .img img{ display:block; position:absolute; top:0; left:0; width:100%; height:100%;}
.pro_detail .top .right{ width:55%; padding-bottom:30%; float:left; position:relative;}
.pro_detail .top .right .txt{ position:absolute; top:0; left:0; width:100%; height:80%; align-items:center; display: -webkit-flex;}
.pro_detail .top .right .txt .content{ padding-left:10%;}
.pro_detail .top .right .txt h3{ font-size:24px; font-weight:normal; color:#333; margin-bottom:30px;}
.pro_detail .top .right .txt span{ display:block; width:98%; font-size:14px; color:#666; line-height:22px;}

.pro_detail .detail{ width:100%; margin:0 auto 80px auto; }
.pro_detail .detail .title{ width:100%; line-height:40px; height:40px; border-bottom:2px solid #ddd; margin-bottom:30px;}
.pro_detail .detail .title span{ font-size:22px; font-weight:normal; display:inline-block; color:#128348; border-bottom:2px solid #128348;}
.pro_detail .detail .inner_main{ width:100%;}

.pro_detail .ctrl{ width:100%; margin:0 auto 40px auto;}
.pro_detail .ctrl .left{ float:left;}
.pro_detail .ctrl .left p{ color:#666; font-size:14px;}
.pro_detail .ctrl .left p a{ color:#666; font-size:14px;}
.pro_detail .ctrl .left p a:hover{ color:#128348;}
.pro_detail .ctrl .back{ float:right; margin-top:3px;}
.pro_detail .ctrl .back a{ display:block; font-size:14px; line-height:38px; height:38px; width:140px; border-radius:40px; background:#ddd; text-align:center; color:#666;}
.pro_detail .ctrl .back a:hover{ background:#128348; color:#fff;}




.design_list{ width:66%; margin:0 auto;}
.design_list .list{ width:100%;}
.design_list .list li{ width:100%; background:#f6f6f6; transition: all 0.3s linear -1ms; margin-bottom:50px;}
.design_list .list li .right{ float:right; width:60%;}
.design_list .list li .right .img{ width:100%; padding-bottom:50%; position:relative;}
.design_list .list li .right .img a{ display:block; position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden;}
.design_list .list li .right .img a img{ width:100%; height:100%; transition: all 0.4s linear -1ms;}
.design_list .list li .left{ width:40%; float:left; padding-bottom:30%; position:relative;}
.design_list .list li .left .txt{ position:absolute; top:0; left:15%; width:70%; height:100%; align-items:center; display: -webkit-flex;}
.design_list .list li .left .txt h3{ font-size:22px; font-weight:normal; color:#333; margin-bottom:32px;}
.design_list .list li .left .txt p{ display:block; font-size:14px; color:#666; margin-bottom:26px;}
.design_list .list li .left .txt .link{ display:block; height:40px; width:130px; line-height:40px; color:#fff; background:#128348; text-align:center;}
.design_list .list li:hover{ background:#fff; box-shadow:0px 10px 40px rgba(0,0,0,0.15); transition: all 0.3s linear -1ms;}
.design_list .list li:hover .img img{ transition: all 0.4s linear -1ms;
	transform: scale(1.05);
	-ms-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-o-transform: scale(1.5);}
	
	
	
.design_list .plan{ width:100%; margin-bottom:70px;}
.design_list .plan .title{ margin-bottom:20px;}
.design_list .plan .title h2{ font-size:22px; font-weight:normal; color:#128348;}
.design_list .plan .title span{ display:block; width:40px; height:2px; background:#128348; margin-top:20px;}
.design_list .plan .option input{ outline:none; text-indent:6px;}
.design_list .plan .option li{ margin-bottom:16px;}
.design_list .plan .option li p{  float:left; font-size:16px; line-height:34px; font-weight:bold;}
.design_list .plan .option li ul{ float:left;}
.design_list .plan .option li ul li{ float:left; margin-right:18px; line-height:34px; margin-bottom:0;}
.design_list .plan .option .size ul li input{ margin-left:8px; width:50px;}
.design_list .plan .option .submit a{ display:block; width:130px; height:40px; background:#128348; color:#fff; font-size:16px; line-height:40px; text-align:center;}
.design_list .plan .option .submit a:hover{ background:#259e5e;}



.case_list{ width:82%; margin:0 auto;}
.case_list ul{ width:100%;}
.case_list ul li{ float:left; width:30.33%; margin-left:1.5%; margin-right:1.5%; margin-bottom:50px;}
.case_list ul li .top{ width:100%; padding-bottom:56.27%; position:relative;}
.case_list ul li .top .img{ display:block; position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden;}
.case_list ul li .top .img img{ width:100%; height:100%;  transition: all 0.4s linear -1ms;}
.case_list ul li .top .tit{ display:block; position:absolute; bottom:0; left:0; width:97%; height:60px; background:rgba(0,0,0,0.7); font-size:18px; color:#fff; line-height:60px; padding-left:3%;overflow: hidden;}
.case_list ul li .txt{ width:94%; padding-left:3%; padding-right:3%;}
.case_list ul li .txt .line{ width:40px; height:3px; background:#128348; margin-top:20px; margin-bottom:14px; transition: all 0.4s cubic-bezier(0.51, 0, 0.13, 0.98) -1ms;}
.case_list ul li .txt span{ display:block; color:#666; font-size:14px; line-height:22px; width:100%;height: 66px;overflow: hidden;}
.case_list ul li:hover .img img{ transition: all 0.4s linear -1ms;
	transform: scale(1.05);
	-ms-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-o-transform: scale(1.5);}
.case_list ul li:hover .tit{ background-color:rgba(8,107,55,0.8);}
.case_list ul li:hover .line{ width:80px; transition:all 0.4s cubic-bezier(0.51, 0, 0.13, 0.98) -1ms;}



.news_top{ width:82%; margin:0 auto 70px auto; transition: all 0.3s linear -1ms; }
.news_top .img{ width:50%; padding-bottom:25%; position:relative; float:left;}
.news_top .img a{ display:block; position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden;}
.news_top .img a img{ width:100%; height:100%;}
.news_top .txt{ width:50%; padding-bottom:25%; position:relative; float:left;}
.news_top .txt .content{  position:absolute; top:0px; left:0px; width:100%; height:95%; overflow:hidden; align-items:center; display: -webkit-flex;}
.news_top .txt .content .main{ width:75%; margin-left:10%; z-index:90;}
.news_top .txt .content .main a{ display:block; font-size:18px; margin-top:5%; margin-bottom:5%;}
.news_top .txt .content .main p{ font-size:30px; color:#ccc; line-height:34px;}
.news_top .txt .content .main span{ display:block; width:100%; color:#666; font-size:14px; line-height:24px;}
.news_top:hover .txt .content .main a{ color:#128348;}
.news_top:hover{ box-shadow:0px 10px 40px rgba(0,0,0,0.15); transition: all 0.3s linear -1ms; }



.news_list{ width:84%; margin:0 auto;}
.news_list li{ width:31.3%; float:left; margin-left:1%; margin-right:1%; margin-bottom:40px;  box-shadow:0px 3px 8px rgba(0,0,0,0.15); transition: all 0.3s linear -1ms;}
.news_list li .news_img{ width:100%; padding-bottom:50%; position:relative;}
.news_list li .news_img a{ display:block; position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden;}
.news_list li .news_img a img{ width:100%; height:100%;
	webkit-transition: all 0.3s linear -1ms;
	-moz-transition: all 0.3s linear -1ms;
	-ms-transition: all 0.3s linear -1ms;
	-o-transition: all 0.3s linear -1ms;
	transition: all 0.3s linear -1ms;}
.news_list li .news_txt{ width:95%; padding-left:2.5%; overflow:hidden;}
.news_list li .news_txt a{ display:block; font-size:18px; margin-bottom:3%;}
.news_list li .news_txt .date{ font-weight:normal; font-size:24px; color:#999; line-height:40px; margin-top:2%; margin-bottom:2%;}
.news_list li .news_txt span{ display:block; font-size:14px; width:100%; color:#666; line-height:24px; height:75px; overflow:hidden; margin-bottom:14px;}

.news_list li:hover .news_img{ box-shadow:0px 5px 25px #ccc; transition: all 0.3s linear -1ms;}
.news_list li:hover .news_img img{
	webkit-transition: all 0.3s linear -1ms;
	-moz-transition: all 0.3s linear -1ms;
	-ms-transition: all 0.3s linear -1ms;
	-o-transition: all 0.3s linear -1ms;
	transition: all 0.3s linear -1ms;
	transform: scale(1.1);
	-ms-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-o-transform: scale(1.1);
	overflow: hidden;}
.news_list li:hover{ box-shadow:0px 8px 25px rgba(0,0,0,0.15);}
.news_list li:hover .news_txt a{ color:#128348;}
.news_list li:hover .news_txt{ background:#fff;
	webkit-transition: all 0.3s linear -1ms;
	-moz-transition: all 0.3s linear -1ms;
	-ms-transition: all 0.3s linear -1ms;
	-o-transition: all 0.3s linear -1ms;
	transition: all 0.3s linear -1ms;}
/*--0620-----------------------------------------*/




.in_contact{ width:100%; margin:0 auto ;}
.in_contact .con_info{ width:72%; margin:0 auto 70px auto;}
.in_contact .con_info .txt{ float:left; width:50%;}
.in_contact .con_info h3{ font-size:24px; font-weight:normal; color:#128348; margin-bottom:45px;}
.in_contact .con_info .txt span{ color:#666; font-size:16px; line-height:40px;}
.in_contact .messages{ float:left; width:50%;}

.in_contact .con_info .messages h3{ margin-bottom:30px;}
.messages .area{ width:100%;}
.messages .area li{ height:36px; margin-bottom:18px; border-bottom:1px solid #fff; border-bottom:2px solid #ccc;}
.messages .area li input{ font-size:14px; padding:0px; height:36px; width:100%; background:none; border:none;outline:none; color:#666;}
.messages .area .name{ width:100%;}
.messages .area .tel{  width:100%;}
.messages .area .textarea{ height:90px; background:none; border:none;  border-bottom:2px solid #ccc;}
.messages .area li textarea{ font-size:14px; padding:0px; height:110px; width:100%; background:none; border:none; outline:none; color:#666; resize:none}
.messages .area .submit{ border:none;}
.messages .area li .submit{ display:block; font-size:14px; width:130px; height:40px; color:#fff; background:#128348; line-height:40px; text-align:center;  border:none;}
.messages .area li .submit:hover{ background:#26ac66;}

.in_contact .con_map{ margin:0 auto 50px auto; width:72%; padding-bottom:30%; position:relative;}
.in_contact .con_map .map{ position:absolute; top:0px; left:0px; width:100%; height:100%;}

.in_contact .con_fen{ width:72%; margin:80px auto 80px auto; background:#E7F8EE;}
.in_contact .con_fen .list{ width:30.33%; padding-left:1.5%; padding-right:1.5%; float:left; text-align:center; transition: all 0.3s linear -1ms; min-height: 440px;}
.in_contact .con_fen .list h3{ font-size:22px; font-weight:normal; color:#128348; margin-top:40px; text-align:center;}
.in_contact .con_fen .list span{ display:block; color:#888; line-height:24px; height:48px; margin-bottom:22px; text-align:center;}
.in_contact .con_fen .list p{ color:#333; font-size:16px; margin-top:34px; margin-bottom:16px; text-align:center;} 
.in_contact .con_fen .list .kefu{ display:block; margin:0 auto; width:130px; height:40px; line-height:40px; background:#128348; color:#fff; text-align:center; margin-top:40px; margin-bottom:40px;}
.in_contact .con_fen .list:hover{ background:#fff; box-shadow:0px 5px 25px #ddd; transition: all 0.3s linear -1ms;}
.inner_main{width:56%;}


/*----0817----*/
#s_footer{    width: 100%;position: fixed;bottom: 0px;height: 40px;background: none; display:none;}
#s_footer .content{ width:80%; margin:0 auto; height:100%;}
#s_footer .content .rexian{ margin:0 auto;}
#s_footer .content .haoma{ }
#s_footer .content .btn{ width:45%; height:30px; margin-top:5px; background:#128348;border-radius:4px;}
#s_footer .content .btn a{ display:block; line-height:30px; text-align:center; color:#fff; background:url(../img/phone.png) no-repeat left;}
#s_footer .content .btn:hover{ background:#3eb577;}






@media (max-width: 1440px){
	
	.nav #m2 .sub .content{ width:98%;}
	
	.part03{ width:98%;margin: 110px auto 50px auto;}
	.part03 .txt .in_title{ margin-bottom: 65px;}
	.part03 .txt .word{ font-size:14px; line-height:28px;width: 90%;}
	.part03 .txt .in_more{ font-size:14px;}
	.part04{ width:98%; margin:0 auto 50px auto;}
	.part04 .content li{margin-bottom: 30px;}
	
	.part05{ width:97%;margin: 0 auto 50px auto;}
	.part06{    margin: 60px auto 40px auto;}
	#cases-demo{ width:98%;}
	.part07{ width:98%;margin: 0 auto 50px auto;}
	.footer_content{ width:98%;}
	
	.inner_top .content{ width:100%;}
	.inner_main{ width:82%;}
	.honor_list{ width:100%;}
	
	.pro_list{ width:98%;}
	.pro_list ul li{ width:23%; margin-left:1%; margin-right:1%;}
	
	.pro_detail{ width:82%;}
	.design_list{ width:98%;}
	
	.case_list{ width:98%;}
	
	.news_top{ width:98%;}
	.news_list{ width:100%;}

	
	
	
	
	
	
	.in_contact .con_list{ width:98%;}
	.in_contact .con_info{ width:94%;}
	.in_contact .con_map{ width:94%; padding-bottom:40%;}
	.in_contact .con_fen{ width:96%;}
}




@media (max-width: 1199px){
	
	.m_menu{ display:block;}
	.navbar{ display:none;}
	.banner{ margin-top:80px !important;}
	.page_banner{ margin-top:80px;}
	
	.in_title{ margin-bottom:24px;}
	.in_title span{ display:none;}
	.in_title h2{ font-size:44px;letter-spacing: 4px;}
	.in_title p{ font-size:18px; margin-top:-35px;}
	
	.part_one{ margin-top:80px;}
	.part02{ margin-top:0px; width:100%; left:0%;}
	.swiper-container-horizontal>.swiper-pagination{bottom: 10px !important ;}
	.part03{ margin-bottom:80px;}
	.part03 .txt .in_title{ margin-top:1%;}
	.part04 .content li{margin-bottom: 20px;}
	.part04 .content li .txt{height: 50px;}
	.part04 .content li .txt h3{font-size: 18px;line-height: 50px;}

	#pro-demo .item{margin-bottom: 6px;padding-bottom: 10px;}
	#pro-demo .item .more p{ display:none;}
	
	
	
	
	
	

	.part06{ margin: 80px auto 70px auto; padding:0; background:none;}
	.part06 .in_title h2{color: #eee;}
	.part06 .in_title p{color: #128348;}
	
	
	
	.footer_content .logo{ width:40%;}
	.footer_content .follow{ width:60%;}
	
	.inner_top .content li{ height:48px;}
	.inner_top .content li a{ font-size:16px; line-height:48px;}
	.inner_main{ width:96%;}
	.pro_search .input{ font-size:16px;}
	.pro_detail{ width:98%;}
	
	.news_list li{ width:48%;}
	#cases-demo .item li{ margin-bottom:20px;}
	
	
}


@media (max-width: 992px){
	.part03{ margin-top:100px;}
	.part03 .in_title{ margin-bottom:16px; margin-top:10px;}
	.part03 .img{ width:100%; float:inherit; margin-right:0%; padding-bottom:0;}
	
	.part03 .txt{ float:inherit; width:100%;}
	.part03 .txt .word{ width:100%; margin-bottom:18px;}
	
	.part03 .img .content{ position:static;}
	.part04 .content li{width:97%;}
	
	
	

	.inner_top .content li{ height:48px;}
	.inner_top .content li a{ font-size:16px; line-height:36px;}
	.inner_main{ width:96%;}
	
	.honor_list li{ width:31.3%; padding-bottom:20.86%;}
	
	.pro_search .input{font-size: 16px;}
	.pro_list ul li{ width:31.3%;}
	.pro_detail .top .left{ width:100%; float:inherit;} 
	.pro_detail .top .right{ width:100%; float:inherit; position:static; padding-bottom:0;}
	.pro_detail .top .right .txt{ position:static; height:auto;}
	.pro_detail .top .right .txt .content{ padding-left:0;}
	.pro_detail .top .right .txt h3{ margin-top:14px; margin-bottom:16px;}
	.pro_detail .ctrl .left{ float:inherit;}
	.pro_detail .ctrl .back{ float:inherit; margin-top:10px;}
	
	.design_list .list li{ margin-bottom:30px;}
	.design_list .list li .right{ width:100%; float:inherit;}
	.design_list .list li .left{ width:100%; float:inherit; padding:0%; height:auto; position:static;}
	.design_list .list li .left .txt{ position:static; width:98%; padding-left:2%; left:0;}
	.design_list .list li .left .txt h3{ margin-top:1%; margin-bottom:2%;}
	.design_list .list li .left .txt p{ margin-bottom:8px;}
	.design_list .list li .left .txt .link{ display:none;}
	.design_list .list li:hover{ box-shadow:none; background:#f6f6f6;}
	.design_list .plan{ width:98%; margin:0 auto;}
	
	.case_list ul li{ width:98%; margin-left:1%; margin-right:1%;}
	
	.news_top{ margin-bottom:30px;}
	.news_top .txt .content{ position:static;}
	.news_top .txt .content .main{ width:94%; margin-left:3%; padding-top:0px;}
	.news_top .txt .content .main p{ font-size:14px;}
	.news_top .txt .content .main a{ margin-bottom:1%; font-size:16px; margin-top:0%;}
	.news_top .txt .content .main span{ display:none;}
	.news_top .img{ float:inherit; width:100%; padding-bottom:50%;}
	.news_top .txt{ float:inherit; width:100%; padding-bottom:0; position:static;}
	
	.news_list li{ margin-bottom:20px;}
	.news_list li .news_img{ float:inherit; width:100%; padding-bottom:56.49%;}
	.news_list li .news_txt{ float:inherit; width:95%; padding-bottom:0; position:static; padding-top:0px;}
	.news_list li .news_txt .date{ margin-top:0; font-size:14px; line-height:34px; margin-bottom:0;}
	.news_list li .news_txt a{ margin-bottom:2.5%;}
	.news_list li .news_txt span{ height:auto;}
	
	.in_contact .con_list li{ width:48%; margin-bottom:20px;}
	.in_contact .con_info{ margin-bottom:40px;}
	.in_contact .con_info .txt{ float:inherit; width:100%; margin-bottom:50px;}
	.in_contact .messages{ float:inherit; width:100%;}
	.in_contact .con_fen{ margin-top:10px;}
	.in_contact .con_fen li{ width:96%;}
	.in_contact .con_fen .list{ width:97%; text-align:left; background:#fff; border-bottom:1px solid #ddd; min-height:auto;}
	.in_contact .con_fen .list h3{ text-align:left;}
	.in_contact .con_fen li{ text-align:left;}
	.in_contact .con_fen .list p{ text-align:left; margin-top:20px; margin-bottom:6px;}
	.in_contact .con_fen .list span{ text-align:left;}
	.in_contact .con_fen .list .kefu{ margin-left:0; margin-top:16px; margin-bottom:20px;}
	.in_contact .con_fen .list:hover{ box-shadow:none;}
	.in_contact .con_map{padding-bottom:70%;}
	
	
}




@media (max-width: 768px){
	.m_menu_list{ width:60%;}
	.m_menu_list .menu_list_close{ right:9%;}
	
	
	.part02 .word{ display:none;}
	.part02 .in_search{ float:inherit; margin:10px;}
	.part02 .in_search .input{ width:86%; float:left;}
	.part02 .in_search .submit{ float:right;}
	.part03{ margin-bottom:50px; margin-top:100px;}
	.part03 .txt .in_title{ margin-bottom:20px;}
	 .part04 .content li .txt{padding: 0 25px 0 25px;}
	.part04 .content li:hover .txt{ max-width:80%;   overflow:hidden; padding:0 25px 0px 25px;}
	.part04 .content li .txt h3{font-size: 16px;}

	#pro-demo .item .more{margin: -30px auto 0 auto;padding-top: 6px;padding-bottom: 6px;}
	#pro-demo .item:hover .more{margin: -30px auto 0 auto;}

	.part06{ margin-top:50px; margin-bottom:50px;}
	.part07{ margin-bottom:50px;}
	.part07 .top .in_title{ text-align:center; float:inherit;}
	.part07 .top .choose{ float:inherit;}
	.part07 .top .choose a{ margin-left:10px; margin-right:10px;}
	.part08{ padding:30px 0 30px 0;}
	.part08 p{ font-size:18px; width:90%; margin:0 auto;}
	.part08 h2{ font-size:28px; margin-top:20px; margin-bottom:20px;}
	.footer{ padding-top:40px;}

	.footer_content .logo{ width:98%; float:inherit; margin-bottom:30px;}
	.footer_content .contact{display:none;}
	.footer_content .follow{ width:98%; float:inherit; margin-bottom:30px;}
	.footer_content .follow ul li{ margin-bottom:10px; margin-right:10px;}
	
	.inner_top .content{text-align: left;font-size: 0;}
	.inner_top .content li{height:32px; width:33.3%;padding-left: 0px;padding-right: 0px;font-size:0; border:1px solid #128348;box-sizing: border-box;}
	.inner_top .content li a{ font-size:14px; line-height:32px;}
	.inner_main p img{ width:100%; height:auto;}
	.honor_list li{ width:48%; padding-bottom:32%;}
	.pro_search{ width:350px; margin-bottom:30px;}
	.pro_search .input{ width:300px;}
	.pro_search .submit img{
		filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);}
	.pro_list ul li{ width:48%;padding-bottom: 2%;margin-bottom: 2%}
	.pro_list ul li .img{    width: 88%;    margin-top: 6%;    margin-left: 6%;margin-right: 6%;padding-bottom: 66%;}
	.pro_list ul li span{ display:none;}
	.pro_list ul li p{ font-size:14px; margin-bottom:1%; margin-top:4%;height: 22px;overflow: hidden;}
	.pro_list ul li .detail{ display:none;}
	.pro_detail{ width:96%;}
	.case_list ul li{ margin-bottom:30px;}
	.case_list ul li .top .tit{ font-size:16px; line-height:42px;}
	
	.news_top{box-shadow: 0px 3px 8px rgba(0,0,0,0.15);}
	.news_list li{ width:98%;}
	.news_list li .news_txt span{ display:none;}
	
	.in_contact .con_info h3{ margin-bottom:30px;}
	
	.pageGuide{ margin-bottom:50px;}
	.paging a{ margin-bottom:6px;}

	#s_footer{display:block;}
}



@media (max-width: 480px){

}


.inner_main p{
    text-align: center;
}
.inner_main span {
    text-align: center;
}
.inner_main img{
    text-align: center;
}
.pro_detail .inner_main p{text-align: left;}


/*0316 隐藏页面中间的商桥窗口*/
#newBridge .nb-middle{display: none !important;}

.ot_ctrl {
    background: #fff;
    width: 56%;
    margin: 0 auto 80px auto;
}
.ot_ctrl .left {
    float: left;
}
.ot_ctrl .left p {
    color: #666;
    font-size: 14px;
}
.ot_ctrl .left p a {
    color: #666;
    font-size: 14px;
}
.ot_ctrl .back {
    float: right;
    margin-top: 3px;
}
.ot_ctrl .back a {
    display: block;
    font-size: 14px;
    line-height: 38px;
    height: 38px;
    width: 140px;
    border-radius: 40px;
    background: #ddd;
    text-align: center;
    color: #666;
}