*{ font-size:16px;padding:0px; margin:0px }
body,td,th { font-family:"Microsoft Yahei"; font-size: 16px; color: #666; }
body { background-color:#FFFFFF; background-color: #FFF; padding:0px; margin:0px auto;overflow:scroll;
	overflow-x:hidden;overflow-y:auto;
	font-family: Microsoft YaHei,Helvitica,Verdana,Tohoma,Arial,san-serif;
	font-size:16px; max-width:640px;}


a { font-family:"Microsoft Yahei"; font-size: 16px; color: #666; }
a:link { text-decoration: none; }
a:visited { text-decoration: none; color: #666; }
a:hover { text-decoration: none; color: #e62129; }
a:active { text-decoration: none; color: #666; }

.top_phone { font-family:"Microsoft Yahei"; font-size:16px; color:#e62129; }

a.navlink:link { color:#FFFFFF; font-size:22px; font-family:"Microsoft Yahei"; text-decoration: none; }
a.navlink:visited { color:#FFFFFF; font-size:22px; font-family:"Microsoft Yahei"; text-decoration: none; }
a.navlink:hover { color:#FFFFFF; font-size:22px; font-family:"Microsoft Yahei"; text-decoration:underline; }
a.navlink:active { color:#FFFFFF; font-size:22px; font-family:"Microsoft Yahei"; text-decoration: none; }

.PicOnePxBorder { padding:1px; border:1px #cacaca solid; }
.PicTwoPxBorder { padding:2px; border:1px #cacaca solid; }
.PaddingNinePxOneBorder {padding:9px; border:1px #cacaca solid;}
.PaddingFourPxOneBorder {padding:4px; border:1px #cccccc solid;}

.mainbody{ width:606px; margin:0px auto; padding:0px; overflow:hidden; }
.fuhao{ font-size:16px;font-weight: normal; padding-right:5px; }
.hangkongbai{ width:606px; margin:0px auto; padding:0px; height:10px; }

#banner { width: 100%;  margin: 0px auto; padding:0px;}
img{ margin:0; padding:0; border:0; }
li{ list-style: none outside none;}/*===FlexSlider幻灯片  开始===*/
/*幻灯片标题*/
 .flex-caption { width:100%; padding:3px 0px; position: absolute; bottom: 3px;color: #fff;text-align: right;font-size: 14px;line-height: 22px;height:22px;}
/* FlexSlider Necessary Styles*/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme
*********************************/
.flexslider { margin: 0px; background: #fff; border: 0px solid #fff; position: relative;  zoom: 1; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }

/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a  { display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0,0,0,0.8); text-shadow: 1px 1px 0 rgba(255,255,255,0.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
.flex-direction-nav .flex-prev { left: -50px; }
.flex-direction-nav .flex-next { right: -50px; text-align: right; }
.flexslider:hover .flex-prev { opacity: 0.7; left: 10px; }
.flexslider:hover .flex-next { opacity: 0.7; right: 10px; }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
.flex-direction-nav a:before  { font-family: "flexslider-icon"; font-size: 40px; display: inline-block; content: '\f001'; }
.flex-direction-nav a.flex-next:before  { content: '\f002'; }

/* Pause/Play */
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
.flex-pauseplay a:before  { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover  { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; }

/* Control Nav */
/*.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}*/
.flex-control-nav{ width: 100%;position:absolute; bottom:10px;  margin:0px; text-align: center; border:0px dashed red}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background-color: #e62129; cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}
/*===FlexSlider幻灯片  结束===*/

/*四大块*/
.part1{width:606px; padding:0px; margin:0px; overflow:hidden;}
.part1 .box1{ width:267px; height:267px; float:left; background:url(../Images/IndexAboutBg1.jpg) no-repeat; padding:14px 14px 14px 14px; margin:0px; cursor:pointer; }
.part1 .box1 h1{width:267px; height:37px; text-align:center; color:#222; line-height:42px; font-size:15px; font-family:"Microsoft Yahei"; font-weight:bold; padding:0px; margin:0px;}
.part1 .box1 h1 a:link{color:#222; text-decoration:none;  font-size:15px; font-family:"Microsoft Yahei"; padding:0px; margin:0px;}
.part1 .box1 h1 a:visited{color:#222; text-decoration:none;  font-size:15px; font-family:"Microsoft Yahei"; padding:0px; margin:0px;}
.part1 .box1 h1 a:hover{color:#e62129; text-decoration:none;  font-size:15px; font-family:"Microsoft Yahei"; padding:0px; margin:0px;}
.part1 .box1 dd{width:267px; height:118px; border:0px; padding:0px; margin:0px;}
.part1 .box1 dt{width:267px; text-indent:2em; margin-top:0px; line-height:25px; padding:0px; font-family:"Microsoft Yahei"; }
.kongbai{ width:16px; height:295px; float:left;}
.kongbai2{ width:16px; height:295px; float:left;}

/*划过*/
.part1 .box2{ width:267px; height:267px; float:left; background:url(../images/IndexAboutHoverBg.jpg) no-repeat; padding:14px 14px 14px 14px; color:#4C4C4C; margin:0px; cursor:pointer; }
.part1 .box2 h1{width:267px; height:37px; color:#e62129; line-height:42px; text-align:center; font-size:15px; font-family:"Microsoft Yahei"; font-weight:bold; padding:0px; margin:0px;}
.part1 .box2 h1 a:link{color:#e62129; text-decoration:none; font-size:15px; font-family:"Microsoft Yahei"; padding:0px; margin:0px;}
.part1 .box2 h1 a:visited{color:#e62129; text-decoration:none; font-size:15px; font-family:"Microsoft Yahei"; padding:0px; margin:0px;}
.part1 .box2 h1 a:hover{color:#e62129; text-decoration:none; font-size:15px; font-family:"Microsoft Yahei"; padding:0px; margin:0px;}
.part1 .box2 dd{width:267px; height:118px; border:0px; padding:0px; margin:0px;}
.part1 .box2 dt{width:267px; text-indent:2em; margin-top:0px; line-height:25px; padding:0px; font-family:"Microsoft Yahei"; color:#a01309; }


.IndexAbout { font-size:14px; line-height:32px; font-family:"Microsoft Yahei"; color:#2B1F06;  padding-bottom:35px; vertical-align:top; word-break:break-all; }

a.indexaboutmore:link { color:#dddddd; font-size:14px; font-family:"Microsoft Yahei"; font-weight:bold; text-decoration: none; }
a.indexaboutmore:visited { color:#dddddd; font-size:14px; font-family:"Microsoft Yahei"; font-weight:bold; text-decoration: none; }
a.indexaboutmore:hover { color:#FFFFFF; font-size:14px; font-family:"Microsoft Yahei"; font-weight:bold; text-decoration:underline; }
a.indexaboutmore:active { color:#dddddd; font-size:14px; font-family:"Microsoft Yahei"; font-weight:bold; text-decoration: none; }

.IndexNews_Title2 { font-size:18px; color:#FFFFFF; font-family: "Microsoft Yahei"; cursor:pointer; background:#0042CC }
.IndexNews_Title { font-size:18px; color:#FFFFFF; font-family: "Microsoft Yahei"; cursor:pointer; background:#9E9E9E; }

.NeiRightTitle { height:45px;}
.NeiRightTitleRight { padding-right:12px; padding-top:3px; color:#333333; }

.Change_AboutTitle2 { font-size:16px; font-family:"Microsoft Yahei"; color:#FFFFFF; cursor:pointer; background-image:url(../images/NeiAboutList_Hover.jpg); }
.Change_AboutTitle { font-size:16px; font-family:"Microsoft Yahei"; color:#303030; cursor:pointer; background-image:url(../images/NeiAboutList.jpg); }


.Nei_Top_Title { font-size:14px; font-weight:bold; color:#e62129; font-family:"Microsoft Yahei"; }
.About .AboutImg { float:right; padding-left:15px; padding-top:8px; padding-bottom:0px;}
.About { font-size:13px; line-height:28px; font-family:"Microsoft Yahei"; color:#505050; padding:18px; word-break:break-all; background-color:#FFF; border:1px #cacaca solid; }
.NewsContent { font-size:14px; padding:12px; border:1px #DCDCDC solid; background-color:#FFFFFF;}
.NewsShowContent { font-size:14px; line-height:28px; padding:15px; border:1px #DCDCDC solid; color:#191919; background-color:#FFFFFF;}
.NewsShowContentContent { font-size:14px; line-height:2em; font-family:"Microsoft Yahei"; color:#666; padding-top:10px; }
.NewsShowContentContent img{ max-width:94%; height:auto;}
.ContactContent { font-size:14px; line-height:32px; background-color:#ffffff; color:#5f5f5f; padding:15px; border:1px #DBDBDB solid; font-family:Arial, Helvetica, sans-serif; word-break:break-all; vertical-align:top; }

.ProductContent { font-size:13px; font-family:"Microsoft Yahei"; color:#505050; padding:15px; word-break:break-all; background-color:#FFF; border:1px #cacaca solid; }

.newsh1 { font-size:24px; padding-top:6px; margin:0px; padding-bottom:0px; color:#000; font-family:"Microsoft Yahei"; }

.storefrontpadding { padding:10px; cursor:pointer; }
.storefrontBorder { background-color:#F4F4F4; cursor:pointer; }
.storefrontBorder2 { background-color:#E9F5E9; cursor:pointer; }

.index, .single, .article, .picture, .download, .video, .product, .job, .guestbook, .feedback{ width:98%; margin:0px auto; padding:0px; }
/*频道列表*/
.subchannellist{ width:98%;border:0px solid red; margin:0px auto;}
.subchannellist li{float:left;text-align: center; border:0px dashed blue; width:25%; }
.subchannellist li a{display:block; margin:8px 3px;  padding:8px 0px;
	background-color:#FFFFFF;border:1px solid #CCC ;
	-webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; border-radius:3px;
	-webkit-box-shadow: 0px 1px 3px rgb(190, 190, 190); -moz-box-shadow: 0px 1px 3px rgb(190, 190, 190); 
	-o-box-shadow: 0px 1px 3px rgb(190, 190, 190); box-shadow: 0px 1px 3px rgb(190, 190, 190);
}
.subchannellist #neilistcurrent a { color:#FFF; background:#e62129;}

.left_body{  padding:18px; border:1px #cacaca solid; }
.ChannelContent{ clear:both; line-height:2em; }
.ChannelContent img{ max-width:600px;; height:auto; padding:0px; margin:0px auto; }

.left_title{  border:0px solid red; clear:both; padding:0px; margin:0px;}
.left_title h2 {  padding:0px; margin:0px; color:#3d8a32;  text-align:center; overflow:hidden; height:36px; line-height:36px;  }
.left_title h2 a { color:#fff; margin:0 auto; background:#e62129; border-radius:1em; padding:2px 10px;}
.left_title h2 a:hover{ color:#FFFF00;}

/*底部菜单*/
#tool { position: fixed; bottom: 0; left: 0; right: 0; z-index: 900; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
ul.toollist { position: fixed; z-index: 900; bottom: 0; left: 0; right: 0;margin: auto; display: block; height: 58px;}
.toollist li{ float:left;width: auto;  height: 100%;width:25%;position: static!important;  margin: 0;
border-radius: 0!important; -webkit-box-sizing: border-box;box-sizing: border-box; -webkit-box-flex: 1; box-flex: 1;
-webkit-box-sizing: border-box; box-shadow: none!important; background: none;
}
.toollist li a {font-size: 20px;line-height: 20px;text-align: center;display: block;text-decoration: none;padding-top: 2px;position:relative;}
.toollist li a img{width:24px;height:24px;}
.toollist li a p{margin: 1px 0 1px 0;font-size: 14px;display: block !important;line-height: 18px;text-align: center;}
/*绿色主题*/
.toollist {	border-top: 1px solid #c70008; 
	background-image:-o-linear-gradient(top,  #e62129,  #c70008);
	background-image:-ms-linear-gradient(top,  #e62129,  #c70008);
	background-image:-moz-linear-gradient(top,  #e62129,  #c70008);
	background-image:-webkit-linear-gradient(top, #e62129,  #c70008);
	background-image:linear-gradient(top,  #e62129,  #c70008);
	-moz-box-shadow: 0 1px 0 #eee inset;-webkit-box-shadow: 0 1px 0 #eee inset;	
	-o-box-shadow: 0 1px 0 #eee inset;box-shadow: 0 1px 0 #eee inset;
}
.toollist li{ border-right: 1px solid rgba(255, 255, 255, 0.6);}
.toollist li a {color: #fff;}


h1,h2,h3,h4,h5,h6,h7,h8{ font-weight:normal;}
.c{ clear:both}
.fl{ float:left;}
.fr{ float:right;}
/*头部*/
.header{ position:relative;height:100px; background:#fff; }
.header .logo{ display:block;width:129px;height:40px;padding:6px 0 0 10px;}
.header .logo img{ display:block;width:100%;margin-left: 8px;margin-top: 15px;}

/***********************************************************************************************/
/*标题*/
.tit{margin-bottom: 40px;}
.tit h3{font-size: 40px;color: #e62129;text-align: center;line-height: 46px;}
.tit h3 span{font-size: 20px;color: #666;text-align: center;}

/*产品中心*/
.pro{margin: 50px auto;height: 960px;}

.pro .pro_cp{width: 580px;height: 828px;margin: 0 auto;}
.pro .pro_cp ul li{width: 275px;height: 256px;float: left;margin: 0 30px 30px 0;background: #f3f3f3;}
.pro .pro_cp ul li:nth-child(2n){margin-right: 0px;}
.pro .pro_cp ul li img{width: 275px;height: 206px;border: 1px solid #e0e0e0;box-sizing: border-box;}
.pro .pro_cp ul li p{font-size: 16px;color: #555;text-align: center;margin-top: 12px;}
.pro .pro_cp ul li:hover{background: #e62129;}
.pro .pro_cp ul li:hover p{color: #fff;}

/*品质*/
.Index_pz{}
.Index_pz ul{width: 462px; margin:0 auto;}
.Index_pz li{ float:left; width:216px; border:2px solid #e62129;box-sizing: border-box; border-radius:10px; text-align:center; padding:40px 0; margin: 0 30px 30px 0; cursor:pointer;}
.Index_pz li:nth-child(2n){margin-right: 0px;}
.Index_pz li.li5{ margin-right:0;}
.Index_pz li span{ display:block; height:100px;}
.Index_pz li h3{ font-size:18px; margin:15px 0;color: #e62129;}
.Index_pz li h4{ font-size:14px; text-transform:uppercase; color:#e62129;}
.Index_pz li:hover{ border:2px solid #e62129;background: #e62129;}
.Index_pz li:hover h3{ color:#fff;}
.Index_pz li:hover h4{ color:#fff; opacity:0.8;}
.Index_pz li:nth-child(1) span{ background:url(../Images/pz01.png) no-repeat center;}
.Index_pz li:nth-child(2) span{ background:url(../Images/pz02.png) no-repeat center;}
.Index_pz li:nth-child(3) span{ background:url(../Images/pz03.png) no-repeat center;}
.Index_pz li:nth-child(4) span{ background:url(../Images/pz04.png) no-repeat center;}
.Index_pz li:nth-child(5) span{ background:url(../Images/pz05.png) no-repeat center;}
.Index_pz li:nth-child(1):hover span{ background:url(../Images/pz011.png) no-repeat center;}
.Index_pz li:nth-child(2):hover span{ background:url(../Images/pz022.png) no-repeat center;}
.Index_pz li:nth-child(3):hover span{ background:url(../Images/pz033.png) no-repeat center;}
.Index_pz li:nth-child(4):hover span{ background:url(../Images/pz044.png) no-repeat center;}
.Index_pz li:nth-child(5):hover span{ background:url(../Images/pz055.png) no-repeat center;}

/*公司简介*/
.about{margin: 50px 0;height: 970px;}
.about img{width: 600px;height: 400px;margin: 0 auto;display: block; }
.about .ab_txt{width: 530px;height: 440px;margin: 0 auto;}
.about .ab_txt h4{font-size: 60px;color: #e62129;font-weight: bold;height: 140px;border-bottom: 1px solid #dddddd;}
.about .ab_txt h4 span{font-size: 20px;color: #333;font-weight: normal;}
.about .ab_txt p{font-size: 16px;color: #555;line-height: 36px;margin-top: 20px;}
.about .ab_txt .more{margin-top: 30px;}
.about .ab_txt .more a.left{padding: 12px 40px;background: #e62129;margin-right: 30px;border-radius: 50px;}
.about .ab_txt .more a.right{padding: 12px 40px;background: #ffc54a;border-radius: 50px;}
.about .ab_txt .more b{font-size: 16px;color: #fff;text-align: center;font-weight: normal;}

/*新闻资讯*/
.new_bg{margin: 50px auto;overflow: hidden;}

.new_con{ overflow: hidden;}
.new_l{margin: 0 auto;width: 572px;}
.new_l p{margin-bottom: 48px; overflow: hidden;}
.new_l p img{width: 572px; height: 264px;}
.new_l dt{float: left; border-right: 1px solid #ebebeb; width: 114px; height: 80px; padding-top: 8px;  overflow: hidden; text-align: center; line-height: 18px; font-size: 14px; color: #666;}
.new_l dt b{ display: block; line-height: 50px; font-size: 40px; color: #333;}
.new_l dd{float: right; padding-right:15px; width:405px;}
.new_l dd h3{margin-bottom: 14px; line-height:25px; font-size: 18px; font-weight: normal;}
.new_l dd h3:hover a{color: #e62129;}
.new_l dd h3 a{color: #333333;}
.new_l dd p{ line-height:22px; color: #888888; font-size: 14px;}

.new_r{width: 563px; margin: 0 auto;}
.new_r dl{width: 571px; padding: 17px 0 13px 0;overflow: hidden; border: 1px solid #ebebeb; margin-bottom: 20px;}
.new_r dt{float: left; border-right: 1px solid #ebebeb; width: 114px; height: 80px; padding-top: 8px;  overflow: hidden; text-align: center; line-height: 18px; font-size: 14px; color: #666;}
.new_r dt b{ display: block; line-height: 50px; font-size: 40px; color: #333;}
.new_r dd{float: right; padding-right:15px; width:405px;}
.new_r dd h3{margin-bottom: 10px; line-height:25px; font-size: 18px; font-weight: normal;}
.new_r dd h3:hover a{color: #e62129;}
.new_r dd h3 a{color: #333333;}
.new_r dd p{ line-height:22px; color: #888888; font-size: 14px;}
.new_r dt:hover a,.new_l dt:hover a{text-decoration: none; color: #666;}





















