@charset "utf-8";
/* CSS Document */
*{ margin:0px; padding:0px;}
body{ margin:0 auto; padding:0 auto; color:#333; font-size:12px; font-family:"微软雅黑", Arial; background:#ffffff; border:none; text-align:center;}
.clear{ float:none; clear:both; height:auto; border:none;}
a{ text-decoration:none;}
a:link, a:visited { text-decoration: none; color: #333333; }
a:hover{ text-decoration:none; color:#333;}
a:active{ text-decoration: none; color: #333; }
ul,li{ list-style-type:none; margin:0; padding:0;}
input{ vertical-align:top;}
img{ border:none;}
p{ margin:0;}
h1,h2,h3,h4,h5,h6{ margin:0;}

.top{ width:1410px; margin:0px auto; height:130px;}
.logo{ float:left; width:600px; padding-top:30px;}
.logo img{ float:left; width:287px;}
.logo h1{ float:left; width:300px; margin-left:10px; font-weight:200; font-size:20px; text-align:left; line-height:160%;}
.fei{ float:left; width:140px; font-size:20px; font-weight:bold; padding-top:50px; color:#C30D23;}
.fei a{ color:#C30D23;}
.fei a:hover{ text-decoration:none; color:#333333;}
.fei a:active{ text-decoration: none; color: #C30D23; }
.tel{ float:right; width:261px; padding-top:35px;}

.menu{ width:100%; margin:0px auto; background:#C30D23; height:50px;}
.nav{ width:1410px; margin:0px auto; height:50px;}
.nav ul li{ float:left; height:50px;}
.nav ul li a{ display:block; height:36px; padding:0px 30px; color:#ffffff; padding-top:14px; font-size:16px; font-family:"微软雅黑", Arial;}
.nav ul li a:hover{ background:url(../images/nav_li.jpg) repeat-x right center; font-weight:bold; color:#333333;}

.flash{ width:100%; z-index:111;}
.flash img{ width:100%;}


.products{ width:1230px; margin:0px auto; margin-top:50px;}
.p_wenzi{ width:100%; margin:0px auto;}
.p_wenzi h2{ font-size:20px; color:#C30D23; padding-bottom:10px;}
.p_wenzi p{ font-size:14px; padding-bottom:10px;}
.p_wenzi hr{ width:60px; height:2px; margin:0px auto; border:none; background:#C30D23;}
.pro_top{ width:1230px; height:50px; margin-top:20px;}
.pro_top ul li{ float:left; width:175px; height:35px; background:#F6F6F6; margin-left:15px; margin-right:15px; font-size:16px; padding-top:15px; cursor:pointer;}
.pro_top ul li.li{ background:#C30D23; color:#FFFFFF;}
.pro_top ul li:hover{ background:#C30D23; color:#FFFFFF;}
.pro_top ul li:hover a{ color:#FFFFFF;}
.pro_top ul li.li a{ color:#FFFFFF;}
.pro1_bot{ width:1230px; margin:0px auto; margin-top:40px;}
.pro1_bot ul li{ float:left; width:378px;  border:1px solid #CCCCCC; overflow:hidden; margin-left:15px; margin-right:15px; margin-bottom:20px;}
.pro1_bot ul li img{ width:378px; height:333px; overflow:hidden;}
.pro1_bot ul li span{ display:block; width:378px; height:35px; background:#C30D23; padding-top:15px; font-size:14px; color:#FFFFFF; position:relative; z-index:9999;}
.pro1_bot ul li span:hover{ background:#CCCCCC; color:#333333;}

.m_left{ float:left; width:250px;}
.m_right{ float:right; width:1115px;}
.pro_fenlei{ width:250px; background:#C30D23; height:60px;}
.pro_fenlei h2{ font-size:20px; font-weight:100; color:#FFFFFF; text-align:left; padding-top:20px; padding-left:30px;}
.pro_top1{ width:250px;}
.pro_top1 ul h2{ width:250px; height:40px; background:#CCCCCC; margin-top:1px;}
.pro_top1 ul h2:hover{ background:#CCCCCC;}
.pro_top1 ul h2:hover a{ color:#C30D23;}
.pro_top1 ul h2 a{ display:block; text-align:left; font-size:14px; padding-left:30px; padding-top:10px;}
.pro_top1 ul li{ width:250px; height:30px; margin-top:1px; text-align:left;}
.pro_top1 ul li a{ display:block; width:220px; height:22px; background:#f5f5f5; text-align:left; font-size:12px; padding-left:30px; padding-top:8px;}
.pro_top1 ul li a:hover{ display:block; background:#FF7777; text-align:left; font-size:12px;}

.pro1_bot1{ width:1115px; margin:0px auto;}
.pro1_bot1 ul li{ float:left; width:348px;  border:1px solid #CCCCCC; overflow:hidden; margin-left:10px; margin-right:10px; margin-bottom:20px;}
.pro1_bot1 ul li img{ width:348px; height:308px; overflow:hidden;}
.pro1_bot1 ul li span{ display:block; width:350px; height:35px; background:#C30D23; padding-top:15px; font-size:14px; color:#FFFFFF; position:relative; z-index:9999;}
.pro1_bot1 ul li span:hover{ background:#CCCCCC; color:#C30D23;}


.youshi{ width:100%; margin:0px auto; background:#F6F6F6; padding:50px 0px; margin-top:40px;}
.ys_nei{ width:1200px; margin:0px auto;}
.ys_bot{ width:1200px; margin-top:30px;}
.ys_bot ul li{ float:left; margin-left:15px; margin-right:15px; width:270px;}
.ys_bot ul li p{ width:270px; background:#C30D23; height:107px; color:#FFFFFF; line-height:180%; padding-top:30px;}
.ys_bot ul li p b{ display:block; font-size:16px; padding-bottom:10px;}

.about{ width:100%; margin:0px auto; margin-top:60px;}
.abo_box{ width:1454px; margin:0px auto;}
.abo_b_top{ width:1420px; margin-left:17px; background:#FFFFFF; padding-bottom:54px;}
.abo_b_top p{ line-height:180%; font-size:16px; margin-top:20px;}
.abo_b_center{ width:1454px; min-height:200px;}
.abo_b_bot{ width:1454px; margin:0px auto;}
.a_b_c_t{ width:1454px; margin:0px auto;}
.a_b_c_t ul{ padding-top:35px; margin:0px auto; padding-left:40%;}
.a_b_c_t ul li{ float:left; width:150px; background:#CCCCCC; height:32px; text-align:center; font-size:16px; padding-top:10px; cursor:pointer;}
.a_b_c_t ul li.li{ background:#C30D23; color:#FFFFFF;}

.news{ width:1420px; margin:0px auto; margin-top:50px;}
.n_top{ width:1420px; margin:0px auto;}
.n_top p{ margin-top:15px; font-size:16px;}
.n_bot{ width:1420px; margin:0px auto; margin-top:40px;}
.n_b_l{ float:left; width:494px; overflow:hidden;}
.n_b_r{ float:right; width:860px; height:353px; background:#F6F6F6; padding:20px;}
.n_b_r ul{ padding-top:10px;}
.n_b_r ul li{ float:left; width:100%; margin-bottom:30px;}
.n_b_r ul li p{ line-height:180%; text-align:left; color:#999999;}
.n_b_r ul li p img{ float:left; width:150px; height:90px; margin-right:20px;}
.n_b_r ul li p b{ font-size:14px; color:#666;}

.pro1_top{ width:1230px; height:60px;}
.pro1_top ul li{ float:left; width:220px; height:40px; background:#F6F6F6; margin-right:20px; font-size:14px; padding-top:20px; cursor:pointer;}
.pro1_top ul li.li{ background:#C30D23; color:#FFFFFF;}
.pro1_top ul li:hover{ background:#C30D23; color:#FFFFFF;}

.ying{ width:1200px; margin:0px auto; margin-top:50px;}
.y_bot{ width:1200px; margin:0px auto; margin-top:50px;}

.links{ width:100%; margin:0px auto; background:#C30D23; min-height:40px; margin-top:60px;}
.link{ width:1420px; margin:0px auto; text-align:left;}
.link h2{ float:left; font-size:16px; color:#FFFFFF; padding-top:10px;}
.link p{ color:#FFFFFF; padding-top:13px; line-height:160%;}
.link p a{ color:#FFFFFF;}
.foot{ width:100%; margin:0px auto; background:#F6F6F6; border-top:2px solid #C30D23; margin-top:60px;}
.footer{ width:1420px; margin:0px auto; padding:30px 0px; min-height:150px;}
.f_left{ float:left; width:800px;}
.f_left p{ float:left; width:247px; font-size:20px; font-weight:bold; padding-top:20px;}
.f_left p img{ margin-bottom:10px;}
.f_left ul{ float:left; margin-left:45px; padding-top:30px;}
.f_left ul li{ line-height:180%; text-align:left; font-size:14px;}
.f_right{ float:right;}
.foooot{ width:100%; margin:0px auto; height:40px; background:#898989;}
.foooot ul{ width:1420px; margin:0px auto; padding-top:10px;}
.foooot p{ float:left; color:#FFFFFF;}
.foooot a{ float:right; color:#FFFFFF;}

.weizhi{ width:100%; margin:0px auto; height:50px; background:#F7F7F7;}
.weizhi h2{ text-align:left; width:1200px; font-size:14px; margin:0px auto; color:#666666; font-weight:100; padding-top:15px;}
.main{ width:1200px; margin:0px auto; margin-top:30px; min-height:400px;}
.m_top{ width:1200px; margin:0px auto; height:40px;}
.m_top h2{ float:left; width:280px; height:40px; font-size:14px; background:#F1F1F1; font-weight:100; margin-right:20px;}
.m_top h2.h22{ background:#C30D23; color:#FFFFFF;}
.m_top h2.h22 a{ color:#FFFFFF;}
.m_top h2 a{ display:block; width:280px; height:30px; padding-top:10px;}
.m_top h2 a:hover{ background:#C30D23; color:#FFFFFF;}
.m_bot{ width:1200px; margin:0px auto; margin-top:30px; min-height:400px;}
.m_bot img{ margin-bottom:20px;}
.m_bot p{ text-align:left; line-height:180%; font-size:14px;}
.m_t_di{ float:left; width:621px;}
.m_t_lian{ float:right; width:579px; background:#F8F8F8; height:495px; text-align:left;}
.m_t_lian ul{ padding-top:50px; padding-left:90px;}
.m_t_lian ul h2{ margin-bottom:20px;}
.m_t_lian ul li{ line-height:180%; font-size:14px;}
.m_t_lian ul li h3{ float:left; margin-right:25px; width:200px; height:40px; background:#FF9900; text-align:center; font-size:16px; padding-top:10px; border-radius:5px; color:#FFFFFF; margin-top:40px;}
.m_t_lian ul li h3.h3333{ background:#50B674;}
.m_t_lian ul li h3.h3333{ background:#50B674;}
.m_t_lian ul li h3 a{ color:#ffffff;}
.m_t_lian ul li h3 a:hover{ color:#ffffff;}
.m_t_lian ul img{ margin-top:40px;}
.liu{ width:1200px; margin:0px auto; height:480px; margin-top:30px; background:#F7F7F7;}
.l_left{ float:left; width:350px; padding-left:50px; padding-top:50px;}
.l_left h2{ float:left; width:100%; height:70px; border-left:3px solid #C30D23; text-align:left; font-size:30px; font-weight:400; padding-left:30px; line-height:40px;}
.l_left h2 span{ font-size:14px; color:#999999;}
.l_left p{ float:left; width:100%; text-align:left; margin-top:20px;}
.l_right{ float:right; width:770px; padding-top:50px;}
.l_right ul li{ float:left; margin-bottom:10px;}
.l_right ul li input{ width:690px; height:40px; border:1px solid #CCCCCC; border-radius:5px; padding-left:10px; color:#999999;}
.l_right ul li textarea{ width:690px; height:100px; border:1px solid #CCCCCC; border-radius:5px; padding-left:10px; color:#999999; padding-top:5px;}
.l_right ul li input.input{ width:120px; height:40px; border:none; background:#C30D23; color:#FFFFFF; float:left;}

.zixun{ width:1200px; margin:0px auto; height:200px; margin-top:30px; background:#F7F7F7;}
.zx_left{ float:left; width:300px; overflow:hidden;}
.zx_right{ float:right; width:820px; text-align:left; margin-right:30px;}
.zx_right h2{ font-size:16px; margin-top:20px; margin-bottom:20px;}
.zx_right p{ line-height:180%; color:#999999;}
.zx_right a{ display:block; width:100px; height:25px; border-radius:5px; background:#C30D23; text-align:center; color:#FFFFFF; padding-top:5px; float:right; margin-top:30px;}

.main1{ width:1200px; margin:0px auto; margin-top:50px; min-height:400px;}
.main1 img{ max-width:1200px;}
.main1 h2{ font-size:20px; font-weight:400; margin-bottom:10px;}
.main1 span{ display:block; margin:0px auto; margin-bottom:30px; font-size:12px; color:#999999;}
.main1 p{ text-align:left; line-height:220%; font-size:14px;}
.main1 a{ display:block; margin:0px auto; width:120px; height:24px; background:#C30D23; border-radius:5px; margin-top:30px; padding-top:8px; color:#FFFFFF;}

.show{ width:1110px; margin:0px auto;}
.show_top{ width:1110px;}
.s_t_left{ width:498px; float:left; border:1px solid #CCCCCC; overflow:hidden;}
.s_t_left img{ width:498px;}
.s_t_right{ float:right; width:500px; height:340px; padding:50px; padding-top:20px; padding-left:60px; text-align:left;}
.s_t_right h2{ font-size:24px; font-weight:400; margin-bottom:15px;}
.s_t_right ul li{ line-height:200%; font-size:14px;}
.s_t_right table{border-collapse: collapse; border:1px solid #CCCCCC;text-indent: initial;
    border-spacing: 2px;}
.s_t_right tbody {
    display: table-row-group;
    vertical-align: middle;
    unicode-bidi: isolate;
    border-color: inherit;
}
.s_t_right tr {
    display: table-row;
    vertical-align: inherit;
    unicode-bidi: isolate;
    border-color: inherit;
	 border:1px solid #CCCCCC;
}
.s_t_right tr td{ border:1px solid #CCCCCC;}
.s_t_right p{ margin-top:30px; font-size:14px;}
.s_t_right p b{ font-size:30px; color:#C30D23;}
.s_t_right h3{ float:left; margin-right:25px; width:200px; height:36px; background:#50B674; text-align:center; padding-top:14px; font-size:16px; border-radius:5px; color:#FFFFFF; margin-top:40px;}
.s_t_right h3.h3333{ background:#FF9900;}
.s_t_right h3 a{ color:#FFFFFF;}
.s_t_right h3 a:hover{ color:#FFFFFF;}
.show_bot{ width:1110px; margin:0px auto; margin-top:20px;}
.s_b_top{ width:1110px; height:40px; background:#C30D23;}
.s_b_top h3{ text-align:left; padding-left:20px; padding-top:10px; font-size:14px; color:#FFFFFF;}
.s_b_bot{ width:1110px; text-align:left; margin-top:20px; line-height:200%;}
.s_b_bot img{ max-width:1110px;}

.yb_conct{position:fixed;z-index:9999999;top:350px;*top:300px;_top:300px;right:-127px;cursor:pointer;transition:all .3s ease;}
.yb_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}
.yb_bar .yb_top{background:#C30D23 url(../images/fixCont.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#C30D23 url(../images/fixCont.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ{text-indent:0;background:#C30D23 url(../images/fixCont.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode{background:#C30D23 url(../images/fixCont.png) no-repeat 0 -169px;}
.hd_qr{padding:0 29px 25px 29px;}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;}
.yb_phone a{color:#fff;}

.xunjia{position:fixed;z-index:9999999;top:550px;*top:550px;_top:550px;left:2px;cursor:pointer;}
.xunjia h3{ width:200px; height:36px; background:#FF9900; text-align:center; font-size:16px; padding-top:14px; border-radius:5px; color:#FFFFFF; margin-top:40px;}
.xunjia h3.h3333{ background:#50B674;}
.xunjia h3.h3333{ background:#50B674;}
.xunjia h3 a{ color:#ffffff;}
.xunjia h3 a:hover{ color:#ffffff;}

.main_img{

    overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
	z-index:1;
	transition-delay: 0s;
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: ease;
	/* Firefox 4 */
	-moz-transition-delay: 0s;
    -moz-transition-duration: 1s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
	/* Safari 和 Chrome */
	-webkit-transition-delay: 0s;
    -webkit-transition-duration: 1s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
	/* Opera */
	-o-transition-delay: 0s;
    -o-transition-duration: 1s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;
	}
.main_img .show {
    background: rgba(0, 0, 0, 0.4);

    left: 0;
    opacity: 0;
	filter:alpha(opacity=0);
    position: absolute;
    top: 0;
    transition-delay: 0s;
    transition-duration: 0.3s;
    transition-property: opacity;
    transition-timing-function: ease-in;
	/* Firefox 4 */
	-moz-transition-delay: 0s;
    -moz-transition-duration: 0.3s;
    -moz-transition-property: opacity;
    -moz-transition-timing-function: ease-in;
	/* Safari 和 Chrome */
	-webkit-transition-delay:0s;
    -webkit-transition-duration: 0.3s;
    -webkit-transition-property: opacity;
    -webkit-transition-timing-function: ease-in;
	/* Opera */
	-o-transition-delay:0s;
    -o-transition-duration: 0.3s;
    -o-transition-property: opacity;
    -o-transition-timing-function: ease-in;
    width:250px;
    z-index: 200;
}
.main_img .show .imgArea {
    left: 50%;
	bottom:0;
    margin:-15px 0px 0px -40px;
    opacity: 0;
    position: absolute;
    transition-delay: 0s;
    transition-duration: 0.4s;
    transition-property: all;
    transition-timing-function: ease;
	/* Firefox 4 */
	-moz-transition-delay: 0s;
    -moz-transition-duration: 0.4s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
	/* Safari 和 Chrome */
	-webkit-transition-delay:0s;
    -webkit-transition-duration: 0.4s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
	/* Opera */
	-o-transition-delay:0s;
    -o-transition-duration: 0.4s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;
}
.main_img .show .imgArea a{
	color:rgba(255,255,255, 0.8);
	display:block;
	padding:5px 12px;
	border:rgba(255,255,255, 0.6) 1px solid;
	border-radius:8px;
	font-size: 16px;
}
.main_img .show .imgArea a:hover{
	background: rgba(255,255,255, 0.7);
	color:rgba(0,0,0, 0.6);
}
.main_img:hover  .show {opacity: 1;filter:alpha(opacity=100);}
.main_img:hover .show .imgArea{opacity:1;filter:alpha(opacity=100);bottom:40%;}
.main_img:hover {
	transform: scale(1.2, 1.2);
	
	-ms-transform:scale(1.2, 1.2); 	/* IE 9 */
	-moz-transform:scale(1.2, 1.2); 	/* Firefox */
	-webkit-transform:scale(1.2, 1.2); /* Safari 和 Chrome */
	-o-transform:scale(1.2, 1.2); 	/* Opera */
	    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    
    filter: grayscale(0%);
	
    filter: none;
}

.scroll{width:1040px; height:340px; margin:0px auto; margin-top:40px;}
  .scroll_left{width:19px;height:33px;background:url(../images/left.jpg) no-repeat;float:left; margin-right:20px; margin-top:100px;}
  .scroll_right{width:19px;height:33px;background:url(../images/right.jpg) left no-repeat;float:left; margin-left:20px; margin-top:100px;}
  .pic{width:960px;height:340px;float:left;}
  .pic ul{display:block;}
  .pic li{float:left;display:inline;width:240px;text-align:center;}
  .pic li img{ width:220px; height:280px;}
  
  .pageinfo { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 12px; PADDING-BOTTOM: 10px; COLOR: #0076BE; PADDING-TOP: 10px; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #fff; TEXT-ALIGN: center; margin-top:20px;}
.pageinfo A { PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 0px 2px; COLOR: #333; PADDING-TOP: 2px; TEXT-DECORATION: none; border: 1px solid #E1E1E1; }
.pageinfo A:hover { COLOR: #E3242C; border: 1px solid #E3242C; }
.pageinfo A:active { COLOR: #E3242C; border: 1px solid #E3242C; }
.pageinfo SPAN.thisclass { PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; COLOR: #fff; PADDING-TOP: 2px; BACKGROUND-COLOR: #E3242C; border: 1px solid #E3242C; }
.pageinfo SPAN.pageinfo { PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; BACKGROUND-COLOR: #FFFFFF; border: 1px solid #E1E1E1; color: #333333; }
.pageinfo SPAN.disabled {DISPLAY: none}
.pageinfo SPAN.current { PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; border: 1px solid #E60011; color:#FFFFFF; background-color: #E60011; }

.page .page-news-list li { border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #CCCCCC; line-height: 32px; height: 32px; background-image: url(../images/dot-gray.jpg); background-repeat: no-repeat; background-position: 0px center; padding-left: 12px; }

.page-news-show { width:100%; padding: 8px; line-height:200%;}
.page-news-show h2 { background:none; width:100%; font-size: 20px; line-height: 32px; text-align: center; color: #032088; font-weight: 700; }
.page-news-show .info { text-align: center; color: #666666; line-height: 22px; margin-bottom:20px; }

.zixun{ width:1200px; margin:0px auto; height:200px; margin-top:30px; background:#F7F7F7;}
.zx_left{ float:left; width:300px; height:200px; overflow:hidden;}
.zx_left img{ width:300px;}
.zx_right{ float:right; width:820px; text-align:left; margin-right:30px;}
.zx_right h2{ font-size:16px; margin-top:20px; margin-bottom:20px;}
.zx_right p{ line-height:180%; color:#999999;}
.zx_right a{ display:block; width:100px; height:25px; border-radius:5px; background:#C30D23; text-align:center; color:#FFFFFF; padding-top:5px; float:right; margin-top:30px;}

.daili{ width:100%; height:auto; background:#C30D23; padding:80px 0px; color:#FFFFFF;}
.daili h2{ font-size:35px; margin-bottom:15px;}
.daili p{ font-size:30px; line-height:180%; margin-bottom:15px;}
.daili h3{ font-size:20px;}
.daili h3 span{ font-size:40px; color:#FFFF00;}

.main2{ width:1200px; margin:0px auto; margin-top:50px; min-height:400px; text-align:left;}
.main2 h2{ text-align:center; font-size:30px;}
.main2 p{ font-size:16px; line-height:200%; margin-top:20px;}
.main2 p span{ font-weight:bold;}
.main2 h3{ text-align:center; font-size:26px; margin-top:20px; color:#C30D23;}
.main2 h4{ text-align:center; font-size:24px; margin-top:20px;}