﻿@charset "utf-8";
/* CSS Document */
/*--------------------------------------------通用样式----------------------------------------------*/
body{ padding:0px; margin:0px; font-size:12px; font-family:'微软雅黑','宋体',arial; color:#2f2f2f; background:#FFFFFF;}
ol,ul,li,dl,dt,dd,form,img,span,a,h1,h2,h3,h4,h5,h6{ padding:0px; margin:0px; text-decoration:none; list-style:none; border:none;}
a{ color:#333; text-decoration:none;}
a:hover{ color:#017bc8;}
.clear{ clear:both;}

/*--------------------------------------------Header----------------------------------------------*/
.header{ width:100%; height:78px; background:url(../Images/TopBg.jpg) repeat-x;}
.head{ width:980px; height:78px; margin:0px auto;}
.logo{ width:320px; height:78px; float:left;}
.headR{ width:168px; height:78px; float:right; }
.headR p{ width:168px; height:20px; line-height:20px; text-align:center; font-size:12px; font-family:"宋体"; color:#151515; margin-top:10px; padding-right:10px;}
.search{ width:168px; height:25px; background: url(../Images/SearchBg.gif) no-repeat; margin-top:10px;}
.t1{ width:127px; height:16px; float:left;  font-size:12px; font-family:"宋体";background:none; border:none; line-height:16px; padding-top:2px; margin-left:10px;}
.but{ width:29px; height:19px; float:right; cursor:pointer; background:none; border:none;}

/*--------------------------------------------NavMenu----------------------------------------------*/
.nav{ width:100%; height:48px; background:url(../Images/MenuBg.jpg) #e9e8e6 repeat-x;}
.navto{ width:980px; height:48px; margin:0px auto;}
.navto li{ width:122px; float:left; line-height:48px; text-align:center; _display:inline; font-size:14px; font-family:'微软雅黑','宋体',arial; color:#FFF;position: relative;}
.navto li a{width:122px; height:48px; display:block; color:#444444;font-size:14px; font-family:'微软雅黑','宋体',arial;font-weight:bold;}

.navto li a:hover{ background:url(../Images/MenuOnBg.jpg) repeat-x; color:#017bc8}
.navto li a.nobg{ background:url(../Images/MenuOnBg.jpg) repeat-x; color:#017bc8}
.navto li a.nobg a{color:#990000}

.navto li ul {
	position: absolute;
	left: 0px;
	display: none;
	z-index:999999;
}
.navto li ul li {
	background-color:#FFFFFF;
	line-height: 25px;
	text-align: left;
	height: 25px;
	z-index:999999;
}
.navto li ul li dl {
	float: left;
	margin-left: 5px;
	margin-top: 10px;
	z-index:999999;
}
*html .navto li ul li dl {
	float: left;
	margin-left: 10px;
	margin-top: 10px;
	z-index:999999;
}
.navto li ul li ul li {
	line-height: 25px;
	font-weight: normal;
	height: 25px;
	text-align: center;
	font-size: 12px;
	z-index:999999;
}
.navto li ul li ul li a{color:#2f2f2f; height:25px; line-height:25px; font-size:12px; font-weight:normal}
.navto li ul li ul li a:hover{ background: #EFEFEF; font-weight:bold;}

.navto dt {
	color: #017bc8;
	z-index:999999;
	margin-bottom:-10px;
}
.navto dt a {
    width:150px;
	color: #017bc8;
	z-index:999999;
	font-size:14px;
}
.navto dt a:hover{ background:none}
.navto dd {
	font-size:12px;
	font-weight: normal;
	z-index:999999;
}
.navto dd a{width:150px; height:22px; line-height:22px;font-size:12px; color:#333333;font-weight:normal}
.navto dd a:hover{ background: #EFEFEF; font-weight:bold;}

/*--------------------------------------------Index样式----------------------------------------------*/
/* mainbanner */
.mainbanner{height:600px;overflow:hidden; position:relative;}
.mainbanner_window{left:50%;width:1960px;height:600px;overflow:hidden;margin-left:-980px;position:absolute;}
.mainbanner_window ul{width:999999px;height:600px;position:relative;}
.mainbanner_window li{background:rgb(204, 204, 204);width:1960px;height:600px;text-align:center;font-size:0px;float:left;display:inline;}
.mainbanner_list{left:50%;top:550px;width:150px;height:20px;margin-left:-35px; text-align:center;position:absolute;} /*margin-left 3张:-35px,4张:, */
.mainbanner_list li{width:20px;height:20px;overflow:hidden;float:left;display:inline;}
.mainbanner_list a{background:url("../images/dot.png") no-repeat;width:11px;height:11px;line-height:11px;overflow:hidden;text-align:center;color:rgb(255, 255, 255);font-size:12px;font-weight:700;float:left;display:inline-block;}
.mainbanner_list li.active a{background-position:0 -12px;text-decoration:none;}
.mainbanner_list li a:hover{background-position:0 -12px;text-decoration:none;}

/*IndexNews*/
.IndexNews{ width:100%; height:39px; background:url(../Images/IndexNewsBg.jpg) #f4f4f4 repeat-x;}
.News{ width:980px; height:39px; margin:0px auto;}
.IndexNews .News .Title{ width:85px; height:39px; line-height:39px; color:#017bc8; text-align:center; float:left; background:url(../Images/IndexNewsDot.gif) 5px center no-repeat;}
.IndexNews .News .Line{ width:20px; height:29px; padding-top:10px; float:left;}
.IndexNews .News .Content{ width:700px; height:39px; line-height:39px; float:left; }
.IndexNews .News .More{ width:50px; height:39px; line-height:39px; text-align:right; float:right;}
#IndexNewsContent{ height:39px; overflow:hidden; }
#IndexNewsContent a{ display:block;line-height:39px;text-decoration:none;font-size:12px;}

/*IndexPart*/
.IndexPart{ width:980px; height:auto; margin:20px auto; overflow:hidden;}
.IndexAbout,.IndexProduct,.IndexCustomer{ width:286px; height:258px; border:#e4e4e4 1px solid; background: url(../Images/IndexPartBg.jpg) repeat-x; padding:16px; }
.IndexAbout .Title,.IndexProduct .Title,.IndexCustomer .Title{ height:17px; line-height:17px; font-size:14px; background:url(../Images/IndexPartTitleDot.jpg) left center no-repeat; padding-left:22px;}
.IndexAbout .Pic,.IndexProduct .Pic,.IndexCustomer .Pic{ height:120px; margin:10px auto; }

.IndexAbout { float:left; }
.IndexAbout p{ line-height:22px; padding:0; margin:0;}
.IndexAbout .More{ text-align:right; }

.IndexProduct{ margin-left:10px; float:left; }
.IndexProduct p{ width:129px; height:22px; line-height:22px; padding-left:10px; background:url(../Images/IndexPartDot.gif) left center no-repeat; float:left; margin:0;}

.IndexCustomer{ float:right;}
.IndexCustomer p{ width:129px; height:22px; line-height:22px; padding-left:10px; background:url(../Images/IndexPartDot.gif) left center no-repeat; float:left; margin:0;}

/*IndexProExpo*/
.IndexProExpo{ width:980px; height:auto; margin:0 auto; overflow:hidden;}
.IndexProExpo .Title{ width:978px; height:36px; line-height:36px; border:#dedede 1px solid; background: url(../Images/SubRightTitleBg.jpg) repeat-x;}
.IndexProExpo .Title span{ width:100px; background:url(../Images/SubRightTitleDot.jpg) left center no-repeat; font-size:14px; margin-left:16px; padding-left:20px;}
.IndexProExpo .Title .More{ width:31px; height:5px; margin:15px 16px; float:right; }

.IndexProExpo .Pro{ width:978px; height:155px; padding-top:10px; border-left:#dedede 1px solid; border-right:#dedede 1px solid; border-bottom:#dedede 1px solid; overflow:hidden;}

.Pro li{ width:140px; height:140px; float:left; font-size:12px; font-family:"宋体"; color:#161616; text-align:center; margin-left:13px;}
.Pro li a{  color:#161616;}
.liimg{ width:140px; height:140px; border:1px solid #cccccc; margin-bottom:10px; }

/*--------------------------------------------Sub样式----------------------------------------------*/
.SubBannerMade{ width:100%; height:300px;; background:url(../Images/SubBannerMade.jpg) center no-repeat;}
.SubBannerCoating{ width:100%; height:300px;; background:url(../Images/SubBannerCoating.jpg) center no-repeat;}
.SubBannerProduct{ width:100%; height:300px;; background:url(../Images/SubBannerCustomer.jpg) center no-repeat;}
.SubBannerFactory{ width:100%; height:300px;; background:url(../Images/SubBannerFactory.jpg) center no-repeat;}
.SubBannerCustomer{ width:100%; height:300px;; background:url(../Images/SubBannerCustomer.jpg) center no-repeat;}
.SubBannerSupport{ width:100%; height:250px;; background:url(../Images/SubBannerSupport.jpg) center no-repeat;}
.SubBannerNews{ width:100%; height:250px;; background:url(../Images/SubBannerNews.jpg) center no-repeat;}
.SubBannerJob{ width:100%; height:250px;; background:url(../Images/SubBannerJob.jpg) center no-repeat;}
.SubBannerAbout{ width:100%; height:250px;; background:url(../Images/SubBannerAbout.jpg) center no-repeat;}
.SubBannerContact{ width:100%; height:250px;; background:url(../Images/SubBannerContact.jpg) center no-repeat;}

.Sub{ width:980px; height:auto; padding-top:20px; margin:0 auto; overflow:hidden;}

/*SubLeft*/
.SubLeft{ width:210px; float:left;}
.SubLeft .Title{ width:210px; height:37px; background-color:#f3f3f3; border-bottom:#d2d2d2 1px solid;}
.SubLeft .Title h4{ width:210px; height:37px; line-height:37px; background:url(../Images/SubLeftTitleDot.jpg) 10px center no-repeat; padding-left:35px; font-size:14px; font-family:'微软雅黑','宋体',arial; color:#444444; font-weight:bold;}

/*SubLeft-SubMenu普通栏目左侧菜单*/
.SubLeft ul.SubMenu li{ width:208px; height:29px; line-height:29px; background: url(../Images/SubLeftMenuBg.jpg) repeat-x; border:#dedede 1px solid; margin-top:5px; font-size:12px; font-family:'微软雅黑','宋体',arial; text-indent:20px; float:left;}
.SubLeft ul.SubMenu li a{ width:208px; height:29px; background: url(../Images/SubLeftMenuMore.gif) no-repeat 180px center; display:block;}
.SubLeft ul.SubMenu li a:hover{ background:url(../Images/SubLeftMenuBgOn.jpg) repeat-x; color:#FFFFFF;}
.SubLeft ul.SubMenu li a.on{ background:none; background:url(../Images/SubLeftMenuBgOn.jpg) repeat-x; color:#FFFFFF}

/*SubLeft-SubProMenu-SubProMenu_1产品栏目左侧一级菜单*/
ul.SubProMenu li.SubProMenu_1{ width:208px; height:29px; line-height:29px; background: url(../Images/SubLeftMenuBg.jpg) repeat-x; border:#dedede 1px solid; text-indent:20px; margin-top:5px; font-size:12px; font-family:'微软雅黑','宋体',arial;  float:left;}
ul.SubProMenu li.SubProMenu_1 a{ width:208px; background: url(../Images/SubLeftMenuMore.gif) no-repeat 190px center; height:29px; display:block;}
ul.SubProMenu li.SubProMenu_1 a:hover{ background: url(../Images/SubProMenu_1_on.gif) 10px center no-repeat; color:#017bc8;}
ul.SubProMenu li.SubProMenu_1 a.on{ background: url(../Images/SubProMenu_1_on.gif) 10px center no-repeat; color:#017bc8; font-weight:bold;}

/*SubLeft-SubProMenu-SubProMenu_2产品栏目左侧二级菜单*/
ul.SubProMenu li.SubProMenu_2{ width:210px; height:29px; line-height:29px; background: url(../Images/SubProMenu_2.gif) #f3f3f3 22px center no-repeat; text-indent:30px; margin-top:5px; font-size:12px; font-family:'微软雅黑','宋体',arial;  float:left;}
ul.SubProMenu li.SubProMenu_2 a{ width:210px; background: url(../Images/SubLeftMenuMore.gif) no-repeat 190px center; height:29px; display:block;}
ul.SubProMenu li.SubProMenu_2 a:hover{ background: url(../Images/SubProMenu_2_on.gif) 22px center no-repeat; color:#017bc8;}
ul.SubProMenu li.SubProMenu_2 a.on{ background: url(../Images/SubProMenu_2_on.gif) 22px center no-repeat; color:#017bc8; font-weight:bold;}

/*SubLeft-SubProMenu-SubProMenu_3产品栏目左侧三级菜单*/
ul.SubProMenu li.SubProMenu_3{ width:210px; height:29px; line-height:29px; background: url(../Images/SubProMenu_3.gif) #fafafa 22px center no-repeat; text-indent:30px; margin-top:5px; font-size:12px; font-family:'微软雅黑','宋体',arial;  float:left;}
ul.SubProMenu li.SubProMenu_3 a{ width:210px; height:29px; display:block;}
ul.SubProMenu li.SubProMenu_3 a:hover{ background: url(../Images/SubProMenu_3_on.gif) 22px center no-repeat; color:#017bc8;}
ul.SubProMenu li.SubProMenu_3 a.on{ background: url(../Images/SubProMenu_3_on.gif) 22px center no-repeat; color:#017bc8; font-weight:bold;}

/*SubRight*/
.SubRight{ width:760px; height:auto; float:right; overflow:hidden;}
.SubRight .Title{ width:758px; height:36px; line-height:36px; border:#dedede 1px solid; background: url(../Images/SubRightTitleBg.jpg) repeat-x;}
.SubRight .Title span{ width:600px; background:url(../Images/SubRightTitleDot.jpg) left center no-repeat; font-size:12px; margin-left:16px; padding-left:20px; float:left;}
.SubRight .Content{ width:728px; height:auto; line-height:25px; min-height:300px; padding:15px; border-left:#dedede 1px solid; border-right:#dedede 1px solid; border-bottom:#dedede 1px solid; overflow:hidden;}

/*SubPro*/
ul.SubPro{ width:728px;}
ul.SubPro li{ width:240px; margin-bottom:30px; text-align:center; line-height:30px; overflow:auto; float:left; }
ul.SubPro li img{ width:150px; height:150px; border:1px #DEDEDE solid;}
ul.SubPro li span{ width:67px; height:24px; line-height:24px; background-color:#017bc8; color:#FFF;  text-align:center; display:block; margin:0 auto; }


/*SubProShow*/
.SubProShow .pic{ margin-bottom:10px; float:left;}
.SubProShow .pic img{ width:380px; height:380px;}
.SubProShow .Ptitle{ width:338px; float:right;}
.SubProShow .Ptitle .t_model{ widht:338px; font-size:14px; font-weight:bold; color:#017bc8; display:block;}
.SubProShow .Ptitle .t_title{ widht:338px; font-size:13px; font-weight:bold; display:block;}
.SubProShow .Ptitle .f_body{ widht:338px;  line-height:22px; display:block;}
.SubProShow .Ptitle ul{ margin-top:10px;}
.SubProShow .Ptitle ul li{ border: #CCC 1px solid; margin-right:5px; height:105px; float:left;}

#tabCot_product{ margin:0; padding:0}
.tabContainer{width:760px;background:url(../images/tab.gif) repeat-x bottom;overflow:hidden; margin-top:10px;}
.tabContainer li{float:left;margin-right:2px;background:url(../images/tabOff_right.gif) no-repeat right top;}
.tabContainer li a{display:block!important;display:inline-block;padding:0 15px;height:27px;line-height:27px;background:url(../images/tabOff_left.gif) no-repeat left top;color:#696969;font-size:14px;font-weight:bolder; text-decoration:none}
.tabCot{ border-top:none; line-height:22px; margin-top:10px;}
.tabContainer li.currentBtn{background:url(../images/tabOn_right.gif) no-repeat right top;}
.tabContainer li.currentBtn a{height:28px;background:url(../images/tabOn_left.gif) no-repeat left top;color:#434142;font-size:14px; text-decoration:none}

/*SubSolution*/
ul.SubSolution{float:left;}
ul.SubSolution li{ width:728px; height:102px; margin-bottom:15px;}
ul.SubSolution li img{ width:180px; height:100px; border:1px solid #efefef; float:left; }
ul.SubSolution li span{ width:540px; height:102px; line-height:18px; float: right; }
ul.SubSolution li span p{ padding-top:5px; line-height:20px;}

/*SubFacotry*/
ul.SubFacotry{float:left;}
ul.SubFacotry li{ margin:0 8px; float:left; }
ul.SubFacotry li img{ width:220px; height:220px; padding: 3px;}
ul.SubFacotry li span{ width:220px; height:30px; line-height:25px; text-align:center; display:block; }

/*SubCustomer*/
ul.SubCustomer{float:left;}
ul.SubCustomer li{ margin:0 8px; float:left; }
ul.SubCustomer li img{ width:160px; height:100px; border:1px solid #d9d9d9; padding:2px;}
ul.SubCustomer li span{ width:160px; height:30px; line-height:25px; text-align:center; display:block; }

/*SubDown*/
.SubDownTitle{ font-size:14px; }

/*SubNews*/
ul.SubNews li {BORDER-BOTTOM: #ccc 1px dashed; LINE-HEIGHT: 30px; HEIGHT: 30px}
ul.SubNews li .News_title {PADDING-LEFT: 15px; WIDTH: 600px; HEIGHT: 30px; BACKGROUND: url(../Images/IndexPartDot.gif) no-repeat 5px 12px; FLOAT: left;  OVERFLOW: hidden; margin:0;}
ul.SubNews li .News_time {PADDING-RIGHT: 15px; COLOR: #999999; FLOAT: right; margin:0;}
.SubNewsShowTitle{ font-size:16px; font-weight:bold; color:#017bc8; text-align:center; height:35px; }
.SubNewsShowTime{ height:30px; line-height:30px; color:#999999; background-color:#f8f8f8; text-align:center; margin-bottom:20px ;}

/*SubJob*/
.SubJobTitle{ font-size:14px; color:#017bc8; padding-left:25px; }

/*SubFeedback*/
.SubFeedbackTitle{ font-size:14px; color:#017bc8; padding-left:15px; }
.SubRight .Title .FeedbackAdd{ padding-right:16px; float:right;}
.SubRight .Content .FeedbackTime{ padding-left:5px; font-size:12px; color:#999;}

/*page分页样式*/
.page{ min-width:440px;  width:auto !important; width:440px;_width:540px; height:21px;line-height:21px;  margin:10px auto; }
.page a.a1{ display:block; width:36px; height:21px; background:url(../images/ny_41.jpg) no-repeat; text-align:center; font-size:12px; font-family:"宋体"; color:#535353; float:left;  margin-left:2px;}
.page a.a1:hover{ display:block; width:36px; height:21px; background:url(../images/ny_31.jpg) no-repeat; text-align:center; font-size:12px; font-family:"宋体"; color:#017bc8; float:left;  margin-left:2px; text-decoration:none;}
.page a.aa1{ display:block; width:36px; height:21px; background:url(../images/ny_31.jpg) no-repeat; text-align:center; font-size:12px; font-family:"宋体"; color:#017bc8; float:left;  margin-left:2px; text-decoration:none;}
.page b{ font-weight:normal; float:left;}
.page a.a2{ display:block; width:48px; height:21px; background:url(../images/ny_39.jpg) no-repeat; text-align:center; font-size:12px; font-family:"宋体"; color:#535353; float:left;  margin-left:2px;}
.page a.a2:hover{ display:block; width:48px; height:21px; background:url(../images/ny_33.jpg) no-repeat; text-align:center; font-size:12px; font-family:"宋体"; color:#017bc8; float:left;  margin-left:2px; text-decoration:none;}
.page a.aa2{ display:block; width:48px; height:21px; background:url(../images/ny_33.jpg) no-repeat; text-align:center; font-size:12px; font-family:"宋体"; color:#017bc8; float:left;  margin-left:2px; text-decoration:none;}
.page a.a3{ display:block; width:19px; height:21px; background:url(../images/ny_37.jpg) no-repeat; text-align:center; font-size:12px; font-family:"宋体"; color:#535353; float:left; margin-left:2px;}
.page a.a3:hover{ display:block; width:19px; height:21px; background:url(../images/ny_35.jpg) no-repeat; text-align:center; font-size:12px; font-family:"宋体"; color:#017bc8; float:left; margin-left:2px; text-decoration:none;}
.page a.aa3{ display:block; width:19px; height:21px; background:url(../images/ny_35.jpg) no-repeat; text-align:center; font-size:12px; font-family:"宋体"; color:#017bc8; float:left; margin-left:2px; text-decoration:none;}
.page a{color:#ff0000;}

/*--------------------------------------------Footer----------------------------------------------*/
.footer{ width:100%; background-color:#f0f0f0; border-top:#dedede 1px solid; margin-top:20px;}
.fnav{ width:980px; margin:0px auto; min-height:190px; _height:190px; height:auto !important; height:190px;}
.fnavto{ width:830px; margin:0px auto; padding-top:15px; min-height:160px; _height:160px; height:auto !important; height:160px; float:left;}
.fnavto li{ width:80px; float:left; margin-right:18px; }
.fnavto li h4{ width:80px; height:35px;text-align:left; line-height:35px; font-size:14px; font-family:'微软雅黑','宋体',arial; color:#282828;}
.fnavto li p{ height:20px; line-height:20px; font-size:12px; font-family:'微软雅黑','宋体',arial; color:#c1c1c1; text-align:left; margin:0;}
.fnavto li p a{ color:#282828; margin:0;}
.fnavto li p a:hover{ color:#017bc8; margin:0;}

.fnav .wx{ width:140px; height:160px; float:right; margin-top:30px; }

.foot{ width:100%; height:30px; line-height:30px; margin:0px auto; text-align:center; font-size:12px; font-family:'微软雅黑','宋体',arial; background-color:#222222; color:#dfdcd8; margin-top:20px; }
.foot a{ color:#dfdcd8;}
.foot a:hover{ color:#017bc8;}