@charset "gb2312";

.f_cb:after,.f_cbli li:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:".";}
.f_cb,.f_cbli li{zoom:1;} 
.f_fl{ float:left;}
.f_fr{ float:right;}
.f_pr{ position: relative;}
.f_pa{ position: absolute;}

/* 内页样式 */
.wrap{	width: 100%;max-width: 640px;margin: 0 auto;
	min-width: 320px;
	overflow:hidden;
	-webkit-box-sizing: border-box;
	position:relative;
	font-size:1rem;
}

.head .menu_btn a {
    color: #272636;
    padding: 2px 4px;
}

.head .menu_btn a.downmenu {
    font-size: 22px;
    position: relative;
}
/**/
.g_pro,.g_prolis{position:relative; padding-top:4.2rem;}
/*产品频道页===================================================================================================================*/
.pd1{ margin:1.2rem 0.8rem 0.75rem; overflow:hidden;}
.pd1 input{ border:1px solid #d6d6d6; line-height:2.6rem; color:#565656; font-size:1.45rem;font-family: 'Microsoft YaHei'; padding-left:3.5%; float:left; box-sizing:border-box; width:72%;}
.pd1 button{ border:none; background:#c6c6c6; font-size:1.45rem;font-family: 'Microsoft YaHei'; color:#fff;line-height:2.76rem; display:inline-block; float:left; width:28%;}
.pd2{ position: relative; margin:0 0.8rem 1.6rem; font-size:0;}
.pd2 .uu{ position:absolute; left:0; width:1.6rem; top:6rem; height:auto;}
.pd2 .dd{ position:absolute; right:0; width:1.6rem; top:6rem; height:auto;}
.pd2 ul li{ position:relative;}
.pd2 ul li span{ display:block; position:absolute; left:0; bottom:0;height:3.8rem; line-height:3.8rem; text-align:center; background:url(/mobile/skins/phone/img/spn.png) repeat; width:100%;}
.pd2 ul li span a{ font-size:1.35rem; color:#fff; }
.pd3{ overflow:hidden; padding-top:1.5rem; border-top:0px solid #ebebeb;}
.pd3 ul li{ width:23%; float:left; margin:0 5%; text-align:center; color:#414141; font-size:1.5rem; padding-bottom:2.5rem;}
.pd3 h3{ margin:0.29rem;margin-bottom: 20px; width:96%; text-align:center; height:2.13rem; overflow:hidden; font:bold 1rem/2.13rem "Microsoft Yahei"; color:#282828;  background:url(/mobile/skins/phone/img/prof_tl.gif) no-repeat left bottom; -webkit-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:100%;}

.g_pro h2,.g_prolis h2{ position:absolute; width:102%; left:-2%; top:0;background: url(/mobile/skins/phone/img/pi_tp.jpg) no-repeat; background-size: 100%; height:3.04rem; overflow:hidden; line-height:3.04rem; text-align:center; color:#fff; font-size:1.17rem; font-weight:normal; margin-bottom:1rem;}
.g_pro dl{ border:1px solid #d1d1d1; margin:0 2%; }
.g_pro dl dt{ margin-bottom:-2.3rem;}
.g_pro dl dd{ overflow:hidden; position:relative; padding-bottom:1.5rem;}
.g_pro dl dd em{ display:inline-block; width:7.125rem; float:left; margin-left:0.67rem; font-size:0; margin-right:0.55rem;}
.g_pro dl dd em img{ border:1px solid #d1d1d1; padding:0.21rem 0.3rem; box-sizing:border-box; background:#fff;}
.g_pro dl dd h3{ color:#414141; font-size:1.08rem; padding-top:2.8rem;}
.g_pro dl dd h3 span{ font-weight:normal; font-size:0.92rem;}
.g_pro dl dd p{ color:#858585; font-size:0.8rem;}
.g_pro dl dd i{ display:block; color:#b81c22; font-size:0.83rem;}
.g_pro dl dd i span{ display:inline-block; width:1.5rem; margin-right:0.45rem;}
.g_pro dl dd i span img,.g_pro dl dd i strong img{ vertical-align:middle;}
.g_pro dl dd strong{ display:block; text-align:right; color:#858585; font-size:0.5rem; font-weight:normal; margin-right:0.85rem;}
.g_pro dl dd strong span{ display:inline-block; width:0.58rem; margin-right:0.35rem;}
.g_pro h4{ overflow:hidden; margin-top:1rem; font-weight: normal;}
.g_pro h4 em{ display:inline-block; float:left; width:2rem; margin-left:1.17rem;}
.g_pro h4 i{ display:inline-block; float:left; width:80.5%; margin-left:1%; border:1px solid #d1d1d1; padding-left:4%;}
.g_pro h4 i b{ display:block; color:#5c3a22; font-size:1rem; font-weight:normal; padding:1rem 0 0;}
.g_pro h4 i strong{ display: inline-block; float:right; color:#b81c22; font-size:0.5rem; font-weight:normal;}
.g_pro h4 i strong span{ display:inline-block; width:1.5rem;}
.g_pro h4 i strong span img{ vertical-align:middle;}
.g_pro h4:nth-child(5){ margin-bottom:1rem;}
/**/
.g_prolis dl{ margin:0 2% 2rem; border:1px solid #d7d7d7; overflow:hidden;}
.g_prolis dl dt{ float:left; width:11.7rem; font-size:0;}
.g_prolis dl dd{ float:right; width:48%; margin-right:2%;}
.g_prolis dl dd h3{ font-weight:normal; font-size:1.35rem; color:#393939; margin:1.35rem 0  0.85rem 0;}
.g_prolis dl dd h3 span{ display:block; padding-top:0.25rem;}
.g_prolis dl dd p{ color:#393939; font-size:1.15rem; line-height:1.5rem;}
.g_prolis dl dd p b{ color:#b81c22; display:block; margin-top:0.5rem; font-weight:lighter;}
.g_prolis dl dd p b span{ display:inline-block; width:1.05rem; margin-right:0.5rem;}
.g_prolis dl dd p b span img{ vertical-align:middle;}

.s-babg{ margin:0.7rem;}
.s-babg li{ margin-bottom:0.5rem; border-top:1px solid #ccc; color:#666; padding:0.5rem 0;}
.s-babg li h3 a{ color:#666; display:block; height:2.5rem; line-height:2.5rem;overflow: hidden; text-overflow:ellipsis;white-space:nowrap; }
.s-babg li .details .u-detail{ display:inline-block; width:1.05rem; margin-right:0.5rem; height: 0.5rem;  line-height: 0.5rem;}
.s-babg li .details{ color:#b81c22; display:block; margin-top:0.5rem; font-weight:lighter;}
/**/


.g_ppcon{}
.g_ppcon h2{background: url(/mobile/skins/phone/img/pi_tp.jpg) no-repeat; background-size: 100%; height:3.04rem; overflow:hidden; line-height:3.04rem; text-align:center; color:#fff; font-size:1.17rem; font-weight:normal; margin-bottom:0.58rem;}

.g_ppcon1{ margin:0 2%;}
.g_ppcon1 dl dt{ font-size:0; position:relative;}
.g_ppcon1 dl dt .uu{ display:block; position:absolute; left:0.83rem; top:43%;}
.g_ppcon1 dl dt .dd{ display:block; position:absolute; right:0.83rem; top:43%;}
.g_ppcon1 dl dd{ padding-top:1.875rem;}
.g_ppcon1 dl dd h3{ font-size:1.25rem; color:#666; font-weight:normal; line-height:2.33rem; border-bottom:0.12rem solid #e1e1e1; margin-bottom:0.35rem;}
.g_ppcon1 dl dd p{ color:#666; font-size:1rem; line-height:1.85rem;}
.g_ppcon1 dl dd p i{ font-weight:bold;}
.g_ppcon1 dl dd em{ display:block; color:#666; font-size:0.92rem; padding-top:1.5rem; line-height:1.85rem; padding-bottom:1.6rem; border-bottom:1px solid #ebebeb;}
.g_ppcon1 dl dd em span{ display:block; padding-left:1rem; position:relative;}
.g_ppcon1 dl dd em span:before{ content:""; position:absolute;height:0.3rem;width:0.3rem;content: "";left:0;top:50%; background:#b81c22;}

.g_ppcon2{ margin:1.58rem 2% 0;border-bottom: 1px solid #ebebeb;}
.g_ppcon h3{ font-weight:normal; color:#666; font-size:1.3rem; height:2.42rem;}
.g_ppcon h3 span{ display:inline-block; margin-left:0.25rem; color:#aeaeae; font-size:0.75rem;}
.g_ppcon4_c{ padding:0 0.7rem;}
.g_ppcon4 dl dt{ font-size:0; margin-bottom:0.5rem;}
.g_ppcon4 dl dd{ padding-top:0; margin-bottom:2.55rem;}
.g_ppcon4 dl dd h4{ height:2.875rem; border-bottom:1px dashed #909090; line-height:2.875rem; color:#333; font-size:1.08rem; font-weight:normal; margin-bottom:0.5rem;}
.g_ppcon4 dl dd h4 span{ display:inline-block; background:url(/mobile/skins/phone/img/pn_no.gif) no-repeat; background-size:100%; width:1.92rem; height:2rem; line-height:2rem; text-align:center; color:#b81c22; margin-right:0.35rem;}
.g_ppcon4 dl dd p{ color:#686868;}

.g_ppcon4{max-width: 640px;padding:3rem 0 2.2rem 0; border-bottom:1px solid #ebebeb; margin-bottom:1rem;}
.g_ppcon4 ul{ overflow:hidden; padding-bottom:1rem;}
.g_ppcon4 ul li{ float:left; width:49%;  position: relative; font-size:0; margin-bottom:0.7rem; border:1px solid #d6d6d6; box-sizing:border-box;}
.g_ppcon4 ul li.nones{float:right;}
.g_ppcon4 ul li img{ width:100%;}
.g_ppcon4 ul li:last-child{ margin-right:0;}
.g_ppcon4 ul li span{ display:block; font-size:0.75rem; width:100%; height:2.7rem; line-height:2.7rem; text-align:center; color:#fff;background:#747474; display:block; border-top:1px solid #d6d6d6;}
.g_ppcon4 ul li span i{ display:inline-block; margin-right:0.5rem; border:1px solid #fff; width:1rem; height:1rem; text-align:center; line-height:1rem; font-size:0.83rem;}

.g_ppcon5{ padding:2.3rem 0 2.8rem 0; border-bottom:1px solid #ebebeb; margin-bottom:1rem; margin:0 0.7rem;}
.g_ppcon5 h3{ border-bottom:0.1rem solid #f4f4f4;}
.g_ppcon5 p{background:url(/mobile/skins/phone/img/pn_pic5.jpg) no-repeat; background-size:100%; height:6.5rem; line-height:6.5rem; text-align:center; font-size:1.25rem; color:#fff; margin-bottom:0.75rem;}
.g_ppcon5 p strong{ font-weight:bold; font-size:1.75rem; padding-right:0.5rem;}
.g_ppcon5 p span{ color:#fcff00;}

.g_ppcon5 ul{ overflow:hidden; padding-bottom:1rem;}
.g_ppcon5 ul li{ float:left; width:32%; margin-right:2%; position: relative; font-size:0;}
.g_ppcon5 ul li:nth-child(3n){ margin-right:0px;}
.g_ppcon5 ul li img{width:100%; height:auto;}
.g_ppcon5 ul li span{ display:block; font-size:0.75rem; position: absolute; left:0; bottom:0; width:100%; height:1.6rem; line-height:1.6rem; text-align:center; color:#fff;background:#000; filter:Alpha(opacity=70);-moz-opacity: 0.7; -khtml-opacity: 0.7 ; opacity: 0.7;overflow: hidden; text-overflow:ellipsis;white-space:nowrap;}
.u_back3{ margin-bottom:3rem; border-bottom:1px solid #ebebeb; font-weight:normal;}
/*=关于我们长页==================================================================================*/
.uu_con{ overflow:hidden; margin:1.5rem 0.7rem 0;}
.uu_con h3{ padding-top:3rem; position:relative; text-align:center; height:2.8rem; font-weight:normal; font-size:120%;}
.uu_con h3:before{ content:""; position:absolute;height:2px;width:4.7rem;content: "";left:41%;top:35%; background:#b81c22;}
.uu_con1 dl dd{ padding:0 0.8rem;}
.uu_con1 dl dd p{color:#565656; }
.uu_con2{ padding-top:2.8rem;}
.uu_con2 dl{ overflow:hidden;}
.uu_con2 dl dt{ float:left; width:47%; float:left;}
.uu_con2 dl dd{ float:left; width:47%; padding-left:5%;}
.uu_con2 dl dd p{ color:#565656; font-size:1.25rem;  padding-top:10%;}
.uu_con3 p{ color:#565656; font-size:1.25rem; padding-top:0.9rem; line-height:160%; padding-bottom:2.5rem;}
.uu_con4 em{ display:block; font-size:0; overflow:hidden;}
.uu_con4 em img{ display:inline-block; width:47%; float:left;}
.uu_con4 em img:last-child{ float:right;}
.uu_con4 p i{ display:block; font-size:1.3rem; padding-top:0.75rem; color:#565656;}
.uu_con5{ overflow:hidden;}
.uu_con5 ul li{ float:left; width:47.5%; height:19rem;}
.uu_con5 ul li img{ width:100%;}
.uu_con5 ul li:nth-child(2n){ float:right;}
.uu_con5 ul li i{ display:block; padding:0.5rem 0 1.35rem 0; color:#333; font-size:100%; text-align:center;}
.uu_con5 ul li i span{ display:inline-block; width:1.65rem; height:1.65rem; border:1px solid #b81c22; border-radius:1.65rem; text-align:center; color:#b81c22; font-size:1.17rem; line-height:1.65rem; margin-right:0.35rem;}
.uu_con5 ul li em{ color:#565656; font-size:1.5rem; display: block; height:16.5rem; line-height:217%; display:block; overflow:hidden; }

.uu_con6 p i{ color:#565656; font-size:1.25rem; display: block; padding-top:0.9rem; line-height:160%; padding-bottom:2.5rem;}
/* 新闻列表============================================================*/
.g_newlst{ overflow:hidden;}
.g_newlst .u_dlst1{ overflow:hidden;font-family: "Microsoft YaHei";}
.g_newlst .u_dlst1 dt img{width: 100%;display: block;}
.g_newlst .u_dlst1 dt{ background:url(/mobile/skins/phone/img/d_itop.jpg) no-repeat; background-size:100%; text-align: center; line-height:3.1rem; height:3rem; color:#fff; font-size:1.5rem;}
.g_newlst .u_dlst1 dd{ background:#f7f7f7; border:1px solid #e5e5e5; margin:0.65rem; box-sizing:border-box; padding:1.2rem 0.65rem; overflow:hidden;}
.g_newlst .u_dlst1 dd h3{position: relative; background: url(/mobile/skins/phone/img/d_ico1.gif) no-repeat; background-size:100%; float:left; width:3.6rem; height:2.2rem; line-height:2.2rem; color:#d92027; font-size:1.17rem; text-indent:0.6rem; font-weight:normal;}
.g_newlst .u_dlst1 dd p{font-size:1.25rem;line-height: 1.5rem;overflow: hidden;color: #7c7c7c; width:80%; float:right;}
.g_newlst .u_dlst1 dd p i{ display:block; font-size:1.5rem; color:#666; padding-bottom:0.5rem;overflow: hidden; text-overflow:ellipsis;white-space:nowrap;}
.g_newlst .u_dlst1 dd p a{ color:#d92027; display:inline-block;}

.m_newlst{ overflow:hidden;margin:0.65rem;font-family: "Microsoft YaHei";}
.m_newlst h2{height: 2.8rem;font-size: 1.75rem;color: #666;font-weight: normal; padding-top:1.35rem;}
.m_newlst h2 b{font-weight: normal;}
.m_newlst dl{ overflow:hidden;background: #f7f7f7; border:1px solid #e5e5e5;clear: both;margin-bottom: 1.25rem; padding:0.65rem; box-sizing:border-box;}
.m_newlst dt{float: left;width:40%; position: relative;}
.m_newlst dt img{width:100%;display: block;}
.m_newlst dd{float: right;width:58%;}
.m_newlst dd h3{font-size: 1.45rem;color: #666;font-weight: normal;overflow: hidden;margin-bottom: 0.35rem;overflow: hidden; text-overflow:ellipsis;white-space:nowrap;}
.m_newlst dd p{font-size:0.92rem;line-height: 1.55rem;height: 6.2rem;overflow: hidden;color: #686868;}
.m_newlst dd p a{ color:#4cb60c;}
/* 新闻详情======================================================= */
.g_newdet{ overflow:hidden;}
.g_newdet h2{background:url(/mobile/skins/phone/img/d_itop.jpg) no-repeat; background-size:100%; text-align: center; line-height:3.1rem; height:3rem; color:#fff; font-size:1.5rem; margin-bottom:1.5rem; font-weight:normal;}
.g_newdet h3{line-height:1.75rem; font-size:1.5rem;color: #232323;font-weight: normal;margin: 0 2%; text-align:center; padding-bottom:0.85rem;}
.g_newdet h4{height:1.17rem;line-height:1.17rem; font-size: 0.75rem;color: #717171;font-weight: normal; margin-top:1rem;margin: 0 2% 1rem; border-bottom:1px dashed #ccd2d8;}
.g_newdet h4 span{ float:right; padding:0 0.35rem; background:#cbcbcb;}
.g_newdet h4 span a{ color:#fff;}
.m_newc{margin: 0 3.5%;}
.g_newdet p{font-size:1rem;line-height:180%;color: #5e5d5d;text-indent: 2rem;}
.g_newdet p:first-child{ padding-bottom:0.75rem;}
.g_newdet .newimg,.g_newdet .newimg img{width: 100%;display: block; padding:0.5rem 0;}

.u_back2{ border:1px solid #bf3a3f; width:46%; margin:2rem auto 0; font-size:1.33rem; color:#bf3a3f; line-height:2.5rem; text-align:center;}


/* 内页分页样式  */
.g-page{margin: 4rem 2% 1rem; border-bottom:1px solid #dedede; height:2.8rem; overflow:hidden; box-shadow:2px 2px 2px #dedede;}/* 底部间距20px*/
.g-page .u-pup{background: #c6c6c6;}

.g-page .u-pup,.g-page .u-pne,.g-page .u-sa{display:inline-block;font-size:1.2rem;height: 2.8rem;line-height: 2.8rem; text-align: center;width:42%; color: #fff;} /*上一页样式*/
.g-page .u-pne{background: #0e0f11; color:#fff; float:right;}
.g-page p{ width:27%; display: inline-block;text-align: center;font-size: 1.4rem;color: #c6c6c6; text-indent:0;}
.g-page .u-pnum{font-size: 1.4rem;color: #0e0f11;}
#setPage.g-page .u-pup, #setPage.g-page .u-pne, #setPage.g-page .u-sa{width:35%}




.g-page .pager-select{display:inline-block;padding:0 20px; margin: 0 10px; width:10%; height: 30px; line-height: 30px; position:relative; top: 10px;}
.g-page .page_number{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events:none;  border-radius: 5px; box-shadow: 0 0 5px #333 inset; text-indent: -1em;}
.g-page .page_number:before{ width: 0; height:0; content: ""; position: absolute; border-top: 5px solid #aaa; border-left: 5px solid rgba(0,0,0,0);border-right: 5px solid rgba(0,0,0,0); left: 50%; margin-left:15px; top: 12px;}
.g-page .pager-select .page_number span{ padding: 0 2px; font-weight: bold;}
.g-page .select_box{ width: 100%; height: 100%; opacity: 0; position: absolute; z-index: 0; left: 0; top: 0; text-align: center;}




/* 内页分页样式  */

.g_ft{position: relative; padding-top:1.8rem; border-top:1px solid #ebebeb;}
.g_ft .up{width: 2.5rem;height: 2.5rem;right:0.6rem;top:-0.6rem; position: absolute;}
.g_ft .up img{width: 100%;display: block;}
.g_ft nav{font-size: 1rem;color: #999;text-align: center;}
.g_ft nav a{color: #999;display: inline-block;padding: 0 1.8%; font-size:1.17rem;}
.g_ft .add{font-size: 0.65rem;color: #999;text-align: center;line-height: 2rem;}
.g_ft .add a{color: #999;}
.g_ft em{ border-top:0.25rem solid #757575; display:block; width:100%; margin-top:0.58rem; background:#0e0f11; height:3.8rem; padding-top:1rem;}
.g_ft em img{ display:block; width:6.5rem; margin:0 auto ;}
/**/


.lxfs{height: 15rem; padding: 1.5rem 0 0 5%; background: rgba(1,17,17,.8 );}
.lxfs h3{height: 4.5rem;font-size: 1.5rem;color: #fff;font-weight: normal;}
.lxfs h3 em{display: block;font-size: 0.9rem;font-family: arial;}
.lxfs .add{position: relative;height: 6.3rem;padding-left:9%;font-size: 1.2rem;color: #fff;line-height: 1.6rem;}
.lxfs .add:before{content: "";position: absolute;background: url(/mobile/skins/phone/img/add.png) no-repeat;background-size: 100%;width: 2.5rem;height: 2.9rem; left:-0.55rem;top:0.35rem;}
.lxfs .lxtel{position: relative;height: 6.3rem;padding-left:9%;font-size: 1.2rem;color: #fff;line-height: 1.6rem;}
.lxfs .lxtel:before{content: "";position: absolute;background: url(/mobile/skins/phone/img/nytel.png) no-repeat;background-size: 100%;width: 2.5rem;height: 2.8rem; left:-0.55rem;top:0.35rem;}
.swiper-slide-10 .lxfs{position: absolute;  display: block; 
	left:4.2%; top:2%; opacity: 0; z-index: 9; width:86%;
	-webkit-transition:all 0.7s;
	transition:all 0.7s;}
.swiper-slide-active .lxfs{    font-family: "Microsoft YaHei";
	opacity: 1;
	-webkit-animation-name: slideInLeft;
	animation-name: slideInLeft;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;}
.er{ width: 38.5%; display: block;left:31%; top:51%; box-sizing:border-box; border:0.5rem solid #fff; position:absolute; font-size:0;}
.swiper-slide-active .er{
	opacity: 1;
	-webkit-animation-name: bounceIn;
	animation-name: bounceIn;
	-webkit-animation-duration:2s;
	animation-duration:2s;}
.swiper-slide-10 .telbtn{position: absolute;  display: block; width: 38.5%;
	left:31%; top:43%; opacity: 0; z-index: 9; 
	-webkit-transition:all 0.7s;
	transition:all 0.7s;}
.swiper-slide-active .telbtn{
	opacity: 1;
	-webkit-animation-name: flip;
	animation-name: flip;
	-webkit-animation-duration:1.5s;
	animation-duration: 1.5s;}
.bgph{ position:absolute; left:1.25rem; width:91%; top:54%;}
.bgph img{ width:100%; display:inline-block;}
.swiper-slide-10 .pc{position: absolute;  display: block; width: 36%;
	left:37%; top:80%; opacity: 0; z-index: 9; width: 27%;margin: 0 auto;height: 3rem;line-height: 3rem;text-align: center;;border-radius: 0.3rem; border:1px solid #fff;font-size: 1.2rem;color: #fff;font-family: "Microsoft YaHei";
	-webkit-transition:all 0.7s;
	transition:all 0.7s;}
.swiper-slide-active .pc{
	opacity: 1;
	-webkit-animation-name: slideInLeft;
	animation-name: slideInLeft;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;}
.telbtn img,.pc img{width: 100%;display: block;}