﻿/* CSS Document */
html,body{
	background-color: #FFF;
	margin: 0px;
	padding: 0px;
	color: #000;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	height:100%;
	text-align:center;
	font-family:"微软雅黑","微软雅黑",Arial,Helvetica,sans-serif;
	font-size:14px;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
*{ margin:0px; padding:0px;}
ul,li{
	list-style: none;
	padding: 0px;
	margin: 0px;
}
form,ul,li,table,td,p,span,h1,h2,h3,h4,h5,img,dl,dt,dd{
	margin:0px;
	padding:0px;
}
img{ border:none;}
a{
	text-decoration:none;
	outline:none;
}
a:focus,a:active { 
	outline: none; 
} 
a:link,a:visited {
	color: #666;
	text-decoration: none;
}
a:hover,a:active {
	text-decoration: none;
	color: #666;
}
.left{float:left;}
.right{float:right;}


/*=============== public top start==================*/
.topBlack{
	min-width:1200px;
	background:#3d3d3d;
	height:40px;
	line-height:40px;
	border-top:1px solid #4b4b4b;
	color:#FFF;
	text-align:left;
}
.topBlack .w1200{
	width: 1200px;
	margin: 0px auto;
}
.topBlack span{
	display:block;
	margin:0px auto;
}
.topBlack span a{
	height:40px;
	line-height:40px;
	color:#FFFFFF;
}
.topBlack span font{
	padding: 0px 10px;
}

.pubTop{
	height:100px;
	min-width:1200px;
	background:url(../images/menu_bg.jpg) repeat-x top center;
}
.pubTop div{
	width:1200px;
	margin:0px auto;	
}
.pubTop div .logo{
	margin-top: 16px;
	float:left;
	background:url(../images/logo.png) no-repeat left center;
	width:331px;
	height:68px;
}

.pubTop div h1 a{
	display:block;
	height:100%;
	text-indent:-9999px;
}
.pubTop div ul{
	float:right;
	
	position:relative;
}
.pubTop div ul span{
	display:block;
	width:100px;
	position:absolute;
	bottom:0px;
	background:url(../images/menu-hover.png);
	height:110px;
	transition:all 0.2s;
	z-index:1;
}
.pubTop div ul li{
	width:100px;
	float:left;
	z-index:2;
	position:relative;
}
.pubTop div ul li a{
	display:block;
	height:100px;
	font-size:16px;
	color:#333333;
	line-height:100px;
}
.pubTop div ul li a i{
	position: relative;
	top:-80px;
	text-align:center;
	display:block;
	color:#fe9377;
	font-size:11px;
	font-style:normal;
	font-weight:none;
	display:none;
}
.pubTop div ul li.on a{
	line-height:104px;
	font-weight:bold;
	color:#FFF;
}

.pubTop div ul:hover li a{
	font-weight:normal;
	color:#333;
}

.pubTop div ul li a:hover{
	font-weight:bold;
	color:#FFF;
}

.pubTop div ul li a:hover i{
	font-weight:normal;
	display:block;
}
/*=============== public top end==================*/

/* ====== public banner start ====== */
.carousel-btn {
	text-align:center;
	margin:10px 0;
}
.carousel-btn a {
	display:inline-block;
	width:13px;
	height:13px;
	border-radius:8px;
	margin:0 5px;
	background:#ffffff;
	vertical-align:middle;
}
.carousel-btn .selected {
	background:#fe4301;
	cursor:default;
}
.carousel-btn a span {
	display:none;
}
.carousel-btn-fixed {
	width:100%;
	position:absolute;
	bottom:25px;
	left:0;
	margin:0;
	z-index:100;
}
.carousel {
	position:relative;
	padding:0px;
	min-width:1200px;
	overflow:hidden;
}

.carousel-item {
	position:relative;
	float:left;
	display:block;
}
.carousel-item .carousel-img {
	display:block;
}
.carousel-item .carousel-img a[href="javascript:;"] {
	cursor:default;
}
.carousel-item .carousel-img img {
	display:block;
}
.responsive-carousel {
	overflow:hidden;
}
.responsive-carousel .carousel-item img {
	width:100%;
	height:auto !important;
}
.responsive-carousel .carousel-direction {
	display:none;
}
.responsive-carousel:hover .carousel-direction {
	display:block;
}
.responsive-carousel-set .carousel-info-inner h3 {
	font-weight:normal;
}
/* ====== public banner end ====== */

/*========== product banner start ==========*/
.proBanner{
	background: url(../images/pro_banner.jpg) top center;
    background-position:top center;
    height: 345px;
    min-width: 1200px;
}
/*========== product banner end ============*/

/*====== public banner start ======*/
.pubBanner{
	overflow:auto;
}
.pubBanner img{
	width:100%;
}
/*====== public banner end ======*/
/*====== public bread start ======*/
.pubSearch{
	border-bottom:1px solid #dbdbdb;
	background:#FFF;
	background:#e7e7e7;
}
.pubSearch form{
	float:right;
    font-size: 0px;
}
.pubSearch form input{
	border:1px solid #b7b7b7;
	height:29px;
	line-height:29px;
	text-indent:10px;
	color:#919191;
	width:200px;
	border-right:0px;
	vertical-align:middle;
}
.pubSearch form button{
	height:31px;
	line-height:31px;
	border:0px;
	background:url(../images/search.png) no-repeat center center #fe4301;
	width:40px;
	vertical-align:middle;
}
.pubSearch div{
	width:1200px;
	margin:0px auto;
	text-indent:25px;
	height:51px;
	line-height:50px;
	text-align:left;
	color:#666;
}
/*====== public bread end ======*/

/*========  内页开始  =========*/

/*====== public content start ======*/
.pubCon{
	width:1200px;
	margin:0px auto;
	min-height:300px;
	padding:30px 0px 50px 0px;
	overflow:hidden;
}

/*public left*/
.pubCon .left{
	width:240px;
	background:#e7e7e7;
	border-radius:5px 5px 0px 0px;
	padding-bottom:26px;
	margin-bottom:30px;
}
.pubCon .left h1{
	height:57px;
	line-height:57px;
	font-size:20px;
	text-indent:32px;
	color:#FFF;
	background:#fe4301;
	text-align:left;
	font-weight:bold;
}
.pubCon .left h1 span{
	display:block;
	float:right;
	text-indent:0px;
	width:32px;
	height:32px;
	line-height:32px;
	border-radius:32px;
	border:1px solid #fefafa;
	font-family:'宋体';
	text-align:center;
	margin:15px 26px 0px 0px;
	font-size:20px;
}

.pubCon .left div{text-align:left;text-indent:30px;}
.pubCon .left div a{line-height:30px;height:30px;width:100%;display:block;}
.pubCon .left div a.active{color:#fe4301;}
.pubCon .left dl{
	text-align:left;
	padding-top:10px;
}



.pubCon .left dl dt{
	height:37px;
	line-height:37px;
	text-indent:26px;
}
.pubCon .left dl dt a{
	color:#333;
	display:block;
}
.pubCon .left dl dt a:hover{
	color:#FFF;
	font-weight:bold;
	background:#3d3d3d;
}
.pubCon .left dl dt.on a{
	color:#FFF;
	font-weight:bold;
	background:#3d3d3d;
}
.pubCon .left dl dt span{
	float:right;
	font-family:'宋体';
	margin-right:26px;
	transition:all 0.3s;
}
.pubCon .left dl dt.on span{
	margin-right:20px;
	color:#FFF;
}
.pubCon .left dl dt:hover span{
	margin-right:20px;
	color:#FFF;
}
.pubCon .left dl dd{
	display:none;
}
.pubCon .left dl dd:first-child{
	padding-top:8px;
}
.pubCon .left dl dd a{
	display:block;
	text-indent:36px;
	height:35px;
	line-height:35px;
	color:#333;
	background:rgba(110,110,110,0);
	transition:all 0.2s;
}
.pubCon .left dl dd a:hover,.pubCon .left dl dd.on a{
	background:rgba(110,110,110,1);
	font-weight:bold;
	color:#FFF;
}
.pubCon .left dl dd:last-child{
	height:10px;
	background:url(../images/line1.jpg) no-repeat bottom center;
}

/*public right*/
.pubCon .right{
	padding-left:20px;
	width:940px;
}
.pubCon .right .pubBread{
	height:56px;
	line-height:56px;
	color:#333;
	font-size:16px;
	font-weight:bold;
	text-align:left;
	border-bottom:1px solid #c4c4c4;
}
.pubCon .right .pubBread div{
	float:right;
	color:#666;
	font-size:14px;
	font-weight:normal;
}
.pubCon .right .pubBread div a{
	color:#666;
}
.pubCon .right .pubBread div a:hover{
	color:#fe4301;
}
/*products list*/
.pubCon .right .proList{
	padding-top:20px;
}
.pubCon .right .proList li{
	float:left;
	width:296px;
	margin-right:26px;
	margin-bottom:20px;
	height:240px;
	text-align:center;
}
.pubCon .right .proList li:nth-child(3n){
	margin-right:0px;
}
.pubCon .right .proList li a{
	display:block;
	color:#333;
	line-height:40px;
}
.pubCon .right .proList li a img{
	width:296px;
	height:198px;
	display:block;
}
.pubCon .right .proList li a p{
	padding:12px 24px;
	line-height:24px;
	height:48px;
	overflow:hidden;
}
.pubCon .right .proList li:hover a {
	color:#fe4301;
}


/* ====== public page start ======= */
#PageContent{
	clear:both;
	padding:25px 0px;
	text-align:center;
	font-size:12px;
	color:#666;
}
#PageContent a{
	height:25px;
	line-height:25px;
	padding:0px 6px;
	display:inline-block;
	border:1px solid #cecece;
	background:#FFF;
	transition:all 0.3s;
	color:#363636;
	margin:0px 3px;
}
#PageContent span{
	height:25px;
	line-height:25px;
	padding:0px 6px;
	display:inline-block;
	border:1px solid #cecece;
	background:#FFF;
	color:#beaaad;
	margin:0px 3px;
}
#PageContent a:hover{
	background:#fe4301 ;
	border:1px solid #fe4301 ;
	color:#FFF;
}
#PageContent .current{
	font-weight:bold;
	color:#fe4301 ;
}

