﻿/*大标题*/
.zbt_p1 {
	font-size: 16px;
	text-align: center;
	margin-bottom: 20px;
}
.bt_color1{
	color:#666666;
	}
.bt_color2{
	color:#E3E3E3;
	}
.bt_color3{
	color:#cccccc;
	}
.bt_color4{
	color:#ffffff;
	}
.bt_color5{
	color:#333;
	}
.bt_bg{
   width:100%;
   height:200px;
   background-color:#F5F5F5;
	}
.wzbt_p1 {
	font-size: 16px;
	color: #EEEEEE;
	text-align: center;
	margin-bottom: 20px;
}
p.p_title {
	font-size: 32px;
	text-align: center;
	font-weight: bold;
	padding-top: 48px;
	text-transform: uppercase;
}
h2.h2_title {
	text-align: center;
	font-size: 30px;
	margin-bottom: 10px;
	font-weight:bold;
}
h2.h2_title i {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
	width: 230px;
	height: 3px;
}
h2.h2_title i.titl {
	background: url(/images/public/titl01.png) no-repeat right center;
}
h2.h2_title i.titr {
	background: url(/images/public/titr01.png) no-repeat left center;
}
h2.h2_title i.wtitl {
	background: url(/images/public/wtitl01.png) no-repeat right center;
}
h2.h2_title i.wtitr {
	background: url(/images/public/wtitr01.png) no-repeat left center;
}

h2.h2_title a {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
	padding: 0 15px;
	color: #333;
}
@media screen and (max-width: 750px) {
.zbt_p1 {
font-size: 12px;
margin-bottom: 10px;
}
.bt_bg{
   width:100%;
   height:150px;
   background-color:#F5F5F5;
	}
p.p_title {
	font-size: 18px;
	padding-top: 20px;
	text-transform: uppercase;
}
h2.h2_title {
	font-size: 16px;
	margin-bottom: 10px;
	font-weight:normal;
}
h2.h2_title i {
	width: 34%;
}
}

/*灰色标题*/
.titlebox {
  position: relative;
  height: 60px;
  width: 330px;
  text-align:center;
  margin: 0 auto;
  padding: 28px 0 30px; }
.titlebox .title {
  width: 100%;
  left: 50%; }
