﻿@charset "utf-8";
/* CSS Document */
body{ font:14px/1.5 normal arial, "微软雅黑"; margin:0; padding:0; overflow-x:hidden; background:#fff;}
a{ text-decoration:none; color:#444;}
a:hover{ text-decoration:none;color:#c10707;}
html, body, div, span, ul, li, ol, dl, dt, dd, table, td, th, p, fieldset, form, pre, blockquote, h1, h2, h3, h4, h5, h6, input, img, a { margin: 0; padding: 0; }
ul li ol{ list-style: none; }
img { border: none; }
.clear{ clear:both; height:0px;}
.inner{ width:1100px; margin:0 auto;}
.fl{ float:left;}
.fr{ float:right;}

/*headtop*/
.headtop{height:30px; width:100%; background:#ededed; line-height:30px; font-size:12px;}
.headtop span{ color:#333;}
.headtop p a{ color:#333; padding:0 8px;}
.headtop p a:hover{color:#c10707;-webkit-transition: all .5s;transition: all .5s;}

/*logo*/
.logo{ height:125px;}
.logo h1{ display:inline-block;}
.logo>img{ height:125px; float:left; margin-right:5px;}

.logo_r{ float:right; width:220px; padding-top:30px;}
.logo_r img{ float:left; margin-right:10px;}
.logo_r span{ font-style: normal; font-size:12px; color:#666; float:left;}
.logo_r p{ font-style:normal; font-size:24px; color:#c80505; float:right; font-family:arial;text-align:right;}


/*.synav*/
.synav{ background:#2C3049; height:54px; }
.synav ul,nav li{ list-style:none;}
.synav>ul{ width:1100px; margin:0 auto;}
.synav>ul>li{ float:left; width:133px;height:54px;  text-align:center; line-height:54px;position:relative;}
.synav>ul>li a{ color:#fff; font-size:15px;}
.synav>ul>li:hover{ background: #B41414; height:54px;}
.synav>ul>li:hover>a{ color:#fff;-webkit-transition: all .5s;transition: all .5s; }

/*banner*/
.banner{width:100%;height:475px;overflow:hidden;z-index:1}
.banner .pic{position:relative;z-index:0}
.banner .pic li{width:100%;height:475px; display:block}
.banner .pic li a{width:100%;height:475px; display:block}
.banner .hd{width:100%;position:absolute;bottom:30px;text-align:center;font-size:0;z-index:99999}
.banner .hd li{margin:0 3px;background:url(../images/dot.png) no-repeat 0 -17px;height:17px;overflow:hidden;width:17px;cursor:pointer;display:inline-block;*display:inline;zoom:1;_background:url(../images/dot8.png) no-repeat 0 -17px}
.banner .hd .on{background-position:0 0}
.banner .prev,.banner .next{width:50px;height:100px;margin:-60px 0 0;display:none;background:url(../images/sprite.png) no-repeat 0 0;position:absolute;top:50%;z-index:10;cursor:pointer;text-indent:-9999px;filter:alpha(opacity=20);opacity:0.2}
.banner .prev{left:0}
.banner .next{background-position:-50px 0;right:0}
.banner .prev:hover,.banner .next:hover{filter:alpha(opacity=50) !important;opacity:0.5 !important}


/*search*/
.search{ margin:10px auto; color:#666; font-size:12px; line-height:28px;}
.search p{ float:left;}
.search_r{ float:right; }
.ssub{ background:#d7381b  url(../images/search.png); width:30px; height:28px; border:1px;float:right; }
.ssub:hover{background:#666 url(../images/search.png);-webkit-transition: all .5s;transition: all .5s; }
.sstxt{border:0px;background:#f3f3f3; width:250px; height:28px; float:right; border-right:0px; padding-left:10px;}

/*product*/
.iprobox{ background:url(../images/probg.jpg); padding:40px 0;}
.proboxl2{ float:left; width:212px;}

.proboxl{ float:left; border:2px solid #002F6E; width:212px; ;background:#fcfcfc;margin-bottom:10px;}
.proboxl .proboxl_t{ background:#002F6E; color:#fff; font-size:18px; font-weight:normal; text-align:center; line-height:2.5;}
.proboxl ul{ margin-top:20px; margin-bottom:10px;}
.probox_l li{ list-style:none; background:#e1e1e1; margin:5px 10px; line-height:2.5; font-size:14px;}
.probox_l li p{ float:left;margin:10px 10px; background:#C80606; border-radius:50%; width:15px; height:15px; color:#fff; line-height:1; text-align:center;}
.probox_l li a{ color:#444444;}
.probox_l li:hover{ background:#c80505;-webkit-transition: all .5s;transition: all .5s; }
.probox_l li.cphong{ background:#c80505;-webkit-transition: all .5s;transition: all .5s; }
.probox_l li a.cper{ padding:0 10px 0 10px;}



.probox_l li:hover a{ color:#fff;-webkit-transition: all .5s;transition: all .5s; }
.probox_l li.cphong a{ color:#fff;-webkit-transition: all .5s;transition: all .5s; }

.probox_l li:hover p{ background:#fff; color:#000;-webkit-transition: all .5s;transition: all .5s; }
.probox_l li.cphong p{ background:#fff; color:#000;-webkit-transition: all .5s;transition: all .5s; }
.probox_l dl{ margin: 0 30px;}
.probox_l dl dt{ height:30px; line-height:30px; border-bottom: 1px dotted #ccc;}
.probox_l dl dt:hover a,.probox_l dl dt:hover i{ color:#c80505;}
.probox_l dl dt i{ font-style:normal;}

.probox_b{ margin:10px 0 10px 10px; float:left;}
.probox_b img{ float:left; margin-right:10px;}
.probox_b span{ font-style: normal; font-size:12px; color:#666; float:left;}
.probox_b p{ font-style:normal; font-size:20px; color:#c80505; float:left; font-family:arial;}
.probox_b p{ float:left;}
.probox_b ul{ float:left; display:inline-block; margin:0;}
.probox_b ul li{ float:left; list-style:none; background: url(../images/wuxing.png) no-repeat 0px 7px; padding-left:15px; margin-right:10px; line-height:2; font-size:16px;}

.proboxr{ float:right; width:860px;}
.proboxr_t{ border-bottom:1px solid #999; padding-bottom:5px;}
.proboxr_t b{ font-size:18px; color:#c80505;line-height:2;}
.proboxr_t a{ float: right; color:#333; font-size:12px; line-height:3.5;}
.proboxr_t img{ width:35px; height:35px; float:left; margin-right:10px;}
.proboxr_l{ overflow:hidden;}
.proboxr_l li{ list-style:none; background:#fff; width:208px; height:184px; float:left;margin:10px 5px 10px 0; overflow:hidden;}
.proboxr_l li img{ margin:10px 10px 0 10px; width:190px; height:150px;}
.proboxr_l li p{ color:#333; font-size:13px; text-align:center; font-weight:normal;}
.proboxr_l li:hover p{ color:#c80505;}

/*about*/
.aboutbox{ width:100%; background: #3F445D; padding: 30px 0;}
.atitle{ width:480px; margin:0 auto 20px; overflow:hidden;}
.atitle img{ width:95px; height:65px; float:left;}
.atitle b{ float:left; padding-top:18px; font-size:30px; color:#afb2af;}
.atitle em{ float:left; font-style:normal; text-transform:uppercase; color:#afb2af; font-size:14px; font-family:arial; text-align:center; margin-left:20px;}
.about img{ border:10px solid #eee; width:324px; height:216px; margin-right:20px; float:left;}
.about p{ width:736px; float:left; padding-top:10px; color:#BBB3B3; font-size:13px; line-height:2; margin-bottom:10px;}
.about a{ border-radius:20px; padding:2px 10px; background:#c10707; color:#fff;}
.about a:hover{ background:#ccc; color:#000;-webkit-transition: all .5s;transition: all .5s; }


/*news*/
.inewsbox{ background:url(../images/mainbg.jpg); padding:50px 0; }
.inews{ float:left; width:760px;}
.inews .new_tit{ overflow:hidden;}
.inews .new_tit a{ float:left; color:#666; font-size:18px; font-weight:normal; border-left:4px solid #666; padding-left:10px;margin-right:20px;}
.inews .new_tit a.on{ border-left:6px solid #c80505; color:#c80505; text-decoration:none;}
.inews .content{ overflow:hidden; width:760px; height:331px; position:relative;margin:0;}
.inews .content>ul{ position:absolute; left:0; top:0; height:331px;}

.new_con{ background:#fff; margin-top:20px; padding:10px; float:left; width:740px;}
.new_con img{ float:left; margin-right:10px; margin-bottom:10px;}
.new_con dl{ font-weight:bold; color:#333; font-size:14px; margin:10px 0;}
.new_con dl span{font-weight:normal; float:right; font-size:13px; color:#666;}
.new_con dl img{ float:right;}
.new_con p{ font-size:13px; line-height:1.8;}
.new_con p a{ color:#c80505;display: block;}
.new_list { margin-top:40px;}
.new_list li{ list-style:none; margin:10px 0;}
.new_list li p{ background:#c80505; width:14px; height:14px; border-radius:50%; float:left; text-align:center; color:#fff; margin-right:20px; line-height:14px; margin-top:3px;}
.new_list li a{ color:#333; font-size:13px;}
.new_list li:hover p{ background:#ccc; color:#000;-webkit-transition: all .5s;transition: all .5s;}
.new_list li:hover a,.new_list li:hover span{ color:#c80505;-webkit-transition: all .5s;transition: all .5s; }
.new_list li span{font-weight:normal; color:#666; font-size:13px; float:right;}
.icontac{ width:310px; float:right;}
.contac_t{ float:right; width:310px; text-align:left;}
.contac_t span{ color:#c80505; font-size:18px; font-weight:normal; border-left:4px solid #c80505; padding-left:10px;}
.contact{ width:310px; height: 311px; background:#fff; float:right; margin-top:20px; overflow:hidden;}
.contact img{ margin:15px;}
.contact p{ padding-left:15px; font-size:14px; color:#333; line-height:25px; }


/*厂区*/
.changqu{background:url(../images/dy_pic11.jpg);overflow: hidden;}
.changqu .inner{ height:430px;position:relative;}
.changqu .changqu_t b{ display:block;color:#98999E;text-align:center;font-size: 26px; line-height: 52px; margin: 10px 0 0;}
.changqu .changqu_t i{display:block;color: #636881;text-align:center;}
#picmove{position:relative;width:1100px;height:320px; margin:0 auto;}
#picmove .flash{width:998px;height:320px; margin:0 auto;position:relative;overflow:hidden;}
#picmove .flash ul.picmovel{width:2000%; position:absolute;top:15px; left:0;}
#picmove .flash ul.picmovel li{ list-style:none;border:10px solid #2E324B;float:left;width:280px;height:260px;margin-left:26px;padding-top:20px;color:#6C6E85;}
#picmove .flash ul.picmovel li:hover{border:10px solid #575B74; color:#fff;}
#picmove .flash ul.picmovel li img{width:260px;height:188px;display:block; margin:0 auto;border:4px solid #575B74; padding:3px;}
#picmove .flash ul.picmovel li:hover img{ border-color: #2E324B;}
#picmove .flash ul.picmovel li p{font-size:16px; text-align:center;width:260px; line-height:24px;margin:10px auto 0; color:#6C6E85;}

#picmove .but_left{width:50px;height:100px;position:absolute; top:100px; left:0px;}
#picmove .but_right{width:50px;height:100px; position:absolute; top:100px; right:0px;}
#picmove .but_left:hover{background:url(../images/qianxleft1.png) no-repeat;}
#picmove .but_right:hover{background:url(../images/qianxr1.png) no-repeat;}


/*link----------------------------*/
.link{ width:1100px;height:72px;background:#FAFAFA;border:1px solid #E2E2E2;margin:22px auto;}
.link_l,.link_r{float:left;height:72px;}
.link_l{width:148px;margin-right: 10px;background:url(../images/links.jpg) no-repeat 23px 17px;border-right: 1px dashed #ccc;}
.link_l p{margin-top: 50px;margin-left:23px;color:#999999;}
.link_r{width:940px;}
.link_r p{margin-top:17px;}
.link_r p a{color:#555555;}

/*foot*/
.foot{background:#21253D; padding:20px 0 0; text-align:center; line-height:2; font-size:13px;}
.meau li{ display:inline-block; list-style:none; line-height:2; margin: 0 20px 20px; color:#a2a2a2;}
.meau li a{ color:#fff;}
.meau{ color:#a2a2a2;}
.meau li a:hover{ color:#D0B447;-webkit-transition: all .5s;transition: all .5s;}
.foot p{ color:#a2a2a2;}
.foot p.Copyright{ margin-top: 10px; line-height: 300%; text-align: left; border-top: 1px solid #696E8C;text-align:center;}
.foot p a{color:#a2a2a2; background:none;}
.foot p a:hover{ color:#c10707;-webkit-transition: all .5s;transition: all .5s;}



/*neiye*/

.content{ margin:40px auto;}

.icon_l{ float:left; width:220px;}
.l_nav{ float:left; border:2px solid #c80505; width:212px; background:#fcfcfc;margin-bottom:10px;}
.l_nav>p{ background:#c80505; color:#fff; font-size:18px; font-weight:normal; text-align:center; line-height:2.5;}
.l_nav ul{ margin-top:20px; margin-bottom:10px;}
.l_navlist li{ list-style:none; background:#e1e1e1; margin:10px 15px; line-height:2.5; font-size:14px;}
.l_navlist li p{ float:left;margin:12px 10px; background:#000; border-radius:50%; width:12px; height:12px; color:#fff; line-height:0.8; text-align:center;}
.l_navlist li a{ color:#444444;}
.l_navlist li:hover, .l_navlist li.on{ background:#c80505;-webkit-transition: all .5s;transition: all .5s; }
.l_navlist li:hover a, .l_navlist li.on a{ color:#fff;-webkit-transition: all .5s;transition: all .5s; }
.l_navlist li:hover p, .l_navlist li.on p{ background:#fff; color:#000;-webkit-transition: all .5s;transition: all .5s; }
.l_con .l_tit{font-size:18px;font-weight:normal; color:#c80505; border-left:4px solid #c80505; padding-left:10px; margin:15px 0;}
.l_con p{ font-size:14px; line-height:200%;}

/**/
.tjzx{ }
.tjzx li{ line-height: 28px; color: #666; list-style-type: circle;}
.tjzx li:hover{ color: #c80505; list-style-type: disc;}
.tjzx li a{ color: #666;}
.tjzx li a:hover{ color: #c80505;}

/**/
.icon_r{ float:right; width:840px; border:1px solid #ccc; padding:5px;}
.r_tit{ overflow:hidden; padding-bottom: 10px; border-bottom: 1px solid #C80505; height: 30px; line-height: 40px;}
.r_tit h1, .r_tit h2{ float:left; color:#c80505; font-size:16px; font-weight:normal; padding-left:10px;border-left: 6px solid #C80505;height: 16px; line-height: 16px; margin-top: 10px;}
.r_tit span{float:right; font-size:13px;}
.r_tit span a{ color:#333;}
.r_tit .om{ color:#c80505;}
.r_con { padding:15px; width:810px; margin-top:10px; line-height: 2em;}

.info_tit{ font-size: 20px; line-height: 40px; text-align: center; color: #C80505;}
.info_time{ margin: 10px 0; padding: 5px 10px; font-size: 12px; line-height: 24px; color: #666; text-align: center; border: 1px dotted #ccc;}
.info_con{ padding: 10px; line-height: 2em;}
.info_page{ margin: 20px 0; padding-top: 10px; border-top: 1px dotted #c80505;}
.info_page p{ font-size: 14px; line-height: 28px; color:#555;}

/*产品详情*/
.info_pic{ margin:30px 0; overflow: hidden;}
.info_pic .pic{ text-align:center;}
.info_pic .pic img{ width:300px;padding:3px; border:1px solid #ccc;}
.info_pic .canshu{ width:470px;}
.info_pic .canshu .info_tit{ text-align:left;margin:0;}
.info_pic .canshu li{ width:300px; height: 30px; line-height: 30px; border-top: 1px dashed #ccc; padding-top: 10px; margin-top: 5px;list-style:none;}
.info_pic .canshu li.phone{ height: inherit;}
.info_pic .canshu li.phone p{ font-size:20px; font-weight:bold; color:#e00;}
.info_xq{ margin: 10px 0; height: 40px; line-height: 40px; font-size: 18px; font-weight: bold; border-bottom: 2px solid #897803; color: #645801;}
/**/

/*newlist*/
.newlist{ overflow:hidden; padding:0 20px; }
.newlist li{ list-style:none; width:100%; line-height: 36px; border-bottom: 1px dotted #CCC;}
.newlist li p { background: #c80505; width: 14px; height: 14px; border-radius: 50%; float: left; text-align: center; color: #fff; margin-right: 20px; line-height: 12px; margin-top: 12px;}
.newlist li a { color: #333; font-size: 14px;}
.newlist li b { font-weight: normal; color: #666; font-size: 13px; float: right;}


/*prolist*/
.prolist{ overflow:hidden;}
.prolist li{ list-style:none; float:left; width: 242px; text-align:center; margin:10px 10px; border: 1px solid #ccc; padding: 3px;}
.prolist li a{ display:block; color: #333;}
.prolist li img{ width:215px; height:160px;}
.prolist li p{ line-height:30px;}
.prolist li a:hover p{ color:#C80505;}

/*piclist*/
.piclist{ overflow:hidden;}
.piclist li{ list-style:none; float:left; width: 182px; text-align:center; margin:10px 10px;}
.piclist li a{ display:block; color: #333;}
.piclist li img{ width:170px; height:128px;}
.piclist li p{ line-height:30px;}
.piclist li a:hover p{ color:#C80505;}

/*r_page*/
.r_page{ margin:30px 0;}
.r_page li{ text-align:center; list-style:none;}
.r_page li a, .pagel li span{ display:inline-block; padding: 5px 12px; border: 1px solid #ccc; margin: 0 5px; color: #666;}
.r_page li a:hover, .pagel li a.active{ border-color: #C80505; color: #C80505;}


/*xiang*/
.r_xiang{ margin: 10px 0;}
.r_xiang p{ height: 40px; line-height: 40px; border-bottom: 1px solid #c80505; color: #c80505; font-size: 16px;}
.r_xgnlist{ overflow: hidden; padding: 10px 0;}
.r_xgnlist li{ list-style:none;float: left; width: 390px; margin: 0 15px; line-height: 36px; height: 36px; border-bottom: 1px dotted #ccc;}
.r_xgnlist li span{ float: left; color: #c80505; font-weight: bold; margin-right: 5px;}
.r_xgnlist li a{ color: #555;}
.r_xgnlist li i{ font-style: normal; float: right; font-size: 13px; color: #666;}
.r_xgplist{ padding: 10px 0; overflow:hidden;}
.r_xgplist li{ list-style:none; float:left;width: 182px; text-align: center; border: 1px solid #ccc; padding: 7px; margin: 0 6px;}
.r_xgplist li a{ }
.r_xgplist li img{ width: 168px; height: 126px;}
.r_xgplist li p{ }

/*bookadd*/
.bookadd{margin:20px 0;}
.bookadd div{margin-bottom:15px;}
.bookadd .label{float:left;width:100px;text-align:right;padding-right:10px;clear:both;}
.bookadd .label span{color:#f30;font-family:宋体;}
.bookadd .enter{margin-left:120px;}
.bookadd .enter .ip{border:1px solid #ddd;padding:10px 10px;vertical-align:middle;overflow:hidden;}
.bookadd .enter .bnt{ border: 1px solid #840909; background: #C80505;padding:8px 20px;vertical-align:middle;color:#fff;cursor:pointer;}
.bookadd .enter label{display:block;}

.list_page{text-align:center;margin:10px;display:block;}
.list_page:after{content:" ";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.list_page ul{list-style:none;margin:0;padding:0;display:inline-block;vertical-align:bottom;}
.list_page ul li{display:inline-block;border:solid 1px #ddd;border-radius:4px;}
.list_page ul a{color:#333;padding:8px 12px;line-height:18px;display:block;transition:all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;background:#fff;}
.page_group ul{border-right:solid 1px #ddd;border-radius:4px;}
.page_group ul li{border-right:none;border-radius:0;float:left;}
.page_group ul li:not(:first-child):not(:last-child){border-radius:0;}
.page_group ul li:first-child{border-radius:4px 0 0 4px;}
.page_group ul li:last-child{border-radius:0 4px 4px 0;}
.page_group ul .active a{background:#f3f3f3;border-radius:0;}