/*默认内容*/
.pubCon .right .content{
	text-align:left;
	line-height:30px;
	padding:14px 0px 30px 0px;
	color:#595959;
}

/*新闻列表*/
.pubCon .right .newsList li{
	border-bottom:1px dashed #b2b2b2;
	height:40px;
	line-height:40px;
	text-align:left;
	text-indent:22px;
	background-repeat:no-repeat;
	background-position:5px 22px;
	color:#666;
	position:relative;
}
.pubCon .right .newsList li span{
	float:right;
	font-size:12px;
	color:#666;
}
.pubCon .right .newsList li::after{
	content:"";
	position:absolute;
	left:12px;
	top:19px;
	width:5px;
	height:5px;
	border-radius:5px;
	background:#666;
}
.pubCon .right .newsList li a{
	color:#3d3d3d;
}
.pubCon .right .newsList li a:hover{
	color:#fe4301;
}
/*====== public content end ======*/

.pubCon .right .newsDetail{
	width:911px;
	display:inline-block;
	padding-right:5px;
	
}
.pubCon .right .newsDetail h2{
	font-size:22px;
	font-weight:normal;
	color:#4d4d4d;
	overflow:hidden;
	text-align:center;
	padding: 30px 0px 15px 0px;
}
.pubCon .right .newsDetail .subTitle{
	width:100%;
	text-align:center;
	font-size:12px;
	color:#999;
}
.pubCon .right .newsDetail .subTitle,.pubCon .subTitle span{
	display:inline-block;
	padding:0px 10px;
}