.titlebox .title p:nth-child(1) {
   font-size: 28px;
   color: #333; }
.titlebox .title p:nth-child(2) {
    font-size: 16px;
    color: #666; }
.titlebox .t_xt, .titlebox .t_xt1 {
    position: absolute;
    top: 50px;
    height: 1px;
    width: 85px;
    border-bottom: 1px solid #9F9F9F; }
.titlebox .t_xt {left: 50px; }
.titlebox .t_xt1 {right: 50px; }
/*白色标题*/
.writetitlebox {
  position: relative;
  height: 60px;
  width: 330px;
  text-align:center;
  margin: 0 auto;
  padding: 28px 0 30px; }
.writetitlebox .title {
  width: 100%;
  left: 50%; }
.writetitlebox .title p:nth-child(1) {
   font-size: 28px;
   color: #fff; }
.writetitlebox .title p:nth-child(2) {
    font-size: 16px;
    color: #fff; }
.writetitlebox .t_xt, .writetitlebox .t_xt1 {
    position: absolute;
    top: 50px;
    height: 1px;
    width: 85px;
    border-bottom: 1px solid #9F9F9F; }
.writetitlebox .t_xt {left: 50px; }
.writetitlebox .t_xt1 {right: 50px; }
/*优势*/
.mobile_adv{display:none;}
.adv {
	width: 100%;
	overflow: hidden;
	padding-bottom: 58px;
	display:block;
}
.adv .Title {
	width: 100%;
	background: url(/images/public/advtitlebg.jpg) no-repeat center;
	height: 137px;
	text-align: center;
	padding-top: 38px;
}
.adv .Title h2 {
	font-size: 30px;
	color: #fff;
	font-weight: normal;
}
.adv .Title .p1 {
	font-size: 40px;
	color: #fff;
	font-weight: bold;
	margin-top: 6px;
}
.adv .Title .p2 {
	font-size: 24px;
	color: #fff;
	width: 498px;
	height: 44px;
	line-height: 44px;
	text-align: center;
	background: #ff9900;
	margin: 20px auto 0;
}
.img-center {text-align: center;font-size: 0;}
.img-center img {display: inline-block;width: auto;height: auto;max-width: 100%;max-height: 100%;vertical-align: middle;-webkit-transition: all 0.5s;transition: all 0.5s;}
.in-ys dl {margin: 40px 0 0;}
.in-ys dt {float: left;position: relative;width: 558px;}
.in-ys dt span {position: absolute;top: -40px;padding: 20px;background-color: #1e50ae;color: #fff;font-family: Impact;left: 20px;font-size: 40px;line-height: 1;}
.in-ys dt span:after {display: block;content: '';margin-top: 10px;height: 5px;background-color: #fff;}
.in-ys dd {margin-left: 558px;padding: 50px 0 0 50px;}
.in-ys dd h4{margin: 0;color:#3C3C3C;font-size: 24px;font-weight:bold;}
.in-ys dd h4 .color{color:#1e50ae;font-size: 24px;}
.in-ys dd h4 small {display: block;color: #999;font-size: 16px;margin-top: 5px;font-weight:normal;}
.in-ys dd p {margin: 15px 0 0;font-size:16px;line-height:28px;text-align: justify;}
.in-ys dl:nth-child(even) dt {float: right;}
.in-ys dl:nth-child(even) dd {margin: 0 558px 0 0;padding: 50px 50px 0 0;}
@media only screen and (max-width: 750px) {	
.adv{display:none;}
.mobile_adv{display:block;}
.mobile_adv img{width:100%;height:auto;}
.img-center img {width:100%;height: auto;}
.in-ys dl {margin: 10px 0 0;}
.in-ys dt span {top:0px;padding: 20px;left:0px;font-size:30px;line-height: 1;}
.in-ys dt {float:none;width: 100%;}
.in-ys dd h4{font-size: 18px;}
.in-ys dd h4 .color{font-size: 18px;}
.in-ys dd h4 small {display:none;}
.in-ys dd p {margin: 8px 0 0;font-size:12px;line-height:20px;}
.in-ys dd {margin-left: 0px;padding: 16px 0 0 0px;}
.in-ys dl:nth-child(even) dt {float:none;}
.in-ys dl:nth-child(even) dd {margin: 0 0px 0 0;padding: 16px 0px 0 0;}
}
.index_contact_main {
	margin-top:30px;
	width: 100%;
	position:relative;
}
.index_contact_main img{width:100%;height:auto;background-repeat:no-repeat;background-position:center;position:relative;z-index:2;}
.index_contact_main #pc_contact{display:block; position:relative;}
.index_contact_main #mobile_contact{display:none;}
.index_contact_main p {
	float: left;
	z-index:5;
	display:block;
	top:20px;
	font-size: 36px;
	color: #FA221D;
	position:absolute;
	line-height: 36px;
	font-weight:bold;
}
.index_contact_main p span {
	font-size: 20px;
	color: #fff;
	line-height: 20px;
	padding-top: 18px;
	font-weight:normal;
	display: block;
}
.index_contact_main p b {
	display: block;
	width: 70px;
	height: 2px;
	background-color: #FA221D; 
	margin-top: 18px;
}
@media only screen and (max-width: 750px) {	
.index_contact_main #pc_contact{display:none;}
.index_contact_main #mobile_contact{display:block;}
.index_contact_main p {
	top:12px;
	font-size: 16px;
	line-height: 18px;
}
.index_contact_main p span {
	font-size: 10px;
	line-height: 9px;
	padding-top: 6px;
	font-weight:normal;
	display: block;
}
.index_contact_main p b {
	margin-top: 10px;
}
}
/*产品图*/
.page_contentbg{
   width:100%;
   height:auto;
   background-color:#F9F9F9;
   padding-bottom:30px;
	}
.page_content{
	width:50%;
	text-align:left;
	}
.page_content img{
	width:100%;
	height:auto;
	}
.page_content .more{ padding:10px 0; text-align:left;}
.page_content .more a{ display:inline-block; padding:7px 40px; color:#fff;font-size:18px; background:#1085D3; border:1px solid #1085D3; border-radius:0px; transition:all .35s;}
.page_content .more a:hover{ background:none; color:#1085D3;}
@media only screen and (max-width: 750px) {	
.page_content{
	width:100% ;
	text-align:left;
	}
.mt60{margin-top:20px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mb10{margin-bottom:5px;}
.mr5{margin-right:0%;}
.ml5{margin-left:0%;}
.f16 {
font-size: 12px;
font-family: "Microsoft yahei";
line-height:20px;
}
.f28{
font-size:16px;
font-weight:bold;
margin-top:10px;
margin-bottom:18px;
}
.page_content .more a{
	font-size:14px;
	}
}
/*图文左右排列*/
.yscontent{width:48%;height:140px;float:left;padding-right:10px;margin-bottom:20px;}
.yscontent .leftimg{width:28%;float:left;}
.yscontent  img{border-radius:6px;}
.yscontent .righttext{width:72%;float:left;}
.yscontent .righttext .btitle{width:90%;font-size:18px;line-height:30px; font-weight:bold;display:block;}
.yscontent .righttext .content{width:90%;font-size:14px;display:block;line-height:24px;}
.title_1{margin-left:90px;float:left;width:300px;}
.title_2{margin-left:106px;float:left;width:300px;}
@media only screen and (max-width: 750px) {
.yscontent{width:100%;height:100px;float:none;padding-right:0px;margin-bottom:10px;}
.yscontent .leftimg{width:calc(28% - 10px);float:left;margin-right:10px;}
.yscontent img{width:100%;height:auto;}
.yscontent .righttext{width:72%;float:left;}
.yscontent .righttext .btitle{font-size:13px;line-height:22px; font-weight:bold;display:block;}
.yscontent .righttext .content{width:100%;font-size:11px;line-height:15px;display:block;}
}