@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:underline; 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;}

.box{ width:100%; border-bottom:1px solid #CCCCCC; height:35px;}
.box1{ width:1200px; margin:0px auto;}
.wen{ float:left; width:400px; text-align:left; padding-top:10px;}
.jia{ float:right; width:400px; text-align:right; padding-top:10px;}
.top{ width:1200px; height:60px; margin:0px auto; padding:25px 0px;}
.logo{ float:left; width:500px; text-align:left;}
.set{ float:right; text-align:right; width:300px;}
.inav{ width:100%; background:url(../images/nav.jpg) repeat-x; height:54px;}
.nav{ width:1200px; margin:0px auto; height:54px;}
.nav ul li{ float:left; width:160px; height:54px;}
.nav ul li a{ display:block; width:160px; height:40px; color:#fff; padding-top:14px; font-size:16px; font-family:"微软雅黑", Arial;}
.nav ul li a:hover{ background:#000000; font-weight:bold; color:#FFFFFF;}

.flash{ width:100%; height:auto;}
.flash img{ width:100%; height:auto;}

.pro{ width:1200px; margin:0px auto; margin-top:30px;}
.p_top{ width:1200px; text-align:center;}
.p_top h2{ font-size:24px; color:#B90000;}
.p_top span{ color:#999999; font-size:14px; display:block; padding-top:10px;}
.p_center{ width:1200px; height:540px; margin-top:20px;}
.p_center ul li{ float:left; width:280px; height:240px; margin-right:20px; margin-top:20px;}
.p_center ul li img{ width:280px; height:200px; margin-top:8px;}
.p_center ul li span{ display:block; width:280px; padding-left:10px; font-weight:bold; text-align:left; padding-top:12px;}
.p_center ul li span a:hover{ color:#B90000; text-decoration:none;}
.p_center ul li p{ display:block; width:260px; padding-left:10px; line-height:160%; text-align:left; padding-top:12px;}
.p_menu{ width:1200px; margin:0px auto; margin-top:25px;}
.p_menu ul{ padding-left:260px;}
.p_menu ul li{ float:left; width:160px; margin-right:10px;}
.p_menu ul li a{ display:block; width:160px; height:36px; background:#EEEEEE; font-size:14px; padding-top:14px;}
.p_menu ul li a:hover{ background:#B90000; color:#FFFFFF; font-weight:bold;}

.sida{ width:100%; margin:0px auto; height:600px; background:url(../images/youshi_bg.jpg) repeat-x top center #ffffff; margin-top:40px;}
.sd_top{ width:1200px; margin:0px auto;}
.sd_bot{ width:1200px; margin:0px auto; margin-top:30px; padding:30px;}
.sd_b_left{ float:left; width:340px; text-align:left;}
.sd_b_center{ float:left; width:340px; margin-left:80px;}
.sd_b_right{ float:right; width:340px; text-align:left;}
.sd_shang{ width:352px; height:142px; background:url(../images/sida_bg.png) no-repeat left top; margin-top:15px;}
.sd_shang_left{ float:left; width:40px;}
.sd_shang_left h2{ width:30px; height:50px; font-size:45px; color:#B90000; font-weight:100;}
.sd_shang_right{ float:left; width:290px;}
.sd_shang_right h2{ width:290px; font-size:18px; color:#666666; padding:10px 0px;}
.sd_shang_right p{ line-height:180%; font-size:14px;}
.sd_xia{ width:352px; height:142px; background:url(../images/sida_bg.png) no-repeat left top; margin-top:60px;}

.zhengshu{ width:1200px; margin:0px auto; margin-top:20px;}
.zs_top{ width:1200px;}
.zs_top h2{ color:#077ecd; font-size:24px;}
.zs_top span{ color:#999999; font-size:14px; display:block; padding-top:10px;}
.zs_bot{ width:1200px; margin:0px auto;}
.Box {position: relative;}
.Box .content {width: 1180px;margin: 0 auto; height:383px; margin-top:20px;}
.Box .Box_con {position: relative;}
.Box .Box_con .btnl {position: absolute;}
.Box .Box_con .btn {display: block;width: 20px;height: 41px;position: absolute;top: 180px;cursor: pointer;}
.Box .Box_con .btnl {background: url(../images/jtl02.png) no-repeat center;left: -32px;}
.Box .Box_con .btnr {background: url(../images/jtr02.png) no-repeat center;right: -32px;}
.Box .Box_con .btnl:hover {background: url(../images/jtl03.png) no-repeat center;}
.Box .Box_con .btnr:hover {background: url(../images/jtr03.png) no-repeat center;}
.Box .Box_con .conbox {position: relative;overflow: hidden; height:383px;}
.Box .Box_con .conbox ul {position: relative;list-style: none;}
.Box .Box_con .conbox ul li {float: left;width: 278px;height: 383px;margin-left: 20px;overflow: hidden;}
.Box .Box_con .conbox ul li:first-child {margin-left: 0;}
.Box .Box_con .conbox ul li img {display: block;width: 278px;height: 383px;transition: all 0.5s;}
.Box .Box_con .conbox ul li:hover img {transform: scale(1.1);}
.Box .BoxSwitch {margin-top: 30px;text-align: center;}
.Box .BoxSwitch span {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width: 30px;height: 3px;background: #ccc;margin: 0 5px;cursor: pointer;}
.Box .BoxSwitch span.cur {background: red;}


.about{ width:100%; margin:0px auto; height:520px; padding:20px 0px; margin-top:40px;}
.abo{ width:1200px; margin:0px auto;}
.a_top{ width:1200px;}
.a_top h2{ color:#B90000; font-size:24px;}
.a_top span{ color:#999999; font-size:14px; display:block; padding-top:10px;}
.a_bot{ width:1200px; margin-top:40px;}
.a_b_left{ float:left; width:554px;}
.a_b_right{ width:570px; float:right;}
.a_b_right h2{ text-align:left; font-weight:100; font-size:22px;}
.a_b_right p{ text-align:left; line-height:200%; font-size:14px; margin-top:20px;}
.a_b_right ul{ margin-top:20px;}
.a_b_right ul li{ float:left; width:104px; margin-right:80px;}
.a_b_right ul li h3{ background:#AFAFAF; width:100px; height:70px; border-radius:50px; padding-top:30px; text-align:center;}
.a_b_right ul li h3:hover{ background:#B90000;}
.a_b_right ul li span{ display:block; padding-top:15px;}

.news{ width:100%; margin:0px auto; margin-top:45px;}
.n_top{ width:1200px; margin:0px auto;}
.n_top h2{ color:#B90000; font-size:24px;}
.n_top span{ color:#999999; font-size:14px; display:block; padding-top:10px;}
.n_bot{ width:100%; margin-top:20px;}
.n_b_top{ width:770px; margin:0px auto;}
.n_b_top h2{ float:left; width:230px; background:#EAEAEA; height:37px; font-size:16px; color:#666666; padding-top:15px; margin-right:35px; cursor:pointer;}
.n_b_top h2.h2{ background:url(../images/news_li.jpg) no-repeat center top; height:52px; color:#FFFFFF;}
.n_b_bot{ width:100%; height:446px; background:#F4F4F4; margin-top:30px;}
.zhong{ width:1200px; margin:0px auto; padding-top:20px;}
.n_b_b_left{ float:left; width:420px; text-align:left;}
.n_b_b_left h2{ color:#DB241E;}
.n_b_b_left hr{ width:40px; border-top:2px solid #DB241E; margin-top:3px;}
.n_b_b_left p{ line-height:180%; margin-top:25px;}
.n_b_b_left img{ margin-top:30px;}
.n_b_b_right{ float:right; width:495px; text-align:left;}
.neirong{ width:540px; height:160px; float:left; margin-right:60px; margin-top:30px;}
.nr_left{ float:left; width:200px;}
.nr_right{ float:right; width:320px; text-align:left;}
.nr_right h2{ width:320px; font-size:12px; margin-bottom:15px; padding-top:5px;}
.nr_right p{ line-height:170%; color:#666666;}
.nr_right a{ display:block; width:70px; height:20px; background:#FF5F01; color:#FFFFFF; text-align:center; padding-top:4px; margin-top:15px;}

.anli{ width:1200px; margin:0px auto; margin-top:30px;}
.al_top{ width:860px; padding-left:340px; height:50px;}
.al_top h2{ width:238px; height:38px; background:#f5f5f5; float:left; margin-left:30px; font-size:18px; padding-top:12px; cursor:pointer;}
.al_top h2.hhh{ background:#077ECD; color:#FFFFFF;}
.al_bot{ width:1200px; margin:0px auto;}
.al_bot ul{ padding-top:10px;}
.al_bot ul li{ float:left; width:278px; height:218px; border:1px solid #CCCCCC; margin-left:15px; margin-top:15px;}
.al_bot ul li img{ width:278px; height:218px;}

.hezuo{ width:1178px; margin:0px auto; border:1px solid #CCCCCC; padding:10px; margin-top:30px;}
.hz_top{ width:1178px; border-bottom:1px solid #CCCCCC; text-align:left; height:40px;}
.hz_top h2{ font-size:24px; width:105px; color:#077ECD; float:left;}
.hz_top span{ display:block; padding-top:12px; font-size:14px;}
.hz_bot{ width:1178px; height:auto;}
.hz_bot ul li{ float:left; margin-top:8px; margin-right:10px;}

.f_nav{ width:100%; background:#f7f7f7; margin-top:20px; min-height:230px;}
.f_menu{ width:100%; background:#077ECD; height:30px; color:#FFFFFF; padding-top:10px;}
.f_menu a{ color:#FFFFFF; font-size:14px;}
.foot{ width:100%; margin:0px auto; margin-top:40px;}
.f_top{ width:100%; height:32px; background:#B90000; color:#FFFFFF; padding-top:13px;}
.f_bot{ width:100%; background:#F0F0F0; padding:20px 0px;}
.f_bot p{ line-height:200%;}


.products{ width:1200px; margin:0px auto; margin-top:30px;}
.products_left{ float:left; width:270px;}
.pro_l_top{ width:270px; background:url(../images/left_top.jpg) no-repeat; height:60px;}
.pro_l_top h2{ font-size:20px; font-weight:100; color:#FFFFFF; text-align:left; padding-top:20px; padding-left:30px;}
.pro_l_bot{ width:270px;}
.pro_l_bot ul li{ width:270px; height:40px; background:url(../images/li.jpg) no-repeat; margin-top:1px;}
.pro_l_bot ul li:hover{ background:url(../images/li1.jpg) no-repeat;}
.pro_l_bot ul li:hover a{ color:#FFFFFF;}
.pro_l_bot ul li a{ display:block; text-align:left; font-size:14px; padding-left:30px; padding-top:10px;}
.products_right{ float:right; width:868px; border:1px solid #CCCCCC; padding:15px;}
.pro_r_top{ width:868px; border-bottom:1px solid #CCCCCC; height:40px;}
.pro_r_top h2{ float:left; width:500px; text-align:left; background:url(../images/fang.jpg) no-repeat left 12px; padding-left:20px; font-size:18px; font-weight:100; color:#B90000; padding-top:5px;}
.pro_r_top p{ text-align:right; padding-right:10px; padding-top:15px; color:#999999;}
.pro_r_bot{ width:868px; text-align:left; line-height:180%; padding-top:20px;}
.pro_r_bot1{ width:868px; margin-top:20px;}
.pro_r_bot1 ul li{ float:left; width:270px; height:220px; margin-right:19px; margin-top:20px;}
.pro_r_bot1 ul li img{ width:270px; height:190px; border:1px solid #CCCCCC; margin-top:8px;}
.pro_r_bot1 ul li span{ display:block; width:250px; padding-left:10px; font-weight:bold; text-align:left; padding-top:12px;}
.pro_r_bot1 ul li span a:hover{ color:#077ecd; text-decoration:none;}
.pro_r_bot1 ul li p{ display:block; width:250px; padding-left:10px; line-height:160%; text-align:left; padding-top:12px;}

.pro_r_bot ul li{ border-bottom:1px dashed #CCCCCC; height:35px; line-height:35px; background:url(../images/dian.jpg) no-repeat left center; padding-left:16px;}
.pro_r_bot ul li a{ display:block; float:left;}
.pro_r_bot ul li span{ float:right; display:block; color:#999999;}

.pro_r_bot2{ width:868px; text-align:left; line-height:180%; padding-top:20px;}
.pro_r_bot2 ul li{ float:left; width:270px; margin-left:10px; margin-right:8px; margin-bottom:15px;}
.pro_r_bot2 ul li img{ width:268px; height:208px; border:1px solid #CCCCCC;}
.pro_r_bot2 ul li span{ display:block; width:270px; padding-top:2px; text-align:center;}

.pro_l_bot1{ width:270px;}
.pro_l_bot1 ul h2{ width:270px; height:40px; background:url(../images/li.jpg) no-repeat; margin-top:1px;}
.pro_l_bot1 ul h2:hover{ background:url(../images/li1.jpg) no-repeat;}
.pro_l_bot1 ul h2:hover a{ color:#FFFFFF;}
.pro_l_bot1 ul h2 a{ display:block; text-align:left; font-size:14px; padding-left:30px; padding-top:10px;}
.pro_l_bot1 ul li{ width:270px; height:30px; margin-top:1px; text-align:left;}
.pro_l_bot1 ul li a{ display:block; width:240px; height:22px; background:#f5f5f5; text-align:left; font-size:12px; padding-left:30px; padding-top:8px;}
.pro_l_bot1 ul li a:hover{ display:block; background:#FF7777; text-align:left; font-size:12px;}

.pageinfo { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 14px; 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: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 5px; MARGIN: 0px 5px; COLOR: #333; PADDING-TOP: 5px; 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: 10px; PADDING-LEFT: 10px; FONT-WEIGHT: bold; PADDING-BOTTOM: 5px; COLOR: #fff; PADDING-TOP: 5px; BACKGROUND-COLOR: #E3242C; border: 1px solid #E3242C; }
.pageinfo SPAN.pageinfo { PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; BACKGROUND-COLOR: #FFFFFF; border: 1px solid #E1E1E1; color: #333333; }
.pageinfo SPAN.disabled {DISPLAY: none}
.pageinfo SPAN.current { PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; 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 { padding: 8px; }
.page-news-show h2 { font-size: 16px; line-height: 32px; text-align: center; color: #666666; font-weight: 700; }
.page-news-show .info { text-align: center; color: #666666; line-height: 22px; }

.show{ width:100%; margin-top:20px;}
.show h1{ font-size:20px; padding-bottom:15px;}
.show img{ max-width:900px;}
.show1{ width:854px; margin:0px auto; padding:10px 15px; padding-bottom:20px;}
.s1_top{ width:854px; border-bottom:1px solid #B90000; margin-top:20px;}
.s1_top h2{ width:120px; height:25px; background:#B90000; font-size:14px; color:#FFFFFF; padding-top:5px;}
.s1_bot{ width:854px; text-align:left; line-height:200%; margin-top:20px;}

.links{ width:1200px; margin:0px auto; height:auto; margin-top:20px; text-align:left;}