@charset "utf-8";
/* CSS Document */
html { overflow-x:hidden; margin:0; padding:0; }
body { width:100%; margin:0; padding:0px; font-size:12px; color:#666; background:#fff; font-family:Arial, Helvetica, sans-serif; word-break:keep-all; word-wrap:break-word;  overflow:hidden; }
div,img,form,h1,h2,h3,h4,h5,h6{ margin:0px; padding:0px; border:0px; }
a{ text-decoration:none; color:#666; }
a:hover { text-decoration:none; color:#f62c36; }

input,textarea{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#888; }


.section{ width:1200px; margin:0 auto; overflow:hidden; }


#main{ width:1200px; margin:30px auto 40px auto; overflow:hidden; }
#sidebar{ width:240px; clear:both; float:left; margin:0 40px 0 0; overflow:hidden; }
#content{ overflow:hidden; }

#header{ width:100%; height:108px; position:relative; z-index:100; background:url(../images/top.png) repeat-x left top; }
#top{ width:1200px; height:100%; margin:0 auto; position:relative; }

#logo{ width:240px; height:100px; display:block; background:url(../images/logo.png) no-repeat left center; position:absolute; top:7px; left:0; overflow:hidden; }

#menu{ list-style:none; margin:0; padding:0; position:absolute; top:7px; right:108px; }
#menu li{ float:left; line-height:100px; position:relative; margin:0;}
#menu li.ms{ width:1px; height:100px; background:#eee; }
#menu li a{ padding:0 32px; height:100px; display:block; font-size:16px; font-weight:bold; color:#333; }
#menu li a.on,#menu li a:hover{ color:#f62c36; }
#menu li ul{ width:640px; list-style:none; margin:0; padding:0; background:#fff url(../images/mline.png) no-repeat 305px top; position:absolute; top:100px; left:0; z-index:200; display:none; }
#menu li ul li{ width:320px; float:left;  }
#menu li ul li h3{ height:30px; line-height:normal; text-align:left; text-indent:40px; }
#menu li ul li a{ width:100%; height:50px; line-height:50px; margin:0; padding:0; font-size:14px; color:#444; text-align:center; overflow:hidden; }
#menu li ul li ul{ width:280px; height:180px; list-style:none; margin:0; padding:0 20px 20px 20px; background:none; position:relative; top:0; left:0; overflow:hidden; }
#menu li ul li ul li{ width:120px; float:left; margin-left:20px;  }
#menu li ul li ul li a{ height:30px; line-height:30px; text-align:left; font-size:12px; color:#555; margin:0; padding:0; }
#menu li:hover ul{ display:block; }


#lang{ height:100px; list-style:none; margin:0; padding:0; position:absolute; right:0; top:7px; overflow:hidden; }
#lang li{ width:24px; line-height:24px; float:left; margin:38px 20px 0 0; }
#lang li a{ width:100%; height:100%; display:block; text-align:center; font-size:10px; color:#fff; background:url(../images/lang1.png) no-repeat center center; }
#lang li a.cur{ background:url(../images/lang2.png) no-repeat center center; }

#myform{ width:260px; height:40px; display:block; background:url(../images/form.png) no-repeat left top; position:absolute; top:30px; right:0; overflow:hidden; }
.topIn{ width:160px; height:40px; line-height:40px; float:left; border:0; margin:0 0 0 20px; padding:0; background:none; outline:0; }
.topBtn{ width:72px; height:40px; line-height:40px; float:right; border:0; margin:0; padding:0; background:none; outline:0; cursor:pointer; font-size:14px; color:#fff; text-align:center; }

.banner_wrap { 
	max-width: 100%;
	height: 500px;
	margin: 0 auto;
	overflow:hidden; 
	position:relative;
}
.banner_wrap ul{ list-style:none; margin:0; padding:0; overflow:hidden; }
.banner_wrap ul li { 
	position:absolute;  
	display: none;
	left: 50%;
	margin-left:-960px;
	width: 1920px;
	height: 500px;
}
.banner_wrap ol { 
	width:90px;
	list-style:none;
	margin:0 0 0 -45px; padding:0;
	position:absolute; 
	bottom: 30px; 
	left: 50%;
	display:none;
}
.banner_wrap ol li { 
	width: 16px; 
	height: 16px;
	background:url(../images/h1.png) no-repeat center center;
	margin: 0 7px;
	cursor:pointer; 
	float: left;
}
.banner_wrap ol .current { 
	background:url(../images/h2.png) no-repeat center center;
	
}
.banner_wrap .leftBtn,.rightBtn { 
	width: 41px; 
	height: 69px; 
	display:block; 
	background:url(../images/arr.png) no-repeat -84px 0; 
	position:absolute; 
	top: 50%; 
	margin: -35px 0 0 0; 
	display:none;
}
.banner_wrap .leftBtn:hover { 
	background-position: 0 0; 
}
.banner_wrap .leftBtn{
	left: 50px;
}
.banner_wrap .rightBtn { 
	right: 50px; 
	background-position: -125px 0; 
}
.banner_wrap .rightBtn:hover { 
	background-position: -42px 0; 
}



.mainbanner{ width:100%; height:600px;overflow:hidden; position:relative; }
.mainbanner_window{left:50%;width:1920px;height:600px;overflow:hidden; margin-left:-960px;position:absolute;}
.mainbanner_window ul{width:999999px;height:600px;position:relative; list-style:none; margin:0px; padding:0px;}
.mainbanner_window li{background:#fff;width:1920px;height:600px;text-align:center;font-size:0px;float:left;display:inline;}
.mainbanner_list{ width:90px; height:13px; position:absolute; bottom:30px; left:50%; list-style:none; margin:0 0 0 -45px; padding:0;  }
.mainbanner_list li{width:30px;height:20px; float:left; margin:0; overflow:hidden; }
.mainbanner_list a{ width:100%;height:20px; margin:0; background:url(../images/h1.png) no-repeat center center; overflow:hidden;float:left;}
.mainbanner_list li.active a,.mainbanner_list li a:hover{ background:url(../images/h2.png) no-repeat center center; }

#inslide{ width:1920px; position:relative; left:50%; margin-left:-960px; overflow:hidden; }
#inslide img{ max-width:100%; display:block; margin:0 auto; }

#links{ width:1200px; margin:30px auto; }
.linksRec{ width:100%; margin:0; overflow:hidden; }
.linksRec dt{ width:88px; height:31px; line-height:31px; background:url(../images/links.png) no-repeat left top; text-indent:12px; font-size:14px; font-weight:bold; color:#fff; float:left; overflow:hidden; }
.linksRec dd{ margin:0; padding:0; line-height:31px; overflow:hidden; }
.linksRec dd a{ line-height:30px; float:left; white-space:nowrap; margin-left:15px; }

#footer{ width:100%; background:#333; overflow:hidden; }  

#Help{  padding:30px 0; background:#f5f5f5; border-top:1px solid #eee;  }
.HelpRec{ width:720px; list-style:none; margin:0; padding:0; float:left; overflow:hidden; }
.HelpRec li{ width:240px; float:left; }
.HelpRec li h3{ font-size:16px; font-weight:normal; color:#333; }
.HelpRec li ol{ list-style:none; margin:15px 0 0 0; padding:0; overflow:hidden; }
.HelpRec li ol li{ width:100%; padding:5px 0; }

#Flogo{ width:300px; float:right; line-height:20px; overflow:hidden; }


#Copr{ padding:20px 0; text-align:center; line-height:2; color:#fff; overflow:hidden; }
#Copr a{ color:#fff; }

.basic{ width:100%; margin:0; overflow:hidden; }
.basicL{ width:362px; clear:both; float:left; margin-right:20px; overflow:hidden; }
.basicL  img{ width:360px; height:320px; border:1px solid #ddd; }
.basicR{ margin:0; overflow:hidden; }
.basicR h1{ margin:0; padding:0; font-size:24px; font-weight:bold; color:#000; }
.basicR p{ width:100%; margin:10px 0 0 0; padding:0; line-height:2; color:#666; overflow:hidden; }


.cpnav{ margin:20px 0; height:36px; background:url(../images/t2.png) repeat-x left bottom; }
.cpnav h4{ height:36px; background:url(../images/t3.png) no-repeat left bottom; float:left; font-size:16px; color:#f62c36; }
 
/*图片放大镜样式*/
.jqzoom{float:left; position:relative; cursor:pointer; display:block;}
.jqzoom img{ width:360px; height:320px; border:1px solid #ddd; }
.zoomdiv{z-index:100;position:absolute;top:0;left:0;width:360px;height:320px;background:#ffffff;border:1px solid #ddd;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:60px;height:60px;border:1px solid #ccc;background:#fff;opacity: 0.5;-moz-opacity:0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}

/*图片小图预览列表*/
.spec-preview{width:360px;height:320px; }
.spec-scroll{clear:both;margin-top:12px;width:100%; height:66px; position:relative; }
.spec-scroll .prev{ width:10px; height:66px; background:url(../images/left.gif) no-repeat left center; position:absolute; top:0; left:0; cursor:pointer; }
.spec-scroll .next{ width:10px; height:66px; background:url(../images/right.gif) no-repeat right center;  position:absolute; top:0; right:0; cursor:pointer; }
.spec-scroll .items{ width:336px;height:66px; position:absolute; top:0; left:13px; overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:999999px;height:66px; list-style:none; margin:0; padding:0;}
.spec-scroll .items ul li{float:left;width:84px;text-align:center; cursor:pointer; }
.spec-scroll .items ul li img{border:1px solid #e6e6e6; width:72px;height:64px; }
.spec-scroll .items ul li img:hover{border:1px solid #f62c36; }





.iColumn{ width:100%; background:url(../images/t1.png) no-repeat center bottom; padding-bottom:20px; font-size:24px; color:#ff3f4f; text-align:center; overflow:hidden; }
.iColumn2{ width:100%; height:40px; background:url(../images/t2.png) repeat-x left bottom; }
.iColumn2 h3{ height:40px; font-size:24px; color:#f62c36; float:left; font-weight:normal; background:url(../images/t3.png) no-repeat left bottom; }
.iColumn2 a{ float:right; line-height:40px; font-size:14px; color:#f62c36; }


#Products{ padding:40px 0 0 0; background:#fff; }

.ProductsRec{ width:1240px; list-style:none; margin:20px auto; padding:0; overflow:hidden; }
.ProductsRec li{ width:270px; height:328px; float:left; margin:20px; padding:0; box-shadow:0 0 20px #ddd; }
.ProductsRec li img{ width:270px; height:240px; display:block;}
.ProductsRec li h4{ padding:20px 40px; height:48px; line-height:24px; text-align:center; font-size:14px; overflow:hidden;  }
.ProductsRec li:hover { box-shadow:0 0 20px #ccc;}
.ProductsRec li:hover h4{ background:#f62c36; color:#fff;  }

#Company{ padding:0 0 40px 0; background:#fff; }

#About{ width:580px; clear:both; float:left; overflow:hidden; }
#News{ width:580px; float:right; overflow:hidden; }

.AboutRec{ width:100%; margin:20px 0 0 0; padding:0; overflow:hidden; }
.AboutRec dt{ width:240px; float:right; margin:0 0 0 20px; padding:0; overflow:hidden; }
.AboutRec dt img{ width:100%; display:block; }
.AboutRec dd{ margin:0; padding:0; line-height:2; overflow:hidden; }
.AboutRec dd p{ margin:0; padding:0; }

.NewsRec{ width:600px; list-style:none; margin:0; padding:0; overflow:hidden; }
.NewsRec li{ width:280px; float:left; margin:20px 20px 0 0; overflow:hidden; }
.NewsRec li dl{ width:100%; margin:0; padding:0; overflow:hidden; }
.NewsRec li dl dt{ width:72px; height:72px; float:left; margin:0 10px 0 0; padding:0; background:#f5f5f5; text-align:center; overflow:hidden; }
.NewsRec li dl dt em{ height:48px; line-height:54px; display:block; font-style:normal; font-size:24px; overflow:hidden; }
.NewsRec li dl dd{ margin:0; padding:0; overflow:hidden; }
.NewsRec li dl dd h4{ font-size:14px;}
.NewsRec li dl dd p{ margin:2px 0 0 0; padding:0; line-height:18px; color:#999; }


.column{ width:100%; height:75px; line-height:75px;  background:#007f41; font-size:24px; font-weight:bold; color:#fff; text-align:center; overflow:hidden; }

.searchVideo{ width:1200px; list-style:none; margin:0; padding:0; overflow:hidden; }
.searchVideo li{ width:275px; height:222px; float:left; margin:20px 20px 0 0; background:#f5f5f5; overflow:hidden; }
.searchVideo li img{ width:275px; height:172px; display:block; }
.searchVideo li h4{ width:100%; height:50px; line-height:50px; text-align:center; font-size:14px;  }

#crumbs{ width:1200px; margin:30px auto 0 auto; height:30px; line-height:40px; text-indent:30px; background:url(../images/position.png) no-repeat left center; font-weight:bold; font-size:14px; overflow:hidden; }


.symbol{ font-family:SimSun; margin:0 6px;  }
.topClass{ list-style:none; margin:0; padding:0; overflow:hidden; }
.topClass li{ width:100%; line-height:50px; float:left; margin:0 0 1px 0; }
.topClass li h3{ height:50px; padding:0 20px; font-size:14px; color:#333;  background:#e6e6e6; }
.topClass li h3.cur{ color:#fff; background:#f62c36;}
.topClass li a{ height:50px; padding:0 20px; display:block; font-size:14px; font-weight:bold; color:#333; background:#e6e6e6; }
.topClass li a.cur,.topClass li a:hover{ color:#fff; background:#f62c36; }
.topClass li ul{ list-style:none; margin:0; padding:0; background:#f5f5f5; overflow:hidden; }
.topClass li ul li{ width:100%; line-height:normal; float:left; margin:0; border-top:1px solid #fff;  }
.topClass li ul li a,.topClass li.cur ul li a{ height:auto; font-size:12px; padding:10px 20px; color:#666; background:#f5f5f5; }
.topClass li ul li a.cur,.topClass li ul li a:hover{ color:#f62c36; background:#fff;  }


.ListNews{ list-style:none; margin:-20px 0 0 0; padding:0; overflow:hidden; }
.ListNews li{ width:100%; padding:20px 0; background:url(../images/npoint.png) repeat-x left bottom; overflow:hidden;}
.ListNews li dl{ width:100%; margin:0; padding:0; overflow:hidden; }
.ListNews li dl dt{ width:72px; height:72px; float:left; background:#f5f5f5; text-align:center; margin:0 20px 0 0; overflow:hidden; }
.ListNews li dl dt em{ font-style:normal; height:48px; line-height:54px; display:block; font-size:24px; overflow:hidden; }
.ListNews li dl dd{ margin:0; padding:0; overflow:hidden; }
.ListNews li dl dd h4{ font-size:14px; }
.ListNews li dl dd p{ margin:5px 0 0 0; padding:0; line-height:18px; color:#999; }


.ListVideo{ width:960px; list-style:none; margin:0; padding:0; overflow:hidden; }
.ListVideo li{ width:270px; height:220px; float:left; margin:20px 20px 0 0; background:#f5f5f5; position:relative; }
.ListVideo li img{ width:270px; height:169px; display:block; }
.ListVideo li h4{ width:100%; height:50px; line-height:50px; margin:0; padding:0;  text-align:center; overflow:hidden; }

.diyquick{ width:100%; margin:20px 0 0 0; font-weight:bold; line-height:2; color:#f62c36; overflow:hidden; }
.diyquick span{ color:#ccc; }
/*.fyprev{ clear:both; float:left; }
.fynext{ float:right; }*/

.fenye{ width:100%; margin:30px 0 0 0; text-align:center; overflow:hidden;  }
.fenye a{ padding:8px 16px; margin:0 2px; background:#f5f5f5; display:inline-block;*display:inline; *zoom:1; font-size:12px; color:#666; }
.fenye a.pageon,.fenye a:hover{ color:#fff; background:#f62c36; }


.artName{ width:100%; font-size:24px; font-weight:normal; margin:20px 0 0 0; padding:0; text-align:center; color:#333; overflow:hidden; }
.seotit{ width:100%; font-size:20px; font-weight:bold; color:#000; margin:0; text-align:center;  }

.artFunc{ width:100%; margin:0 0 20px 0; text-align:center; padding:15px 0; color:#999; background:url(../images/npoint.png) repeat-x left bottom; overflow:hidden; }

.article{ line-height:1.5; overflow:hidden;  }
.article p:first-child{ margin:0; padding:0; }
.article img{ max-width:100%; }

.textinp{ width:240px; height:20px; line-height:20px; border:1px solid #eee; margin:0; padding:10px; outline:0; background:#fff; }
.textinp2{ width:480px; height:160px; line-height:20px; margin:0; padding:10px; border:1px solid #eee; background:#fff; outline:0;  }
.textinp3{ width:100px; height:20px; line-height:20px; border:1px solid #eee; margin:0; padding:10px; outline:0; background:#fff; }
.mandatory{ color:#f00;}

.fbtn{ width:122px; height:40px; line-height:40px; text-align:center; margin:0; padding:0; border:0; background:#f62c36; color:#fff; outline:0; font-size:14px; cursor:pointer; }

.ListProducts{ width:960px; list-style:none; margin:0; padding:0; overflow:hidden; }
.ListProducts li{ width:400px; height:190px; float:left; margin:10px; padding:20px; background:#fff; box-shadow:0 0 20px #ddd; position:relative; overflow:hidden; }
.ListProducts li h4{ height:30px; font-size:14px; overflow:hidden; }
.ListProducts li dl{ width:100%; margin:0; padding:0; overflow:hidden; }
.ListProducts li dl dt{ width:180px; height:160px; margin:0 20px 0 0; padding:0; float:left; }
.ListProducts li dl dt img{ width:100%; display:block; }
.ListProducts li dl dd{ margin:0; padding:0; line-height:2; color:#999; overflow:hidden; }

.biankuang{
	width: 1px;
	height: 1px;
	position: absolute;
	z-index: 99;
}
.biankuang_1{
	height: 0px;
	top:0;
	left:0;
	border-left: 1px solid #f62c36;
}
.biankuang_2 {
	width:0;
	bottom:-1px;
	left:0;
	border-top: 1px solid #f62c36;
}
.biankuang_3{
	height:0;
	bottom:0;
	right:0;
	border-right: 1px solid #f62c36;
}
.biankuang_4{
	width:0;
	top:-1px;
	right:0;
	border-bottom: 1px solid #f62c36;
}