/* CSS Document */
.m_header{display:none;}
.menu_btn {height:50px; margin-right:10px; float:right;}
.menu_btn span {width:50px; height:50px; display:block; background:url(../images/menu.png) no-repeat; -webkit-background-size:100% 100%; -moz-background-size:100% 100%; -ms-background-size:100% 100%; background-size:100% 100%;}

/*mobile nav start*/
/* General styles for all menus */
.cbp-spmenu{background:#008fd7;border-left:1px solid #fff;position:fixed;}
.cbp-spmenu a{display:block;color:#fff;font-size:1.1em;font-weight:300;}
.cbp-spmenu a:hover{background:#fff; color:#000;}
.cbp-spmenu a:active{background:#fff; color:#000;}
/* Orientation-dependent styles for the content of the menu */
.cbp-spmenu-vertical{width:240px;height:100%;top:0;z-index:1000;}
.cbp-spmenu-vertical a{border-bottom:1px solid #fff;padding:1em;}
.cbp-spmenu-horizontal{width:100%;height:150px;left:0;z-index:1000;overflow:hidden;}
.cbp-spmenu-horizontal h3{height:100%;width:20%;float:left;}
.cbp-spmenu-horizontal a{float:left;width:20%;padding:0.8em;border-left:1px solid #258ecd;}
/* Vertical menu that slides from the left or right */
.cbp-spmenu-left{left:-240px;}
.cbp-spmenu-right{right:-240px;}
.cbp-spmenu-left.cbp-spmenu-open{left:0px;}
.cbp-spmenu-right.cbp-spmenu-open{right:0px;}
/* Horizontal menu that slides from the top or bottom */
.cbp-spmenu-top{top:-150px;}
.cbp-spmenu-bottom{bottom:-150px;}
.cbp-spmenu-top.cbp-spmenu-open{top:0px;}
.cbp-spmenu-bottom.cbp-spmenu-open{bottom:0px;}
/* Push classes applied to the body */
.cbp-spmenu-push{overflow-x:hidden;position:relative;left:0;}
.cbp-spmenu-push-toright{left:240px;}
.cbp-spmenu-push-toleft{left:-240px;}
/* Transitions */
.cbp-spmenu,.cbp-spmenu-push{-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;transition:all 0.3s ease;}
#show_bg {width:100%; height:100%; background:rgba(0, 0, 0, 0.5); position:fixed; top:0px; left:0px; z-index:999; display:none;}
/*mobile nav end*/


.link span{float:left;}
.link a{float:left; display:block;}

.bpname{ display:none;}

.in-hytext{ display:none}
.i_contact_t {background-color: #008fd7;}

.honorlist{margin:15px auto 0;}
.honorlist li{display:inline-block; float:left; margin:20px 0px 10px 0px; width:25%; text-align: center;}
.honorlist li p{overflow: hidden; display: block; white-space: nowrap;}

.productshow_content,.newsshow_content{ width:100%;}
.productshow_content li img{ max-width:100%;}

.newspf{margin-left:86px; margin-right:20px}
.newsps{margin-right:20px}
.newspt{}

.m_product{margin:15px auto 0;}
.m_product ul{ display:inline-block; margin-bottom:10px; width:100%;}
.m_product ul li{ display:inline-block; float:left; margin:20px 0px 10px 0px; width:25%;}
.m_product ul li a div.picture{ border: 1px solid #e5e5e5;}
.m_product ul li a div.picture img{max-width:100%;}
.m_product ul li a:hover div.picture{ border: 1px solid #e60012;}

/*liuyai*/
.apply dt{font-size: 16px;color: #606366; padding: 5px 0px; line-height: 30px;}
.apply .input4 {width: 96%; border: #e5e5e5 solid 1px; color: #804235; display: block; padding: 10px 5px; background: none; -webkit-box-sizing: border-box; font-size: 14px; outline: none;}
.apply .applybtn{font-size: 16px; color: #fff; padding: 0px 0px; line-height: 30px; background: #004882; width:100px; margin-top:20px;}
apply .aoolya{}


@media screen and (min-width: 960px) and (max-width: 1020px) { 
	.top,.logo,.foot,.link,.tubiao,.nav,.qiehuan,.max_width,.public{ width:940px;}
	
	.tubiao li{ margin-right:126px;}
	
	.nav a {width: 117px;}
	
	.webwidget_scroller_tab2 .tabContainer li{ width:232px}
	.inpro_one{ width:468px;}
	.inpro_one  img { max-width:100%;}
	
	.in-new-left,.i_contact { width: 938px}
	.in-new-left .right {width: 660px;}
	.i_contact { border: 1px solid #cccccc; margin-top:20px;}
	.i_contact_l li{ width:916px;}
	
	.foot_c{ width:590px;}
	.foot_c_1 a {width:auto; padding:0 8px;}
	
	.public_l,.public_r{ width:100%;}
	
	.newspf{margin-left:76px; margin-right:20px}
	.newsps{margin-right:20px}
	.newspt{}
}

@media screen and (min-width: 768px) and (max-width: 959px) { 
	.top,.logo,.foot,.foot_c,.link,.tubiao,.nav,.qiehuan,.max_width,.public{ width:740px;}
	
	.logo_l{ float:none; text-align: center;}
	.logo_l img{ max-width:100%;}
	.logo_r{ float:none;}
	.serbox{ width:252px; margin:0 auto; margin-bottom:20px;}
	
	.navbox{ display:none;}
	.m_header{display:block;}
	.m_header {height:50px; background:#008fd7;}
 	.m_header .m_title {height:50px; line-height:50px; color:#fff; display:block; padding:0px 20px; float:left; font-size: 18px;}
	
	.linkbox{ margin-bottom:30px;}
	
	.tubiao li{ margin-right:60px;}
	
	.webwidget_scroller_tab2 .tabContainer li{ width:182px}
	.inpro_one{ width:368px;}
	.inpro_one  img { max-width:100%;}
	
	.in-new-left,.i_contact { width: 738px}
	.in-new-left .right {width: 500px;}
	.i_contact { border: 1px solid #cccccc; margin-top:20px;}
	.i_contact_l li{ width:716px;}
	
	.foot_l,.foot_r{ float:none; margin-right:0px; text-align: center;}
	.foot_c_1 a {width:auto; padding:0 18px;}
	.foot_r img{ margin-top:20px;}
	
	.public_l,.public_r{ width:100%;}
	
	.newspf{margin-left:76px; margin-right:20px}
	.newsps{margin-right:20px}
	.newspt{}
}

@media only screen and (min-width: 480px) and (max-width: 767px){ 
	.top,.logo,.foot,.foot_c,.link,.tubiao,.nav,.qiehuan,.max_width,.public{ width:98%;}
	
	.top_r{ display:none;}
	
	.logo_l{ float:none; text-align: center;}
	.logo_l img{ max-width:100%;}
	.logo_r{ float:none;}
	.serbox{ width:252px; margin:0 auto;  margin-bottom:20px;}
	
	.navbox{ display:none;}
	.m_header{display:block;}
	.m_header {height:50px; background:#008fd7;}
 	.m_header .m_title {height:50px; line-height:50px; color:#fff; display:block; padding:0px 20px; float:left; font-size: 18px;}
	
	.linkbox{ margin-bottom:20px;}
	
	.tubiao li{ width:50%; margin-right:0px;}
	.tubiao li a{ display:block;}
	.tubiao li a img { display:inline-block;}
	.tubiaos{ margin-right:0px;}
	
	.in_content{ padding-top:10px;}
	.webwidget_scroller_tab2{ width:100%;}
	.tabBody,.tabCot,.inpro_one{ width:100%;}
	.tabContainer{display:none;}
	.webwidget_scroller_tab2 .tabBody .bos{ width:auto; position:inherit; width:100%;}
	.bpname{ display:block; background-color: #008fd7;text-align: left; color: #fff; font-size: 18px; font-weight: bold; line-height: 69px; padding-left: 10px; float: left; padding-top: 0px; width: 100%;}
	.fl,.fr,.webwidget_scroller_tab2 .tabBody ul .tabCot img{ float:none;}
	.inpro_one{ text-align:center; height:auto;}
	.inpro_one img{ max-width:100%; margin-bottom:10px;}
	
	.in-new-left {width: 100%; height: auto; border:0px;}
	.in-new-left .left{width:100%;}
	.in-new-left .left div{ width:100%; height: 69px;}
	.in-new-left .left .in-gs .p-img{ padding-top:4px; text-align:left; padding-left:10px; float:left;}
	.in-new-left .left .in-gs .p-text{ text-align: left; color: #fff; font-size: 18px; font-weight: bold; line-height:69px; padding-left:10px; float:left; padding-top:0px;}
	.in-new-left .left .in-hy{ display:none;}
	.in-new-left .left div.on .img{ display:none;}
	.in-new-left .right { width: 100%; left: 0px; min-height:190px; height:auto; float:none}
	.in-new-left .right .right-con{ position:inherit; }
	.in-new-left .right .right-box{border: 1px solid #ccc; border-top:0px; height:400px;}
	.in-new-left .right .right-box1{ margin-bottom:15px; height: auto; padding: 0 10px; display:inline-block;}
	.aboutp{ padding:20px 0px;}
	.in-new-left .right .right-text-top{ margin-left:10px;}
	
	.in-hytext {background: #008fd7; height:70px; display:block;}
	.in-hytext .p-img{ padding-top:4px; text-align:left; padding-left:10px; float:left;}
	.in-hytext .p-img img{ margin-top:0px; height:70px;}
	.in-hytext .p-text{ text-align: left; color: #fff; font-size: 18px; font-weight: bold; line-height:70px; padding-left:10px; float:left; padding-top:0px;}
	
	.in-new-left,.i_contact { width: 99%;}
	
	.i_contact { border: 1px solid #cccccc; margin-top:20px; float:left;}
	.i_contact_l li{ width:96%; margin:0 2%;}
	
	
	
	.foot_l,.foot_r{ float:none; margin-right:0px; text-align: center;}
	.foot_c_1 a {width: 25%;}
	.foot_r img{ margin-top:20px;}
	
	.n_newslist,.public_l,.public_r{ width:100%;}
	
	.m_product ul li,.honorlist li{ width:33.3333%;}
	
	.newspf{ width:100%; text-align:center; margin-left:0px;}
	.newsps{margin-right:0px; width:48%; text-align:right; padding-right: 2%;}
	.newspt{ width:48%; text-align:left; padding-left:2%;}
}
@media only screen and (max-width: 479px) { 
	.top,.logo,.foot,.foot_c,.link,.tubiao,.nav,.qiehuan,.max_width,.public{ width:96%;}
	
	.top_r{ display:none;}
	
	.logo_l{ float:none; text-align: center;}
	.logo_l img{ max-width:100%;}
	.logo_r{ float:none;}
	.serbox{ width:252px; margin:0 auto;  margin-bottom:20px;}
	
	.navbox{ display:none;}
	.m_header{display:block;}
	.m_header {height:50px; background:#008fd7;}
 	.m_header .m_title {height:50px; line-height:50px; color:#fff; display:block; padding:0px 20px; float:left; font-size: 18px;}
	
	.linkbox{ margin-bottom:20px;}
	
	.tubiao li{ width:50%; margin-right:0px;}
	.tubiao li a{ display:block;}
	.tubiao li a img { display:inline-block; max-width:80%;}
	.tubiaos{ margin-right:0px;}
	
	.in_content{ padding-top:0px;}
	.webwidget_scroller_tab2{ width:100%;}
	.tabBody,.tabCot,.inpro_one{ width:100%;}
	.tabContainer{display:none;}
	.webwidget_scroller_tab2 .tabBody .bos{ width:auto; position:inherit; width:100%;}
	.bpname{ display:block; background-color: #008fd7;text-align: left; color: #fff; font-size: 18px; font-weight: bold; line-height: 69px; padding-left: 10px; float: left; padding-top: 0px; width: 100%;}
	.fl,.fr,.webwidget_scroller_tab2 .tabBody ul .tabCot img{ float:none;}
	.inpro_one{ text-align:center; height:auto;}
	.inpro_one img{ max-width:100%; margin-bottom:10px;}
	
	.in-new-left {width: 100%; height: auto; border:0px;}
	.in-new-left .left{width:100%;}
	.in-new-left .left div{ width:100%; height: 69px;}
	.in-new-left .left .in-gs .p-img{ padding-top:4px; text-align:left; padding-left:10px; float:left;}
	.in-new-left .left .in-gs .p-text{ text-align: left; color: #fff; font-size: 18px; font-weight: bold; line-height:69px; padding-left:10px; float:left; padding-top:0px;}
	.in-new-left .left .in-hy{ display:none;}
	.in-new-left .left div.on .img{ display:none;}
	.in-new-left .right { width: 100%; left: 0px; min-height:190px; height:auto; float:none}
	.in-new-left .right .right-con{ position:inherit; }
	.in-new-left .right .right-box{border: 1px solid #ccc; border-top:0px; height:400px;}
	.in-new-left .right .right-box1{ margin-bottom:15px; height: auto; padding: 0 10px; display:inline-block;}
	.aboutp{ padding:20px 0px;}
	.in-new-left .right .right-text-top{ margin-left:10px;}
	
	.in-hytext {background: #008fd7; height:70px; display:block;}
	.in-hytext .p-img{ padding-top:4px; text-align:left; padding-left:10px; float:left;}
	.in-hytext .p-img img{ margin-top:0px; height:70px;}
	.in-hytext .p-text{ text-align: left; color: #fff; font-size: 18px; font-weight: bold; line-height:70px; padding-left:10px; float:left; padding-top:0px;}
	
	.in-new-left,.i_contact { width: 99%;}
	
	.i_contact { border: 1px solid #cccccc; margin-top:20px; float:left;}
	.i_contact_l li{ width:96%; margin:0 2%;}
	
	.foot_l,.foot_r{ float:none; margin-right:0px; text-align: center;}
	.foot_c_1 a {width: 25%;}
	.foot_r img{ margin-top:20px;}
	
	.n_newslist,.public_l,.public_r{ width:100%;}
	.public_r_t_s3{ display:none;}
	
	.m_product ul li,.honorlist li{ width:50%;}
	
	.newspf{ width:100%; text-align:center; margin-left:0px;}
	.newsps{margin-right:0px; width:48%; text-align:right; padding-right: 2%;}
	.newspt{ width:48%; text-align:left; padding-left:2%;}
	
		
	.erweima {float: none; margin-top: 50px; text-align: center; margin-bottom: 20px;}
}