@charset "utf-8";
/* ------------------------------------------------- 
 * 公用样式表 
 * ------------------------------------------------- 
*/  
.page2{ width:600px; margin:0 auto; clear:both;}
.page2 li{ float:left; margin:0 10px 0 0;}
.page2 a{ padding:5px; background:#999; border:#888 1px solid; line-height:12px; display:block; color:#fff; text-align:center;}
.page2 a:hover{ border-color:#333; color:#333;padding:5px; margin:0;}
.page2 .current{ border-color:#333; color:#333;padding:5px; margin:0;}
.page2 span{float:left; display:block; height:25px; line-height:25px; padding:0 5px;}

body{font-family:"微软雅黑","宋体"; font-size:14px; line-height: 1.6; font-weight: 400; letter-spacing:-.1px; font-stretch:normal; font-style:normal;  color: rgba(255, 255, 255, 1); color: #000;  background: rgba(255, 255, 255, 1); 
text-align:justify; -webkit-text-size-adjust:none; height:auto; 
-webkit-font-smoothing: subpixel-antialiased; /*chrome、safari*/
-moz-osx-font-smoothing: grayscale;/*firefox*/}
/** 定义HTML body **/

@font-face { font-family: 'HELVETICANEUELTPRO-THEX'; src: url('img/HELVETICANEUELTPRO-THEX.otf'); font-weight: normal; font-style: normal;}
@font-face {
  font-family: 'DINEngschriftStd';
  src: url('img/DINEngschriftStd.eot');
  src: url('img/DINEngschriftStd.eot?#iefix') format('embedded-opentype'), url('img/DINEngschriftStd.woff') format('woff'), url('img/DINEngschriftStd.ttf') format('truetype'), url('img/DINEngschriftStd.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

a {color:#333;transition:400ms ease all;}
a:focus {color: #333;outline: none; text-decoration: none;}
a:hover {color: #333;outline: none;text-decoration: none;transition:400ms ease all;}

/* == 翻页公用  ====================================================================================*/
.pageflip{width: 100%;overflow: hidden;text-align: center; margin: 50px 0px 0px 0px;}
.pageflip  a{color: #143b14;height: 34px;display: inline-block;overflow: hidden;line-height: 30px; padding: 0px 10px;border: 1px solid #e4e4e4;border-radius: 5px;margin: 0px 5px;}
.pageflip  a:hover,.pageflip a.dq{background: #e4e4e4;color: #000;}
.pageflip  a i{display: block;line-height: 30px;height: 30px; }
@media (max-width:768px){
.pageflip{ margin: 15px 0px 0px 0px;}
.pageflip  a { font-size: 12px; height: 26px; line-height: 24px; border-width: 1px; padding: 0px 9px; border-radius: 3px; }
.pageflip  a i { line-height: 24px; height: 26px; }
}
/* == 翻页公用  ====================================================================================*/

@media (max-width:1600px){}
@media (max-width:1400px){}
@media (max-width:1200px){}
@media (max-width:1023px){}
@media (max-width:767px){}

/* == 全局  ====================================================================================*/
.wrapper_full{margin: 0px auto; max-width: 100%; width: 100%; padding: 0 0px;}
.wrapper_box  { margin: 0px auto; max-width: 1600px; padding: 0 30px;  }
.max1440{margin: 0px auto; max-width: 1400px; width: 100%; padding: 0 30px;}
.max1200{margin: 0px auto; max-width: 1200px; width: 100%; padding: 0 30px;}
@media (max-width:1440px){
	.wrapper_full{padding: 0px 0px;}
	.wrapper_box{padding: 0px 30px; }
}
@media (max-width:1280px){
	.wrapper_full{padding: 0px 0px;}
	.wrapper_box{padding: 0px 30px;}
	.max1440{padding: 0 20px;}
}
@media (max-width:1023px){
	.wrapper_full{padding: 0px 0px;}
	.wrapper_box{padding: 0px 10px;}
	.max1440{padding: 0 20px;}
	.max1200{padding: 0 20px;}
}
@media (max-width:767px){
	.wrapper_full{padding: 0px 0px;}
	.wrapper_box{padding: 0px 10px;}
	.max1440{padding: 0 10px;}
	.max1200{padding: 0 10px;}
}
/* == 全局  ====================================================================================*/



/** == 首页banner ====================================================================================*/
.banner_box{ width: 100%; position: relative;  margin-top: 70px;}
.swiper-ban.swiper-container {}
.swiper-ban.swiper-slide{ background: #000; width: 100%; height:auto;}
.swiper-ban a { display: block; width: 100%; height:100%; overflow: hidden; position: relative;}
.swiper-ban a .slide_full{width: 100%; height:600px; overflow: hidden; position: relative; 
	transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s; -webkit-animation:scalex 10s linear infinite;animation:scalex 10s linear infinite;}
.swiper-ban a > img {position: absolute; left: 0 ; top: 0; width:100%; z-index: -1; }
.swiper-ban a .bg_hei{position: absolute; left: 0 ; top: 0; width:100%; height: 100%; z-index: -1; background:rgba(0,0,0,0);}

/** banner上文字 =====*/
.wenzi_main{ position:absolute; width: 100%; margin: 0px auto; padding: 0px 20px;  top: 50%; -webkit-transform:translateY(-50%); transform:translateY(-50%);  text-align:center; z-index: 1; 
text-shadow: 1px 1px 1px #000;filter:shadow(Color=#000,Direction=10,Strength=10);text-transform:uppercase;}
.ani-01 { height: auto; margin-bottom: 10px; color: #fff; font-size: 60px; font-weight: bold;}
.ani-02 { height: auto; margin-bottom: 0px; color: #fff; font-size: 40px; }
.ani-03 { height: auto; margin-bottom: 0px; color: #fff; font-size: 16px;}

/** 点点点 =====*/
.swiper-ban.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: 20px;}
.swiper-ban .swiper-pagination-bullet {background: #fff; width: 10px; height:10px; border-radius:5px;  opacity: .9; transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s;}
.swiper-ban .swiper-pagination-bullet-active {background: #143b14; width: 30px; }
/** 箭头 =====*/
.swiper-ban .swiper-button-prev {opacity:1;}
.swiper-ban .swiper-button-next {opacity:1;}
.swiper-ban .swiper-button-prev {width: 50px;height: 50px; line-height: 50px; border-radius:100%; background:rgba(0,0,0,0.4);  color: #fff; text-align: center;}
.swiper-ban .swiper-button-next {width: 50px;height: 50px; line-height: 50px; border-radius:100%; background:rgba(0,0,0,0.4); color: #fff; text-align: center;}
.swiper-ban .swiper-button-prev,.swiper-ban .swiper-button-next{font-size: 26px;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s;}
.swiper-ban .swiper-button-prev:hover{background:rgba(0,0,0,0.9);  color: #fff;}
.swiper-ban .swiper-button-next:hover{background:rgba(0,0,0,0.9);  color: #fff;}

@media (max-width: 1366px) { }

@media (max-width: 1023px) { 
.banner_box{ width: 100%; position: relative; margin-top: 70px;}
.swiper-ban a .slide_full{width: 100%; height:200px;}
.swiper-ban.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: 10px;}
.swiper-ban .swiper-button-prev {width: 35px;height: 35px; line-height: 35px; left: 5px;}
.swiper-ban .swiper-button-next {width: 35px;height: 35px; line-height: 35px; right: 5px;}
	
.wenzi_main{width: 100%; margin: 0px auto; padding: 0px 10px; text-align: center; }
.ani-01 { height: auto; margin-bottom: 10px; color: #fff; font-size: 20px; font-weight: bold;}
.ani-02 { height: auto; margin-bottom: 0px; color: #fff; font-size: 16px; }
.ani-03 { height: auto; margin-bottom: 0px; color: #fff; font-size: 12px;}
}
/** == 首页banner ====================================================================================*/


/** == pag_ban ====================================================================================*/
.pag_ban{position: relative;overflow: hidden;height: 600px; margin-top: 0px;transition: all 0.5s ease-out;}
.pag_ban:before {content: ''; position: absolute; background-color: rgba(0, 0, 0, 0); height: 100%; width: 100%; top: 0;left: 0;}
.pag_ban .imgbg {height: 100%;}
.pag_ban .imgbg {background-position: center center;background-size: cover;background-repeat: no-repeat;}
.pag_ban .imgbg img {display: none;}

.pag_ban_tit{color: #fff; text-align:left; position: relative; width: 100%; max-width: 1300px; margin: 0px auto;text-shadow: 1px 1px 1px #000; filter:shadow(Color=#000,Direction=10,Strength=10);
	top: 50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); }
.pag_ban_tit .tf30{ font-size: 45px; padding-bottom: 10px; }
.pag_ban_tit .tf16{ font-size: 16px; line-height: 30px; font-family:HELVETICANEUELTPRO-THEX, "微软雅黑";}

@media (max-width:1366px){
.pag_ban{position: relative;height: 300px; overflow: hidden;}
.pag_ban_tit{padding: 0px 20px 0px 20px;}
}

@media (max-width:1023px){
.pag_ban{position: relative;height: 150px; margin-top: 50px;}
.pag_ban_tit .tf30{ font-size:16px; font-weight:600;}
.pag_ban_tit .tf16{ font-size: 12px; line-height: 20px; font-family:HELVETICANEUELTPRO-THEX, "微软雅黑";}
}
/** == pag_ban ====================================================================================*/



/** header ====================================================================================*/
.pc_header{width: 100%; height: 70px;background:rgba(255,255,255,1);  padding: 0px 0px; position:fixed;  top: 0px; left: 0px;  z-index: 9999; box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.1);}
.pc_header.top_fixedY{position: fixed;-webkit-transform: translateY(-100%);-ms-transform: translateY(-100%);transform: translateY(-100%); }
.pc_header.top_fixed{ position: fixed;-webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%);transition: all 0.8s ease-out;}
.m_header{display: none;}
@media (max-width:1023px){
.pc_header{display: none;}
.m_header{display:block;}
}

.logo{float: left; height: 45px; padding-top: 20px;}
.logo img{ height: 30px;}

/** pc_nav 通用导航 ====================================================================================*/
.pc_nav ul{ display: block;}
.pc_nav:after,.pc_nav > ul:after {content: " ";display: block;clear: both;visibility: hidden; line-height: 0;height: 0;}

.pc_nav {width:auto; float: right; line-height: 1.6; }
.pc_nav > ul > li.nav-one {float: left; width:auto; display: block; position: relative;}
.pc_nav > ul > li.nav-one > a {padding: 0px 30px 0px 30px; font-size: 16px; line-height: 70px; text-align: center; color: #000; display: block; }
.pc_nav > ul > li.nav-one:hover > a {color: #797979; background: #fff;}
.pc_nav > ul > li.nav-one > a.on{color: #000; background: #fff;}
/*一级菜单*/

.pc_nav > ul > li.nav-one > ul.nav-two {position: absolute; left: -9999px; display: block;}
.pc_nav > ul > li.nav-one:hover > ul.nav-two {left: auto; width: 100%;}
.pc_nav > ul > li.nav-one > ul.nav-two >li{height: 0; transition: all 0.2s ease-out; position: relative;}
.pc_nav > ul > li.nav-one:hover > ul.nav-two >li{height: 50px;}
.pc_nav > ul > li.nav-one > ul.nav-two >li >a{  width:100%; height:50px; line-height: 50px;padding:0px 0px; text-align: center; background:#333;color: #eeeeee;  border-top: 1px solid #000;display: block; text-decoration: none;transition: all 0.2s ease-out;}
.pc_nav > ul > li.nav-one > ul.nav-two >li:hover >a{ color: #fff; background: #000;}
/*二级菜单*/

.pc_nav > ul > li.nav-one > ul.nav-two >li > ul.nav-three{margin-left: 100%;top: 0;position: absolute; left: 0px;}
.pc_nav > ul > li.nav-one > ul.nav-two >li:hover > ul.nav-three{left: auto; width: 100%;}
.pc_nav > ul > li.nav-one > ul.nav-two >li > ul.nav-three li{height: 0; width: 100%; display: block; transition: all 0s ease-out; position: relative; overflow: hidden;}
.pc_nav > ul > li.nav-one > ul.nav-two >li:hover > ul.nav-three li{height: 50px; overflow: hidden; transition: all 0.2s ease-out;}
.pc_nav > ul > li.nav-one > ul.nav-two >li > ul.nav-three >li >a{  width:100%; height:50px; line-height: 50px;padding:0px 0px; text-align: center; background:#666;color: #eeeeee;  border-top: 1px solid #000;display: block; text-decoration: none; }
.pc_nav > ul > li.nav-one > ul.nav-two >li > ul.nav-three >li >a:hover{ color: #fff; background: #000;}
/*三级菜单*/

ul.nav-three::after {position: absolute; top: 25px; left: -20px;width: 4px; height: 4px; border-bottom: 1px solid #eee;border-right: 1px solid #eee; content: ""; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg);-o-transform: rotate(-45deg); transform: rotate(-45deg);}
/*有三级菜单的小箭头*/
/** pc_nav ====================================================================================*/



/** m_nav 移动端菜单 ====================================================================================*/
.m_header{width: 100%;height: 70px; position: fixed; top: 0px; left:0px; right: 0px; z-index: 9999; background: #fff;box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.0);}
.m_header .header-section{width:100%;  overflow: hidden; }
.m_header .header-section .logo{ width: 250px;height: auto; padding:20px 15px 15px 15px; float: left; overflow: hidden; position: absolute; z-index:9998; }
.m_header .header-section .logo a{display: block; }
.m_header .header-section .logo a img{ height:auto; width: 100%;}
.m_header .header-section:after{content:"";width:100%;height:1px;background-color:#d1d1d1;position:absolute;left:0;bottom:0;-webkit-transform:scaleY(.5);-ms-transform:scaleY(.5);transform:scaleY(.5);}

.m_header .header-section .nav-icon{ position: absolute; right: 20px; top: 22px; width:25px;height:25px; z-index:1000;font-size:0;text-align:right;cursor:pointer}
.m_header .header-section .nav-icon i{width:100%;height:100%;position:absolute;left:0;top:0}
.m_header .header-section .nav-icon i span{display:inline-block;width:70%;height:2px;background-color:#143b14;position:relative;border-radius:2px}
.m_header .header-section .nav-icon i:nth-of-type(1) span{top:20%}
.m_header .header-section .nav-icon i:nth-of-type(2) span{top:45%;width:55%}
.m_header .header-section .nav-icon i:nth-of-type(3) span{top:70%}
/*移动导航logo按钮*/

.m_header .m-navbar{background-color:#fff;position:fixed;width:100%;height:100%;z-index:9997;right:-100%;top:0;padding-bottom:.6rem;box-sizing:border-box;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);transition:all .4s cubic-bezier(.4,0,0,1);overflow-y:auto;-webkit-overflow-scrolling:touch}
.m_header .m-navbar.open{right: 0px;}
.m-navbar .nav-closed{ height: 70px; position: relative;}
.m_header .nav-closed .nav-icon{ position: absolute; right: 20px; top:30px; width:25px;height:25px; z-index:1000;font-size:0;text-align:right;cursor:pointer}
.m_header .nav-closed .nav-icon i{width:100%;height:100%;position:absolute;left:0;top:0}
.m_header .nav-closed .nav-icon i span{display:inline-block;width:100%;height:2px;background-color:#143b14;position:relative;border-radius:2px}
.m_header .nav-closed .nav-icon i:nth-of-type(1) span{top:20%;transform:rotate(45deg);}
.m_header .nav-closed .nav-icon i:nth-of-type(2) span{top:20%;transform:rotate(-45deg);}
/*移动导航弹出信息*/

#navbar .m_navul{margin-top: 0px; border-top: 1px solid #eaeaea;}
#navbar .m_navul li{padding: 0 20px;border-bottom: 1px solid #eaeaea;transform: translateY(0);-webkit-transform: translateY(100%);transform: translateY(100%);transition: all .2s cubic-bezier(.5, 0, .2, 1) 0s;opacity: 0;}
#navbar.open .m_navul li{opacity: 1;-webkit-transform: translateY(0); transform: translateY(0);}
#navbar .m_navul li a{color: #333;font-size: 14px;height:auto;line-height: 25px; padding: 15px 0px; width: 100%;display: block;text-decoration: none;}
#navbar .m_navul li a i{  float: right;line-height: 25px;}

#navbar .m_navul li .dropdown_menu{display: none; border-top: 1px solid #f5f5f5;}
#navbar .m_navul li.dropdown.active .dropdown_menu{display: block;}
#navbar .m_navul li .dropdown_menu a{display: block; color: #666; font-size: 13px; height: 45px;line-height: 45px;padding: 0 10px;box-sizing: border-box;border-bottom: 1px solid #f5f5f5;}
#navbar .m_navul li .dropdown_menu a:last-child{border: none;}

#navbar .m_navul li:nth-child(1) {transition: all 0.2s ease-out;}
#navbar .m_navul li:nth-child(2) {transition: all 0.3s ease-out;}
#navbar .m_navul li:nth-child(3) {transition: all 0.4s ease-out;}
#navbar .m_navul li:nth-child(4) {transition: all 0.5s ease-out;}
#navbar .m_navul li:nth-child(5) {transition: all 0.6s ease-out;}
#navbar .m_navul li:nth-child(6) {transition: all 0.7s ease-out;}
#navbar .m_navul li:nth-child(7) {transition: all 0.8s ease-out;}
#navbar .m_navul li:nth-child(8) {transition: all 0.9s ease-out;}
#navbar .m_navul li:nth-child(9) {transition: all 1.0s ease-out;}

.nav_tel{ position: absolute; bottom: 0px; left: 0px; width: 100%;border-top: 1px solid #eaeaea; background: #eaeaea;}
.nav_tel a{padding: 15px; display: block; text-align: center;}
.nav_tel a p{font-size: 16px;}
.nav_tel a span{ font-size: 30px;  font-family:  DINEngschriftStd,"microsoft yahei";}
/** m_nav 移动端菜单 ====================================================================================*/


.footer-nav{ display: none;}
@media (max-width:1023px){
.footer-nav{ display:block; width: 100%;position: fixed; z-index: 9990; left: 0px; bottom: 0px; background:rgba(255, 255, 255, 0.9);}
.footer-nav a{ color: #666; width: 25%;padding: 7px 0px 5px 0px;  float: left; display: block; text-align: center; line-height: 1;}
.footer-nav a img{width: 20px;}
.footer-nav a span{ display: block; font-size: 12px; padding-top: 3px;}
.footer-nav a.nico1{}
.footer-nav a.nico2{}
.footer-nav a.nico3{}
.footer-nav a.nico4{}
}
/** footer-nav 移动端底部快速导航 ====================================================================================*/


/** 首页品牌 ====================================================================================*/
.index_pinpai{ padding-top: 80px; padding-bottom: 50px;}
.index_pinpai li{ width: 25%; float: left;}
.index_pinpai li a{ display: block; text-align: center;}
.index_pinpai li a .index_ppico{ width: 100px; height: 100px; margin: 0px auto 20px auto;}
.index_pinpai li a .index_ppname{ position: relative; font-size: 32px; color: #333; padding-bottom: 5px; margin-bottom: 10px;}
.index_pinpai li a .index_ppname:after {transition: all 0.5s ease-out;content: "";display: block; position: absolute; width: 20%; height: 2px; background: #143b14; bottom: 0px; left: 50%; -webkit-transform:translateX(-50%); }
.index_pinpai li a .index_ppde{ font-size: 16px; color: #000;}

.index_pinpai li a:hover .index_ppico{-webkit-animation: doudong 1s ease;animation: doudong 1s ease;}
.index_pinpai li a:hover .index_ppname {color: #143b14;}
.index_pinpai li a:hover .index_ppname:after {content: "";display: block; position: absolute; width: 40%; height: 2px; background: #143b14; bottom: 0px; left: 42%; -webkit-transform:translateX(-30%); }
.index_pinpai li a:hover .index_ppde{color: #666;} 

@media (max-width:1023px){
.index_pinpai{ padding-top: 30px; padding-bottom: 10px;}
.index_pinpai li{ width: 50%; float: left; margin-bottom: 30px;}
.index_pinpai li a{ display: block; text-align: center;}
.index_pinpai li a .index_ppico{ width: 3rem; height: 3rem; margin: 0px auto 5px auto;}
.index_pinpai li a .index_ppname{ position: relative; font-size: 0.8rem; color: #333; padding-bottom: 5px; margin-bottom: 10px;}
.index_pinpai li a .index_ppname:after {transition: all 0.5s ease-out;content: "";display: block; position: absolute; width: 20%; height: 2px; background: #143b14; bottom: 0px; left: 50%; -webkit-transform:translateX(-50%); }
.index_pinpai li a .index_ppde{ font-size:  0.6rem; color: #999;}

.index_pinpai li a:hover .index_ppico{-webkit-animation: doudong 1s ease;animation: doudong 1s ease;}
.index_pinpai li a:hover .index_ppname {color: #143b14;}
.index_pinpai li a:hover .index_ppname:after {content: "";display: block; position: absolute; width: 40%; height: 2px; background: #143b14; bottom: 0px; left: 50%; -webkit-transform:translateX(-50%); }
.index_pinpai li a:hover .index_ppde{color: #666;} 
}



.index_tit{ color: #143b14; font-size: 36px; text-align: center; padding-bottom: 30px;}
/** 首页关于 ====================================================================================*/
.index_about{ padding-top: 50px; padding-bottom: 50px; text-align: center;}
.index_aboutm{ font-size: 16px; line-height: 2; color: #555; padding-top:0px; padding-bottom: 50px;}
.index_aboutimg{  text-align: center;background: #f2f2f2;}
.index_aboutimg img{max-width: 1400px; width: 100%; margin: 0px auto;  }
@media (max-width:1023px){
.index_tit{ color: #143b14; font-size: 0.9rem; text-align: center; padding-bottom: 10px;}
/** 首页关于 ====================================================================================*/
.index_about{ padding-top: 10px; padding-bottom: 20px; text-align: center;}
.index_aboutm{ font-size: 0.6rem; line-height: 1.6; color: #555; padding-top:0px; padding-bottom: 20px;}
.index_aboutimg{  text-align: center;background: #f2f2f2;}
.index_aboutimg img{max-width: 1400px; width: 100%; margin: 0px auto;  }
}


/** 首页案例 ====================================================================================*/
.index_case{padding-top: 0px; padding-bottom: 50px;}
a.sw_item01{ display: block; width: 25%; float: left; position: relative;}
a.sw_item01 .imgzoom{padding-bottom: 100%; width: 100%; position: relative; overflow: hidden; }
a.sw_item01 .imgzoom img{width: 100%;  position: absolute;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s; }
a.sw_item01:hover .imgzoom img{-webkit-transform: scale(1.10); -moz-transform: scale(1.10); -ms-transform: scale(1.10); -o-transform: scale(1.10); transform: scale(1.10);}

a.sw_item01 .txt{ position: absolute; left: 0px; top: 0px; opacity: 0; padding: 25% 30px 20px 30px; background:rgba(255,255,255,0.8);  width: 100%; height: 100%;  text-align: center;transition: all 0.5s ease-out;}
a.sw_item01 .txt .t{ font-size: 20px; color: #283a5e;  height: 30px; line-height: 30px; margin-bottom: 10px; overflow: hidden; position: relative;}
a.sw_item01 .txt .p{ font-size: 12px; color: #66708c; margin-top: 5px; height: 60px; line-height: 20px; overflow: hidden; }
a.sw_item01 .txt .s{ color: #fff; margin: 20px auto; border: 1px solid #ccc; display: block; width: 120px; line-height: 35px;}
a.sw_item01:hover .txt{ background:rgba(0,0,0,0.9); opacity: 1; }
a.sw_item01:hover .txt .t{color: #fff;}
a.sw_item01:hover .txt .p{color: #fff;}
@media (max-width:1023px){
.index_case{padding-top: 0px; padding-bottom: 10px;}
a.sw_item01{ display: block; width: 48%; margin-right: 1%; margin-left: 1%; margin-bottom: 2%; float: left; position: relative;}
a.sw_item01 .imgzoom{padding-bottom: 100%; width: 100%; position: relative; overflow: hidden; }
a.sw_item01 .imgzoom img{width: 100%;  position: absolute;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s; }
a.sw_item01:hover .imgzoom img{-webkit-transform: scale(1.10); -moz-transform: scale(1.10); -ms-transform: scale(1.10); -o-transform: scale(1.10); transform: scale(1.10);}

a.sw_item01 .txt{ position: absolute; left: 0px; top: 0px; opacity: 0; padding: 25% 30px 20px 30px; background:rgba(255,255,255,0.8);  width: 100%; height: 100%;  text-align: center;transition: all 0.5s ease-out;}
a.sw_item01 .txt .t{ font-size: 20px; color: #283a5e;  height: 30px; line-height: 30px; margin-bottom: 10px; overflow: hidden; position: relative;}
a.sw_item01 .txt .p{ font-size: 12px; color: #66708c; margin-top: 5px; height: 60px; line-height: 20px; overflow: hidden;  display: none;}
a.sw_item01 .txt .s{ color: #fff; margin: 20px auto; border: 1px solid #ccc; display: block; width: 120px; line-height: 35px;}
a.sw_item01:hover .txt{ background:rgba(0,0,0,0.9); opacity: 1; }
a.sw_item01:hover .txt .t{color: #fff;}
a.sw_item01:hover .txt .p{color: #fff;}
}


/** 首页新闻 ====================================================================================*/
.index_news1{margin-left: -15px;margin-right: -15px;padding-top: 50px; padding-bottom: 50px;}
.news_l{float: left;width: 50%;padding: 0px 15px;}
.news_l .index_news_m{background-color:#6c85ae;margin-bottom: 20px;}
.index_news_m img{ width: 100%; height: auto;}
ul.index_newsul .news_title{display: inline-block; line-height: 20px;  border-bottom: 1px solid #e2e2e2;width: 100%;padding-bottom: 10px;}
ul.index_newsul .news_title h4{font-size: 20px;float: left;color: #143b14; display: block;}
ul.index_newsul .news_title p{font-size: 12px;float: left; color: #999; line-height:15px; display: block;margin-left: 10px; padding-top: 7px;  text-transform: uppercase;}
ul.index_newsul .news_title a{font-size: 14px; line-height: 14px; float: right; display: block; padding-top: 7px;}
ul.index_newsul .news_title a:hover{ color: #143b14;}

ul.index_newsul li{border-bottom: 1px dotted #ccc;}
ul.index_newsul li a{display: block;line-height: 40px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;position: relative;background:url("img/li2.jpg")left center no-repeat;padding-left: 15px;width: 100%;padding-right: 100px;}
ul.index_newsul li a:hover{color: #143b14;}
ul.index_newsul li a span{float: right;display: block;top: 0px;right: 0px; position: absolute;color: #999;}
@media (max-width:1023px){
.index_news1{margin-left: -15px;margin-right: -15px;padding-top: 20px; padding-bottom: 20px;}
.news_l{float: left;width: 100%;padding: 0px 15px;}
.news_l .index_news_m{background-color:#6c85ae;margin-bottom: 20px;}
.index_news_m img{ width: 100%; height: auto;}
ul.index_newsul .news_title{display: inline-block; line-height: 20px;  border-bottom: 1px solid #e2e2e2;width: 100%;padding-bottom: 10px;}
ul.index_newsul .news_title h4{font-size: 20px;float: left;color: #143b14; display: block;}
ul.index_newsul .news_title p{font-size: 12px;float: left; color: #999; line-height:15px; display: block;margin-left: 10px; padding-top: 7px;  text-transform: uppercase;}
ul.index_newsul .news_title a{font-size: 14px; line-height: 14px; float: right; display: block; padding-top: 7px;}
ul.index_newsul .news_title a:hover{ color: #143b14;}

ul.index_newsul li{border-bottom: 1px dotted #ccc;}
ul.index_newsul li a{display: block;line-height: 35px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;position: relative;background:url("img/li2.jpg")left center no-repeat;padding-left: 15px;width: 100%;padding-right: 100px;}
ul.index_newsul li a:hover{color: #143b14;}
ul.index_newsul li a span{float: right;display: block;top: 0px;right: 0px; position: absolute;color: #999;}
}


/** 底部 ====================================================================================*/
.foot{ border-top: 1px solid #666; padding-top: 50px; padding-bottom: 50px; }
.foot_l{ width: 30%; float: left;}
.foot_l b{ display: block; font-size: 22px; margin-bottom:20px;}
.foot_lx{font-size: 18px;color: #666;}
.foot_lx img{width: 180px; display: block; margin-top: 50px;}

.foot_c{ width: 30%; float: left;}
.foot_c b{ display: block; font-size: 22px; margin-bottom:20px;}
.foot_c a{ display: block; font-size: 18px; color: #666; padding-bottom: 5px;}
.foot_c a:hover{ color: #143b14;}
.foot_r{ width: 40%; float: right;}

.cop{ background: #333; text-align: center; color: #fff; padding: 10px 0px;}

@media (max-width:1023px){
.foot{ border-top: 1px solid #666; padding-top: 20px; padding-bottom: 0px; }
.foot_l{ width: 50%; float: left;}
.foot_l b{ display: block; font-size: 0.6rem; margin-bottom:20px;}
.foot_lx{font-size: 0.4rem;color: #666;}
.foot_lx img{width: 5rem; display: block; margin-top: 10px;}

.foot_c{ width: 50%; float: left;}
.foot_c b{ display: block; font-size: 0.6rem; margin-bottom:20px;}
.foot_c a{ display: block; font-size: 0.4rem; color: #666; padding-bottom: 5px;}
.foot_c a:hover{ color: #143b14;}
.foot_r{ width: 100%; float: right;}

.cop{ background: #333; text-align: center; color: #fff; padding: 10px 0px; display: none;}
}




/** 栏目页 ====================================================================================*/
.pag_main{ padding-top: 50px; padding-bottom: 50px;}
.pag_tit{ padding-bottom: 0px; font-size: 28px; color: #143b14;}
@media (max-width:1023px){
.pag_main{ padding-top: 15px; padding-bottom: 20px;}
.pag_tit{ padding-bottom: 10px; font-size: 0.9rem; color: #143b14;}
}

.caseinfo_tit{padding-bottom: 10px; margin-bottom: 30px; font-size: 36px; color: #143b14; border-bottom: 1px solid #ccc;}
.caseinfo_m{width: 100%; overflow: hidden; font-size:16px; line-height: 1.6; color: #666; margin-bottom: 30px;}

.fanye{ padding: 20px 0px 0px 0px; margin-top: 30px; border-top: 1px dotted #ccc;}
.fanyea { padding-bottom: 15px; color: #666; font-size: 16px; }
.fanyea a {color: #666; }
.fanyea a:hover { color: #143b14; }
.fanyefh{}
.fanyefh a{color: #555; background: #eee;font-size: 16px;  padding: 6px 30px; display: inline-block; margin:10px 0px 0px 0px; border-radius:2px;}
.fanyefh a:hover{background: #143b14; color: #fff; padding: 6px 40px;}

@media (max-width:1023px){
.caseinfo_tit{padding-bottom: 10px; margin-bottom: 10px; font-size: 0.9rem; line-height: 1.3; color: #143b14; border-bottom: 1px solid #ccc;}
.caseinfo_m{width: 100%; overflow: hidden; font-size:0.6rem; line-height: 1.6; color: #666; margin-bottom: 20px;}

.fanyea { padding-bottom: 10px; color: #666; font-size: 12px; }
.fanyefh a{font-size: 12px; width: 100%;  text-align: center; margin-top: 0px;}
	
.fanye{ padding: 10px 0px 0px 0px; margin-top: 10px; border-top: 1px dotted #ccc;}
}


/** 产品 ====================================================================================*/
.pro_box{border-bottom: 1px solid #666; height: 390px; margin-bottom: 50px;}
.pro_box:last-child{border: 0px;margin-bottom: 0px;}

.pro_box .max1440{ position: relative;}
.pro_boxl{ width: 100%; padding-right: 800px;}
.pro_boxl .s{ font-size: 32px; color: #143b14; position: relative; margin-bottom: 20px; padding-bottom: 10px; margin-top: 50px;}
.pro_boxl .s:after {transition: all 0.5s ease-out;content: "";display: block; position: absolute; width: 20%; height: 2px; background: #143b14; bottom: 0px; left: 0%; }
.pro_boxl .d{ font-size: 17px; color: #666;}

.pro_boxr{ width:750px; position: absolute; right: 0px; top: 0px; }
.pro_boxr .imgzoom{padding-bottom: 45%; width: 100%; position: relative; overflow: hidden; }
.pro_boxr .imgzoom img{width: 100%;  position: absolute;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s; }
.pro_box:hover .pro_boxr .imgzoom img{-webkit-transform: scale(1.10); -moz-transform: scale(1.10); -ms-transform: scale(1.10); -o-transform: scale(1.10); transform: scale(1.10);}

.pro_box:hover .s{ color: #000;}
.pro_box:hover .pro_boxl .s:after {width: 40%;  }


@media (max-width:1023px){
.pro_box{border-bottom: 1px solid #666; height:auto; margin-bottom: 10px;}
.pro_box:last-child{border: 0px;margin-bottom: 0px;}

.pro_box .max1440{ position: relative;}
.pro_boxl{ width: 100%; padding-right: 0px;}
.pro_boxl .s{ font-size: 0.8rem; color: #143b14; position: relative; margin-bottom: 10px; padding-bottom: 10px; margin-top: 15px;}
.pro_boxl .s:after {transition: all 0.5s ease-out;content: "";display: block; position: absolute; width: 20%; height: 2px; background: #143b14; bottom: 0px; left: 0%; }
.pro_boxl .d{ font-size:  0.6rem; color: #666;}

.pro_boxr{ width:100%; position:relative; right: 0px; top: 0px; padding: 10px 0px 30px 0px; }
.pro_boxr .imgzoom{padding-bottom: 45%; width: 100%; position: relative; overflow: hidden; }
.pro_boxr .imgzoom img{width: 100%;  position: absolute;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s; }
.pro_box:hover .pro_boxr .imgzoom img{-webkit-transform: scale(1.10); -moz-transform: scale(1.10); -ms-transform: scale(1.10); -o-transform: scale(1.10); transform: scale(1.10);}

.pro_box:hover .s{ color: #000;}
.pro_box:hover .pro_boxl .s:after {width: 40%;  }

}




/** 新闻 ====================================================================================*/
.pag_news{ padding: 0px 0px 0px 0px; margin-right: -15px; margin-left: -15px;}
.pag_news ul{}
.pag_news ul li{ width: 100%; float: left; padding: 0px 15px 30px 15px;}
.pag_news ul li:last-child{ padding-bottom: 0;}

a.news_a{display: block; position:relative;  background: #f4f4f4; padding: 20px 20px 20px 100px;  transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s;}
a.news_a .time{ position: absolute; top: 30px; left: 15px;}
a.news_a .txt1{ font-size: 16px; color: #000; line-height: 35px; height: 35px; overflow: hidden;}
a.news_a .txt2{ color: #818181; font-size: 13px; line-height: 22px; height: 44px; margin-top: 5px; overflow: hidden;}
a.news_a .time .d1{ font-family:HELVETICANEUELTPRO-THEX, "微软雅黑";  display: block; text-align: center; font-size: 36px; line-height: 36px;  }
a.news_a .time .d2{ font-family:HELVETICANEUELTPRO-THEX, "微软雅黑"; }
a.news_a .time .d3{ font-family:HELVETICANEUELTPRO-THEX, "微软雅黑"; }

a:hover.news_a {  background: #143b14; color: #fff;}
a:hover.news_a .txt1{ color: #fff;}
a:hover.news_a .txt2{ color: #ccc;}

.pag_news ul li .news_abq{  background: #f4f4f4; line-height: 40px; height: 40px; overflow: hidden; padding-left: 20px; padding-right: 20px;  }
.pag_news ul li .news_abq a{color: #666; padding-right: 10px;}
.pag_news ul li .news_abq a:hover{ color: #143b14;}

@media (max-width:1023px){
.pag_news ul li{ width: 100%; float: left; padding: 0px 15px 10px 15px;}
a.news_a{display: block; position:relative;  background: #f4f4f4; padding: 10px 10px 10px 90px;  transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s;}
a.news_a .time{ position: absolute; top: 20px; left: 15px;}
a.news_a .txt1{ font-size: 16px; color: #000; line-height: 30px; height: 30px; overflow: hidden;}
a.news_a .txt2{ color: #818181; font-size: 12px; line-height: 22px; height: 44px; margin-top: 0px; overflow: hidden;}
}



.about_ban{text-align:center; padding-top: 90px;}
.about_tit{ padding-bottom: 20px; font-size: 28px; color: #143b14;}

.about_b1{ color: #666; border-bottom: 1px solid #e3e3e3; padding-bottom: 40px; margin-bottom: 40px;}
.about_bt{ color: #143b14; font-size: 18px; padding-bottom: 10px;}

.about_b2{color: #666; border-bottom: 1px solid #e3e3e3; padding-bottom: 40px; margin-bottom: 40px;}
.about_b2m{ width: 33.333%; float: left; margin-bottom: 20px;}
.about_b2b{color: #143b14; font-size: 18px; padding-bottom: 10px; display: block;}

.index_map{max-width: 100%; height: 500px;}
.index_map iframe{max-width: 100%; height: 500px;}

@media (max-width:1023px){

.about_ban{text-align:center; padding-top: 90px;}
.about_tit{ padding-bottom: 10px; font-size: 0.9rem; color: #143b14;}

.about_b1{ color: #666; border-bottom: 1px solid #e3e3e3; padding-bottom: 10px; margin-bottom: 10px;}
.about_bt{ color: #143b14; font-size: 18px; padding-bottom: 10px;}

.about_b2{color: #666; border-bottom: 1px solid #e3e3e3; padding-bottom: 10px; margin-bottom: 10px;}
.about_b2m{ width: 100%; float: left; margin-bottom: 20px;}
.about_b2b{color: #143b14; font-size: 18px; padding-bottom: 10px; display: block;}

.index_map{max-width: 100%; height: 300px;}
.index_map iframe{max-width: 100%; height: 300px;}
}