@charset "utf-8";
/* CSS Document */
.banner{background: url(../images/pro_banner.jpg) no-repeat center; width: 100%; height: 325px; background-size: cover;}
.er_nav{width: 100%; height: 59px; border-bottom: 1px solid #d1d1d1; line-height: 59px;}
.er_nav p{font-size: 16px; color: #949494;}
.er_nav p a{color: #949494;}
.er_nav p a:hover{color: #04adf2;}
.tab_menu{height: 87px; line-height: 87px; background-color: #eee; border-bottom: 3px solid #d3d3d3;}
.tab_menu .san_nav li{float: left; font-size: 16px; width: 103px; text-align: center; margin-right: 30px;
	cursor: pointer;}
.tab_menu .san_nav li a{color:#838383;}
.bold{font-weight: bold; color: #262626!important;}
.tab_menu .san_nav{position: relative;}
.tab_menu .san_nav .sanjiao{position: absolute; top: 87px; left: 0;}

.anli{width: 100%; background-color: #f3f3f3; padding: 29px 0 57px 0; margin-top:55px;}
.anli .tit{height:60px; border-bottom: 1px solid #d3d3d3; line-height: 60px; width: 100%;}
.anli .tit>p{float: left; font-size: 25px; color: #565555; }
.anli .tit>a{float: right; font-size: 14px; color: #7c7c7c; }
.anli .al{width: 372px; height: 344px; margin-right: 42px; margin-top:34px;}
.anli .al:last-child{margin-right: 0;}
.anli .al .img{width: 372px; height: 231px; overflow: hidden;}
.anli .al .img img{width: 100%;}
.anli .font{width: 372px; height: 114px; background-color: #fff;}
.anli .font .tit{height: 55px; line-height: 55px; border-bottom: 1px dashed #e1e1e1; font-size: 20px;
	color: #313131; text-align: center;}
.anli .font p{font-size: 14px; color: #858585; padding: 0 20px; line-height: 22px; padding-top: 6px;
	overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;
	-webkit-box-orient: vertical;}
.help{height: 116px;}
.help .name{font-size: 25px; color: #505050; margin-top:40px;}
.help .ipt1{width: 811px; height: 40px; border-bottom: 2px solid #cecece; line-height: 40px; font-size: 14px;
	color: #b3b3b3; text-indent: 18px; margin-top:36px;}
.help .tijiao{width:122px; height: 37px; background-color: #a5a5a5; font-size: 16px; color: #fff; text-align: center;
	line-height: 37px; border-radius: 20px; margin-top:40px; margin-left: 17px; cursor: pointer; transition: .5s;}
.help .tijiao:hover{background-color: #0091dc;}

.tab_inner>section{display: none;}
.xianshi{display: block!important;}
.s_hide{transform: rotate(180deg);}

.product1{padding-top: 60px;}
.product2{padding-top: 60px;}
.product3{padding-top: 60px;}
.menu{height: 60px; border-bottom: 2px solid #d3d3d3; cursor: pointer;}
.menu>p{font-size: 25px; color: #565555; border-left:3px solid #e94f55; height: 25px; line-height: 25px;
	margin-top:17px; padding-left: 14px;}
.menu>img{float: right; margin-top:23px; margin-right: 20px;}
.inner{display: none; padding: 0 18px; border-bottom: 2px solid #d3d3d3; padding-bottom: 49px;}
.inner .cpzp{padding-top: 46px; padding-bottom: 18px;}
.inner .cpzp>p{float: left; font-size: 18px; color: #262626;}
.inner .cpzp>a{float: right; font-size: 14px; color: #7c7c7c;}
.inner .photo{width: 100%; height: 230px; background-color: #f3f3f3; margin-top:20px;}

.shili{width: 100%; height: 230px; background-color: #fff; margin-top:20px;}

.mr_frbox { position: relative;}
.mr_frUl { width: 1054px; margin:0 auto; padding-top:36px;}
.mr_frUl ul li { display: inline; float: left; width: 224px; overflow: hidden; position: relative; 
	cursor: pointer; margin-left: 19.5px; margin-right: 19.5px; text-align: center;}
.jxsb_list p{font-size: 14px; color: #565555; padding-top: 4px;}
.prev_l{position: absolute; top:87px; left:14px; cursor: pointer;}
.prev_r{position: absolute; top:87px; right:14px; cursor: pointer;}

.inner .pro_js{line-height: 45px; border-bottom: 1px solid #d5d5d5; padding-top: 30px;
	font-size: 18px; color: #262626;}
.inner .jieshao{font-size: 16px; color: #565555; padding: 22px 0 36px 0; line-height: 32px;}

.inner .pro_yy{height: 45px; line-height: 45px; border-bottom: 1px solid #d5d5d5;}
.inner .pro_yy>p{float: left; font-size: 18px; color: #262626;}
.inner .pro_yy>.fmore{float: right; font-size: 14px; color: #7c7c7c;}

.inner .pro_yy>a:hover{color: #04adf2;}
.anli .tit>a:hover{color: #04adf2;}

.inner .pro_yy a{font-size: 14px; color: #7c7c7c; float: right;}
.inner .pro_yy a:hover{color: #04adf2;}

/*新加*/
.ui-video{width: 224px; height: 148px; overflow: hidden;}
.ui-video img{width: 100%;}

.tanchu_bt{font-size: 16px; color: #333; text-align: center; padding-bottom: 10px;}
.tanchu_nr{font-size: 14px; color: #333; padding-top: 20px; text-align: left; padding-bottom: 10px;}



.wap_erji{display: none;}
@media screen and (max-width: 800px){
	footer .foot_bot{height: 58px;}

	.tab_menu{display: none;}
	.wap_erji{display: block; position: relative;}
	.main_menu{width: 100%; height: 40px; background-color: #0091dc; text-align: center;}
	.main_menu p{font-size: 16px; color: #fff; line-height: 40px;}
	.main_menu img{width: 10px;}
	.xl_menu{z-index: 1; position: absolute; top:0; left: 0; padding: 20px 0; width: 100%; background-color:#0091dc; display: none;}
	.xl_menu ul li{height:40px; border-bottom: 1px solid rgba(255,255,255,.6); line-height: 40px; 
		text-align: center; font-size: 16px;}
	.xl_menu ul li a{color: #fff; width: 100%; height: 100%; display: inline-block;}
	.xl_menu ul li:last-child{border-bottom: none;}
	
	.product1{padding-top: 30px;}
	.menu{height: 40px;}
	.menu>p{font-size: 18px; height: 18px; line-height: 18px; margin-top:11px;}
	.menu>img{width: 20px; margin-top:16px; margin-right: 0;}
	.inner .pro_js{font-size: 16px; padding-top: 10px;}
	.inner .jieshao{font-size: 14px; line-height: 24px; padding: 10px 0 15px 0;}
	.inner .pro_yy>p{font-size: 16px;}
	.mr_frUl{width: 224px; overflow: hidden;}
	.mr_frUl ul li{margin-left: 0; margin-right:0;}
	.prev_l{left: 8px;}
	.prev_r{right: 8px;}
	.inner{padding: 0 10px; padding-bottom: 15px;}
	.anli{margin-top:30px; padding: 0 0 20px 0;}
	.anli .tit>p{font-size: 18px;}
	.help .name{font-size: 16px; margin-top: 20px;}
	.help .ipt1{width: 76%; margin-top:10px; text-indent: 0;}
	.help .tijiao{width: 20%; height: 30px; line-height: 30px; margin-left: 0; margin-top:20px; float: right!important;}


}
@media screen and (max-width: 320px){
	.inner{padding: 0;}
	.prev_l{left: 4px;}
	.prev_r{right: 4px;}
}