@charset "utf-8";
/* CSS Document */
body { margin: 0; padding: 0; font-size: 12px; font-family:Microsoft YaHei,Arial, Helvetica, sans-serif, '宋体'; color: #313232; background:#fdfdfd;}
.biao{width:96%;margin:auto; margin:3px auto 0 auto;line-height:30px; text-align:left; word-break:normal;}
ul { list-style: none; }
body, div, ol, dd, ul, li, h1, h3, form, input, p, th, td { padding: 0; margin: 0; }
a { text-decoration:none; color:#000;}
img { border: none; padding: 0; margin: 0; }
/*头部*/
.header_tl{width: 400px;float: left;color: #fff;line-height: 39px;}
.header_tr{width: 400px;float: right;color: #fff;line-height: 39px;}
.header_tr a{color: #fff;}
.top{ height:auto; width:100%; background:url(../images_shouye/header_bg.jpg) repeat-x;height: 187px;font-size: 14px; }
.top_in{ width:1253px; margin:0 auto; height:auto;position: relative;}
.logo{ float:left; margin-top: 10px;}
.t_right{ float:right; color:#fff;height:auto;}
.t_right{ width:530px;  padding-top: 10px;    text-align: right;}
#Main_nav {width:1203px;padding-left:30px; height:54px;line-height: 54px; text-align:right;overflow:hidden;}
#Main_nav .mainlevel {float: left;}
#Main_nav .mainlevel a {text-decoration:none;}
#Main_nav .zs {float:left;width:2px;background:url(../images_shouye/nav_li.jpg) no-repeat 50%; height: 54px;}
#Main_nav .mainlevel .nav_one {display:block; width:115px;  color:#000;font-size:16px;text-align:center;}
#Main_nav .mainlevel .on ,#Main_nav .mainlevel:hover,#Main_nav .mainlevel:hover .nav_one,#Main_nav .mainlevel .nav_one:hover {background:url(../images_shouye/header_on.jpg) no-repeat 50% bottom;color:#b12a26;}
#Main_nav .mainlevel .Main_nav_Er {display:none;position:absolute;height:46px;  text-align:center;z-index:9999;}
#Main_nav .mainlevel .Main_nav_Er li {border-radius:0px 0px 6px 6px ;height:46px; line-height:46px;text-align:left; background:url(../images_shouye/nav1_bg.jpg) repeat-x top; padding: 0 20px;}
#Main_nav .mainlevel .Main_nav_Er li a {  color:#000;font-size:14px;padding:0 10px; background:url(../images_shouye/nav_li2.jpg) no-repeat  right 50%;}
#Main_nav .mainlevel .Main_nav_Er li a:hover {color:#b12a26;}
.fw{background: url(../images_shouye/footer_bg.jpg) repeat-x;height: 250px;}
.foot{ width:1203px; margin:auto;overflow:hidden;padding-bottom:5px;}
.foot .fl{width: 45%;float: left;height: 170px;padding:20px 10px;    line-height: 30px;}
.foot .fr{width: 45%;float: right;height: 170px;padding:20px 10px;text-align: right;}
.foot .ftext{width: 100%;text-align: center;float: left;height: 40px;line-height: 40px;color: #fff;}
/*导航*/
.nav{ clear:both; padding-left:180px; padding-top:30px;}
.nav li{ float:left; color:#fff; display:block; padding:0px 22px;}
.nav li a{ font-size:14px; font-family:Microsoft YaHei; color:#fff; float:left;}
/*banner广告*/
.banner {height:383px; margin:0 auto;}
/*banner切换部分*/
/* Reset Styles***********************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0;    }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
strong { font-weight: bold; }
em { font-style: italic; }
/*内容部分*/
.con{ width:1003px; height:auto; margin:0 auto; padding-top:13px;background:#fff;}
.con_in{width:1003px;}
.tit{ height:39px; width:777px; background:url(../images_shouye/index_t.jpg) repeat-x;}
.new_tit{ float:left; width:371px; line-height:40px;}
.new_tit img{ float:left; padding-right:10px; padding-left:20px;}
.new_tit h2{ font-size:14px; font-family:Microsoft YaHei; display:inline; float:left; padding-right:5px; color:#333; font-weight:normal;}
.new_tit h3{ font-size:11px; font-family:Microsoft YaHei; display:inline; float:left; color:#888; font-weight:normal;}
.new_tit #item{ padding-left:10px; overflow:hidden;}
.new_tit #item li{ float:left; color:#a5a5a5;}
.new_tit #item li a{ float:left; color:#a5a5a5; padding:0 7px;}
.new_tit #item li .it_sel{ background:url(../images_shouye/t_hov.gif) no-repeat bottom center; color:#393939;}
.wang_tit{ float:left; width:404px; line-height:40px;}
.wang_tit img{ float:left; padding-right:10px; padding-left:20px;}
.wang_tit h2{ font-size:14px; font-family:Microsoft YaHei; display:inline; float:left; padding-right:5px; color:#333; font-weight:normal;}
.wang_tit h3{ font-size:11px; font-family:Microsoft YaHei; display:inline; float:left; color:#888; font-weight:normal;}
/*荣誉列表*/
.rong_show{  overflow:hidden;}
.rong_show li{ float:left; margin:9px 10px; display:inline;}
.rong_show li a{display:block;}
.rong_show li img{padding:3px; border:solid 1px #ccc; width:170px; height:116px;}
.rong_show li span{ display:block; clear:both; text-align:center; padding-top:10px;}
#item li { float:left;}
#item a {width:101px;height:44px;line-height:44px; display:block;float:left;color:#262626;font-size:13px;font-family:'Microsoft YaHei'; text-align:center;}
#item a.it_sel { background:url(../images_shouye/homenav-h.jpg);color:#fff;}
#new{ width:775px;float:left;height:266px;}
#new ul{  padding-left:0px; float:left;  width:100%; display:none;}
#new .new_sel{ display:block; float:left;  width:100%}
#new ul li{ float:none; color:#686868; display:block;  height:26px;line-height:26px;  background:url(../images_shouye/dot.gif) repeat-x left bottom;   }
#new ul li a{ float:left; display:block; background:url(../images_shouye/it_hov.gif) center left no-repeat; text-indent:15px;}
#new ul li a:hover{ color:#f00;  background:url(../images_shouye/it_1.gif) center left no-repeat;}
#new ul li span{ float:right;}
.com{ width:397px; float:right; padding-top:15px;padding-left:0;}
#com_list{ width:106px; background:#f7f7f7 url(../images_shouye/shi_bg.jpg) repeat-y right top; float:left;height:191px;border-bottom:1px solid #eaeaea;}
#com_list li{ height:40px; background:url(../images_shouye/shi_li.jpg) no-repeat 90px center;}
#com_list li a{ width:100%; height:100%; background:url(../images_shouye/shi_li2.jpg) repeat-x bottom right; display:block; text-align:center; line-height:40px;}
#com_list li a:hover{ color:#f00;}
#com_list .cl_sel{ color:#393939; height:40px; border:1px solid #eaeaea;  border-right:none; background:#fff url(../images_shouye/shi_li.jpg) no-repeat 90px center;}
#com_con{ height:193px;  width:281px; padding:5px;background:url(../images_shouye/homerig.jpg); border-left:none;float:left;overflow:hidden;}
#com_con span{ display:none;}
#com_con .com_sel{ display:block;}
/*内页关于我们*/
.right_r_banner {width:100%; height:auto; }
    .right_r_banner img { width:798px;}
.banner_in{ width:100%; background:url(../images_shouye/b_in.jpg) center center; height:211px;}
.banner_in_in{ width:1008px; height:211px; margin:0 auto;background-position:center;}
.inner{ margin:0 auto; width:1256px; overflow:hidden;/*url(../images_shouye/abo_06.jpg) repeat-x top*/padding-bottom:15px; }
.innerzinav { width:100%; height:36px; line-height:36px; text-indent:27px;color:#000;}
.innerzinav a { color:#000;}.innerzinav img{ margin-top:13px; float:left; margin-left:20px;}.innerzinav span{}
.in_left{ float:left; width:216px;margin-left:4px;text-align:center;border:1px solid #eee;}
.in_left ul{text-align:left;}
.in_left li{ height:33px;background:url(../images_shouye/aboutus_15.jpg);  color:#535456; line-height:33px; vertical-align: middle; margin-bottom:1px;}
.in_left .t{ height:33px;  color:#fff; line-height:33px; text-indent:55px; font-size:13px; font-weight:bold;}
.in_left li a{display:block;    text-align: center;}
.in_left li a:hover{ }
.in_left .sel{background:#dd2129;height:43px;line-height:43px;font-size: 16px; color:#fff; font-weight:bold;}
.in_left .sel a{ color:#fff; font-weight:bold;}
.in_left .sel2{background:url(../images_shouye/aboutus_13.jpg);}
.in_left .sel2 a{color:#333; font-weight:bold;}
.in_right{ float:left; width:1010px; _display:inline; _width:1010px;  overflow:hidden;padding:0;margin-left:8px;}
.in_right_in{width:1010px; margin-top:8px;background:#FDFDFD;float:left}
.in_right_in #n1,#n2,#n3,#n4,#n5,#n6,#n7,#n8,#n9,#n10,#n11,#n12,#n13,#n14,#n15,#n16,#n17,#n18,#n19,#n20,#n21,#n22,#n23,#n24,#n25,#n26,#n27,#n28,#n29,#n30,#n31,#n32,#n33{display:none;}
    .in_right_in .biao p { padding:0;margin:0;}
    .in_right_in .biao { padding:0;margin:0;}
.in_right_f{ background:url(../images_shouye/in_f.jpg) no-repeat left bottom; height:16px;}
.in_tit{width:768px; height:38px; background:url(../images_shouye/aboutus_06.jpg) repeat-x; line-height:38px; text-indent:10px;color:#a5a5a5;}
    .in_tit a { color:#a5a5a5;}
.in_tit img{ margin-top:13px; float:left; margin-left:20px;}
.in_tit span{}
.in_con_l{ float:left; padding:25px; padding-left:40px; padding-right:40px; width:350px;}
.in_con{color:#000; line-height:26px;overflow: hidden;  margin:10px auto;}
.in_right_in .fzlcbg{ background:url(../images_shouye/fzlc_03.jpg);padding-top: 82px;}
.shopl{width:275px; text-align:left; float:left;/*background:url(../images_shouye/mapline.jpg) no-repeat right center;*/}
.shopr{padding:20px 0 0 20px;width: 620px;float:left;}
.shoplc ul{ margin-bottom:10px;}
.shoplc ul li{width:250px; display:block; line-height:23px;}
.shoplc li a{color:#000;}
.shoplc ul .t{color:#966635; margin-top:10px; font-size:14px; font-weight:bold;}
#company{width:550px; margin:15px 0 0;}#company td,#company th{height:30px;text-align:center; border-bottom:1px dashed #ccc;}
#company p{ margin:5px; text-align:left; line-height:25px;}
.pager{padding-right:15px; padding-top:15px; padding-bottom:15px; padding-left:17px; clear:both; text-align:right;}
.pager a{ padding:2px 8px; border:1px solid #ccc; background:#fff; color:#666;}
.pager span{ padding:3px 8px;background:#fff;color:#666; border:1px solid #CCCCCC}
.pager .curPage{ background:#f00; color:#fff; border:none;}
.cpb{ font-weight:normal;}
.wbcon{width:1005px; padding:25px 0;margin:0 auto;}
.wbcon2{width:1005px; padding:5px 0;margin:10px auto;border:1px solid #fff;}
.inmenu{margin:20px auto 0;overflow: hidden;}
.inmenu li{width:24%;float:left; display:block; margin:10px auto; text-align:center;}
.inmenu2{margin:0 auto; overflow:hidden;}
.inmenu2 li{width:33%;float:left; display:block; margin:10px auto; text-align:center;}
#con_case {border: 1px solid #F3F4EF;margin: 10px 12px;width: 978px;}
/*产品页左侧分类*/
#pro_cl{float:left; width:216px;}
.pro_cl{float:left; width:216px;}
.leftt{text-align: center;float:left; width:216px;}
.lefttn{text-align:left;}
.leftc{margin:0 auto; text-align:left; padding-bottom:15px;}
.leftc .t,.leftc .tt{background: url("../images_shouye/l_san.gif") no-repeat scroll 43px center #BA0002;}
.leftc .tt a{_width:216px; height:37px;line-height:37px; background: url("../images_shouye/left_sel.jpg") repeat-x;color: #FFFFFF;font-weight: bold; font-size:14px; font-weight:bold; text-align:center;z-index:2; display:block;}
.leftc .t{background:#C40C13;color: #fff;height: 43px;line-height: 43px;    text-indent: 55px; margin-top:1px;}
.leftc .t a{ display: block;width:216px; height:40px;line-height:40px;z-index:2; color:#fff;}
.leftc .tc{ display:none;}
.leftc .c{padding-left:10px; height:55px; line-height:55px;width:206px; background:url(../images_shouye/lei_bg.jpg) repeat-x right;}
.leftc .c h3{background:url("../images_shouye/lei_bg.jpg") repeat-x}
.leftc .c:hover{ line-height:55px;}
.leftc .c img{ vertical-align:middle; margin-right:15px;width:40px; height:40px;}
.leftc .c a{font-size:12px; font-weight:normal; color:#222;}
.leftc .ct{padding-left:30px; line-height:38px;width:150px; background:url(../images_shouye/ctbg.jpg) repeat-x; margin-bottom:1px;}
.leftc .co{padding-left:30px; line-height:38px;width:150px; background:url(../images_shouye/ctobg.jpg) repeat-x; margin-bottom:1px;}
.leftc .ct a,.leftc .co a{color:#fff;}
.leftc .cd{ padding-left:20px;line-height:35px;margin:2px auto 2px; width:160px;}
.leftc .cd img{ vertical-align:middle; margin-right:15px;width:35px; height:35px;}
#mytable th {background: url("../images_shouye/bnavbg.jpg") repeat-x scroll 0 0 transparent;color: #FFFFFF;height: 36px;}
.basetab td{padding:5px 0;}
/*登录*/
.wblogin{width:412px; margin:50px auto 0;}
.wblogin h2{font-size:25px; font-weight:normal; color:#CD0100;}
.wblogin td{line-height:45px;}
.wblogin .td1{width:58px; text-align:center; color:#1C0004;}
.btnlogin{width:100px; height:29px; border:0; background:url(../images_shouye/btn.jpg) no-repeat;}
.wblogin .error_msg{width:302px; height:259px; text-align:left; background:url(../images_shouye/ligbg.jpg) no-repeat; padding:40px 0 0 0; margin-bottom:40px; padding-top:50px; padding-left:100px;}
.wblogin .error_msg h3{ font-size:20px; color:#f00;}
.wblogin .error_msg p{ font-size:16px;}
.wblogin .error_msg a{ font-size:14px;}
#Main_but2 {width:953px;padding-left:50px; height:39px;line-height:39px;text-align:left;margin-bottom:23px;}
#Main_but2 a { color:#fff;font-size:12px;margin-left:13px;margin-right:13px;float:left;}
    #Main_but2 img { float:left;}
    #Main_but2 a:hover, #Main_but2 .on { color:#fff;}
.both{clear:both;height:8px; line-height:8px;font-size:1px;}
.but112 { width:68px;height:24px;background:url(../images_shouye/products2_07.jpg);display:block;line-height:24px;text-align:center;color:#4b4b4b;font-family:'Microsoft YaHei';float:left;margin-left:10px;}
.content_box2_j { background:#f4f4f4;border:1px solid #cccccc;/*width:96%;*/padding:1%; height:auto;}
/*董事长风采*/
/*员工生活*/
.feng_show{  overflow:hidden; padding:10px; _height:1%;}
.feng_show li{ float:left; margin:6px 5px; display:inline; width:295px;}
.feng_show li a{display:block; text-align:center;}
.feng_show li img{padding:1px; border:solid 1px #eee; width:270px; height:200px;}
/*报纸列表*/
.paper_list{ border-top:none;  overflow:hidden;}
.paper_list li{ float:left; margin:6px 10px; display:inline;}
.paper_list li a{display:block;}
.paper_list li img{padding:3px; border:solid 1px #ccc; width:150px; height:200px;}
.paper_list li span{ display:block; clear:both; text-align:center; padding-top:10px;}
.jobli td{ text-align:left; padding-left:3px; padding-right:3px;}
/*留言*/
.error_msg{ padding:20px;}
.error_msg h3{ font-size:16px;}
.msgbox{ padding:20px;}
.msgbox h1{ font-size:16px; font-family:'microsoft yahei';}
.msgbox p{ color:#f00;}
/*首页*/
@media only screen and (max-width:1366px){
	html{
		font-size: 11.3833px;
	}
}
@media only screen and (max-width:1280px){
	html{
		font-size: 10.6667px;
	}
}
.section2 .inner-box{
	font-size: 0;
	width: 100%;
	height: 100%;
}
.section2 .inner-box .box{
	display: inline-block;
	vertical-align: top;
	width: 25%;
	height: 100%;
	position: relative;
	overflow: hidden;
	float: left;
}
.section2 .inner-box .box .bg{
	width: 100%;
	height: 100%;
}
.section2 .inner-box .box .cover{
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(143,1,16,0.75);
	z-index: 1;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.section2 .inner-box .box:hover .cover{
	top: 0;
}
.section2 .inner-box .box .text{
	position: absolute;
	bottom: 0%;
	left: 0;
	width: 100%;
	text-align: center;
	z-index: 2;
	/*opacity: 0;*/
	transition: transform 0.5s;
	-webkit-transition: transform 0.5s;
}.section2.ani .inner-box .box:hover:nth-child(1) .text,.section2.ani .inner-box .box:hover:nth-child(2) .text,.section2.ani .inner-box .box:hover:nth-child(3) .text,.section2.ani .inner-box .box:hover:nth-child(4) .text{
	transform: translateY(-25px);
	-webkit-transform: translateY(-25px);
}
.section2.ani .inner-box .box .text{
	animation: secthreeani 0.5s forwards;
	-webkit-animation: secthreeani 0.5s forwards;
}
.section2.ani .inner-box .box:nth-child(2) .text{
	animation-delay: 0.4s;
	-webkit-animation-delay: 0.4s;
}
.section2.ani .inner-box .box:nth-child(3) .text{
	animation-delay: 0.8s;
	-webkit-animation-delay: 0.8s;
}
.section2.ani .inner-box .box:nth-child(4) .text{
	animation-delay: 1.2s;
	-webkit-animation-delay: 1.2s;
}
@keyframes secthreeani{
	100% {
		opacity: 1;
		bottom: 8%;
	}
}
@-webkit-keyframes secthreeani{
	100% {
		opacity: 1;
		bottom: 8%;
	}
}
.section2 .inner-box .box .text .left{
	vertical-align: bottom;
	margin-left: 20px;
	width: 16.6%;
	float: left;
}
.section2 .inner-box .box .text .right{
	display: inline-block;
	vertical-align: bottom;
	text-align: left;
	padding-bottom: 35px;
	max-width: 210px;
	float: right;
	margin-right: 15px;
	margin-top: 50px;
}
.section2 .inner-box .box .text .right h3{
	font-family: "微软雅黑 light";
	font-size: 30px;
	color: #fff;
	font-weight: lighter;
	margin-bottom: 10px;
	
}
.section2 .inner-box .box .text .right p{
	max-width: 210px;
	font-size: 15px;
	color: #fff;
	line-height: 30px;
	margin-bottom: 10px;
	min-height:115px;
}
.section2 .inner-box .box .text .right a{
	font-size: 14px;
	color: #f7fcff;
	font-family: Arial;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.section2 .inner-box .box .text .right a:hover{
	color: #c0192a;
}
.section2 .inner-box .box .text .right a img{
	display: block;
	margin-top: 6.25px;
	width: 10%;
}
.section5 .top-part{
	text-align: center;
	padding-top: 3%;
}
.section5 .top-part h3{
	font-weight: lighter;
	font-size: 40px;
	color: #212121;
	margin-bottom:15px;
	position: relative;
	top: -15px;
	opacity: 0;
	transition: all 1s;
	-webkit-transition: all 1s;
}
.section5.ani .top-part h3{
	top: 0;
	opacity: 1;
}
.section5 .top-part h3 span{
	font-size:40px;
	color: #212121;
	margin: 0 23.75px;
}
.section5 .top-part .btn{
	display: block;
	width: 150px;
	height: 40px;
	line-height: 40px;
	background-color: #c0192a;
	font-size: 15.5px;
	color: #fff;
	margin: 0 auto 10.25px;
	position: relative;
	top: -15px;
	opacity: 0;
	transition: all 1s 0.5s;
	-webkit-transition: all 1s 0.5s;
}
.section5.ani .top-part .btn{
	top: 0;
	opacity: 1;
}
.section5 .top-part h4{
	font-size: 17px;
	line-height: 40px;
	color: #212121;
	font-weight: lighter;
	margin-bottom: 45px;
	position: relative;
	top: -15px;
	opacity: 0;
	transition: all 1s 1s;
	-webkit-transition: all 1s 1s;
}
.section5.ani .top-part h4{
	top: 0;
	opacity: 1;
}
.section5 .top-part ul{
	font-size: 0;
	width: 95%;
	margin: 0 auto;
	padding-top: 23.75px;
	border-top: 1px solid #e6e6e6;
	position: relative;
	top: -15px;
	opacity: 0;
	transition: all 1s 1.5s;
	-webkit-transition: all 1s 1.5s;
}
.section5.ani .top-part ul{
	top: 0;
	opacity: 1;
}
.section5 .top-part ul li{
	/*border-right: 1px solid #e6e6e6;*/
	width: 23%;
	padding: 0 10px;
	display: inline-block;
	vertical-align: top;
	float: left;
}
.section5 .top-part ul li:last-child{
	border-right: 0 none;
}
.section5 .top-part ul li a{
	position: relative;
	display: block;
	overflow:hidden;
}
.section5 .top-part ul li a img{
	width: 100%;
	border-radius: 16px;
}
.section5 .top-part ul li a .cover {
    position: absolute;
    top: -80%;
    left: 0;
    width: 100%;
    height: 78%;
    border-radius: 16px;
    background-color:rgba(0,0,0,0.3);
    z-index: 1;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.section5 .top-part ul li a:hover .cover{
	top: 0;
}
.section5 .top-part ul li a:hover{color:#b02923;}
.section5 .top-part ul li a .imore{
	width: 17px;
	height: 17px;
	vertical-align: middle;
}
.section5 .top-part ul li h5{
	font-size: 17px;
    line-height: 40px;
    color: #212121;
    font-weight: lighter;
    position: relative;
}
.section5 .top-part ul li a span{
	font-size: 14px;
    line-height: 20px;
    color: #212121;
    font-weight: lighter;
    position: relative;
}