@charset "utf-8";
body{margin:0; padding:0; font:14px/24px "微软雅黑"; color:#333; background:#fff;}
*{ margin:0; padding:0;}
ul li{ list-style:none;}
p,h1,h2,h3,h4,h5,h6,ul{ margin:0; padding:0;}
img{ border:0; padding:0; margin:0;}
a{ text-align:center; text-decoration:none; color:#333;}
a:hover{ text-decoration:none; color: #81151d;}
.clear{ clear:both;}

/*-------------头部-------------*/
.head{ width:100%;}
.top{ width:100%; height:30px; background: #990033;}
.top .text{ display: block; width: 1200px; height: 30px; margin: 0 auto; font: 300 12px/30px "宋体"; text-align:left; color: #fff;}
.top .text span{ font-weight: 600;}

.logo{ width: 1200px; height: 135px; margin:0 auto;}
.logo .logo_img{ margin: 15px 0 0 35px;}
.logo .tel_img{ margin: 20px 20px 0 0; float: right;}
/*-------------导航-------------*/
#nav{height:55px; width: 1200px; margin: 0 auto;}
#nav ul{float:left;width:1120px;margin:0 auto; padding-left:80px;}
#nav li{float:left;height:50px;position:relative}
#nav li.line_off{background:none}
#nav a{display:block;float:left;text-decoration:none;height:35px;padding-top:10px;line-height:18px;font-size:15px;color:#666;width:90px;outline:none;position:relative;}
#nav a:hover, #nav .active a, #nav li.sfhover a{color:#81151d;text-decoration:none;font-weight:700}
#nav a span{font-size:8px;-webkit-text-size-adjust:none;line-height:17px;padding-bottom:15px;display:block;font-weight:300;cursor:pointer;position:relative}
#nav .n{background:url(../images/i2.png) no-repeat 0 10px;width:16px;height:51px;float:left}
#nav li ul{display:none;position:absolute;top:50px;left:-20px;width:116px;padding:10px 0;background:url(../images/nav2.png) repeat-y;z-index:9999;}
#nav li ul li{line-height:30px;height:30px;margin:0;background-image:none;position:relative;z-index:2}
#nav li ul a, #nav li.active ul a, #nav li.sfhover ul a{background:none;font-weight:300;height:auto;color:#000;line-height:24px;width:110px;margin-left:3px;font-size:12px;float:none;padding:0 0 6px;background:url(../images/nav2.png) no-repeat -234px -100px;_background:url(../images/nav2_1.gif) no-repeat 0 -30px}
#nav li ul a:hover{background:url(../images/nav2.png) no-repeat -234px 0;_background:url(../images/nav2_1.gif) no-repeat 0 0;color:#fff;font-weight:300}
#nav li ul .t{position:relative;z-index:2;top:14px;left:0;width:116px;height:4px;font-size:0;line-height:0;overflow:hidden;background:url(../images/nav2.png) no-repeat -116px 0;_background:url(../images/nav2_2.png) no-repeat;}
#nav li.soso_bg{background: url(../images/soso-text.png) no-repeat left center;width:280px;float: right;}
.soso_bg .soso_text{float: left;height:26px;width:185px; font-size: 12px; margin: 12px 10px 0 2px; border: none;}
.soso_bg  .soso_button{float: left;width: 30px;height: 50px;background: url(../images/soso-button.png) no-repeat center center;cursor: pointer; border: none;}
.soso_bg  .soso_button:hover{background: url(../images/soso-button2.png) no-repeat center center;}

/*-------------banner-------------*/
#warpper {width: 100%; margin: 0 auto; height: 515px; position: relative;}
#focus {width: 100%;height: 515px;position: relative;margin: 0 auto;background: #fff;overflow: hidden; display: block;}
.focusWarp {width: 100%x;height: 515px;	overflow: hidden;position: relative;}
.focusWarp li.ban_bg1{ background: url(../images/banner1.jpg) no-repeat center;}
.focusWarp li.ban_bg2{ background: url(../images/banner2.jpg) no-repeat center;}
.focusWarp li.ban_bg3{ background: url(../images/banner3.jpg) no-repeat center;}
.imgList {position: absolute;}
.imgList li {float: left;text-align: center;height: 515px;width: 100%}
.imgBtn {position: absolute;bottom: 10px;}
.imgBtn li {width: 19px;height: 20px;float: left;font-size: 14px;margin-right: 10px;background: url(../images/btnBg_03.png) no-repeat right top;text-align: center;line-height: 18px;cursor: pointer;}
.imgBtn li.hover {background: url(../images/btnBg_03.png) no-repeat left top;}
#prev, #next {display: block;height: 77px;width: 36px;position: absolute;top: 240px;z-index: 100;background: url(../images/prevNext.png) no-repeat;	outline: none;}
#prev {	left: 50%;margin-left: -500px;}
#next {	right: 50%;	margin-right: -500px;background-position: right top;}

/*-------------网站主体-------------*/
.main{ width: 1200px; margin: 0 auto;}
.main_bg{ width: 100%; background: url(../images/c2_bg.jpg) no-repeat center top; margin-top: 20px;}
.m_p{ padding: 30px 0;}
.m_t{ width: 1200px;}
.m_t1{ width: 350px; margin: 0 auto; padding:30px 0;}
.m_t2{ width: 470px; margin: 0 auto; padding:30px 0;}
.m_t3{ width: 430px; margin: 0 auto; padding:30px 0;}
.m_tleft{float: left; width: 89px; margin-top: 7px;}
.m_tcon{float: left; text-align: center; padding: 0 25px;}
.m_tcon a{font-size: 30px; color: #81151d; display: block; font-weight: bold; padding-bottom: 8px;}
.m_tcon span{font-size: 12px; color: #828282;}
.m_tright {float:left; width: 89px; margin-top: 7px;}

/*产品展示*/
.pro_con{ width: 1200px; height: 565px; position: relative; overflow: hidden; padding-bottom: 25px;}
.pro_li {width: 1200px;height: 545px; overflow: hidden; position: relative;}
.pro_li ul{position: absolute;width: 1200px;height: 545px;}
.pro_li ul li{ float: left; width: 1200px; height: 545px;}
.pro_li #prev1, .pro_li #next1 {display: block;height: 77px;width: 36px;position: absolute;top: 240px;z-index: 100;background: url(../images/prevNext.png) no-repeat;	outline: none;}
.pro_li #prev1 {left: 50%;margin-left: -550px;}
.pro_li #next1 {right: 50%;	margin-right: -550px;background-position: right top;}
.imgBtn1 { width:180px; margin: 0 auto; padding-top: 15px;}
.imgBtn1 li {width: 80px;height: 5px;float: left; margin-right: 10px; background:#ccc; cursor: pointer;}
.imgBtn1 li.hover{ background: #81151d;}
.pro_li1{ width: 410px; height: 545px; float: left; margin-right: 10px; display:inline; position:relative;}
.pro_li2{ width: 383px; height: 266px; border: 1px #ccc solid; float: left; margin:0 10px 10px 0; position:relative;}
.pro_li a{ display:block; color:#fff; }
.pro_li1 a{ width: 410px; height: 545px; z-index: 8; position: absolute; left: 0; top: 0; z-index: 8;}
.pro_li2 a{ width: 383px; height: 265px; z-index: 8; position: absolute; left: 0; top: 0; z-index: 8;}
.pro_li p{ position:absolute; bottom:0; left:0; width:100%; height:35px; text-align:center; font:14px/35px "微软雅黑"; z-index: 8;}
.pro_li img{ display:block;}
.pro_li span{ display:block; width:100%; height:35px; background:#000; filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.5; position:absolute; bottom:0; left:0; z-index: 8;}

/*为什么选择我们*/
.why_con{ width: 1200px; height: 810px; position:relative;}
.why_pic1{ width: 320px; height: 325px; position: absolute; top: 0; left: 42px;}
.why_pic2{ width: 545px; height: 290px; position: absolute; top: 16px; right: 47px;}
.why_pic3{ width: 420px; height: 320px; position: absolute; bottom: 175px; left: 96px;}
.why_pic4{ width: 320px; height: 350px; position: absolute; bottom: 81px; right: 157px;}
.why_text1,.why_text2,.why_text3,.why_text4{ position: absolute; font:300 16px/30px "微软雅黑" ; color: #81151d;}
.why_text1{ width: 135px; top: 50px; left: 380px;}
.why_text2{width: 430px; top: 317px; right: 105px;}
.why_text3{width: 430px; bottom: 100px; left: 129px;}
.why_text4{ width: 135px; bottom: 135px; right: 40px;}
.why_text1 span,.why_text4 span{ display: block; width: 100%; height: 76px; font: 600 30px/76px "微软雅黑";}
.why_text2 span,.why_text3 span{display: block; width: 100px; height: 60px; font: 600 30px/60px "微软雅黑"; float: left; text-align: center;}

/*公司简介*/
.abt_con{ width: 1200px; padding-bottom: 20px;}
.abt_left{ width: 460px; height: 345px; padding-left: 95px; float: left;}
.abt_right{ width: 545px; padding: 25px 0 0 25px; float: left;}
.abt_right p.p1{font: 600 16px/38px "微软雅黑"; color: #81151d;}
.abt_right .p2 p{text-indent:2em; font-size: 14px; margin: 5px 0; line-height: 26px;}
.abt_right p.p3 a{font: 600 14px/38px "微软雅黑"; color: #81151d;}

/*工程案例*/
.al_con{ width: 1200px; padding: 32px 0 40px 0;}
.al_con ul{ width: 1200px;}
.al_con ul li{width: 290px; height: 260px; float: left; margin: 0 10px 10px 0; position:relative; overflow:hidden;}
.al_con ul li:hover{box-shadow: 3px 3px 5px #666;}
.al_con ul li.text{width:262px; height: 185px; background: #fff; font: 300 18px/36px "微软雅黑"; color: #81151d; padding: 75px 0 0 28px;}
.al_con ul li.text1{width:228px; height: 185px; background: #fff; font: 300 18px/36px "微软雅黑"; color: #81151d; padding: 75px 0 0 62px;}
.al_con ul li a{ display: block; width: 290px; height: 260px; color: #fff; text-align: center; line-height: 260px; position: absolute; top: 260px; left: 290px; background: url(../images/trspng.png);}
.al_con ul li:hover a{left: 0; top: 0;}

/*新闻中心*/
.news{width: 780px; float: left; padding: 20px 0;}
.new_t{ width: 780px; height: 40px;}
.new_t_l{width: 150px; float: left; font: 300 16px/40px "微软雅黑"; color: #81151d;}
.new_t_l span{color: #828282; font-size: 12px; padding-left: 10px;}
.new_t_r{ width: 80px; float: right; line-height: 40px; text-align: center;}
.new_t_r a{ color: #828282; font-size: 12px;}
.new_con{ width: 778px; border: 1px #ccc solid; height: 305px; overflow: hidden;}
.new_con ul{ width: 748px; margin: 0 auto; padding-bottom: 15px;}
.new_con ul li{ width: 748px; height: 35px; border-bottom: 1px dashed #ddd; line-height: 35px;}
.new_con ul li a{color: #333;}
.new_con ul li span{ display: block; width: 110px; height: 35px; float: right; text-align: center; line-height: 35px;}

/*技术知识*/
.jszs{width: 390px; float: right; padding: 20px 0;}
.jszs_t{ width: 390px; height: 40px;}
.jszs_t_l{width: 200px; float: left; font: 300 16px/40px "微软雅黑"; color: #81151d;}
.jszs_t_l span{color: #828282; font-size: 12px; padding-left: 10px;}
.jszs_t_r{ width: 80px; float: right; line-height: 40px; text-align: center;}
.jszs_t_r a{ color: #828282; font-size: 12px;}
.jszs_con{ width: 388px; border: 1px #ccc solid; height: 305px; overflow: hidden;}
.jszs_con ul{ width: 358px; margin: 0 auto; padding-bottom: 15px;}
.jszs_con ul li{ width: 358px; height: 35px; border-bottom: 1px dashed #ddd; line-height: 35px;}
.jszs_con ul li a{color: #333;}

/*-------------内页公用左侧-------------*/
.left{width: 275px; float: left;}
.m_t_20{ margin-top: 20px;}
.l_p_fl{width: 275px;}
.l_p_t{ width: 255px; height: 49px; background: #990033; padding-left: 20px; font: 300 16px/49px "微软雅黑"; color: #fff;}
.l_p_t span{ font-size: 12px;}
.l_p_c{ width: 273px; padding: 20px 0; border: 1px #990033 solid; background: #fcfbfb;}
.l_p_c ul{ width: 205px; margin: 0 auto;}
.l_p_c ul li{ width: 185px; height: 30px; padding: 0 10px;}
.l_p_c ul li a{ display: block; width: 100%; height: 30px; font: 300 14px/30px "宋体"; color: #333; text-align: left;}
.l_p_c ul li a span{ display: block; height: 30px; float: right; font: 300 14px/30px "宋体";}
.l_p_c ul li:hover{ background: #990033;}
.l_p_c ul li:hover a{ color: #fff;}
.l_p_c p{ padding: 0 20px; font: 300 14px/28px "宋体"; color: #333;}
.l_p_c img{ display: block; margin: 0 auto; padding-top: 10px;}

/*-------------内页公用右侧-------------*/
.right{ width: 900px; float: right;}
.r_t{ width: 900px; height: 50px; border-bottom: 1px #ccc solid;}
.r_t_pic{ width: 28px; height: 50px; float: left; line-height: 50px; text-align: center;}
.r_t_pic img{vertical-align:middle; }
.r_t_t{float: left; font: 300 16px/50px "微软雅黑"; color: #990033;}
.r_t_r{ float: right; font: 300 12px/50px "宋体"; padding-right: 25px;}
.r_t_r a{ color: #333;}
.r_c{ width: 900px; padding: 15px 0;}

/*-------------内页公用分页-------------*/
.r_page{ width: 830px; padding-top: 12px; margin: 0 auto; font-family: "宋体";}
.green-black{padding-right: 3px; padding-left: 3px; padding-bottom: 3px; margin: 3px; padding-top: 3px; text-align: center; color:#fff;}
.green-black a{	border-right: #2c2c2c 1px solid; padding-right: 5px; border-top: #2c2c2c 1px solid; padding-left: 5px; background: url(../images/image1.gif) #2c2c2c; padding-bottom: 2px; border-left: #2c2c2c 1px solid; color:#fff; margin-right: 2px; padding-top: 2px; border-bottom: #2c2c2c 1px solid; text-decoration: none;}
.green-black a:hover{border-right: #aad83e 1px solid; border-top: #aad83e 1px solid; background: url(../images/image2.gif) #aad83e; border-left: #aad83e 1px solid; color: #fff; border-bottom: 1px #aad83e solid; color:#fff;}
.green-black a:active{border-right: #aad83e 1px solid; border-top: #aad83e 1px solid; background: url(../images/image2.gif) #aad83e; border-left: #aad83e 1px solid; color: #fff; border-bottom: 1px #aad83e solid; color:#fff;}
.green-black span.current{border-right: #aad83e 1px solid; padding-right: 5px; border-top: #aad83e 1px solid; padding-left: 5px; font-weight: bold; background: url(../images/image2.gif) #aad83e; padding-bottom: 2px; border-left: #aad83e 1px solid; color: #fff; margin-right: 2px; padding-top: 2px; border-bottom: #aad83e 1px solid; color:#ffffff;}
.green-black a:visited {border-right: #2c2c2c 1px solid; padding-right: 5px; border-top: #2c2c2c 1px solid; padding-left: 5px; background: url(../images/image1.gif) #2c2c2c; padding-bottom: 2px; border-left: #2c2c2c 1px solid; color: #fff; margin-right: 2px; padding-top: 2px; border-bottom: #2c2c2c 1px solid; text-decoration: none;}
.green-black span.disabled {border-right: #f3f3f3 1px solid; padding-right: 5px; border-top: #f3f3f3 1px solid; padding-left: 5px; padding-bottom: 2px; border-left: #f3f3f3 1px solid; color:#999999; margin-right: 2px; padding-top: 2px; border-bottom: #f3f3f3 1px solid;}

/*-------------新闻列表-------------*/
.new_list{ width: 830px; margin: 0 auto;}
.new_list ul{ width: 830px;}
.new_list ul li{ width: 830px; height: 34px; border-bottom:1px #ccc dashed; font: 300 14px/35px "宋体";}
.new_list ul li span{ float: right;}

/*-------------图片列表-------------*/
.pic_list{ width: 900px;}
.pic_list ul li{ width: 300px; float: left; padding-top: 10px;}
.pic_list ul li p{ display: block; width: 288px; height: 208px; border: 1px #ccc solid; margin: 0 auto;}
.pic_list ul li a.pt{ display: block; width: 300px; height: 30px; margin: 0 auto;}

/*-------------文章详情-------------*/
.new_show{ width: 840px; margin: 0 auto;}
.new_show h3{ line-height: 50px; text-align: center; font-size: 16px; font-weight: 300;}
.new_show p.info{ display: block; width: 840px; height: 28px; background: #eee; text-align: center; font: 300 12px/28px "宋体"; color: #333;}
.news_nr{ width: 840px; padding-top: 15px; font: 300 14px/28px "宋体";}
.news_nr p{ text-indent: 2em; margin: 3px 0;}

/*-------------产品详情-------------*/
.pro_show{ width: 875px; margin: 0 auto;}
.pro_img{ width: 528px; height: 353px; border: 1px #ccc solid; float: left; line-height: 353px; text-align: center; margin-right: 26px;}
.pro_img img{ vertical-align:middle;}
.pro_info{ width: 310px; height: 355px; float: left; position: relative; overflow: hidden;}
.pro_info h3{ font: 300 18px/38px "微软雅黑"; text-align: left; color: #81151d; border-bottom: 1px #ccc solid;}
.pro_info ul li{ font: 300 12px/30px "宋体";}
.pro_info ul li span{ font-weight: bold;}
.pro_info a.zx{ display: block; width: 100px; height: 35px; position: absolute; right: 0; bottom: 0; z-index: 2;}
.pro_n_t{ width: 875px; height: 35px; padding-top: 15px; border-bottom: 1px #ccc solid; font: 300 16px/35px "宋体";}
.pro_nr{width: 875px; padding-top: 10px; font: 300 14px/28px "宋体";}
.pro_nr p{ text-indent: 2em; margin: 3px 0;}

/*-------------底部-------------*/
#footer{ width: 100%; background: #444; color: #fff;}
.link{ width: 1120px; height: 60px; margin: 0 auto; font: 300 12px/60px "宋体"; padding-left: 80px;}
.fot_con{ width: 100%; padding: 20px 0; font: 300 12px/28px "宋体"; border-top: 1px solid #333; text-align: center;}
.link a,.fot_con a{color: #fff; line-height: 60px; padding: 0 8px;}
.link a:hover, .fot_con a:hover{ text-decoration: underline;}
.fot_con a{ line-height: 28px; padding: 0;}