﻿/*about*/

.page_title{color:#eb8919;font-size:32px;font-weight:bold; text-align:center; clear:both;}
.page_title:after{content:"";display:block;width:40px;height:20px;background:url(../images/icons.png) no-repeat -119px -78px;margin:10px auto 25px;}


.about_page{ padding:70px 0;}
.about_page img{ display:inline-block;}

.company-brand li{background:#f6f6f6;padding:15px;margin-bottom:20px;}
.company-brand dt{margin-bottom:10px;}

.about_list{ overflow:hidden; padding:30px 0;}
.about_list li{ margin-bottom:30px;}
.about_list li img{ width:100%;}


/*case*/
.case_page{ padding:28px 0;}
.case_list{overflow:hidden; padding:30px 0 0;}
.case_list li{ margin-bottom:30px;}
.case_list li img{ width:100%;}

.case_list li dl{background:#f0f0f0;padding:20px 10px 10px; transition:all 0.3s;}
.case_list li dl dt{ font-weight:normal; line-height:1.2em; height:2.4em; overflow:hidden;}
.case_list li dl dd{ margin-top:10px; line-height:1.5em; height:6em; overflow:hidden;}

.case_list li a:hover dl{ background:#eb8919; color:#fff;}


/*video*/
.case_page{ padding:28px 0;}
.video_list{overflow:hidden; padding:30px 0 0;}
.video_list li{ margin-bottom:30px;}
.video_list li img{ width:100%;}
.video_list li a img{-webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out;}
.video_list li .video_list_a1:hover img{ transform: scale(1.1);}
.video_list_a1{ display:block; position:relative; z-index:8; overflow:hidden;}
.video_list_a1 em{ position:absolute; top:50%; left:50%; z-index:9; font-size:50px; color:#fff; margin:-25px 0 0 -25px; display:none; font-style:normal;}
.video_list li .video_list_a1:hover em{ display:block;}

.video_list_a2{ display:block; padding:0.5em 10px 0.2em; text-align:center; line-height:1.2em; height:3.1em; overflow:hidden; background:#f1f1f1;}
.video_list li:hover .video_list_a2{ background:#eb8919; color:#fff;}
.video_det iframe{ width:100%; height:auto; min-height:600px; margin-top:2em;}



/*pro list*/
.pro_page{ padding:70px 0;}
.pro_page_list{overflow:hidden; padding:30px 0;}
.pro_page_list li{ margin-bottom:30px;}
.pro_page_list li img{ width:100%;}


.pro_page_list li dl{ padding:20px 0 15px;}
.pro_page_list li dl dt{ font-size:1.2em; transition:all 0.3s; line-height:1em; height:2em; padding-bottom:0.5em; overflow:hidden;}
.pro_page_list li dl dd{line-height:1.5em; height:1.5em; overflow:hidden;}

.pro_page_list li a:hover dl dt{ color:#eb8919;}





/*列表页上面的子栏目*/
.about-menu,.tech-menu,.pro-menu{margin-bottom:40px;}
.about-menu a,.tech-menu a,.pro-menu a{display:block;float:left;width:25%;background:#e3e3e3;font-size:14px;line-height:50px;position:relative;}
.about-menu a:after,.tech-menu a:after,.pro-menu a:after{content:"";width:0;height:0;border-style:solid;border-width:8px 8px 0 8px;border-color:#eb8919 transparent;position:absolute;left:50%;margin-left:-8px;bottom:-8px;z-index:9;opacity:0;filter:alpha(opacity=0);}
.about-menu a:hover,.about-menu a.current,.tech-menu a:hover,.tech-menu a.current,.pro-menu a:hover,.pro-menu a.current{background:#eb8919;color:#fff;}
.about-menu a:hover:after,.about-menu a.current:after,.tech-menu a:hover:after,.tech-menu a.current:after,.pro-menu a:hover:after,.pro-menu a.current:after{opacity:1;filter:alpha(opacity=100);}



/*proCover*/
.pro-menu a{line-height:16px; border-right:1px solid #fff; border-bottom:1px solid #fff; padding:0 5px;}
.pro-menu a:last-child{margin-right:0;}
.pro-menu a span{display:inline-block;}
.pro-menu strong{display:table-cell;font-size:12px;height:50px;vertical-align:middle; text-transform:capitalize;}



/*contact*/
.contact_page{padding:70px 0;}

.contact_box{ padding-top:30px;}
.contact-box{margin-bottom:-40px;}
.contact-infor{margin-bottom:10px;}
.contact-title{background:#eb8919;color:#fff;font-size:16px;font-weight:bold;padding:0 10px;;line-height:40px;}
.contact-market{ margin-bottom:1em;}
.contact-market ul{border:solid 1px #eb8919;padding:20px 0 10px;}
.contact-market li{float:left;width:33.33%;margin-bottom:15px;font-size:14px;}
.contact-icon:before{content:"";display:block;width:60px;height:60px;background:url(../images/icons.png) no-repeat;margin:0 auto 10px;}
.contact-tel:before{background-position:-44px -242px;}
.contact-fax:before{background-position:-44px -314px;}
.contact-mail:before{background-position:-121px -275px;}
.contact-skype:before{background-position:-181px -275px;}
.contact-phone:before{background-position:-241px -275px;}
.contact-market li:hover a{color:#eb8919;text-decoration:underline;}


.contact_box .col-lg-4 img{ width:100%;}


/*prodet zengjia*/
.prodet_zj{ padding:10px 0; overflow:hidden;}

.prodet_left{}

.prodet_right{ float:right; width:220px; border:1px solid #ccc; margin-top:40px;}
.prodet_right_box1{}
.prodet_right_title{ text-align:center; font-weight:bold; font-size:1.3em; line-height:2.5em; border-bottom:1px dashed #ccc;}
.pro_tuijian{}
.pro_tuijian li{ padding-top:15px; border-top:1px dashed #ddd;}
.pro_tuijian li img{ width:100%;}
.pro_tuijian li a{ display:block;}
.pro_tuijian li em{ display:block; text-align:center; padding:10px;}
.pro_tuijian li a:hover{ color:#eb8919;}

.prodet_right_box2 img{ width:100%;}


.xiangxi{ padding:15px 0; line-height:2em;}
.xiangxi img{ display:inline;}
.canshu{ padding:15px 0; width:100%; overflow:auto;}
.canshu img{ display:inline;}
zoomDiv{ left:0 !important;}


.prodet_youxiang{ color:#E58316; font-size:1.4em; font-weight:bold; padding:1em 0 0; overflow:hidden; line-height:28px;}
.prodet_youxiang a{ color:#E58316;}
.prodet_youxiang_a1{ float:left; padding-right:50px; margin-bottom:1em;}

.prodet_shipin{}
.prodet_shipin_r{ margin-top:1em;}
.prodet_shipin_r iframe{ width:100%; height:150px; background:#f5f5f5;}

.prodet_shipin_l{ margin-top:1em;}
.prodet_shipin_l a{}
.prodet_shipin_l_a1{ display:block; padding:0.6em 0; text-align:center; color:#fff; background:#d00; margin:1.5em 0;}
.prodet_shipin_l_a2{ display:block; padding:0.6em 0; text-align:center; color:#fff; background:#E58316;}

.prodet_shipin_l_a1:hover{ color:#fff; background:#f00;}
.prodet_shipin_l_a2:hover{ color:#fff; background:#ff9621;}

.prodet_shipin_l_t{font-size:1.2em; color:#E58316;}
.prodet_shipin_l_t a{ color:#E58316;}



.pd_guide{}
.pd_guide li { width:25%;*width:24.8%; float:left; text-align:center; background-color:#ccc; color:#000;}
.pd_guide a { display:block; color:#000; font-size:20px; padding:17px 0; border-right:#fff 4px solid; position:relative; }
.pd_guide a:after { content:""; display:none; width:0; height:0; overflow:hidden; border-color:#424355 transparent transparent; border-style:solid dashed dashed; border-width:10px; position:absolute; left:50%; margin-left:-10px; bottom:-19px;}
.pd_guide li:last-child a { border-width:0; color:#f80000;}
.pd_guide.fixed { position:fixed;  top:0; z-index:10; }
.fixed .pdico { display:none; }
.pd_guide li.active a { background-color:#424355; color:#fff }
.pd_guide li.active a:after { display:block; }
.fixed {position: fixed; top: 0px; left:0; z-index:99; height: 50px;width:100%;}
.fixed .pd_guide{ margin:0 auto; background:url(img/prodet_pobg.jpg) top repeat-x;}
.fixed .pd_guide li { width:25%;*width:24.8%; float:left; text-align:center; background-color:#f5f5f5; color:#000;}
.fixed .pd_guide li.active a { background-color:#424355; color:#fff }

#header-wrapper {height:auto; margin:0 auto; width:100%;}	
#header-wrapper ul{width:100%; max-width:1170px; margin:0 auto; padding-left:0; overflow:hidden; padding-bottom:20px;}
.fixed #header-wrapper {height:45px; margin:0 auto; width:100%;}



/*LIUYAN*/
.liuyanban{ padding:0px 0;background: url(../images/new-bg.jpg) fixed no-repeat;background-size: 100% 100%;}
.liuyanban .container{ padding:50px 30px; background:rgba(255,255,255,.8);}
.liuyanban .container .index_b00_title1 span a{ color:#e48416;}
.liuyan_bottom{ padding:20px 120px;}

.liuyanban .index_b00_title1 span:before,.liuyanban .index_b00_title1 span:after{ width:300px;}

.liuyan_li{}
.liuyan_li input{ width:100%; padding:0 1em; height:3em; line-height:3em; background:#fff; border:1px solid #999; margin-bottom:1em;}
.liuyan_li2{padding-bottom:1em; clear:both;}
.liuyan_li2 textarea{width:100%; height:8em; padding:0 1em; line-height:2em; background:#fff; border:1px solid #999;}

.liuyan_btn{ padding:0 15px; margin-top:20px; clear:both;}

.ly_button{ color:#fff; width:100%; height:50px; line-height:50px; background:#E58316; text-align:center; border:none; text-transform:capitalize; font-size:1.2em; font-weight:bold;}
.ly_button:hover{ background:#ff9621;}

.liuyantishi{ line-height:2em;}



/*shou ji  dao hang*/

.xiaobtn{ display:none; cursor:pointer;}
.xiaonav{ display:none; overflow:hidden;}


/*peodet*/
.pro_detail b,.pro_detail strong{ font-weight:bold;}
.canshu{}

.canshu table{border-left:1px solid #ddd; border-top:1px solid #ddd; width:100%;}
.canshu table tr:hover{ background:#f5f5f5; color:#000;}
.canshu table td{ border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding:3px 5px;}

.prodet_fenlan{ overflow:hidden; padding:20px 0; margin:0 -15px;}




/*news list*/
.news_page{ padding:70px 0;}
.news_page_list{}
.news_page_list_ul li{ overflow:hidden; padding-bottom:25px; margin-bottom:25px; border-bottom:1px dotted #e5e5e5}
.news_page_list_l{ float:left; width:220px; overflow:hidden; padding-right:20px;}
.news_page_list_l img{ width:100%;}
.news_page_list_r{}
.news_page_list_r a{ display:block;}
.news_page_list_r a em{ display:block; font-size:1.2em; line-height:1.5em; height:1.5em; overflow:hidden; margin-bottom:0.5em;}
.news_page_list_r a p{ line-height:1.5em; height:4.5em; overflow:hidden; color:#666;}


/*news det*/

.newsneirong_page{ padding:70px 0;}

.newsneirong_page .newsdet{ clear:both;}
.newsneirong_page .newsdet .titleh1{ font-size:22px; font-weight:bold; text-align:center; color:#e9811e;}
.newsneirong_page .newsdet .xinxi{ margin:15px 0; text-align:center; background:#eee; line-height:30px; font-style:italic; color:#666;}
.newsneirong_page .newsdet .xinxi em{ font-style:italic; padding:0 5px 0 15px;}

.newsneirong_page .news_con{ line-height:24px; text-align:justify;}
.newsneirong_page .news_con p{ padding:5px 0; text-indent:2em;}
.newsneirong_page .news_con img{ display:block; margin:5px auto;}




/*分页*/
.pagelist1{ margin:30px auto; margin-left:120px; overflow:hidden;}
.pagelist1 li{ float:left; line-height:36px; margin:0 5px;}
.pagelist1 li a{ display:block; padding:5px 10px; border:1px solid #eee; height:36px; line-height:24px; border-radius:3px;	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;}
.pagelist1 li a:hover{	border: 1px solid #38f;
	background: #f2f8ff;
	box-shadow: 0 0 5px rgba(51,136,255,0.3);}
	
/*上一篇下一篇*/
#Panel3{ margin-top:25px; border-top:1px dashed #ccc; padding-top:25px;}


.tuijian{ overflow:hidden;}
.tuijian li h2 a{ display:block; line-height:1.5em; height:4em; padding-top:1em; text-align:center;}



.fb-pro{ overflow:hidden;}
.fb-pro li{ width:50%; padding-right:10px; float:left;}

.whatsapp_box{ position:fixed; left:0; bottom:150px; z-index:99; display:none;}



@media(min-width: 992px){
/*about*/
.brand-pic{float:left;}
.company-brand dl{overflow:hidden;padding-left:15px;}
.company-brand li.even .brand-pic{float:right;}
.company-brand li.even dl{text-align:right;padding-right:15px;padding-left:0;}

.banner_xiao2{ display:none;}


.second_nav_pro{ width:900px; left:-380px;}
.second_nav_pro li{ width:50%; padding:0 15px; float:left;}

.second_nav_pro2{ width:900px; left:-420px; padding:20px 0; background:rgba(0,0,0,0.95);}
.second_nav_pro2 li{ padding-bottom:0.5em;}
.second_nav_pro2 li a{ padding:0; border-bottom:none; text-align:center;}
.second_nav_pro2 li:hover a{background:none; color:#e48315;}
.second_nav_pro2 li a p{ width:100%; line-height:1.2em; height:3em; overflow:hidden; padding-top:0.5em;}
.second_nav_pro2 li a img{ width:60%; margin:0 auto;}
}
@media (min-width:992px) and (max-width:1199px) {
.pro-menu a{width:234px;}

.main_nav>li>a{ padding:0 18px;}

	}
	
  


@media(min-width: 1200px){
.pro-menu a{width:162px;}
.list_shop_aimg{ display:block; padding:0 10px;}

.second_nav_pro2{ width:1200px; left:-530px; padding:20px 0;}
.second_nav_pro2 li{ padding-bottom:0.5em;}
.second_nav_pro2 li a{ padding:0; border-bottom:none; text-align:center;}
.second_nav_pro2 li:hover a{background:none; color:#e48315;}
.second_nav_pro2 li a p{ width:100%;line-height:1.2em; height:3em; overflow:hidden; padding-top:0.5em;}
}

@media(max-width: 1200px){
.h_search{ display:none;}
.h_lang_set{ display:none;}

.index_b00_title1 span:before, .index_b00_title1 span:after{ display:none;}
}

@media(max-width:991px) {
/*about*/
.about-menu a{font-size:12px;}
.company-brand li{text-align:center;}
.brand-pic{margin-bottom:15px;}


.prodet_right{ display:none;}
.prodet_left{ padding-right:0;}


.index_b00_title1 a:before, .index_b00_title1 a:after{ display:none;}
.index_b00_title1 a{ width:100%;} 


/*头部 导航 小屏幕*/
.main_nav{ display:none;}
.header{ position:relative; height:60px;}
.header .logo img{ height:60px;}
.xiaobtn{ display:block; position:absolute; right:15px; top:50%; margin-top:-23px; padding:8px; background:#333; height:46px; border:1px solid #2f2f2f; border-radius:3px; overflow:hidden;}
.xiaobtn i{ font-size:28px; color:#fff; height:28px; width:28px; line-height:28px;}

.xiaonav{ position:absolute; width:100%; z-index:99; background:#313131;}
.xiaonav a{ display:block; text-align:center; line-height:3em; text-transform:uppercase; color:#fff; border-top:solid 1px #3a3a3a; transition:all 0.3s;}
.xiaonav .xiaonav_home a{ color:#e58316;}
.xiaonav a:hover{ background:#e58316;}
.xiaonav .xiaonav_home a:hover{ background:none;}

.pd_guide a{ font-size:0.7em;};


/*shouye*/
.index_b01_li{ width:100%;}
.index_bz1{ display:none;}

.index_bz2{ padding:70px 0;}
.index_bz2_box_l{ width:100%; float:left; padding:30px;}
.index_bz2_box_r{ width:100%; float:right;}

.banner_bottom_l a{ font-size:28px;}
.banner_bottom_l{ width:100%;}
.banner_bottom_r{ width:100%;}

.index_b04 ul li { margin-top:0; padding-bottom:20px; border-bottom:1px dashed #ccc; margin-bottom:20px;}
.index_b04 ul li:hover{ margin-top:0;}
.index_b04 .ttl, .news_con ul li a .txt .ttl{ height:24px; line-height:24px; overflow:hidden;}
.index_b04 .con, .news_con ul li a .txt .con{ height:50px; line-height:25px; overflow:hidden;}
.sub_con{ display:none;}
.index_bz2_title,.main_ttl,.index_b00_title1 a{ font-size:22px;}


.main_banner{ display:none;}
.banner_xiao2{ display:block;}
.banner_xiao2 img{ width:100%;}

.index_b01_li{ padding-left:50px; width:100%;}
}


@media(max-width:767px) {
	
.index_b01 ul li img{ width:100px; height:78px;}
.index_b01 ul li img{ left:-50px;}
.index_b01 ul li a .ln2{}
.index_b01 ul li a{ padding:20px 5px 20px 60px; height:auto;}
.index_b01 ul li a .more{ display:none;}
.index_b01 ul li a .ttl{ font-size:14px;}

.news_page_list_l{ width:120px;}
.news_page_list_r a p{ display:none;}
.news_page_list_r a em{ height:3em;}

.pro-menu a{ max-height:60px; border-bottom:10px solid #fff;}
.pro-menu a span{ max-height:50px; overflow:hidden;}

.page_title{ font-size:22px;}

.contact-market li{ width:50%;}

.pagelist1{ margin-left:20px;}

.liuyan_bottom{ padding:20px 0;}

.bread_nav{ font-size:0.875em; overflow:hidden;}
.bread_nav .bread_nav_inner i{ display:none;}
.f-box01{ padding:50px 0; min-height:300px;}

.liuyanban{ padding:50px 15px;}

.whatsapp_box{ display:block;}
.main-top{ display:none !important;}

}

@media(max-width:479px) {
.contact-market li{ width:100%; border-bottom:1px solid #eee; padding-bottom:15px;}
.web_top{ font-size:0.875em;}
.web_top i{ display:none;}
.prodet_youxiang_a1{ display:none;}
}








