@import url(base.css);

#pleft{float:left;width:480px;}
#pright{float:right;width:700px;}
#pright ul{ margin-left:-10px}
#pright ul li{ float:left; width:162px; height:101px; margin:0px 5px 12px 10px}
#pright ul li img{ width:162px; height:101px}
#pright ul li a:hover img{filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity: 0.6; opacity: 0.6;}

.place{ width:100%; height:60px;line-height:60px;border-bottom:1px #efefef solid;}
.place ul{width:1200px; margin:auto;background:url(/images/xy111.png) no-repeat;}
.place span{padding-left:20px;color:#999;font-size:14px; text-align:left; font-weight:normal}
.place span a{color:#999;}

.about{ width:100%; height:220px; margin:auto;background:url(/images/a_bg.png) center repeat-y;}
.about ul{width:1200px; margin:auto}
.about .aleft{ width:350px;height:220px; float:left; background-color:#184ebe}
.about .aright{ width:850px;height:220px; float:right; background-color:#404040; color:#FFFFFF}
.about .aright .pa{ padding:28px 70px;}
.about .aright .pa p{ margin-bottom:35px; line-height:30px}
.about .aright .pa li{ float:left; width:230px; text-align:center;border-right:1px #999 solid;}
.about .aright .pa li h5{ font-size:52px;font-weight:normal}
.about .aright .pa li h5 span{ font-size:14px; font-weight:normal}

.hz { overflow:hidden; width:1200px;margin:0 auto;height:520px; padding-top:35px; margin-bottom:35px}
.hz h2{height:70px;line-height:30px;font-size:24px;color:#31ae30; font-weight:normal;text-align: center;background:url(/images/case_bg1.png) center bottom no-repeat; margin-bottom:20px}
.hz h2 span{font-size:14px; height:20px; font-weight:normal; color:#888; line-height:36px;}
.hz h5{font-weight:normal; text-align:center; margin:auto; display:table;font-size:14px; height:35px; line-height:35px}
.hz h5 span{padding:5px 20px;margin:auto; margin-left:10px; margin-right:10px; text-align:center;border:1px #ccc solid; line-height:30px}
.hz h5 span a{ font-size:15px}
.hz h5 span a:hover{ color:#990000; font-weight:bold}
.hz_c {height:530px;}
.hz_c ul { width:1170px; margin:auto; overflow:hidden; display:inline;}
.hz_c ul li { float:left; width:350px; height:430px;padding-bottom:25px; display:inline;padding:10px; line-height:22px; margin:0 10px; overflow:hidden; text-align:center; background-color:#f7f7f7; color:#000000;  font-size:14px}
.hz_c ul li a{ color:#fff; }
.hz_c ul a:hover li{background-color:#31ae30; color:#FFFFFF}
.hz_c ul li img { width:350px; height:320px; margin-bottom:12px}
.hz_c ul li span{ text-align:center;}
.hz h5{margin:auto; font-size:14px; line-height:24px; font-weight:normal}
.hz_c ul li h6{height:35px; line-height:34px;background-color:#aaa; margin:10px;}
.hz_c ul li h6 a{ color:#FFFFFF; font-size:14px}
.hz_c ul li span a { text-align:center; display:block; line-height:24px; color:#535353;}
.h01 { margin-top:180px;}
.fl { float:left;}
.fr { float:right;}

.probg{width:100%; background-color:#f5f5f5; margin:auto; margin-top:25px}
.pro{width:1200px; margin:auto;overflow:hidden; padding-top:50px}
.pro ul{ width:1250px;margin-top:12px; margin-left:-50px}
.pro li{float:left;width:555px; height:400px;padding:10px; margin-left:50px;font-size:14px;color:#333; text-align:center; background-color:#f7f7f7; margin-bottom:30px}
.pro a:hover li{background-color:#31ae30; color:#FFFFFF}
.pro li img{ width:555px; height:300px;}
.pro li span{height:30px}

/*ser*/

.sera {
    width: 1200px;
    margin: 0 auto;
}

.ser h2{height:70px;line-height:30px;font-size:24px;color:#31ae30; font-weight:normal;text-align: center;background:url(/images/case_bg1.png) center bottom no-repeat; margin-bottom:20px}
.ser h2 span{font-size:14px; height:20px; font-weight:normal; color:#888; line-height:36px;}

.ser{padding: 20px 0 0;}
.ser_con{height: 637px;background: url(/images/ser_bg.jpg) repeat-x;}
.ser_r{float: right;width: 600px;height: 637px;}
.ser_r img{margin-right: -360px;}
.ser_l{float: left;width: 600px;height: 637px;position: relative;}
.ser_l ul{margin-top: 46px;}
.ser_l li{height: 76px;margin-bottom: 28px;padding-left: 50px;padding-top: 30px;width: 630px;position: relative;z-index: 1;}
.ser_l li h3{font-size: 18px;color: #333;height: 24px;line-height: 24px;}
.ser_l li h3 span{font-size: 14px;color: #333;font-weight: normal;height: 24px;line-height: 24px;}
.ser_l li i{float: left;font-size: 30px;color: #31ae30;height: 18px;line-height: 30px;font-family: Arial;overflow: hidden;width: 44px;font-weight:bold;}
.ser_l li p{font-size: 14px;color: #666;line-height: 24px;margin-left: 44px;}
.ser_l li:hover{background: #fff;}
.ser_l li:hover h3{font-weight: bold;}
.ser_l li:hover h3 i{color: #31ae30;}
.ser_l .tel{position: absolute;width: 800px;height: 193px;background: #4cc34b;left: 0;bottom: 0;}
.ser_l .tel h3{float: left;margin: 70px 0 0 70px;font-weight: normal;}
.ser_l .tel h3 span{display: block;font-size: 24px;color: #fff;line-height: 24px;}
.ser_l .tel h3 i{display: block;font-size: 12px;color: #fff;line-height: 38px;}
.ser_l .tel p{float: right;margin-right: 100px;margin-top: 43px;padding-top: 30px;background: url(/images/tel1.png) no-repeat top center;}
.ser_l .tel p b{display: block;font-size: 30px;color: #fff;line-height: 30px;font-family: Arial;}
.ser_l .tel p a{display: block;width: 94px;height: 32px;line-height: 32px;text-align: center;font-size: 14px;color: #333;background: #fff;border-radius: 16px;margin: 10px auto 0;}


.new{ width:100%; margin:auto; background-color:#f7f7f7; padding-top:50px; margin-top:55px}
.news{ width:1200px; margin:auto; height:430px}
.news h2{height:70px;line-height:30px;font-size:24px;color:#0086ff;text-align: center;background:url(/images/case_bg1.png) center bottom no-repeat; margin-bottom:20px}
.news h2 span{font-size:14px; height:20px; font-weight:normal; color:#999; line-height:22px;}
.news ul{ width:1230px; margin-top:12px; margin-left:-30px;}
.news li{float:left;width:380px; margin-left:30px;font-size:14px;color:#333;}
.news li dd{ height:32px; line-height:32px;background:url(/images/news_bg.png) left no-repeat; padding-left:10px}
.news li dd span{ float:right; font-size:12px; color:#999}
.news li img{ width:380px; height:180px; margin-bottom:10px}


.xy2{width:1200px; margin:auto;overflow:hidden;}
.xy2 h2{height:70px;line-height:30px;font-size:24px;color:#fff;font-weight:normal;text-align: center;background:url(/images/case_bg.png) center bottom no-repeat;}
.xy2 h2 span{font-size:14px; height:20px; font-weight:normal; color:#fff; line-height:36px;}
.xy2 ul{ width:1160px;padding-top:15px; margin:auto;color:#fff;}
.xy2 p{line-height:30px; text-align:center; padding-top:10px}
.xy2 h3{ width:158px;text-align:center; font-size:14px;padding:5px 10px; margin-top:15px;background-color:#f7f7f7; font-weight:normal}
.xy2 a:hover h3{background-color:#0086ff; color:#FFFFFF}

.list{text-align:center; height:60px;margin-bottom:10px;border-bottom:1px #ccc solid; padding-top:37px}
.list span{margin:auto; text-align:center; padding:10px 38px;border-radius:20px}
.lista { background-color:#0086ff;color:#fff; font-weight:bold;}
.lista a{color:#fff; font-weight:bold}

.abouta{ width:1200px; margin:auto;padding-bottom:50px;}
.abouta h2{height:40px;line-height:30px;font-size:24px;color:#0086ff; font-weight:normal;text-align: center;background:url(/images/case_bg1.png) center bottom no-repeat; margin-bottom:20px}
.abouta h2 span{font-size:14px; height:20px; font-weight:normal; color:#888; line-height:36px;}

.listpro{width:1200px; margin:auto;overflow:hidden; padding-top:30px}
.listpro h2{height:70px;line-height:30px;font-size:24px;color:#0086ff; font-weight:normal;text-align: center;background:url(/images/case_bg1.png) center bottom no-repeat; margin-bottom:20px}
.listpro h2 span{font-size:14px; height:20px; font-weight:normal; color:#888; line-height:36px;}
.listpro ul{ width:1230px; margin-left:-30px}
.listpro li{float:left;width:350px; padding:15px; margin-left:30px;font-size:14px;color:#333; text-align:center; background-color:#f7f7f7; margin-bottom:30px}
.listpro a:hover li{background-color:#c7000b; color:#FFFFFF}
.listpro li img{ width:350px;}
.listpro li span{height:30px}

.listcase{width:1200px; margin:auto;overflow:hidden; padding-top:30px}
.listcase h3{ margin:auto; width:300px; }
.listcase h3 dd{ float:left;font-size:14px; height:36px; width:128px; margin:2px 10px 30px 10px; text-align:center; font-weight:normal;line-height:36px;border:1px #ccc solid;}
.kejiana{background-color:#c7000b; color:#FFFFFF}
.kejiana a{color:#FFFFFF}
.listcase ul{ width:1200px;}
.listcase li{float:left;width:270pxpx; padding:10px; margin-left:10px; margin-right:10px;font-size:14px;color:#333; text-align:center; background-color:#f7f7f7; margin-bottom:30px}
.listcase a:hover li{background-color:#c7000b; color:#FFFFFF}
.listcase li img{ width:270px;}
.listcase li span{height:30px}


.pro1{width:1200px; margin:auto;overflow:hidden; padding-top:10px}
.pro1 h2{ text-align:center; font-size:16px; line-height:38px; margin-top:20px;border-bottom:1px #ccc solid;}
.pro1 h2 span{ text-align:center; font-size:14px; padding-left:10px; font-weight:normal}
.pro1 h3{ margin:auto; width:1200px; }
.pro1 h3 dl{ line-height:16px; height:48px; border-bottom:2px #31ae30 solid; padding-top:15px}
.pro1 h3 dl span{ font-size:12px; font-weight:normal}

.pro1 h3 dd{ float:left;line-height:16px; width:130px; height:48px; padding:15px 5px 0 10px;font-weight:normal}
.pro1 h3 dd span{ font-size:12px; font-weight:normal}

.kejiana{background-color:#31ae30; color:#FFFFFF}
.kejiana a{color:#FFFFFF}
.pro1 a:hover dd{background-color:#31ae30; color:#FFFFFF}
.pro1 ul{ width:1215px;margin-top:20px;}
.pro1 li{float:left;width:365px; height:380px;padding:10px; margin-right:20px;font-size:14px;color:#333; text-align:center; background-color:#f7f7f7; margin-bottom:30px}
.pro1 a:hover li{background-color:#31ae30; color:#FFFFFF}
.pro1 li img{ width:365px; height:300px}
.pro1 li span{height:30px}



.newlist{width:1200px; margin:auto;overflow:hidden; padding-top:30px}
.newlist h2{height:70px;line-height:30px;font-size:24px;color:#0086ff; font-weight:normal;text-align: center;background:url(/images/case_bg1.png) center bottom no-repeat; margin-bottom:20px}
.newlist h2 span{font-size:14px; height:20px; font-weight:normal; color:#888; line-height:36px;}
.newlist ul{ width:1230px;margin-left:-30px}
.newlist li{float:left;width:350px; height:210px; padding:15px; line-height:26px; margin-left:30px;font-size:16px;color:#333; text-align:left; background-color:#f7f7f7; margin-bottom:30px}
.newlist li p{ font-size:14px;border-top:1px #999 solid; margin-top:10px; color:#666666}
.newlist li img{ width:350px;height:160px; margin-bottom:10px}
.newlist a:hover li{background-color:#0086ff; color:#FFFFFF}

.slist{width:1200px; margin:auto;overflow:hidden; }
.slist ul{ width:1230px; margin-left:-30px;margin-bottom:20px}
.slist li{float:left;width:555px; height:40px; margin-left:30px;padding-left:30px;border-bottom:1px #ccc solid; line-height:40px;font-size:16px;color:#333; text-align:left; background-color:#f7f7f7; margin-bottom:15px;background:url(/images/slist_bg.png) left no-repeat;}
.slist a:hover li{background-color:#0086ff; color:#FFFFFF}

.sslist{width:1200px; margin:auto;overflow:hidden; }
.sslist ul{ width:1230px; margin-left:-30px;margin-bottom:20px; margin-top:30px}
.sslist li{float:left;width:563px; height:60px; line-height:30px; margin-left:30px;border-bottom:1px #ccc solid; font-size:16px;color:#333; text-align:left; margin-bottom:15px; padding:10px}
.sslist li b{ font-weight:normal; font-size:14px}
.sslist li span{ width:100px; height:60px; float:left; text-align:center;background-color:#31ae30;line-height:30px; color:#FFFFFF; font-size:12px; margin-right:12px}
.sslist li span b{ font-size:20px;border-bottom:1px #ccc solid; line-height:30px;}
.sslist a:hover li{background-color:#56c155; color:#FFFFFF}


#content{width:1200px; margin:auto;padding-bottom:30px}
#content h2{ line-height:60px;border-bottom:1px #ddd solid;background:url(/images/xy112.png) no-repeat; padding-left:20px; margin-bottom:20px; font-weight:normal}
#content h2 span{ float:right; font-size:14px; color:#ccc; font-weight:normal;}
#content h2 small{font-size:16px; color:#666; font-weight:normal;}
#content h3{ line-height:60px;border-bottom:1px #ddd solid; text-align:center; font-size:20px;}
#content .hm01{ width:184px; margin:auto;}
#content .hm01 img{ width:184px; height:60px}
#content h1{height:38px;line-height:30px;font-size:24px;color:#333;text-align: center; font-weight:normal; padding-top:15px}
#content .stitle{font-size:14px; height:30px; font-weight:normal; margin-bottom:30px; text-align:center; color:#999; line-height:22px;background:url(/images/case_bg1.png) center bottom no-repeat;}
#content p{ line-height:35px; padding-bottom:15px; font-size:16px;text-align:justify;}
#content a{
	color:#333;
	text-decoration: underline;
}

.products{margin:auto; margin-top:30px; width:1200px;}
.productsleft{float:left; width:520px;}
.productsleft img{border:1px #ddd solid; width:508px}
.productsright{float:right; width:650px;}
.productsright h2{ line-height:30px;border-bottom:1px #ddd solid; margin-bottom:20px; font-weight:normal}
.productsright h2 span{font-size:14px; color:#666; font-weight:normal;}
.productsright .plist{ display:table}
.productsright .plist p{ margin-bottom:15px}
.productsright h3{background:url(/images/buy.png) center bottom no-repeat; width:200px; height:38px; line-height:38px; float:left; background-color:#35ab35; text-align:center;  color:#fff; border-radius:20px}

.pages{clear:both;margin-top:20px;text-align:center;padding-bottom:30px}
.pages {float:none;text-align:center; }
.pages a {float:none;display:inline;margin:0 1px;border:1px #ddd solid;padding:2px 6px;font-family:"微软雅黑";font-size:12px;}
.pages .current{font-weight:bold;color:#ff6600;border:1px #ff6600 solid;}