.pubCon .right .newsDetail .subTitle .bdsharebuttonbox{
	display:inline-block;
	vertical-align:middle; 
}

.pubCon .right .newsDetail .proImg{
	padding:20px 0px;
	text-align:center;
	max-width:100%;
}

.pubCon .right .newsDetail .proImg .bigImg{
	max-width:100%;
}

.newImg img{
	max-width:100%;
}
.pubCon .right .newsDetail .con{
	padding:20px 0px 50px;
	text-align:left;
	color:#666;
	line-height:30px;
}
.pubCon .right .newsDetail .con img{
	max-width:100%;
}
.pubCon .right .newsDetail .con a{
	color:#4d4d4d;
}
.pubCon .right .newsDetail .con a:hover{
	color:#fe4301;
}





.pubCon .right .proDetail{
	width:911px;
	display:inline-block;
	padding-right:5px;
	
}
.pubCon .right .proDetail h2{
	font-size:22px;
	font-weight:normal;
	color:#4d4d4d;
	overflow:hidden;
	text-align:center;
	padding: 30px 0px 15px 0px;
}
.pubCon .right .proDetail .subTitle{
	width:100%;
	text-align:center;
	font-size:12px;
	color:#999;
}
.pubCon .right .proDetail .subTitle,.pubCon .subTitle span{
	display:inline-block;
	padding:0px 10px;
}

