/*nav开始*/
.logo {
	width: 20%;
	padding: 19px 0;
}
.lang02{ display:none;}
#Mainnav {
	width: 95%;
	padding: 0 2.5%;
	height: 80px;
	z-index: 600;
	background: #FFF ;
}
#menu {
	display: none
}
.promote-layer {
	width: 100%;
}
.app-bar {
	display: block;
	position: initial;
	box-sizing: border-box;
	background-color: transparent;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
	-webkit-transition: none;
	transition: none;
}
.app-bar.open {
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
}
.app-bar .logo {
	width: 238px;
	float: left;
	text-align: center;
	z-index: 1000;
	position: absolute;
	top: 0
}
.app-bar .logo img {
}
.app-bar-actions {
	width: 160px;
	float: right;
}
.app-bar:after {
	content: ' ';
	display: block;
	height: 0;
	overflow: hidden;
	clear: both;
}
button.menu {
	display: none;
}
.bottom-bar {
	display: -ms-inline-flexbox;
	display: -webkit-inline-flex;
	display: inline-flex;
	width: auto;
	height: auto;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;
	position: initial;
	float: left;
	background-color: rgba(0,0,0,0.6);
}
.navdrawer-container {
	position: relative;
	width: 71%;
	height: 80px;
	line-height: 80px;
	float: right;
	z-index: 700;
	margin-top: 0px;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
	-webkit-transition: none;
	transition: none;
	pointer-events: auto;
}
.navdrawer-container li {
	
	text-align: center; padding: 0 2%;
	font-size: 16px;
	border: none;
	float: left;
	text-align: center;
	position: relative;
}
.navdrawer-container li a {font-family: "CenturyGothic","微软雅黑",; 
	color: #333; width:100%;
	display: block;
	height: 80px; 
	
}
.navdrawer-container li:hover { background:#004a9e; 
}
.navdrawer-container li:hover a{color:#FFF;}
.navdrawer-container li.cur {
	background:#004a9e; 
}
.navdrawer-container li.cur a{color:#FFF;}
.navdrawer-container li ul {
	width: 200px;
	position: absolute;
	left: 0px;
	top: 80px;
	visibility: hidden;
	background: rgba(255,255,255,0.9) none repeat scroll !important;
	background: #fff;
	filter: Alpha(opacity=90);
}
.navdrawer-container li ul li {
	float: none;color:#666 !important;
	height: auto;
	font-size: 12px;
	display: inline; margin:0; padding:0;
}
.navdrawer-container li ul li a {
	width: 90%; color:#666 !important;
	height: auto;
	padding: 10px 10px;
	
	margin: 0;
	display: block;
	line-height: 15px;
	text-align: left !important;
	border-top: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	border-bottom: 1px solid #fff; 
}
.navdrawer-container li ul li a:hover {
	color: #fff !important;
	border-top: none;
	background: #004a9e;
}
.navdrawer-bg, .navdrawer-bg.open {
	opacity: 0;
	pointer-events: none;
}
.navdrawer-container li .unique_nav {
	width: 1200px;
	left: -605px;
}
.navdrawer-container li .unique_nav .unique_nav_li {
	width: 18%;
	float: left;
	padding: 0 1%;
}
.navdrawer-container li .unique_nav .unique_nav_li .procategory_01_a {
	color: #e26b0d;
	line-height: 20px;
}
.xl {
	margin-bottom: 20px;
	width: 33%;
}
.xl p a {
	color: rgb(226, 107, 13);
	margin-bottom: 10px;
	display: block;
}
.xl div a {
	line-height: 24px;
}
.serach>i {
	color: #999;
	font-size: 16px;
	cursor: pointer;
}
.search { float:right; margin-left:100px;
	
	text-align: center;
	position: relative;
	cursor: pointer;
	width: 40px;
}
.search .button01 {
	height: 40px;
	width: 40px;
	background:url(../images/soushuo.png) 0px center no-repeat;
}
.search form {
	position: absolute;
	right: 0;
	top: 80px;
	line-height: 30px;
	width: 280px;
	padding: 20px;
	background: #fff;
	z-index: 999;
	border: 1px solid #eaeaea;
	display: none;
}
.search input {
	border: 1px solid #ddd;
	padding: 0 3px;
	float: left;
	width: 240px;
	height: 30px;
}
.search button {
	float: left;
	width: 30px;
	height: 32px;
	border: none;
	color: #fff;
	background: url(../images/search01.png) 8px center no-repeat #004a9e;
}
.lang { 
	width: 70px;
	height: 30px;
	line-height: 30px;
	padding-left: 0px;
	margin-top: 25px;
	color: #FFF;
	background: url(../images/yuyan.png) 25px center no-repeat;
}
.lang02 {
	display: none;
}
.foot_fixed {
	display: none;
}
.lang select {
	border: 1px #fff solid;font-size:16px; font-family: "CenturyGothic","微软雅黑",;
}
/*轮播图 开始*/
#slides {
	display: none;
	position: relative;z-index: 1;
}
.slidesjs-container {
}
.slidesjs-navigation {
	display: none;
	position: absolute;
	right: 10px;
	bottom: 10px;
	z-index: 1;
}
.slidesjs-navigation a {
	font: bold 20px/normal simsun;
	text-decoration: none;
	color: #333;
}
.slidesjs-previous {
}
.slidesjs-next {
}
.slidesjs-navigation a:hover {
	color: #C00
}
.slidesjs-pagination {
	position: absolute;
	right: 50%;
	bottom: 15px;
	z-index: 12;
}
.slidesjs-pagination li {
	float: left;
	padding: 0 3px;
}
.slidesjs-pagination li a {
	display: block;
	width: 13px;
	height: 0;
	padding-top: 13px;
	background: url(../images/pagination.png) 0 0;
	overflow: hidden;
}
.slidesjs-pagination li a.active, .slidesjs-pagination li a:hover.active {
	background-position: 0 -13px
}
.slidesjs-pagination li a:hover {
	background-position: 0 -26px
}
#slides img {
	width: 100%;
	display: block;
}
/*轮播图 结束*/
.title01 a{ font-size:55px; text-align:right; line-height:66px; display:block;}
.title01 a:hover{ color:#004a9e;}
.title01 a span{ display:block; text-align:right;}
.hot_products_txt p {
    text-align: right;
    line-height: 24px;
    color: #666;
    margin-top: 20px;
    height: 120px;
    overflow: hidden;
}
.hot_products_txt p span{ display:block;}



/*flexisel滚动*/
.scroll{position:relative; width: 70%;  float:right;}
.lx-flexisel-ul {position: relative;width:9999px; list-style-type: none;overflow:hidden; zoom:1;}
.lx-flexisel-inner{ overflow: hidden;}
.lx-flexisel-item {float:left;cursor: pointer;position: relative; text-align:center;}
.lx-flexisel-item:hover{ background:#eceeeb;}

.h_list_pro{padding-top: 18px;} 
.h_list_pro .lx-flexisel-item .h_list_pro_box{ width:100%;margin: 0 auto; position: relative;}
.h_list_pro .lx-flexisel-item img.pic{ display: block; width: 100%; max-width:420px; }
.h_list_pro .lx-flexisel-item a.piclink{ position: absolute; width:90%; height: 100%; color:#fff; font-weight: 600; background: rgba(0,132,170,.8); left:0;top :0; padding:0 5%; font-size: 16px; display: none;}
.proThum {
	width: 100%;
	overflow: hidden
}
.proThum img {
	width: 100%;
	display: block;
	-webkit-transition-duration: .3s;
	-moz-transition-duration: .3s;
	-ms-transition-duration: .3s;
	transition-duration: .3s
}
.lx-flexisel-item:hover .h_list_pro_box .proThum img {
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1)
}



.h_list_pro .lx-flexisel-item a.piclink:hover{ text-decoration: none;}
.h_list_pro .lx-flexisel-item a.piclink i{ display: block; width: 50px; height: 50px; background: url(../images/icon_link.png) no-repeat center; margin:20% auto 10px auto;}

.lx-flexisel-nav-left,.lx-flexisel-nav-right {display:block;width:39px; height:39px; float: left; cursor: pointer;} 
.lx-flexisel-nav-left {background:url(../images/hot_gongdong.png) 0px 0px no-repeat;}
.lx-flexisel-nav-left:hover { background-position:0px -59px;}
.lx-flexisel-nav-right { background:url(../images/hot_gongdong.png) -49px 0px no-repeat; margin-left:9px;}
.scroll_btn{ text-align:center; height: 39px; width: 87px; display: block; left:-134px; top:333px;position:absolute; overflow: hidden;}
.lx-flexisel-nav-right:hover{background-position:-49px -59px;}
.hot_products_txt{ width:26%;}
.h_list_pro_txt{ padding:40px 2%; border-top:1px solid #FFF; width:96%;}
.h_list_pro_txt h4{ font-size:18px; padding:0px 0 16px;}
.h_list_pro_txt p {
    line-height: 24px;
    color: #999999;
    overflow: hidden;
    height: 69px;
}

.title02 a{ font-size:60px; text-align:right; color:#FFF; float:left; width:26%; line-height:66px; margin-bottom:10px; display:block;}
.title02 a:hover{ color:#00a0e9;}
.title02 span{ display:block;}
.product_categories{ width:100%; background:url(../images/fenlei_bg.jpg) repeat;}
.cntitle a{ font-size:60px; text-align:right; margin-top:30px; color:#FFF; float:left; width:26%; line-height:66px; margin-bottom:10px; display:block;}
.cntitle a:hover{ color:#00a0e9;}
.categories_list{ width:70%; float:right;}
.categories_list li{ float:left; width:20%;}
.categories_list li img{ }
.categories_list li img {
	display:block; width:86px; margin:15px auto 0;
	
	
	-webkit-transition: -webkit-transform 2s ease-out;
	-moz-transition: -moz-transform 2s ease-out;
	-o-transition: -o-transform 2s ease-out;
	-ms-transition: -ms-transform 2s ease-out;
}
.categories_list li:hover img {
	-webkit-transform: rotateZ(360deg);
	-moz-transform: rotateZ(360deg);
	-o-transform: rotateZ(360deg);
	-ms-transform: rotateZ(360deg);
	transform: rotateZ(360deg);
}


.categories_list li h4{ color:#FFF; font-size:14px; font-weight:bold; text-align:center; margin-top:12px;}
.home_certificate{ width:60%; float:left; margin-top:78px;}
.home_certificate li{ width:32.333%; margin-right:1%; float:left;}
.home_certificate li img{ display:block; width:100%;-webkit-filter: grayscale(100%);
-moz-filter: grayscale(1);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray;transition: all 300ms ease-in-out 100ms; }
.home_certificate li:hover img{-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: grayscale(0%);}
.title03 a{font-size:60px;  line-height:66px;}
.title03 a:hover{ color:#004a9e;}
.home_about_txt{ width:36%; float:right;}
.home_about_txt p{ line-height:24px; margin:8px 0 47px; height:213px; overflow:hidden;text-indent:2em;}
.home_about_txt p span{ display:block;}
.title_more { display:block; width:160px; height:40px; border:1px solid #666666; border-radius:30px; line-height:40px; text-align:center;}
.title_more:hover{border:1px solid #004a9e; background:#004a9e; color:#FFF;}

.title_more03 a{ display:block; width:160px; height:40px; border:1px solid #666666; border-radius:30px; line-height:40px; text-align:center;}
.title_more03 a:hover{border:1px solid #004a9e; background:#004a9e; color:#FFF;}

.home_about_us_box{ position:relative;}
.home_about_us_box .home_about_us_img{ display:block; width:439px; position:absolute; bottom:0; right:46px;}
.production_site{ width:100%; background:url(../images/production_site_bg.jpg) 0px 0px no-repeat; padding:119px 0 156px;}
.title04 {font-size:60px;  color:#FFF; float:left; width:26%; line-height:66px; text-align:center; display:block; width:100%; margin-bottom:24px;}
.production_site_txt{ width:58.5%; margin:0 auto; background:rgba(0,0,0,0.5); border:1px solid #FFF; padding:3%; position:relative;transition: all 300ms ease-in-out 100ms;}
.production_site_txt:hover{background:rgba(0,74,158,1);}
.production_site_txt p{ font-size:18px; line-height:30px; color:#FFF; text-align:center;}
.production_site_more{ position:absolute; width:41px; height:44px; background:url(../images/production_site_gd.png) 0px 0px no-repeat; bottom:-22px; left:0; right:0; margin:0 auto;}
.company_news{ width:100%;}
.title05 a{font-size:60px;  line-height:66px; text-align:center; margin-bottom:30px; display:block;}
.title05 a:hover{ color:#004a9e;}
.picList li .home_news_con{ margin-bottom:50px;}
.picList li .home_news_con:nth-child(1)  .pic{ float:right}
.picList li .home_news_con:nth-child(1)  .title{ float:left}
.picList li .home_news_con:nth-child(2)  .pic{ float:left}
.picList li .home_news_con:nth-child(2)  .title{ float:right}
.picList li .home_news_con:nth-child(1):hover{ background:url(../images/news_li_bg.jpg) repeat-y;}
.picList li .home_news_con:nth-child(2):hover{ background:url(../images/news_li_bg02.jpg) repeat-y;}
.picList .pic{ width:47%;}
.picList .title{ width:48%; margin-top:30px;}
.picList li .home_news_con:hover .home_news_riqi{ color:#004a9e;border-right:1px solid #004a9e;}
.picList li .home_news_con:hover .home_news_txt h3{ font-size:18px; line-height:28px;color:#004a9e;}
.picList li .home_news_con:hover .home_news_txt .index_newlist{ font-size:26px;} 
.picList li .home_news_con:hover .title_more{ background:#004a9e; border:1px solid #004a9e; color:#FFF;}  
.picList li .home_news_con:hover .proThum img {
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1)
}
.home_news_riqi{ float:left; width:13%; padding-right:3%; border-right:1px solid #666666;}
.home_news_riqi h3{ font-size:38px; text-align:center; }
.home_news_riqi h4{ font-size:18px; text-align:center; margin-top:10px;}
.home_news_txt{ float:right; width:80%;}
.picList li{ margin-bottom:52px;}


.home_news_txt h3{ font-size:18px; line-height:28px; height:56px; overflow:hidden;}
.home_news_txt .index_newlist{ font-size:26px;}
.home_news_txt p{ line-height:24px; color:#999; margin:26px 0 30px; height:72px; overflow:hidden;}
.picScroll-top .hd{ overflow:hidden;  height:30px;  padding:0 10px;  }
		
		.picScroll-top .hd ul{ overflow:hidden; zoom:1; margin-top:10px; zoom:1; margin:10px auto 0; width:5%; }
		.picScroll-top .hd ul li{ float:left;  width:16px; height:16px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url(../images/icoCircle.png) 0 -16px no-repeat; }
		.picScroll-top .hd ul li.on{ background-position:0 0; }
#footer{ background:url(../images/footer_bg.jpg) repeat; border-top:4px solid #00a0e9; font-size:16px;}
.footer_products{ width:25%;}
.title06 a{ font-size:40px; color:#FFF; margin-bottom:20px; display:block;}
.title06 a:hover{ color:#00a0e9;}
.footer_products li a{ display:block; color:#FFF; line-height:24px; margin-bottom:10px; background:url(../images/xiangyou_jt.png) 0px 5px no-repeat; padding-left:20px;transition: all 300ms ease-in-out 100ms;}
.footer_products li:hover a{ margin-left:10px;}
.footer_contact{ width:34%;}
.footer_contact p{ color:#FFF; line-height:24px; margin-bottom:20px;}
.footer_contact li{color:#FFF; line-height:24px; margin-bottom:10px; background:url(../images/footer_contact_icon.png) 0px 4px no-repeat; padding-left:30px;}
.footer_contact li a{ color:#FFF;}
.footer_contact li a:hover{text-decoration: underline;
}
.footer_contact .footer_contact02{ background-position:0px -313px;}
.footer_contact .footer_contact03{ background-position:0px -650px;}
.footer_in_touch{ width:40%;}
.foot_tb {
	line-height: 38px;
}
.foot_tb input {
	color: #fff;
	border: 1px #fff solid;
}
.sub_input {
	height: 38px;
	font-size: 14px;
	text-indent: 11px;
	margin-bottom: 6px;
	background: none; font-family: "CenturyGothic","微软雅黑",;
	
}
.sub_input01 {
	width: 48%;
	margin-right: 1%;
}
.sub_input02 {
	width: 98%;
}
.foot_tb textarea {
	width: 98.5%;
	padding: 10px 0;
	text-indent: 11px;font-family: "CenturyGothic","微软雅黑",;
	background: rgba(0,0,0,0) !important;
	color: #fff;
	border: 1px #fff solid;
	font-size: 14px !important;
	
}

.foot_tb textarea::-webkit-input-placeholder {
color:#fff;
}
.foot_tb textarea::-moz-placeholder {
color:#fff;
}
.foot_tb textarea:-moz-placeholder {
color:#fff;
}
.foot_tb textarea:-ms-input--placeholder {
color:#fff;
}
.foot_tb input::-webkit-input-placeholder {
color:#fff;
}
.foot_tb input::-moz-placeholder {
color:#fff;
}
.foot_tb input:-moz-placeholder {
color:#fff;
}
.foot_tb input:-ms-input--placeholder {
color:#fff;
}
input.sub_btn { float:right; margin-right:1%;
	width: 96px;
	height: 38px;
	line-height: 38px;
	color: #004a9e;
	
	text-align: center;
	cursor: pointer;
	font-size: 16px;
	font-weight: bold;
	background: #ffffff;
	
}
.footer_box{ border-bottom:1px solid #265ca6; padding-bottom:40px; margin-bottom:40px;}
#copyright ul{ width:100%;  }
.partners h4{ font-size:18px; color:#72abfb;  width:100%; line-height:24px; text-align:center; margin-top:15px;}
#copyright li a{ display:block;   margin-right:15px; transition: all 300ms ease-in-out 100ms; color:#72abfb; width:80px; margin:30px auto 0; }
#copyright li a img{ width:80px; height:80px; display:block;}
#copyright li:hover a img{margin-top:24px;}
#copyright li .footer_social02{ background-position:-211px 0px;}
#copyright li .footer_social03{ background-position:-430px 0px;}
#copyright li .footer_social04{ background-position:-663px 0px;}
#copyright li .footer_social05{ background-position:-934px 0px;}

#copyright li:hover .footer_social01{ background-position:16px -61px;}
#copyright li:hover .footer_social02{ background-position:-211px -61px;}
#copyright li:hover .footer_social03{ background-position:-430px -61px;}
#copyright li:hover .footer_social04{ background-position:-663px -61px;}
#copyright li:hover .footer_social05{ background-position:-934px -61px;}
#copyright h3{ font-size:16px; color:#72abfb; text-align:center; line-height:24px; }
#copyright h3 a{ color:#72abfb;}

.Inside-banner {
	width: 100%
}
.breadcrumbnav {
	background: #f0f0f0;
	width: 100%
}
.breadcrumbnav h4 { background:url(../images/mianbao.png) 0px 0px no-repeat;
	
	width: 83%;
	height: 60px;
	overflow: hidden;
	line-height: 60px;
	padding: 0 0 0 70px
}
.breadcrumbnav h4 a:hover {
	color: #004a9e;
}

.articlecontent {
	color: #666;
	line-height: 24px;
}
.title07{font-size:60px; text-align:center; color:#333; margin-bottom:70px;}
.news_list li { overflow:hidden; padding-bottom:40px; border-bottom:1px dashed #333333; margin-bottom:40px;}
.news_list li .news_list_img{ float:left; width:48%;}
.news_list li .news_list_img img{ display:block; width:100%;}
.news_list li .title{ float:right; width:48%; margin-top:20px; }
.news_list li:hover  .proThum img {
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1)
}
.news_list li:hover .home_news_riqi{ color:#004a9e;}
.news_list li:hover .home_news_txt h3{ color:#004a9e;}
.news_list li:hover .title_more{ background:#004a9e; color:#FFF;}
.zhengsu{ margin-left:20%;}
.pages {
	overflow: hidden;
	text-align: center;
	margin: 20px auto 0 auto
}
.pages a, .pages span {
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	margin: 0 5px;
	width: 20px;
	height: 20px;
	line-height: 20px;
	color: #666;
	border-radius: 50%
}
.pages a.active {
	background: #004a9e;
	color: #fff
}
.pages a.pre, .pages a.next {
	font-size: 12px;
	font-weight: 600;
	text-align: center;
	line-height: 20px;
	color: #999
}
.contact_address{ float:left; width:35%;}
.title08{ font-size:40px; color:#333; margin-bottom:24px; line-height:40px;}
.contact_address ul{ color:#333; font-size:16px; line-height:24px; margin-top:30px;}
.contact_address  li{ margin-bottom:10px; padding-left:36px; background:url(../images/contact_icon.png) 0px 0px no-repeat;}
.contact_address  li a{color:#004a9e;}
.contact_address  li a:hover{     text-decoration: underline;}
.contact_address .contact_address_icon01{ background-position:0px 5px;}
.contact_address .contact_address_icon02{ background-position:0px -188px;}
.contact_address .contact_address_icon03{ background-position:0px -401px;}
.contact_address .contact_address_icon04{ background-position:0px -646px;}
.contact_address h4{ font-size:16px;}
.contact_address p{ font-size:14px; color:#666;}
.contact_message{width:56%;}

.message_tb {
	line-height: 40px; margin-top:30px;
}
.message_tb input {
	color: #666;
}
.sub_input { border:1px solid #666666;
	height: 40px;
	font-size: 14px;
	text-indent: 11px;
	margin-bottom: 10px;
	
	font-family: "CenturyGothic","微软雅黑",; 
}
.contact_message .sub_input01 {
	width: 48%
}
.contact_message textarea {border:1px solid #666666;
	width: 86%;
	float: left;
	padding: 10px 0;
	text-indent: 11px;font-family: "CenturyGothic","微软雅黑",; 
	
	color: #666666; min-height:134px !important;
	
	font-size: 16px!important;
	 
}
.message_tb textarea::-webkit-input-placeholder {
color:#666
}
.message_tb textarea::-moz-placeholder {
color:#666
}
.message_tb textarea:-moz-placeholder {
color:#666
}
.message_tb textarea:-ms-input--placeholder {
color:#666
}
.message_tb input::-webkit-input-placeholder {
color:#666
}
.message_tb input::-moz-placeholder {
color:#666
}
.message_tb input:-moz-placeholder {
color:#666
}
.message_tb input:-ms-input--placeholder {
color:#666
}
.contact_message input.sub_btn {
	color: #fff;
	text-align: center;
	font-size: 16px;    background: #004a9e url(../images/fasong.png) center 50px no-repeat;
    height: 156px; line-height:180px;
	
	width: 12%; float:left;
	
	margin-top: 0;
	border: 0
}
.map{ margin-top:60px; }
.map img {
    width: 98.8%;
}
.products_list li{ overflow:hidden; border:1px solid #e1e1e1; display:block; margin-bottom:24px;}
.products_list li:hover .proThum img{-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1)}
.products_list li:hover{ background:#004a9e;}
.products_list li:hover .products_list_txt{ color:#FFF;} 
.products_list li:hover .products_list_txt a{ color:#FFF;} 
.products_list li:hover .products_list_txt p{ color:#FFF;}

.products_list li:hover .products_list_more li a{ background:url(../images/pro_sj.png) 0px -52px no-repeat; }
.products_list li:hover .products_list_more li .products_list_sj02{ background-position:-36px -52px;}
.products_list li:hover .products_list_more li .products_list_sj03{ background-position:-72px -52px;}
.products_list li:hover .products_list_more li .products_list_sj04{ background-position:-109px -52px;}
.products_list li:hover .products_list_more li .products_list_sj05{ background-position:-146px -52px;} 
.products_list li .title_more{ background:#00a0e9;color:#FFF; border:1px solid #00a0e9;}
.news_list_img{ width:35%; background:#e8e8e8; float:left;}
.news_list_img img{ width:100%;}
.products_list_txt{ width:59%; float:right; padding:4% 3% 3% 0;}
.products_list_more li{ border:none; margin:6px 4px 0 0px;width:32px; height:32px; float:left; }
.products_list_more li a{ width:32px; height:32px;display:block; background:url(../images/pro_sj.png) 0px 0px no-repeat; }
.products_list_more li .products_list_sj02{ background-position:-36px 0px;}
.products_list_more li .products_list_sj03{ background-position:-72px 0px;}
.products_list_more li .products_list_sj04{ background-position:-109px 0px;}
.products_list_more li .products_list_sj05{ background-position:-146px 0px;}
.products_list_txt h3 {
    font-size: 30px; line-height:30px;
    overflow: hidden;
    height: 36px;
}
.products_list_txt p{
    line-height: 24px;
    color: #999;
    margin: 28px 0 40px;
    height: 72px;
    overflow: hidden;
}
.products_list_more ul{ width:182px; margin-left:22px;}
.products_nav{  margin-bottom:50px;}
.products_nav li{ float:left; width:20%; text-align:center; }
.products_nav li a{ display:block;line-height:60px; height:60px; border-top:1px solid #666666; border-left:1px solid #666; border-bottom:1px solid #666;}
.products_nav  li:last-child a{border-right:1px solid #666;}
.products_nav li .cur{ background:#004a9e; color:#FFF; border-color:#004a9e; }
.products_nav li:hover a{background:#004a9e; color:#FFF;border-color:#004a9e;}
.product_info_txt h1{ font-size:40px; line-height:30px;}
.pro_box{ background:#004a9e; margin-bottom:50px;}
#ifocus { width:50%; overflow: hidden; height: 379px; float: left;    }
#ifocus_pic  {display:inline; position:relative; float:left; width:80%; height:100%; overflow:hidden;  }
#ifocus_piclist {width: 99.5%; background:#e8e8e8; }
#ifocus_piclist li {  width:100%;height:450px;  display: block; overflow:hidden; }
#ifocus_piclist img { display: block; width:100%; }

#ifocus_btn { display:inline; float:right; margin: 3px 0px 0px 0; width:120px; }
#ifocus_btn li {  width:116px; background:#e8e8e8; cursor:pointer; }
#ifocus_btn img {  display: block; margin-bottom: 3px; border:2px solid #fff;background:#e8e8e8;}
#ifocus_btn li:hover img,#ifocus_btn .current img{ border: 2px solid #00a0e9}
#ifocus_btn .current {opacity:1; -moz-opacity:1; filter:alpha(opacity=100); }
#ifocus_opdiv { position:absolute;  left:0;  bottom:0;  width:100%;  height:35px;display: none;background:#000; opacity:0.5;  -moz-opacity:0.5;filter:alpha(opacity=50);  }
#ifocus_tx {  position:absolute;  left:8px;  bottom:8px;  display: none;
  color:#FFF; }
#ifocus_tx .normal {  display:none; }

.swiper-container_proinfo{ display: none;}
.swiper-container_proinfo .swiper-slide a img{ display: block; width: 100%;} 
.swiper-container_proinfo.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet { background: #fff}

.proLight {
	width: 50%
}
.proRight {
    width: 41%;
    padding: 5% 3.5%;
    color: #FFF;
}
.proRight h3{ font-size:16px;}
.pro_answers_box { margin:20px 0 0px; border-bottom:1px dotted #FFFFFF; padding-bottom:30px;}
.pro_answers_box li a{ float:left;  height:42px; display:block; line-height:42px; font-size:16px; border-radius:20px; margin-right:20px;}
.pro_answers_box li .pro_send{ background:#FFF url(../images/pro_con_icon.png) 33px center no-repeat; color:#004a9e; padding-left:74px;width:126px;}
.pro_answers_box li .pro_chat{background:#00a0e9 url(../images/pro_con_icon.png) -184px center no-repeat; color:#fff; padding-left:74px;width:126px;}
.pro_contact_box li{ color:#FFF; margin-bottom:10px; line-height:24px; font-size:14px; overflow:hidden;}
.pro_contact_box{ padding:20px 0;border-bottom:1px dotted #FFFFFF;}
.pro_contact_box li span{ font-size:14px;line-height:24px;  display:block; float:left;}
.pro_contact_box li a{ display:block; float:left; font-size:20px; color:#FFF; padding-left:5px;}
.pro_contact_box li .cur{ color:#5fcdff;}
.share_with h5{ font-size:16px;}
.share_with{ margin-top:30px;}

.maodian {
	text-align: center;
	overflow: hidden;
	
	position: relative;
	z-index: 99;
}
.maodian li { background:#FFF;
	width: 18%;
	float: left;
}
.maodian a { height:50px;
	display: block;
	line-height: 50px;
	font-size: 16px;
	position: relative;
	z-index: 999;
	overflow: hidden;
	background: #fff;
	color: #222;
	transition: 0.5s;
	border: 1px solid #cccccc;
}
.maodian li:hover a, .maodian .choose {
	background: #004a9e;
	color: #fff;
}
.isStuck {
	width: 1200px; left:0; right:0;
	
	position: relative; top:80px !important;
	z-index: 800;
}
.isStuck  li{ background:#FFF;}
.pro-del {
	margin-top: 20px;
}
.pro-del .del-title { font-weight:bold; background:url(../images/heikuai.jpg) 0 163px no-repeat;
	font-size: 16px; padding-left:25px;
	/*margin: 50px 0 30px;*/
	padding-top:160px; margin-top:-150px;margin-bottom:30px;
	position: relative;
}
.comment-body.cls4{margin-top: 0px;}
.description_box span{ font-weight:bold;}
table {
	border-collapse: collapse
}
.pro_table table { z-index:5; position:relative;
	text-align: center;
	width: 50%;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc
}
.pro_table {
	overflow: auto;
	margin-top: 30px
}
.pro_table {
	line-height: 30px
}
.pro_table table td {
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	height: 25px;
	line-height: 24px;
	padding: 10px 0
}

.pro_table tr{ background:#FFF !important;}

.pro_table tr:nth-child(1) {
	font-weight: bold;
	background: #004a9e!important;
	color: #FFF
}
.pro_table tr:hover{ background:#00a0e9 !important; color:#FFF;}
.pro_table .tab_inquiry {
	padding: 0 0 50px
}
.related .related-title {
	text-align: center;
	font-size: 16px;
	margin: 30px;
	position: relative;
	z-index: 9;
}
.related .related-title {
	text-align: center;
	font-size: 16px;
	margin: 30px 0;
	position: relative;
	z-index: 9;
}
.related-title span {
	background: #fff;
	padding: 0 10px;
}
.related .related-title:after {
	content: '';
	display: block;
	border-bottom: 1px dashed #bbb;
	margin-top: -11px;
}
.related li {
	padding: 0 5px;
	text-align: center;
}
.related li p {
	margin-top: 10px;
}
.related .owl-theme .owl-controls .owl-page {
	display: none;
}
.related .owl-theme .owl-controls .owl-buttons div {
	position: absolute;
	top: 30%;
}
.related .owl-theme .owl-controls .owl-buttons .owl-prev {
	left: 0;
}
.related .owl-theme .owl-controls .owl-buttons .owl-next {
	right: 0;
}
.edit {
	line-height: 24px;
}
.comment-body {
	position: relative;
	padding-top: 27px;
	margin-top: -50px;
}
.comment_body_box{ background:#eeeeee; border-top:1px solid #FFF;}
.list_pro{ overflow:hidden; position:relative; z-index:5;}
.list_pro li{ width:23%; margin:0 1%; float:left;  }
.list_pro li img{ display:block;background:#e8e8e8;}
.list_pro li:hover .proThum img{
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1)
}
.list_pro li:hover h3{ color:#004a9e;}
.list_pro li img{ width:100%;}
.list_pro li h3{ text-align:center; margin-top:10px; font-size:16px;}
.formbox {
	
	padding: 50px 0 120px 0
}
.formbox h3 {
	text-align: center;
	font-size: 30px;
	font-weight: 100;
	text-transform: uppercase
}
.formbox p {
	text-align: center;
	font-size: 14px;
	color: #666;
	margin: 15px 0 40px 0;
	line-height: 24px
}
.formbox02 {
	
	padding: 0 0 120px 0
}
.formbox02 h3 {
	text-align: left
}
.formbox02 p {
	text-align: left
}
.formbox form {
	overflow: hidden
}
.formbox form span {
	display: inline-block;
	vertical-align: middle;
	width: 49%;
	margin: 0 .5% 0 0;
	border: 1px solid #666;
	margin-bottom: 19px;
	position: relative;
	overflow: hidden
}
.formbox form div {
	position: relative
}
.formbox form span font, .formbox form div font {
	color: #c00;
	position: absolute;
	left: 5px;
	height: 45px;
	display: block;
	width: 2%;
	text-align: center;
	top: 0;
	line-height: 47px
}
.formbox form div font {
	left: .3%
}
.formbox form span input[type=text] {
	width: 95%;
	padding: 0 1% 0 3.7%;
	border: 0;
	height: 45px;
	line-height: 45px;
	font-size: 14px
}
.formbox form textarea {
	border: 1px solid #666;
	padding: 10px 1% 10px 2%;
	font-size: 14px;
	font-family: Arial;
	width: 96%
}
.formbox form input[type=submit] {
	display: block;
	width: 260px;
	height: 44px;
	margin: 0 auto;
	border: 0;
	background: #004a9e url(../images/fasong.png) no-repeat 30px center;
	color: #fff;
	font-size: 18px;
	padding-left: 58px;
	margin-top: 20px;
	text-transform: uppercase
}
.formbox form input[type=submit]:hover {
	background: #00a0e9 url(../images/fasong.png) no-repeat 30px center
}
.icon-kehuanli48x48:before { content: "\e64b"; }
.image-block .boxContent h4{ width:65px; height:65px; background:url(../images/faj01.png) 0px 0px no-repeat; margin:170px auto;}
.image-block .boxContent {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 100%;
	left: 100%;
	background: rgba(0, 0, 0, 0.5);
	-webkit-transform: translate(-100%,0);
	transform: translate(-100%,0);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	z-index: 1;
	transition: all 0.5s ease 0.0s;
}
.image-block:hover .boxContent {top: 0%;
	
}
.image-block {
	position: relative;
	overflow: hidden;
}
.image-block img {
	width: 100%;
	height: auto;
	transition: all 0.5s ease 0s;
}
.image-block:hover img {
	opacity: 0.3;
}
.articlecontent_title h1 {
	color: #333;
	background: 0;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	line-height: 30px
}
.articlecontent_title h4 {
	text-align: center;
	margin-top: 15px;
	color: #999
}
.articlecontent_title {
	padding-bottom: 20px
}
.flip a:hover {
	color: #004a9e
}
.flip span {
	font-weight: bold;
	color: #666
}
.flip a {
	color: #666;
	line-height: 24px
}
.flip {
	padding: 30px 0 20px;
	margin-bottom: 20px;
	border-bottom: 1px #e8e8e8 solid
}
.to-top {
	display: none;
	width: 60px;
	background: url(../images/top.png) 0 0 no-repeat;
	height: 60px
}
.about_img_01{ overflow:hidden;}
.about_img_01 li{ float:left; width:48%; margin-right:2%;}
.about_img_01 li.proThum:hover img {
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1)
}
.about_certificate{ width:70%; overflow:hidden; margin-top:30px; margin-left:15%;}
.about_certificate li{ width:32.333%; margin-right:1%; float:left;}
.about_certificate li img{ display:block; width:100%;-webkit-filter: grayscale(100%);
-moz-filter: grayscale(1);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray;transition: all 300ms ease-in-out 100ms; }
.about_certificate li:hover img{-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: grayscale(0%);}

.description_img{ overflow:hidden;}
.description_img li{ width:24%; margin-right:1%; float:left;}

.description_img li.proThum:hover img {
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1)
} 
@media screen and (max-width:1024px) {
  #ifocus_pic{ width:75%;  }
}
@media screen and (max-width:900px) {
#ifocus{width:100%; float: none; display: none;  }
.swiper-container_proinfo{ display: block; background:#e8e8e8;}
.proinfo_imgflash .rightside{ float: none; width: 100%; padding-top: 20px;}
.proinfo_imgflash{ margin:25px auto;}
}
@media screen and (max-width:1366px) {
.warper {
	width: 97%;
}
.picList li .home_news_con{ width:97%;}
.home_certificate {
    width: 48%;
}
.home_about_txt {
    width: 46%; margin-right:4%;
}
.home_about_us_box .home_about_us_img {
    width: 395px;
    right: 0px;
}
}
@media screen and (max-width:1280px) {
.warper {
	width: 97%;
}
.home_certificate {
    width: 48%;
}
.home_about_txt {
    width: 46%; margin-right:4%;
}
.home_about_us_box .home_about_us_img {
    width: 395px;
    right: 0px;
}
.navdrawer-container li {
    padding: 0 2%;
}
.title01 a {
    font-size: 48px;
}
.cntitle a {
    font-size: 48px;
}
.title02 a{
    font-size: 48px;
}
.title03 a{
    font-size: 48px;
}
.title04  {
    font-size: 48px;
}
.title05 a {
    font-size: 48px;
}
.picScroll-top .hd ul {
    width: 7%;
}
.home_about_txt {
    width: 36%;
    margin-right: 14%;
}
.home_about_txt p {
    margin: 8px 0 45px;
    height: 176px;
}
.search {
    margin-left: 70px;
}
.title06 a {
    font-size: 32px;
}
.foot_tb textarea {
    width: 99%;
}
}
@media screen and (max-width:1024px) {
.navdrawer-container li {
    padding: 0 1%;
}
.search {
    margin-left: 28px;
}
.scroll_btn {
    top: 303px;
}
.home_news_txt p {
    margin: 14px 0 20px;
    height: 45px;
}	
.home_news_riqi h3 {
    font-size: 28px;
}
.home_news_riqi h4 {
    font-size: 14px;
}
#copyright ul {
    width: 30%;
}
.footer_products{ display:none;}
.footer_in_touch {
    width: 62%;
}
.sub_input01 {
    width: 48.2%;
}
.title01 a {
    font-size: 36px;line-height: 48px;
}
.title02 a {
    font-size: 36px;line-height: 48px;
}
.cntitle a {
    font-size: 36px;line-height: 48px;
}
.title03 a{
    font-size: 36px;line-height: 48px;
}
.title04  {
    font-size: 36px;line-height: 48px;
}
.title05 a {
    font-size: 36px;line-height: 48px;
}
.scroll_btn {
    top: 273px;
}
.production_site {
    padding: 90px 0 90px;
}
.home_about_txt p {
    margin: 8px 0 30px;
    height: 93px;
}
.home_about_us_box .home_about_us_img {
    width: 261px;
    right: 10px;
}
.home_certificate {
    margin-top: 60px;
}
.home_about_us_box .home_about_us_img {
    width: 261px;
    right: 0px;
}
.zhengsu {
    margin-left: 14%;
}
.title07 {
    font-size: 40px;
    margin-bottom: 30px;
}
.title08 {
    font-size: 30px;
    margin-bottom: 15px;
}
.products_list_txt h3 {
    font-size: 24px;    height: 29px;
}
.products_list_txt p {
    margin: 20px 0 17px;
}
.product_info_txt h1 {
    font-size: 28px;
}
.pro_answers_box li a {
    margin-right: 10px;
}
.proRight {
    width: 43%;
    padding: 2% 3%;
}
.pro_answers_box {
    margin: 20px 0 0px;
    padding-bottom: 20px;
}
.pro_contact_box li {
    margin-bottom: 8px;
}
.pro_contact_box {
    padding: 15px 0;
}
.proRight h3 {
    font-size: 14px; margin-top:30px;
}
.formbox02 {
    padding: 0 0 80px 0;
}
.image-block .boxContent h4 {
    margin: 134px auto;
}
.post-title-portfolio {
    font-size: 20px !important;
}	
	}
	
@media screen and (max-width:768px) {	
.head {
	display: none
}
#Mainnav {
	width: 100%;
	padding: 0
}
.toolbar {
	display: block
}
.app-bar .logo img {
	width: 100%
}
.logo {
	padding: 55px 0;
}
.nav02 {
	display: block;
	background-color: #fff;
	height: 0
}
.topSj {
	display: none
}
.lang {
	display: none
}
.topLight {
	display: none
}
section {
	margin: 4em 0
}
.navdrawer-container {
	position: fixed;
	left: 0;
	width: 250px;
	height: 100%;
	background-color: #333a40;
	color: #fff;
	margin-top: 0;
	-webkit-transform: translate(-250px, 0);
	transform: translate(-250px, 0);
	z-index:1000;
}
.navdrawer-container.open {
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
	z-index:1000 !important;
}
.navdrawer-container ul {
	display: block
}
.navdrawer-container ul li {
	width: 100%;
	padding: 0;
	border: 0;
	float: none
}
.navdrawer-bg {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-color: black;
	opacity: .0000001;
	z-index: 1;
	pointer-events: none
}
.navdrawer-bg.open {
	opacity: .5
}
.app-bar, .navdrawer-container {
	-webkit-transition: -webkit-transform .3s ease-out;
	transition: transform .3s ease-out
}
.navdrawer-bg {
	-webkit-transition: opacity .3s ease-out;
	transition: opacity .3s ease-out
}
.navdrawer-container li ul {
	display: none
}
.navdrawer-container li a {
	display: block;
	width: 100%;
	height: 50px;
	padding: 0;
	margin: 0;
	line-height: 50px;
	text-decoration: none;
	color: white;
	border-radius: 0
}
.navdrawer-container li a:hover {
	color: white;
	background-color: rgba(255,255,255,0.2)
}
.navdrawer-container li a:focus {
	color: white;
	background-color: rgba(255,255,255,0.3);
	outline: 0
}
.navdrawer-container li a:active {
	color: white;
	background-color: rgba(255,255,255,0.4)
}
.navdrawer-container li a.current {
	color: #fff
}
#Mainnav {
	width: 100%;
	height: 110px;
	border-top: 0
}
.app-bar {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	width: 100%;
	height: 110px;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 400;
	background: #fff;
	-moz-box-shadow: 0 5px 10px rgba(58,58,58,0.25);
	-webkit-box-shadow: 0 5px 10px rgba(58,58,58,0.25);
	box-shadow: 0 5px 10px rgba(58,58,58,0.25)
}
.app-bar.open {
	-webkit-transform: translate(250px, 0);
	transform: translate(250px, 0)
}
.promote-layer {
	width: 100%
}
.app-bar .logo {
	width: 206px;
	top: 0px;
	right: 20px
}
.app-bar .logo a {
	text-decoration: none;
	color: inherit;
	font-weight: normal
}
.app-bar-actions {
	width: auto;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	position: absolute;
	right: 10px;
	top: 0
}
.app-bar button, .bottom-bar button {
	width: 44px;
	height: 44px;
	display: block;
	background-image: none;
	background-color: #333a40;
	border-style: solid;
	border-radius: 100%;
	border-color: #333a40;
	padding: 8px;
	margin: 52px 8px 8px;
	float: left;
	-webkit-transition: border 300ms ease-in, background 300ms ease-in;
	transition: border 300ms ease-in, background 300ms ease-in;
	-webkit-tap-highlight-color: transparent
}
.app-bar button img {
	width: 28px;
	height: 28px
}
.app-bar button.menu {
	position: relative
}
.app-bar button.menu img {
	position: absolute;
	top: 6px;
	left: 6px
}
.app-bar button.menu .menu-icon {
	opacity: 1.0
}
.app-bar button.menu .close-icon {
	opacity: .0
}
.app-bar.open button.menu .menu-icon {
	opacity: .0
}
.app-bar.open button.menu .close-icon {
	opacity: 1.0
}
.app-bar button:hover, .bottom-bar button:hover {
	border-color: transparent;
	background-color: rgba(51,58,64,0.4)
}
.app-bar button:focus, .bottom-bar button:focus {
	border-color: transparent;
	outline: 0;
	background-color: rgba(51,58,64,0.4)
}
.app-bar button:active, .bottom-bar button:active {
	border-color: transparent;
	background-color: rgba(51,58,64,0.6)
}
.app-bar-actions {
	display: none
}
.display {
	display: none
}
.lang02 {
	width: 84%; display:block; color:#fff; position:absolute;right: 0px; line-height:30px; padding:0 8%;
	top: -15px;
	height: 40px;
	line-height: 40px;
	margin-top: 15px;
	background:#004a9e url(../images/yuyan.png) 16px center no-repeat;
}
.lang02 span{ color:#FFF; padding-right:10px;}
.lang02 a{ color:#FFF ; padding:0 10px;}
.lang02 select{ border:1px #333333 solid;} 
.hot_products_txt {
    width: 100%;
}
.title01 a span { display:inline; text-align:center;
    
}
.title01 a{ text-align:center;}
.hot_products_txt p{ text-align:center;}
.hot_products_txt p span{ display:inline;}

.scroll_btn{ left:0; right:0; margin:0 auto;top: -50px;}
.scroll {
    width: 100%;
}
.title02 a span{ display:inline;}
.title02 a { text-align:center;
    width: 100%;
}
.cntitle a span{ display:inline;}
.cntitle a { text-align:center;
    width: 100%;
}
.categories_list {
    width: 100%; margin-top:20px;
}
.home_certificate {
    width: 100%;
}
.home_certificate {
    margin-top: 0px; margin-bottom:50px;
} 
.home_about_txt {
    width: 100%;
    margin-right: 0%;
}
.home_about_us_box .home_about_us_img {
    width: 287px;
    right: 0px;
}
.production_site_txt {
    width: 76.5%;
    padding: 6%;
}
.production_site {
    padding: 60px 0 70px;
}
.picList .pic {
    width: 47%;
}
.home_news_txt p{ display:none;}
.picList .title {
    width: 50%;
    margin-top: 20px;
}
.home_news_txt h3 { margin-bottom:20px;
}
.picList li {
    margin-bottom: 30px;
}
.picScroll-top .hd ul {
    width: 12%;
}
.sub_input01 {
    width: 99%;
}
.jlp01 {
    padding: 40px 0;
}
.jlp02 {
    padding: 40px 0 70px;
}
#copyright ul {
    width: 42%;
}
.home_news_riqi h3 {
    font-size: 24px;
}
.search .button01{ display:none;}
.search form{ display:none;
/*right: -176px;width: 214px;padding: 10px;*/
    
}
.search input {
    width: 176px;
    height: 40px;
}
.search button {
    height: 42px;
}
.zhengsu {
    margin-left: 0%;
}

.jlp04 {
    padding: 40px 0 80px;
}
.contact_address {
    width: 100%; margin-bottom:20px;
}
.contact_message {
    width: 100%;
}
.map {
    margin-top: 50px;
}
.breadcrumbnav h4 {
    height: 40px;
    line-height: 40px;
    padding: 0 0 0 50px;
    background-size: 40px;
}
.products_list_txt h3 {
    font-size: 24px;
}
.products_list_txt h3 {
    font-size: 20px;
    height: 24px;
}
.products_list_txt p {
    margin: 15px 0 15px;height: 45px;
}
.products_list_txt {
    width: 57%;
}
.news_list_img {
    width: 36%;
}
.proRight {
    width: 94%;
    padding: 4% 3%;
}
#gallery {
    width: 85%;
    height: auto;
}
.pro_box{ width:100%;}
#gallery {
    width: 85%;
    margin-left: 7%;
    margin-top: 30px;
}
.proRight {
    width: 94%;
    padding: 4% 3%;
}
.isStuck {
    width: 1040px;
    top: 111px !important;
}
.formbox form span {
    width: 99%;
}
.list_pro li h3 {
    font-size: 14px;
}
.list_pro li {
    width: 48%;
    margin-bottom: 20px;
}
.formbox02 {
    padding: 0 0 60px 0;
}
.image-block .boxContent h4 {
    margin: 90px auto;
}
.proRight h3 {
    margin-top: 0px;
}
.about_certificate {
    width: 100%; margin-left:0;
    margin-top: 20px;
}
.description_img li{ width:48%; margin-right:2%; margin-bottom:10px;}
}
@media screen and (max-width:640px) {
.foot_fixed {
	width: 100%;
	display: block;
	height: 50px;
	position: fixed;
	z-index: 10000;
	bottom: 0
}
.foot_color {
	width: 100%;
	height: 50px;
	background: #00a0e9
}
.foot_fixed li {
	width: 19%;
	height: 50px;
	float: left;
	text-align: center
}
.foot_fixed img {
	width: auto
}
.foot_fixed li.spcial {
	width: 24%
}
.foot_fixed li.spcial img {
	margin-top: -10px;
	margin-bottom: 5px
}
.foot_fixed a {
	width: 100%;
	height: 35px;
	color: #fff;
	font-size: .75em;
	padding: 10px 0 5px 0;
	display: block
}
.foot_fixed a:hover {
	background: #004a9e
}
#copyright ul {
    width: 45%;
}
#footer {
	margin-bottom: 40px
}	
.hot_products_txt p {
    height: 46px;margin-top: 15px; margin-bottom:50px;
}	
.scroll_btn {
    top: -38px;
}	
.categories_list li h4{ font-weight:normal;}
.home_about_txt {
    width: 70%;
    float: left;
}
.picList .title {
    width: 100%;
    margin-top: 20px; padding-bottom:20px;
}
.picList .pic {
    width: 100%;
}
.picList li .home_news_con:nth-child(1):hover{ background:#eceeeb;}
.picList li .home_news_con:nth-child(2):hover{ background:#eceeeb;}
.title07 {
    font-size: 32px;
    margin-bottom: 30px;
}
.news_list li .news_list_img {
    float: left;
    width: 100%;
}
.news_list li .title {
    width: 100%;
    margin-top: 20px;
}
.products_list_txt p{ display:none;}
.products_list_txt h3 {
    font-size: 20px; line-height:28px;
    height: 54px;
    margin-bottom: 18px;
}
.products_list_more ul {
    margin-top: 10px;margin-left:0px;
}
.products_list_txt {
    width: 53%;
}
.news_list_img {
    width: 48%;
}
.products_list_more ul {
    margin-top: 20px;
}
.products_list_txt {
    width: 45%;
}
#menu {
	display: block
}
#menu {
	width: 100%;
	margin: 0 auto 20px;
	display: block;
	position: relative;
	z-index: 1;
	background: #f6f6f6;
	margin: 20px 0 20px;
	border-radius: 5px
}
#menu h4 {
	color: white;
	width: 97%;
	height: 45px;
	line-height: 45px;
	padding: 0 1.5%;
	cursor: pointer;
	background: #004a9e url(../images/menu.png) 96% center no-repeat;
	border: 0;
	font-weight: normal;
	text-indent: 10px;
	font-size: 18px;
	margin: 0 auto;
	border-radius: 5px;
	margin-bottom: 20px
}
#menu h2 {
	width: 100%;
	float: left;
	display: block;
	font-size: 14px;
	font-weight: normal;
	text-indent: 24px;
	padding: 15px 0 15px 0;
	border-bottom: 1px solid #fff;
	background: url(../images/li02.gif) 10px center no-repeat
}
#menu h2 a {
	width: 100%;
	display: block
}
#menu h2:hover a {
	color: #004a9e
}
#menu ul {
	padding-left: 15px;
	border: #e7e7e7 1px solid;
	border-top: 0;
	overflow: auto
}
#menu ul li {
	padding: 5px 0 3px 10px
}
.no {
	display: none
}
.products_nav{ display:none;}
#gallery {
    width: 100%;
    margin-left: 0%;
    margin-top: 0px;
}
.proRight {
    width: 94%;
    padding: 4% 3%;
}
.maodian li {
    width: 25%;
}
.isStuck {
    width: 607px;
}
.title06 a{
    font-size: 24px;
}
.product_info_txt h1 {
    font-size: 24px;
}
.post-title-portfolio {
    font-size: 18px !important;
}
.image-block .boxContent h4 {
    margin: 77px auto;
}
.to-top {
	display: none;
	width: 0
}	
}

@media screen and (max-width:480px) {
.h_list_pro_txt h4 {
    font-size: 16px;
}
.h_list_pro_txt {
    padding: 30px 2%;
}
.h_list_pro_txt p {
    height: 47px;
}
.categories_list li img {
    width: 60px;
}
.home_about_us_box .home_about_us_img { display:none;
}
.home_certificate {
    margin-bottom: 30px;
}
.home_about_txt {
    width: 100%;
    float: left;
}
.home_about_txt p span{ display:inline;}	
.title01 a {
    font-size: 30px;line-height: 40px;
}
.title02 a {
    font-size: 30px;line-height: 40px;
}
.cntitle a {
    font-size: 30px;line-height: 40px;
}
.title03 a{
    font-size: 30px;line-height: 40px;
}
.title04  {
    font-size: 30px;line-height: 40px;
}
.title05 a {
    font-size: 30px;line-height: 40px;
}	
.jlp01 {
    padding: 35px 0;
}
.production_site {
    padding: 40px 0 50px;
}
.picScroll-top .hd ul {
    width: 19%;
}
.footer_contact {
    width: 100%;
    margin-bottom: 20px;
}
.title06 a{
    font-size: 26px;
}
.footer_in_touch {
    width: 100%;
}
input.sub_btn {
    float: right;
    width: 100%;
    height: 40px;
    line-height: 40px;
}
#copyright ul {
    width: 58%;
}	
.slidesjs-pagination {
    right: 44%;
}
.lang02 {
    width: 81%;
    padding: 0 10%;
}
.title07 {
    font-size: 32px;
    margin-bottom: 24px;
}
.title07 {
    font-size: 24px;
    margin-bottom: 20px;
}
.title08 {
    font-size: 22px;
    margin-bottom: 15px;
}
.contact_message textarea {
    width: 98%; margin-bottom:20px;
}
.contact_message input.sub_btn {
    background: #004a9e url(../images/fasong.png) 150px 14px no-repeat;
    height: 50px;
    line-height: 50px;
    width: 99%;
}
.map {
    margin-top: 30px;
}
.news_list_img {
    width: 100%;
}
.products_list_txt {
    width: 93%;
}
.products_list_more ul {
    margin-top: 18px;
    margin-bottom: 10px;
    width: 100%;
    margin-left: 0px;
}
.products_list_txt h3 {
    font-size: 18px;
}
.product_info_txt h1 {
    font-size: 20px;
}
.isStuck {
    width: 448px;
}
.share_with {
    margin-top: 20px;
}
.portfolio-area li {
    width: 98% !important;
    margin: 0 1% 30px;
}
.image-block .boxContent h4 {
    margin: 135px auto;
}
.categories_list li {
    width: 100%;
    margin-bottom: 15px; overflow:hidden; padding-bottom:10px; border-bottom:1px dotted #3d69ab; 
}
.categories_img{ float:left; margin-left:38px;}
.categories_list li img{margin-top:0; padding:10px 0;}
.categories_list li h4{ float:left; font-size:18px; line-height:28px; margin-left:30px; padding:10px 0;}
.about_img_01 li {
    width: 100%;
    margin-right: 0%; margin-bottom:20px;
}	
	}
	
@media screen and (max-width:425px) {
	
.title01 a {
    font-size: 24px;line-height: 30px;
}
.title02 a {
    font-size: 24px;line-height: 30px;
}
.cntitle a {
    font-size: 24px;line-height: 30px;
}
.title03 a{
    font-size: 24px;line-height: 30px;
}
.title04 {
    font-size: 24px;line-height: 30px; margin-bottom: 10px;
}
.title05 a {
    font-size: 24px;line-height: 30px;
}		

.home_about_txt {
    width: 100%;
    float: left;
}	
.production_site_txt p {
    font-size: 14px;
    line-height: 24px;
}
.categories_img {
    margin-left: 20px;
}
#copyright ul {
    width: 67%;
}
.partners h4{
    width: 67%;
}
.home_news_txt {
    width: 76%;
}
.home_news_riqi {
    width: 15%;
}
.breadcrumbnav h4 {
    width: 80%;
}
.contact_message .sub_input01 {
    width: 98%;
}
.contact_message input.sub_btn {
    background: #004a9e url(../images/fasong.png) 125px 14px no-repeat;
}
.jlp04 {
    padding: 30px 0 50px;
}
.pro_answers_box li .pro_send {
    background: #FFF url(../images/pro_con_icon.png) 97px center no-repeat;
    padding-left: 0px;
    width: 100%; text-align:center;
    margin-bottom: 20px;
}
.pro_answers_box li .pro_chat{    background: #00a0e9 url(../images/pro_con_icon.png) -116px center no-repeat;
     text-align:center;
    padding-left: 0px;
    width: 100%;
}
.maodian a {
    font-size: 12px;
}
.isStuck {
    width: 399px;
}
.formbox form input[type=submit] {
    font-size: 16px;
}
#gallery_nav a {
    width: 99%;
}
.image-block .boxContent h4 {
    margin: 107px auto;
}

	
	}
@media screen and (max-width:375px) {
#copyright ul {
    width: 74%;
}
.jlp02 {
    padding: 30px 0 50px;
}

.home_about_us_box .home_about_us_img {
    width: 186px;
    right: 0px;
}
.slidesjs-pagination {
    right: 40%;
}
.lang02 {
    width: 79%;
    padding: 0 12%;
}
.contact_message input.sub_btn {
    background: #004A9D url(../images/fasong.png) 89px 14px no-repeat;
}
.map {
    margin-top: 20px;
}
.isStuck {
    width: 354px;
}
.pro_answers_box li .pro_send {
    background: #FFF url(../images/pro_con_icon.png) 78px center no-repeat;
}
.pro_answers_box li .pro_chat {
    background: #00a0e9 url(../images/pro_con_icon.png) -137px center no-repeat;
}
#gallery_nav a {
    width: 98%;
}
.image-block .boxContent h4 {
    width: 50px;
    height: 50px;
    background-size: 50px;
}
.list_pro li {
    width: 98%;
    margin-bottom: 20px;
}
.description_img li {
    width: 98%;
}	
	}
@media screen and (max-width:360px) {
.home_news_riqi h3 {
    font-size: 20px;
}
.home_news_riqi {
    width: 16%;
}
.picScroll-top .hd ul {
    width: 23%;
}	
.picScroll-top .hd ul {
    margin: 0px auto 0;
}
#copyright ul {
    width: 78%;
}
.breadcrumbnav h4 {
    width: 76%;
}
.isStuck {
    width: 336px;
}
.categories_img {
    margin-left: 10px;
}
	}
@media screen and (max-width:320px) {
.home_about_us_box .home_about_us_img{ display:none;}
.home_about_txt {
    width: 100%;
    float: left;
}
#copyright ul {
    width: 87%;
}
.footer_box {
    padding-bottom: 32px;
    margin-bottom: 28px;
}
.lang02 {
    width: 74%;
    padding: 0 15%;
}	
.pro_answers_box li .pro_send {
    background: #FFF url(../images/pro_con_icon.png) 55px center no-repeat;
}
.pro_answers_box li .pro_chat {
    background: #00a0e9 url(../images/pro_con_icon.png) -160px center no-repeat;
}
.isStuck {
    width: 301px;
}
.image-block .boxContent h4 {
    margin: 81px auto;
}
.categories_list li h4 {
    font-size: 16px;
    margin-left: 20px;
}
.isStuck {
    width: 294px;
}	
	}
	
.bx-wrapper {
	position: relative;
	margin: 0 auto 60px;
	padding: 0;
	*zoom: 1;
}

.bx-wrapper img {
	max-width: 100%;
	display: block;
}

/** THEME
===================================*/



.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -71px;
	width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	text-indent: -9999px;
	display: block;
	width: 14px;
	height: 14px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px; border:2px #666666 solid;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #004a9e;border:2px #004a9e solid;
}

/* DIRECTION CONTROLS (NEXT / PREV) */



.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
	background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}