@charset "utf-8";

*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th, td,img,figure{margin:0;padding:0;}
body,button, input, select, textarea {font:14px/1.5 Arial,"Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,"Heiti SC","WenQuanYi Micro Hei",sans-serif;-webkit-text-size-adjust:none;color:#333;}
body {background-color:#fff;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
ul,ol,li{list-style-type:none;}
img {-ms-interpolation-mode:bicubic;border:none;vertical-align:top;max-width:100%;}
a,a:link,a:visited,a:hover,a:active{text-decoration:none;}
a {transition:all 0.2s;color:#333;}
a:hover {color:#33b861;}
.clear { clear:both; height:0; font-size:0px; line-height: 0px; }
.clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix { zoom:1; }
a,input,button{ outline:none; -webkit-tap-highlight-color:rgba(0,0,0,0);}
textarea{resize:none;}
.fl {float:left;}
.fr {float:right;}


/*header*/
.pad_lr {padding:0 3%;}
#header .navbar {margin-bottom:0;border:none;}
#header .navbar-default {background-color:#fff;height:90px;border-bottom:1px solid #e7e7e7;}
#header .navbar-brand {height:auto;padding:15px 0 0 0;}
#navbar {float:right;padding-top:30px;}
#navbar .navbar-nav > li > a {font-size:16px;color:#000;padding:5px 15px;line-height:normal;position:relative;}
#navbar .navbar-nav > li > a.active::after {content:'';position:absolute;left:50%;bottom:-10px;margin-left:-10px;width:20px;height:4px;background-color:#33b861;}
#navbar .navbar-nav > li > a:hover {background-color:#33b861;color:#fff;}
#navbar .dropdown-menu>li>a {font-size:15px;}
.dropdown-menu {border-radius:0;}
#navbar .dropdown-menu a {padding:4px 15px;}
#navbar .dropdown-menu a:hover {background-color:#33b861;color:#fff;}
#navbar .navbar-nav>.open>a,#navbar .navbar-nav>.open>a:focus,#navbar .navbar-nav>.open>a:hover {background-color:#33b861;color:#fff;}
#navbar .nav_lan {float:right;font-size:16px;color:#666;padding:5px 0;margin-left:20px;}
#navbar .nav_lan a {font-size:16px;color:#666;}
#navbar .nav_lan a:hover {color:#33b861;}
.pheight {height:90px;}


/*index*/
.swiper_banner .swiper-pagination-bullet {transition:all 0.3s;opacity:0.8;}
.swiper_banner .swiper-pagination-bullet-active {background:#33b861;}
.swiper_banner img{width:100%;}

.index_h3 {text-align:center;font-size:30px;}
.sec_padding {padding:50px 0;overflow:hidden;}
.pad_top {margin-top:40px;}

.brand_tit {text-align:center;background-color:#c3ebac;padding:20px 0;overflow:hidden;}
.brand_tit h2 {font-size:16px;}
.brand_tit p {font-size:30px;color:#4c4c4c;}
.brand_content {background-color:#f2f2f2;padding:0 5%;overflow:hidden;}
.brand_con {padding-bottom:20px;}
.brand_con .brand_con_img {width:67%;overflow:hidden;}
.brand_con .brand_con_img img {width:100%;}
.brand_con .brand_con_img a img {transition:all 1s;}
.brand_con .brand_con_img a:hover img {transform:scale(1.1);}
.brand_con .brand_con_text {width:33%;padding:5% 2%;text-indent:2em;}
.brand_con_imgv {width:60%;overflow:hidden;}
.brand_con_imgv a img {transition:all 1s;}
.brand_con_imgv a:hover img {transform:scale(1.1);}
.brand_con_video {width:38%;height:470px;}
.brand_con_video iframe {width:100%;height:100%;}

.tab_nav {text-align:center;margin-bottom:30px;}
.tab_nav li {display:inline-block;vertical-align:top;}
.tab_nav li a {font-size:18px;display:block;padding:6px 20px;position:relative;}
.tab_nav li.active a::after {content:'';position:absolute;left:50%;bottom:0;margin-left:-20px;width:40px;height:4px;background-color:#33b861;}

.tab_p1 {background:url(../images/products.jpg) no-repeat center top;width:1140px;height:668px;position:relative;}
.tab_p1 a {display:block;width:174px;height:42px;line-height:42px;text-align:center;background-position:left top;background-repeat:no-repeat;position:absolute;}
.tab_p1 .tab_p1_cp1 {background-image:url(../images/products_k1.png);left:-18px;top:107px;}
.tab_p1 .tab_p1_cp2 {background-image:url(../images/products_k1.png);left:-2px;top:296px;}
.tab_p1 .tab_p1_cp3 {background-image:url(../images/products_k1.png);left:76px;top:404px;}
.tab_p1 .tab_p1_cp4 {background-image:url(../images/products_k1.png);left:181px;top:534px;}

.tab_p1 .tab_p1_cp5 {background-image:url(../images/products_k2.png);right:-18px;top:52px;}
.tab_p1 .tab_p1_cp6 {background-image:url(../images/products_k2.png);right:-12px;top:234px;}
.tab_p1 .tab_p1_cp7 {background-image:url(../images/products_k2.png);right:39px;top:345px;}
.tab_p1 .tab_p1_cp8 {background-image:url(../images/products_k2.png);right:113px;top:472px;}


.tab_p1 .tab_p1_cp1:hover {background-image:url(../images/products_s1.png);color:#fff;}
.tab_p1 .tab_p1_cp2:hover {background-image:url(../images/products_s2.png);color:#fff;}
.tab_p1 .tab_p1_cp3:hover {background-image:url(../images/products_s3.png);color:#fff;}
.tab_p1 .tab_p1_cp4:hover {background-image:url(../images/products_s4.png);color:#fff;}
.tab_p1 .tab_p1_cp5:hover {background-image:url(../images/products_s5.png);color:#fff;}
.tab_p1 .tab_p1_cp6:hover {background-image:url(../images/products_s6.png);color:#fff;}
.tab_p1 .tab_p1_cp7:hover {background-image:url(../images/products_s7.png);color:#fff;}
.tab_p1 .tab_p1_cp8:hover {background-image:url(../images/products_s8.png);color:#fff;}


.area {background:#f2f2f2 url(../images/area_bg.jpg) no-repeat center 160px;}
.taba_con {width:600px;margin:0 auto;}
.taba_con_img {display:inline-block;vertical-align:top;width:10%;}
.taba_con_text {display:inline-block;vertical-align:top;width:88%;text-indent:2em;}
.area_img {text-align:center;margin-top:35px;}

.news_con li a {display:block;}
.news_img {text-align:center;overflow:hidden;}
.news_img img {width:100%;height:150px;transition:all 1s;}
.news_con li a:hover img {transform:scale(1.2);}
.news_con li h6 {font-size:16px;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-top:10px;}
.news_con li a:hover h6 {color:#33b861;}
.news_con li span {display:block;color:#999;font-size:12px;line-height:2.5;}
.news_con li p {color:#777;font-size:14px;text-indent:2em;}

.index_map img {width:100%;}


/*footer*/
#footer {background-color:#c3ebac}
#footer .f_nav {padding-bottom:30px;}
#footer .f_nav dt a {font-size:16px;line-height:2.5;color:#000;}
#footer .f_nav dd a {color:#666;line-height:1.6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#footer .f_nav a:hover {text-decoration:underline;}
#footer .f_copy {text-align:center;}
#footer .f_copy p {line-height:1.2;padding:3px 0;color:#666;}
#footer .f_phone_nav {background-color:#33b861;height:48px;z-index:8;}
#footer .f_phone_nav .col-xs-3 {padding:0;border-right:1px solid #fff;}
#footer .f_phone_nav .col-xs-3:last-child {border:none;}
#footer .f_phone_nav a {color:#fff;font-size:14px;text-align:center;display: block;padding: 5px 0 0 0;}
#footer .f_phone_nav a span {display:block;font-size:22px;}

.backToTop {display:none;width:50px;height:50px;line-height:1.5;text-align:center;position:fixed;right:20px;bottom:50px;z-index:99;background-color:#33b861;color:#fff !important;opacity:0.8;}
.backToTop i {display:block;margin-top:10px;}
.backToTop:hover {opacity:1;border-top-left-radius:6px;border-top-right-radius:6px;}



/*list*/
.nbanner img {width:100%;}
.catename_h2 {text-align:center;font-size:33px;}

.breadnav {margin:30px 0;background-color:#eee;}
.breadnav ul {text-align:center;font-size:0;}
.breadnav li {display:inline-block;vertical-align:top;border-right:1px solid #ddd;}
.breadnav li:first-child {border-left:1px solid #ddd;}
.breadnav li a {font-size:20px;color:#3e3e3e;display:block;padding:10px 30px;}
.breadnav li a:hover,.breadnav li a.active {background-color:#33b861;color:#fff;}

.list li {margin-bottom:20px;}
.list li a {display:block;}
.list li a:hover img {transform:scale(1.2);}
.list li h6 {font-size:16px;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-top:10px;}
.list li a:hover h6 {color:#33b861;}
.list li span {display:block;color:#999;font-size:12px;line-height:2.5;}
.list li p {color:#777;font-size:14px;text-indent:2em;}

#pages {margin:50px 0;text-align:center;}
#pages a,#pages span {display:inline-block;background-color:#fff;text-align:center;color:#333;padding:3px 10px;border:1px solid #ccc;margin-bottom:3px;}
#pages a:hover {background-color:#f1f1f1;color:#000;text-decoration:none;}
#pages span {background-color:#33b861;color:#fff;border:1px solid #33b861;}


/*show*/
.show {padding:20px 0;}
.show_tit {text-align:center;font-size:30px;padding:25px 0;color:#333;}
.show_des {color:#999;font-size:15px;overflow:hidden;text-align:center;}
.show_con {padding:30px 20px;margin:20px 0;font-size:16px;color:#666;border-top:1px solid #d4d4d4;border-bottom:1px solid #d4d4d4;}
.show_con p ,.show_con div {font-size:16px;color:#666;margin-bottom:15px;}
.show_con img {height:auto !important;max-width:100%;}
.show_share {float:right;}
.show_page .pager li {margin:0 5px;}


/*list pic*/
.list_pic {overflow:hidden;padding-top:15px;}
.list_pic li a {display:block;transition:all 0.3s;}
.list_pic li a:hover {border:1px solid #33b861;box-shadow:0 0 15px rgba(0,0,0,0.3); transform:translateY(-5px);}
.list_pic li a img {width:100%;height:300px;}
.list_pic li a h6 {text-align:center;line-height:2.5;padding:0 5px;font-size:18px;color:#555;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.list_pic li a:hover h6 {color:#33b861;}


/*show pic*/
.show_pic {border:1px solid #ddd;padding:30px 20px;overflow:hidden;text-align:center;}
.gallery-thumbs {margin-top:20px;}
.gallery-thumbs .swiper-slide {border:2px solid #eee;padding:5px;}
.gallery-thumbs .swiper-slide-thumb-active {border:2px solid #33b861;}
.showp_detail {font-size:20px;font-weight:bold;border-left:5px solid #33b861;padding-left:8px;margin-top:50px;}


/*honor*/
.list_honor h3 {font-size:22px;padding:10px 0;margin:15px 0;border-bottom:1px solid #ddd;}
.list_honor h3 a {float:right;font-size:16px;color:#666;padding-top:5px;}
.list_honor h3 a:hover {color:#000;}
.list_honor .thumbnail {border:none;}
.list_honor .thumbnail:hover {border:none;}
.list_honor li a img {height:190px;}

/*contact*/
.pc_contact {padding-top:5%;}
.pc_con {background-color:#fcfcfc;border:1px solid #eee;text-align:center;height:250px;}
.pc_con .pc_icon {position:absolute;top:-50px;left:50%;margin-left:-50px;}
.pc_con h6 {font-size:20px;color:#3b3b3b;line-height:2.5;margin-top:50px;}
.pc_con p {font-size:16px;color:#3b3b3b;}
.pc_map {margin:2% 0 3%;}



@media screen and (max-width:1600px) {
	.pad_lr {padding:0 2%;}
	#header .navbar-brand {padding-top:30px;}
	#header .navbar-brand img {width:420px;}
	#navbar .navbar-nav > li > a {padding:5px 10px;}
}
@media screen and (max-width:1400px) {
	.brand_content {padding:0 3%;}
	.brand_con .brand_con_text {padding:3% 2%;}
	.brand_con_video {height:340px;}
}
@media (max-width: 1199px) {
	.pad_lr {padding:0 1%;}
	#header .navbar-brand {padding-top:35px;}
	#header .navbar-brand img {width:320px;}
	#navbar .navbar-nav > li > a {padding:5px 8px;font-size:15px;}
	#navbar .nav_lan {margin-left:10px;font-size:15px;}
	.brand_content {padding:0 1%;}
	.brand_con .brand_con_text {padding:1%;}
	.brand_con_video {height:290px;}	
	.news_img img {height:122px;}
	#pages {margin:40px 0;}
	.show_tit {font-size:26px;}
	.list_pic li a img {height:260px;}
	.list_honor li a img {height:152px;}
}
@media (max-width: 991px) {
	.pad_lr {padding:0 1%;}
	.navbar-header {float:none;}
	#header .navbar-brand {padding-top:10px;display:block;float:none;}
	#header .navbar-brand img {width:420px;margin:0 auto;}
	#navbar {float:none;padding-top:0;}
	#navbar .navbar-nav {float:none;text-align:center;}
	#navbar .navbar-nav>li {float:none;display:inline-block;vertical-align:top;}
	#navbar .navbar-nav > li > a {font-size:16px;padding:5px 15px;}
	#navbar .nav_lan {position:absolute;top:0;right:2%;}
	#navbar .nav_lan a:first-child {margin-right:8px;}
	#navbar .nav_lan a:last-child {margin-left:8px;}
	.sec_padding {padding:40px 0;}
	.pad_top {margin-top:30px;}	
	.brand_content {padding:0;}
	.brand_con .brand_con_img {width:100%;float:none;}
	.brand_con .brand_con_text {width:100%;float:none;padding:2% 3%;}
	.brand_con_imgv {width:100%;float:none;}
	.brand_con_video {width:100%;float:none;height:300px;margin-top:2%;}	
	.news_img img {height:92px;}
	#footer {padding-bottom:70px;}
	.catename_h2 {font-size:30px;}
	.breadnav li a {font-size:18px;padding:10px 25px;}
	.list .news_img img {height:144px;}	
	.show_tit {font-size:25px;}
	.show_con {padding:20px 0;margin:12px 0;}
	.list_pic li a img {height:280px;}
	.list_honor li a img {height:250px;}
	.pc_con .pc_icon {width:80px;margin-left:-40px;}
	.pc_con h6 {margin-top:40px;}
}
@media (max-width: 767px) {	
	.pad_lr {padding:0;}
	#header .navbar-default {height:50px;}
	#header .navbar-brand{float:left;display:inline;padding:5px 10px;}
	#header .navbar-brand>img {width:auto;height:35px;}
	.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {background-color:transparent;}
	.navbar-default .navbar-toggle {border:none;margin:10px 0 0 0;}
	.navbar-default .navbar-toggle .icon-bar {background-color:#33b861;}
	#navbar {float:none;padding-top:0;background-color:#fff;}
	#navbar .navbar-nav {margin:0 -15px;text-align:left;}
	#navbar .navbar-nav>li {display:block;}
	#navbar .navbar-nav > li > a {padding:10px 15px;}
	.navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a {padding: 5px 15px 5px 35px;}
	.navbar-default .navbar-collapse, .navbar-default .navbar-form {border-color:#e7e7e7;}
	.navbar-toggle .icon-bar {transition:all 0.3s;}
	.navbar-toggle.collapsed .icon-bar:first-child{transform:rotate(0deg);position:relative;top:0;}
	.navbar-toggle.collapsed .icon-bar:nth-child(2){opacity:1;}
	.navbar-toggle.collapsed .icon-bar:last-child{transform:rotate(0deg);position:relative;top:0;}	
	.navbar-toggle .icon-bar:first-child{transform:rotate(45deg);position:relative;top:6px;}
	.navbar-toggle .icon-bar:nth-child(2){opacity:0;}
	.navbar-toggle .icon-bar:last-child{transform:rotate(-45deg);position:relative;top:-6px;}	
	.nav>li {border-bottom:1px solid #e7e7e7;}
	#navbar .xs_toggle  {width:60px;height:40px;line-height:40px;text-align:center;position:absolute;right:0;top:0;z-index:9;background-color:transparent;font-size:20px;color:#000;}
	#navbar .navbar-nav > li > a.active {background-color:#33b861;color:#fff;}
	#navbar .navbar-nav > li > a.active::after {display:none;}	
	#navbar .nav_lan {position:static;float:none;margin-left:0;}
	.pheight {height:50px;}
	.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom:0;}
	.sec_padding {padding:35px 0;}
	.pad_top {margin-top:20px;}
	.index_h3 {font-size:25px;}	
	.brand_tit p {font-size:25px;}
	.tab_nav {margin-bottom:25px;}
	.tab_nav li a {font-size:16px;padding:6px 12px;}
	.tab_nav li.active a::after {margin-left:-15px;width:30px;height:3px;}
	.taba_con {width:100%;}
	.area_img {margin-top:25px;}
	.news_con li {margin-bottom:15px;}
	.news_con li a {border:1px solid #ddd;padding:10px 15px;border-radius:6px;}
	.news_img img {height:auto;}	
	.catename_h2 {font-size:26px;}	
	.breadnav {padding:15px 0;}
	.breadnav ul {overflow:hidden;}
	.breadnav li {display:block;float:left;width:32%;margin:0.6%;}
	.breadnav li a {font-size:16px;background-color:#fff;padding:5px 0;}
	.list {overflow:hidden;}
	.list li {margin-bottom:15px;}
	.list li a {border:1px solid #ddd;padding:15px;border-radius:6px;}
	.list .news_img img {height:auto;}	
	#pages {margin:15px 0;}	
	.show_tit {font-size:22px;padding:15px 0;}
	.show_con {overflow:auto;}
	.show_con img,.show_con table {width:auto !important;height:auto !important;max-width:100%;}
	.show_con iframe {width:100% !important;}
	.list_pic li a img {height:auto;}
	.show_pic {border:none;padding:30px 0;}
	.showp_detail {font-size:18px;margin-top:10px;}
	.pc_con {height:auto;margin-top:3%;padding:3% 0;}
	.pc_con .pc_icon {position:static;margin-left:0;width:100px;}
	.pc_con h6 {line-height:2;margin-top:0px;}
}
@media (max-width: 479px) {
	#header .navbar-brand{padding:13px 0 0 10px;}
	#header .navbar-brand>img {height:23px;}
	.sec_padding {padding:30px 0;}
	.pad_top {margin-top:15px;}
	.index_h3 {font-size:20px;}
	.brand_tit {padding:15px 0;}
	.brand_tit h2 {font-size:14px;}
	.brand_tit p {font-size:20px;}
	.tab_nav {margin-bottom:15px;}
	.tab_nav li a {font-size:15px;padding:5px 10px;}
	.tab_nav li.active a::after {height:2px;}
	.taba_con_img,.taba_con_text {display:block;width:100%;text-align:center;}
	.taba_con_text {text-align:left;padding-top:10px;}
	.area_img {margin-top:15px;}
	.news_con li {margin-bottom:10px;}
	.news_con li a {padding:10px;}
	.catename_h2 {font-size:22px;}	
	.breadnav {padding:10px 0;}
	.breadnav li {width:32%;margin:0.6%;}
	.breadnav li a {font-size:13px;}
	.list li a {padding:10px;}	
	.show_tit {font-size:18px;padding:5px 0;}
	.show_des {font-size:13px;}
	.show_con {font-size:15px;}
	.show_con p ,.show_con div {font-size:15px;}
	.show_page .pager li {margin:0;}
	.show_page .pager li a {font-size:13px;}
	.list_pic li a h6 {font-size:16px;line-height:2;}
	.show_pic {padding:20px 0;}
	.show_pic .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 2px;}
	.showp_detail {font-size:16px;}	
	.pc_con .pc_icon {width:70px;}
	.pc_con h6 {font-size:18px;}
	.pc_con p {font-size:14px;}	
}


@media screen and (min-width:768px) and (max-width:1999px) {
	.container .row .animated p{
	display: inline-block;
	white-space: nowrap; 
	 width: 100%;  overflow: hidden;  text-overflow:ellipsis;
}
	
}


.ban_v, .ban_v video{
	  width: 100%;
	}