.pubCon .right .proDetail .subTitle .bdsharebuttonbox{
	display:inline-block;
	vertical-align:middle; 
}

.pubCon .right .proDetail .proImg{
	padding:20px 0px;
	text-align:center;
	max-width:100%;
}

.pubCon .right .proDetail .proImg .bigImg{
	width:600px;
}

.pubCon .right .proDetail .proImg ul{
	border-bottom:2px solid #fe4301;
	text-align:center;
	padding:10px 0px;
}
.pubCon .right .proDetail .proImg ul li{
	display:inline-block;
	width:120px;
	margin:0px 1px;
	cursor:pointer;
	border:2px solid #DDD;
}
.pubCon .right .proDetail .proImg ul li.on{
	border:2px solid #fe4301;
}
.pubCon .right .proDetail .proImg ul li img{
	width:120px;
	height:75px;
	display:block;
}
.pubCon .right .proDetail .con{
	padding:20px 0px 50px;
	text-align:left;
	color:#666;
	line-height:30px;
}
.pubCon .right .proDetail .con img{
	max-width:100%;
}
.pubCon .right .proDetail .con a{
	color:#4d4d4d;
}
.pubCon .right .proDetail .con a:hover{
	color:#fe4301;
}
.pubCon .right .proDetail .inqBtn{
	background:#fe4301;
	color:#FFF;
	border-radius:5px;
	height:35px;
	line-height:35px;
	font-size:16px;
	text-align:center;
	display:block;
	width:100%;
}
.pubCon .right .proDetail .inqBtn:hover{
	background:#fe4301;
}
/*============内页结束===============*/


/* 招聘 */

/*joblist*/
.jobList{
	width:940px;
	display:inline-block;
	padding:20px 0px 0px 0px;
}

