@charset "utf-8";
/* CSS Document */
body{background-color:#fff; overflow-x:hidden; color:#666; font-size:12px; font-family: microsoft yahei , "宋体";}/*网站字体颜色*/

.header , .content , .footer , .container{margin-left:auto; margin-right:auto; width:1200px; font-family:microsoft yahei;}


/*search*/
.search{ overflow:hidden; width:100%; height:70px; background-color:#ededed;}
.search p{ font-size:15px; color:#545454; line-height:70px; float:left;}
.search p a{ color:#545454; margin:0 5px;}
.search .s_box{ overflow:hidden; float:right; width:400px; height:70px; background-color:#e2e2e2;}
.search input{ width:290px; height:70px; line-height:70px; font-size:15px; color:#959595; margin-left:30px; border:none; background:none; outline:none; float:left;}
.search span{ display:block; float:right; width:74px; height:70px; background:url(search.jpg) no-repeat center; cursor:pointer;}
#commonHeaderkeywords{ background:none; width:700px;}


/*页眉*/
.header{width:100%; overflow:hidden; background-color:#fff;}
.headerTop{ overflow:hidden; width:100%; height:36px; background-color:#ededed;}
.headerTop p{ font-size:14px; color:#545454; float:left; line-height:36px;}
.headerTop ul{ overflow:hidden; float:right; margin-top:12px;}
.headerTop li{ float:left; padding:0 10px; border-right:1px solid #b0b0b0;}
.headerTop li a{ font-size:14px; color:#545454;}
.headerTop li.last{ padding-right:0; border:none;}

.headerCenter{ overflow:hidden; height:130px;}
.headerCenter dl{ overflow:hidden; float:left; margin-top:28px; width:600px;}
.headerCenter dt{ overflow:hidden; float:left; padding-right:24px; margin-right:24px; border-right:1px solid #ddd;}
.headerCenter dd{ float:left; overflow:hidden; margin-top:18px; width:340px;}
.headerCenter dd h2{ font-weight:normal; font-size:16px; color:#172448;}
.headerCenter dd em{ color:#f1651d;}
.headerCenter dd p{ font-size:16px; color:#172448;}
.headerCenter .phone{ overflow:hidden; float:right; margin-top:45px; background:url(phone.png) no-repeat left center; padding-left:55px;}
.headerCenter .phone p{ font-size:16px; color:#6d6d6d; line-height:24px;}

.headerNav{ overflow:hidden; width:100%; height:54px; background-color:#172448;}
.headerNav li{ float:left; font-size:16px; line-height:54px; background:url(navbor.png) repeat-y right top;}
.headerNav li.last{ background:none;}
.headerNav li a{ color:#fff; display:block; text-decoration:none; padding:0 40px;}
.headerNav li:hover,.headerNav li.cur{ background:url(navcur.png) repeat-x left top;}

/*footer*/
.footer{ overflow:hidden; width:100%; height:425px; background-color:#292929;}
.footer .logo{ overflow:hidden; width:241px; height:375px; background:url(f_logoBg.jpg) no-repeat center top; float:left;}
.footer .logo img{ display:block; margin:60px auto;}
.footer .logo .phone{ overflow:hidden; width:100%; height:111px; background-color:#f2701a; color:#fff;}
.footer .logo p{ font-size:16px; margin-left:30px; margin-top:30px;}
.footer .logo h3{ font-size:27px; margin-left:30px; font-weight:normal; font-family:Arial}
.footer .f_right{ overflow:hidden; float:right; width:900px;}
.footer .fr_top{ overflow:hidden; margin-top:45px; width:100%; height:245px;}
.footer .fr_top dl{ overflow:hidden; float:left; width:225px;}
.footer .fr_top dt{ overflow:hidden; font-size:20px; margin-bottom:30px;}
.footer .fr_top dt a{ color:#fff;}
.footer .fr_top dd{ overflow:hidden; width:100%; font-size:15px; line-height:32px;}
.footer .fr_top dd a{ color:#a2a2a2; display:block; background:url(f_01.png) no-repeat left center; padding-left:10px;}
.footer .fr_top dd p{ font-size:15px; color:#a9a9a9;}
.footer .fr_bom { overflow:hidden; width:100%;}
.footer .fr_bom .links{ overflow:hidden; width:100%; padding-bottom:12px; border-bottom:1px solid #444; margin-bottom:20px;}
.footer .fr_bom h3{ float:left; font-size:15px; font-weight:normal;}
.footer .fr_bom h3 a{ color:#fff;}
.footer .fr_bom ul{ overflow:hidden; float:right; width:820px;}
.footer .fr_bom ul li{ float:left; font-size:15px; padding:0 16px; border-right:1px solid #bfbfbf}
.footer .fr_bom li a{ color:#bfbfbf;}
.footer .fr_bom li.last{ padding-right:0; border:none}
.footer .fr_bom p{ font-size:14px; color:#b5b5b5; float:left}
.footer .fr_bom p a{ color:#b5b5b5}
.footer .fr_bom .xinxi ul{ overflow:hidden; width:164px;}
.footer .fr_bom .xinxi li{ font-size:14px;}
.footer .fr_bom .xinxi p em{ margin:0 5px;}

/*inpage*/
/*banner*/

.ibanner{ overflow:hidden; width:100%; height:300px; background:url(banner.jpg) no-repeat center top; position:relative;}

/*search*/
.isearch{ overflow:hidden; width:100%; height:70px; background-color:#ededed; margin-bottom:40px;}
.isearch p{ font-size:15px; color:#545454; line-height:70px; float:left;}
.isearch p a{ color:#545454; margin:0 5px;}
.isearch .s_box{ overflow:hidden; float:right; width:400px; height:70px; background-color:#e2e2e2;}
.isearch input{ width:290px; height:70px; line-height:70px; font-size:15px; color:#959595; margin-left:30px; border:none; background:none; outline:none; float:left;}
.isearch span{ display:block; float:right; width:74px; height:70px; background:url(search.jpg) no-repeat center; cursor:pointer;}

/*pro.html*/
.iproduct{ overflow:hidden; margin-bottom:55px;}
.iproduct .p_box{ overflow:hidden; width:100%;}
.iproduct .pro_left { overflow:hidden; float:left; width:240px; border-bottom:1px solid #172448}
.iproduct .pro_left h4{ font-size:24px; font-weight:normal; text-align:center; line-height:80px; background-color:#172448;}
.iproduct .pro_left h4 a{ color:#fff; text-decoration:none}
.iproduct .pro_left ul{ overflow:hidden; width:100%;}
.iproduct .pro_left li{ overflow:hidden; width:235px; font-size:16px; line-height:49px; border-left:1px solid #172448; border-right:1px solid #172448; padding-left:3px}
.iproduct .pro_left li a{ display:block; color:#4f4f4f; width:190px; margin:0 auto; padding-left:15px; background:url(pro_left01.png) no-repeat right center; border-bottom:1px dashed #ddd; text-decoration:none;}
.iproduct .pro_left li:hover,.product .pro_left li.cur{ background-color:#f2f2f2; padding-left:0; border-left:4px solid #f2701a;}
.iproduct .pro_left li:hover a,.product .pro_left li.cur a{ background:url(pro_left02.png) no-repeat center right;}
.iproduct .pro_right { overflow:hidden; width:930px; float:right;}
.iproduct .pro_right .menu{ overflow:hidden; padding-bottom:15px; margin-bottom:25px; border-bottom:1px solid #ccc;}
.iproduct .pro_right .menu p{ font-size:15px; float:right;}
.iproduct .pro_right .menu a{ color:#4f4f4f;}
.iproduct .pro_right ul{ overflow:hidden; width:970px;}
.iproduct .pro_right li{ width:287px; height:260px; border:1px solid #e6e6e6; float:left; margin-right:31px; margin-bottom:35px;}
.iproduct .pro_right li img{ display:block; margin-bottom:12px;}
.iproduct .pro_right li p{ font-size:15px; color:#4f4f4f; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.iproduct .pro_right li a{ text-decoration:none;}
.iproduct .pro_right li:hover{ border:1px solid #f2701a;}
.iproduct .pro_right li:hover p{ color:#f2701a;}
.iproduct .pro_right .proBox{ overflow:hidden;}


 

/*banner开始*/
.banner {
	width:100%;
	height:100px;
	overflow:hidden;
	position:relative;
}
.banner ul {
	width:10000%;
	height:100%;
	position:relative;
	left:0; top:0;
}
.banner li {
	height:100%;
	float:left;
	overflow:hidden;
	position:relative;
	text-align:center;
}
.banner li a {
	width:100%;
	height:100%;
	display:block;
}
.banner li img {
	display:block;
	position:absolute;
	top:0;
}
.banner .ban_ico {
	height:10px;
	text-align:center;
	position:absolute;
	left:50%; bottom:20px;
}
.banner .ban_ico i {
	width:36px; height:12px;
	display:inline-block;
	margin:0 5px;
	cursor:pointer;
	background:#000;
	opacity:0.2;filter:alpha(opacity=0..2);
}
.banner .ban_ico i.active {
	background-color:#f2701a; opacity:1; filter:alpha(opcity=1)
}
 .banner .banners {
    margin: 0 auto;
    overflow: visible;
    position: relative;
    width: 1100px;
    z-index: 999; 
} 

#bannerPrev {
    background:url(btnleft.png) no-repeat scroll 0 0;
    bottom: 260px;
    cursor: pointer;
    height: 80px;
    left: 0;
    position: absolute;
    width: 44px;
    z-index: 999;
    filter:alpha(opacity=50); 
    -moz-opacity:0.5; 
    opacity:0.5; 
} 


#bannerNext {
    background:url(btnright.png) no-repeat scroll 0 0;
    bottom: 260px;
    cursor: pointer;
    height: 80px;
    position: absolute;
    right: 0;
    width: 44px;
    z-index: 999;
    filter:alpha(opacity=50); 
    -moz-opacity:0.5; 
    opacity:0.5;
    display:none;
}
/*banner结束*/ 
 
 

.ImTable{border-collapse:collapse;border:none;background:url(bg.jpg) #fff; width:140px; }
.ImTable h2{font-size:14px;font-weight:bold;margin-top:5px}
.ImHeader{height:71px;background:url(im_01.png)}
.ImRow0{background:url(ico_item1.jpg) no-repeat;margin:3px 11px 5px;height:26px;padding-top:2px;  text-align:center;}
.ImRow1{background:url(ico_item1.jpg) no-repeat;margin:3px 11px 5px;height:26px;padding-top:2px; text-align:center;}
a.im,a:hover.im{text-decoration:none;height:35px;color:#fff; font-size:14px;}

#kefubtn{ margin-top:100px;}
#bodd{ width:140px; float:right;}
.leftpic{ float:right; margin-top:105px;}
.tbottom{ border-collapse:collapse;border:none;background:url(bg.jpg) #fff; width:140px;}
.tbottom img{ margin-left:-1px;}
.tel{height:50px;background:#ff8a00; margin-top:-1px;}
.ImFooter{height:13px;background:url(im_04.png) no-repeat; display:inline-block; width:140px;font-family:Arial,Helvetica,sans-serif;}
.ImTable  img{ padding-left:17px;}
.ImRow0 img,.ImRow1 img{ padding-left:0;}
.pccode img{ padding-left:0;}
.tel h5{font-size:14px;font-weight:bold; color:#fff;text-align:center;margin:0  10px 0;font-family:'微软雅黑'; padding-top:10px;}
.tel p{font-size:16px;font-weight:bold;  color:#fff;text-align:center; margin-bottom:5px;}
.ImTable .pccode img{width:108px; height:107px; margin-left:15px; margin-top:10px;}
.ImTable .kefu{ background:#fff; border-left:3px solid #bf1b20;border-right:3px solid #bf1b20;}
.ImTable .kefu img{width:117px; height:150px; padding-top:5px;}



.custom_service p img {display: inline; margin-top:-5px; vertical-align:middle;}
.scrollsidebar{position:absolute; z-index:999; top:150px;}
.side_content{width:154px; height:auto; overflow:hidden; float:left; }
.side_content .side_list {width:154px;overflow:hidden;}
.show_btn{ width:0; height:112px; overflow:hidden; margin-top:50px; float:left; cursor:pointer;}
.show_btn span { display:none;}
.close_btn{width:24px;height:24px;cursor:pointer;}
.side_title,.side_bottom,.close_btn,.show_btn {background:url(sidebar_bg.png) no-repeat;}
.side_title {height:46px;}
.side_bottom { height:8px;}
.side_center {font-family:Verdana, Geneva, sans-serif; padding:5px 12px; font-size:12px;}
.close_btn { float:right; display:block; width:21px; height:16px; margin:16px 10px 0 0; _margin:16px 5px 0 0;}
.close_btn span { display:none;}
.side_center .custom_service p { text-align:center; padding:6px 0; margin:0; vertical-align:middle;}
.other  { text-align:center;border-bottom:1px solid #ddd;border-top:1px solid #ddd}
.other img{width:120px;height:120px;}
.other p { padding:5px 0; _height:16px; margin:0;color: #666666;}
.msgserver { text-align:center; margin-bottom:5px;}
.msgserver a { background:url(sidebar_bg.png) no-repeat -119px -115px; padding-left:22px;}

/* blue skin as the default skin */
.side_title, .side_blue .side_title {background-position:-195px 0;}
.side_center, .side_blue .side_center {background:url(blue_line.png) repeat-y center;}
.side_bottom, .side_blue .side_bottom {background-position:-195px -50px;}
.close_btn, .side_blue .close_btn {background-position:-44px 0;}
.close_btn:hover, .side_blue .close_btn:hover {background-position:-66px 0;}
.show_btn , .side_blue .show_btn {background-position:-119px 0;}
.msgserver a, .side_blue .msgserver a {color:#06C;}

/* green skin  */
.side_green .side_title {background-position:-349px 0;}
.side_green .side_center {background:url(green_line.png) repeat-y center;}
.side_green .side_bottom {background-position:-349px -50px;}
.side_green .close_btn {background-position:-44px -23px;}
.side_green .close_btn:hover {background-position:-66px -23px;}
.side_green .show_btn {background-position:-147px 0;}
.side_green .msgserver a {color:#76a20c;}


#roll_top, #fall, #ct {
    cursor: pointer;
    height: 72px;
    position: relative;
    width: 26px;
}
#roll_top {
    background:url("top.gif") no-repeat scroll 0 0;
}
#fall {
    background:url("top.gif") no-repeat scroll 0 -80px;
}
#ct {
    background:url("top.gif") no-repeat scroll 0 -40px;
}
#roll {
    display: block;
    /*margin-right: -520px;*/
    position: fixed;
    /*right: 45%;*/
    /*top: 60%;*/
    width: 15px;
    bottom:0;
    right:15px;
}