.jbs_tb{ border-left:1px solid #DCDCDC; border-top:1px solid #DCDCDC; margin:0px auto 15px auto; font-size:13px;}
.jbs_tb td{ border-right:1px solid #DCDCDC; border-bottom:1px solid #DCDCDC; padding:0 5px;}
.jbs_tb td.bkg{ background:#efefef;}
.jbs_tb td.cont{ padding:0px 5px;}
.jbs_btn{ padding:2px 5px; cursor:pointer; border:1px solid #A7A7A7; background:#eee; cursor:pointer;}

/*jobjoin*/
.jbs_tb_1 th{ text-align:right; font-weight:bold; padding-right:10px; font-size:14px; font-weight:bold;}
.jbs_tb_1 td{ text-align:left; }
.jbs_txt{ width:240px; height:30px; border:1px solid #CCCCCC; font-size:12px; line-height:30px; padding:0 5px; border-radius:3px;}
.jbs_txt:focus{ border:1px solid #fe4301 ;}
.jbs_txtarea{ width:400px; height:100px; border:1px solid #CCCCCC; font-size:12px; padding:5px;}
.jbs_txtarea:focus{ border:1px solid #fe4301 ;}
.jbs_age{ width:80px;}
.jbs_tel{ width:150px;}
.jbs_hong{ color:#f00;}
.jbs_submit{ height:33px; text-align:center; padding:0 10px; line-height:33px; color:#FFF; font-size:15px; font-weight:bold; border:0px; cursor:pointer; background:#666; border-radius:3px;}
.jbs_submit:hover{ background:#fe4301 ; color:#FFF;}

/*====== public bottom start=======*/
.pubBottom{
	background: #333333;
	height: 140px;
	color: #FFFFFF;
	min-width: 1200px;
}
.pubBottom .bottom{
    width: 1200px;
    margin: 0px auto;
    text-align: left;
    line-height: 25px;
    font-size: 12px;
	position: relative;
}
.pubBottom .bottom a{
	color:#FFF;
}
.pubBottom .bottom a:hover{
	color:#CCC;
}
.pubBottom .bottom .qr{
	display:block;
	width:180px;
	float:right;
	padding-top:30px;
}
.pubBottom .bottom .qr span{
	display:block;
	width:100px;
	float:left;
	padding-top:15px;
}
.pubBottom .bottom .qr img{
	display:block;
	width:80px;
	height:80px;
	float:left;	
}

.pubBottom .bottom .wx_code{
	width: 200px;
	height: 84px;
	position: absolute;
	top: 27px;
	right: 0px;
	overflow: hidden;
}
.pubBottom .bottom .wx_code .info{
	float: left;
	width: 116px;
	padding-top: 18px;
	text-align: center;
}
.pubBottom .bottom .wx_code .wx_img{
	width: 84px;
	height: 84px;
	float: right;
}

/* ====== go top start ====== */
.gotop {
	background-color: rgba(0, 0, 0, 0.5);
	bottom: 50px;
	position: fixed;
	right: 20px;
	z-index: 1000;
	width:55px;
	height:55px;
	cursor:pointer;
	display:none;
}
.gotop:hover {
    background-color: rgba(0, 0, 0, 0.6);
}
.gotop a {
	display: block;
	height: 16px;
	overflow: hidden;
	width: 16px;
	border:3px solid #FFF;
	border-left:0px;
	border-bottom:0px;
    transform: rotate(-45deg);
    position:absolute;
    top:20px;
    left:20px;
}
/* ====== go top end ====== */


/*在线留言*/

/*漂浮，在线咨询*/
#zxzx_rt{ position:fixed; right:20px; top:50%; color:#333; z-index:9999;}
#zxzx_rt .close{ float:left; width:25px; padding-top:12px;}
#zxzx_rt .close img{ cursor:pointer;}
#zxzx_rt .box{ float:right; width:150px; height:123px; border:2px solid #0e5ea6; background:#FFF; /*box-shadow:0px 0px 8px #B6D8E7;*/}
#zxzx_rt .box .p_1{ text-align:center; font-size:18px; line-height:20px; font-weight:bold; color:#0e5ea6 ; padding-top:9px;}
#zxzx_rt .box .p_2{ padding:0 0 0 6px; line-height:16px; font-size:12px; padding-top:14px; text-align:left;}
#zxzx_rt .box .p_3{ margin:10px auto 0 auto; width:60px; padding-left:37px; height:30px; line-height:30px; background:#EEE url(../images/zxzx_05.png) 11px center no-repeat; font-size:12px; font-weight:bold; color:#f5680d; cursor:pointer;}
#zxzx{ position:fixed; left:50%; top:50%; margin:-172px 0 0 -130px; color:#333; z-index:9999; width:256px; height:335px; border:1px solid #0e5ea6; border-radius:4px; background:#FFF; display:none;}
#zxzx .top{ height:42px; color:#FFF; background:#0e5ea6; border-radius:4px; overflow:hidden;}
#zxzx .top .tit{ float:left; padding:5px 0 0 10px; font-size:16px; line-height:18px;}
#zxzx .top .tit p{ color:#2F94EE; font-size:10px; line-height:16px; text-transform:uppercase;}
#zxzx .top .close{ float:right; padding:9px 15px 0 0;}
#zxzx .top .close img{ cursor:pointer;}
#zxzx .box_1{ clear:both; margin:7px 0 0 7px; width:233px; position:relative;}
#zxzx .area{ width:219px; height:70px; padding:10px 6px 6px 6px; border:1px solid #E5E5E5; border-radius:4px; color:#666; font-size:12px; line-height:16px;}
#zxzx .box_1 em{ position:absolute; right:-10px; top:0px; line-height:32px; font-style:normal; color:#ff0000;}
#zxzx .box{ clear:both; margin:6px 0 0 7px; width:231px; height:30px; border:1px solid #E5E5E5; border-radius:4px; position:relative;}
#zxzx .box p{ float:left; padding-left:23px; width:48px; height:30px; line-height:30px; font-size:14px; color:#525252; background:#F4F4F4;}
#zxzx .box input{ float:right; width:140px; height:20px; padding:5px 5px 5px 15px; line-height:20px; border:0; color:#666; background:#FFF; font-size:12px;}
#zxzx .box em{ position:absolute; right:-10px; top:0px; line-height:32px; font-style:normal; color:#ff0000;}
#zxzx .btnbox{ clear:both; padding:7px 0 0 7px;}
#zxzx .btnbox input{ width:108px; height:31px; line-height:31px; text-align:center; color:#FFF; border:0px; cursor:pointer;}
#zxzx .btnbox .btn1{ background:#0e5ea6; margin-left:3px;}
#zxzx .btnbox .btn2{ background:#535353; margin-left:7px;}

/*询盘，在线留言*/
/*feedback*/
.jn_main{ padding:60px 0 0 0;}
.jn_box{ clear:both; padding-bottom:20px; overflow:hidden; width:580px; margin:0px auto;}
.jn_box .lt{ float:left; width:100px; padding:0 5px 0 0; line-height:30px; text-align:right; font-size:14px; font-weight:bold;}
.jn_box .rt{ float:left; width:420px;}
.jn_box .txt{ width:325px; height:28px; line-height:28px; border:1px solid #DBDBDB; color:#444; padding:0 10px; font-size:13px; border-radius:3px; outline:none;}
.jn_box input:focus{ border:1px solid #fe4301;}
.jn_box textarea:focus{ border:1px solid #fe4301;}
.jn_box .cod{ width:70px; height:28px; line-height:28px; border:1px solid #DBDBDB; color:#444; padding:0 15px; font-size:13px; border-radius:3px; outline:none;}
.jn_box .txtarea{width:325px; height:120px; padding:10px; font-size:13px; border:1px solid #DBDBDB; border-radius:3px; outline:none;}
.jn_box .btn{ width:95px; height:32px; text-align:center; line-height:30px; border:0px; background:#666; color:#FFF; font-size:15px; font-weight:bold; border-radius:3px; cursor:pointer;}
.jn_box .btn:hover{ background:#fe4301}
.cl_red{ color:#f00;}
.fd_pro_tb{ width:100%; margin:0 auto; border-left:1px solid #E8E8E8; border-top:1px solid #E8E8E8; margin-bottom:20px;}
.fd_pro_tb th, .fd_pro_tb td{ border-right:1px solid #E8E8E8; border-bottom:1px solid #E8E8E8;}
.fd_pro_tb th{ background:#F5F5F5; height:40px; line-height:40px; font-weight:normal;}
.fd_pro_tb td{ text-align:center; padding:10px 0;}
.fd_pro_tb td input{ border:1px solid #E8E8E8; width:80px; padding:0 10px; height:22px; line-height:22px; text-align:right;}
.fd_pro_tb .del{ color:#F00; cursor:pointer;}


/*漂浮，在线咨询*/


/* feedback start */
.msg{
	text-align:left;
}
.msg ul{
	overflow:hidden;
	padding:0px 20px;
}
.msg ul li{
	width:50%;
	float:left;
	line-height:30px;
	padding:10px 0px;
	min-height:40px;
	text-indent:0px;
}
.msg ul li.large{
	width:100%;
}
.msg ul li span{
	display:inline-block;
	width:50px;
}
.msg ul li input{
	background: #fff none repeat scroll 0 0;
    border: 1px solid #dddddd;
    box-shadow: 2px 2px 2px #f4f4f4 inset;
    color: #666;
    font-size: 14px;
    height: 18px;
    line-height: 18px;
    padding: 8px 10px;
    width: 250px;
}
.msg ul li input.short{
    width: 100px;
}
.msg ul li textarea{
	background: #fff none repeat scroll 0 0;
    border: 1px solid #dddddd;
    box-shadow: 2px 2px 2px #f4f4f4 inset;
    color: #666;
    font-size: 14px;
    height: 100px;
    line-height: 18px;
    padding: 8px 10px;
    width: 700px;
    vertical-align:middle;
}
.msg ul li img{
    vertical-align:middle;
    cursor: pointer;
}
.msg ul li .btnSub{
	background:#fe4301 ;
	width:120px;
	height:36px;
	line-height:36px;
	cursor:pointer;
	color:#FFF;
	border:0px;
}
/* feedback end */


/*左侧漂浮*/
.ypf{ position:fixed; left:20px; top:330px; width:75px; z-index:9999;}
.ypf li{ vertical-align:middle; margin-bottom:8px; position:relative;width:75px; height:75px; }
.ypf img{ vertical-align:middle;}
.ypf li.ypf_1{ overflow:hidden;}
.ypf .ypf_1 a{ display:none;margin:0px; padding:0px;}
.ypf .ypf_1 a.fxmore{ background:url(../images/t1.png) no-repeat; display:block; width:75px; height:75px; display:block;}
.ypf .ypf_2 a{ background:url(../images/t2.png) no-repeat; display:block; width:75px; height:75px;}
.ypf .ypf_3 a{ background:url(../images/t3.png) no-repeat; display:block; width:75px; height:75px;}
.ypf .ypf_4 a{ background:url(../images/t4.png) no-repeat; display:block; width:75px; height:75px;}
.ypf .ypf_1 a:hover{ background:url(../images/t11.png) no-repeat; }
.ypf .ypf_2 a:hover{ background:url(../images/t22.png) no-repeat;}
.ypf .ypf_3 a:hover{ background:url(../images/t33.png) no-repeat; }
.ypf .ypf_4 a:hover{ background:url(../images/t44.png) no-repeat;}
.ypf_3 .ew{ position:absolute; left:78px;top:0px; display:none}
.ypf li.ypf_3:hover .ew{ display:block;}
.ypf_4 .ew{ position:absolute; left:78px;top:0px; display:none}
.ypf li.ypf_4:hover .ew{ display:block;}
.ypf .ypf_contact{width:200px;height:75px;background:#ffffff;text-align:left;padding-top:15px}
.ypf .ypf_contact p{line-height:25px;color:#000000;font-size:16px;margin-left:10px;}