﻿body{ margin:0 auto; font-size:12px; font-family: "微软雅黑",Arial, Helvetica, sans-serif; line-height:normal; background: #f0f01);}

ul,dl,dd,h1,h2,h3,h4,h5,h6,form,p { padding:0; margin:0;}

ul { list-style:none;}

*{margin:0px;padding:0px;}
img { border:0px;}
a { color:#05a; text-decoration:none;}
a:hover { color:#f00;}
.clear{ clear:both;}
.show{ display: block;}
.hide{display: none;}

.top{ height: 44px; border-bottom: 1px solid #d9d9d9 ;}
.top-box{ width: 1100px; margin: 0 auto; color:#565656; font-size: 12px; line-height: 44px;}
.top-box ul{ float: right; overflow: hidden; width: 175px;}
.top-box ul li{ float: left; height: 44px; line-height: 44px; padding-left: 19px; background-position: left center; background-repeat: no-repeat;}
.top-box ul li a{ color:#565656 ;}

.herder{ overflow: hidden; width: 1100px; margin: 0 auto;}
.herder .logo{ float: left;}
.phone{ height: 105px; width: 180px; float: right; padding-left: 85px; background: url(../imagesNew/a_14.png) left center no-repeat;}
.phone p{ padding-top: 34px; color: #333;}
.phone h2{ font-size: 20px; color: red;}

.nav{ height: 44px; background: url(../imagesNew/a_18.png) left center repeat-x;}
.nav-box{ width: 1100px; margin: 0 auto;}
.nav-box li{ float: left;}
.nav-box a{ display: block; padding: 0 20px; height: 44px; color: #fff; font-size: 13px; line-height: 44px;}
.nav-box .on{ background: url(../imagesNew/a_20.png) left center repeat-x;}
.fullSlide{ width:100%;  position:relative;  height:580px; background:#000;  }
.fullSlide .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;  }
.fullSlide .bd ul{ width:100% !important;  }
.fullSlide .bd li{ width:100% !important;  height:580px; overflow:hidden; text-align:center;  }
.fullSlide .bd li a{ display:block; height:580px; }
.fullSlide .hd{ width:100%;  position:absolute; z-index:1; bottom:0; left:0; height:30px; line-height:30px; }
.fullSlide .hd ul{ text-align:center; }
.fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:36px; height:8px; margin:10px; overflow:hidden; background:#fff;  line-height:999px; }
.fullSlide .hd ul .on{ background:#e68011;  }
.fullSlide .prev,.fullSlide .next{  display:block;  position:absolute; z-index:1; top:50%; margin-top:-30px; left:15%;  z-index:1; width:40px; height:60px; background:url(../imagesNew/slider-arrow.png) -126px -137px #000 no-repeat;  cursor:pointer; filter:alpha(opacity=50);opacity:0.5; display:none;  }
.fullSlide .next{ left:auto; right:15%; background-position:-6px -137px; }

.main{ width: 1100px; margin: 0 auto; padding-top: 47px; overflow: hidden;}
.main-left{ width: 272px; height: 284px; float: left; position: relative;}
.main-left  .bd li a{ display: block;  width: 272px; height: 284px;}
.main-left .icon img{ width: 100%; height: 100%;}
.main-left .hd ul{ overflow: hidden; position: absolute; width: 80px; height: 20px; right: 10px; bottom: 10px;}
.main-left .hd li{ float: left;width: 20px; height: 20px; color: #FFFFFF; text-align: center; line-height: 20px;}
.main-left .on{ background: #e61717;}
.main-center{ width: 482px; float: left; padding-left: 15px;}
.main-center .title{ height: 35px; overflow: hidden;}
.main-center .title .bt{ width: 124px; height: 35px; background: #cc0000; text-indent: 8px; font-size: 19px; color: #fff; font-weight: bold; line-height: 35px; float: left;}
.main-center .title .title-right{ float: left; width: 350px; height: 33px; border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9 ;}
.main-center .title .more{ float: right; display: block; line-height: 33px; color: #666; width: 70px;}
.main-center .title .bd{ height: 33px; width:150px; float: left; overflow: hidden; padding-left: 20px;}
.main-center .title .bd ul li{ line-height: 33px;}
.main-center .title .bd ul li a{ color: red;}
.main-center .list li{ margin-top: 23px; height: 12px; background: url(../imagesNew/a_31.png) 4px center no-repeat; padding-left: 15px; color: #666; padding-right: 10px; line-height: 12px; font-size: 12px;}
.main-center .list a{ color: #666;}
.main-center .list span{display: block; float: right;}
.main-right{ width: 300px; float: right;}
.main-right .title{ height: 38px; line-height: 38px; background: #cc0000; line-height: 38px; color: #fff; text-indent: 10px; font-size: 19px;}
.main-right .title a{display: block; float: right; font-size: 12px; color: #fff; padding-right: 8px; line-height: 38px;}
.main-right .icon{padding-top: 10px;}
.main-right .list li{ margin-top: 13px; padding-left: 15px; background: url(../imagesNew/a_35.png) left center no-repeat; height: 12px; line-height: 12px;}
.main-right .list li a{ color:#666;}
.banner2{background: url(../imagesNew/a_39.png) center center; height: 671px; margin-top: 35px;}
.layer1{ padding-top: 77px; width: 1100px; margin: 0 auto; overflow: hidden;}
.layer-left{ float: left; width: 780px;}
.layer1 .title{ background: url(../imagesNew/b_03.png) left center repeat-x; height: 24px;}
.layer1 .title h2{ width: 260px; height: 24px; line-height: 24px; font-size: 24px; background:#fff; color: #cc0000;}
.layer1 .title h2 span{ color: #999; font-size:12px; font-weight: normal;}
.warp{ background: #FFFFFF; overflow: hidden; padding-bottom: 85px;}
.layer-leftMain{ height: 221px; width:780px; position: relative; padding-top: 30px;}
.layer-leftMain .next{ position: absolute; height: 221px; line-height: 221px; width: 34px; text-align: center; right:0; font-size: 25px; color: #666;}
.layer-leftMain .prev{ position: absolute; height: 221px; line-height: 221px; width: 34px; text-align: center; left: 0; font-size: 25px; color: #666;}
.layer-leftMain .bd{ width: 712px; margin: 0 auto; overflow: hidden;}
.layer-leftMain .bd ul{ overflow: hidden; width: 1100px;}
.layer-leftMain .bd li{ float: left; padding-right: 17px; width: 165px;}
.layer-leftMain .bd li p{ background: url(../imagesNew/a_45.png) left center repeat-x; height: 30px; line-height: 30px; text-align: center; color: #fff; font-size: 13px; margin-top: 13px;}
.layer-right{ width: 290px; float: right;}
.layer-right ul{padding-top: 30px;}
.layer-right li{ height: 13px;  line-height: 13px; color: #666666; padding-bottom: 10px;}
.layer-right li a{ color: #666666;}
.layer-right li span{display: block; float: right;}
.layer-right .bottom{ display: block; width: 100px; height: 28px; line-height: 28px; text-align: center; background: #cc0000; color: #FFFFFF; float: right; margin-top: 8px;}
.banner3{ background: url(../imagesNew/a_47.png) center center no-repeat; height: 241px;}

.layer3{ height: 610px; background: #f0f0f0;}
.layer3-box{ width: 1100px; margin: 0 auto; padding-top: 58px;}
.layer3-box .hd{ height: 67px;}
.layer3-box .hd ul{ border: 1px solid #ccc; overflow: hidden; height:65px;}
.layer3-box .hd ul li{ border-right:1px solid #ccc; float: left; height: 65px; line-height: 65px; font-size: 16px; text-align:  center; width:365px;}
.layer3-box .hd ul .on{ background: #cb0005; color: #FFFFFF;}
.layer3-box .bd{ height: 420px; background: #FFFFFF; width: 1100px;}
.layer3-box .bd table{ width: 840px; margin: 0 auto;}
.layer3-box .bd table th{ height: 100px; width: 25%; color: red;font-weight: normal; text-align: center;}
.layer3-box .bd table tr{ height: 30px; }
.layer3-box .bd table td{ text-align:center; color: #666666;border-bottom: 1px solid #f2f2f2;}
.footer{ height: 265px; background: #333333;}
.footer-box{ width: 1100px; margin: 0 auto; position: relative;}
.footer-nav{ overflow: hidden; padding-top: 40px;}
.footer-nav li{float: left; color: #FFFFFF;}
.footer-nav a{ color: #FFFFFF;}
.footer-list{ padding-top: 17px; overflow: hidden;}
.footer-list .list-left{ width: 270px; float: left;}
.footer-list .list-left p{ line-height: 55px; color: #FFFFFF;}
.footer-list .list-left li{ padding-left: 25px; color: #FFFFFF; background-position: left center; background-repeat: no-repeat; height: 18px; line-height: 18px; margin-bottom: 10px;}
.footer-list .list-center{ float: left;}
.footer-list .list-center p{ line-height: 55px; color: #FFFFFF;}
.footer-list .list-center li{ color: #FFFFFF; padding-bottom: 12px;}
.footer-list .list-right{ width: 164px; height:47px; border: 1px dashed #fff; line-height: 47px; text-align: center; display: block; color: #ffd201; float: left; margin-left: 75px;}
.footer-icon{ width: 300px; height: 130px; position: absolute; top: 70px; right: 0;}
.copyright{ height: 65px; background-color: #000;}
.copyright-box{ width: 1100px; margin: 0 auto; color: #999; line-height: 65px;}
.copyright-box span{ float: right; color: #999; display: block;}
.fullSlide .index2 ul li{ width: 20px; height: 20px; border-radius:50%; background: rgba(0,0,0,0.5); margin: 4px;}
.fullSlide .index2 ul .on{background: #FFFFFF;}

.product{ width: 1100px; margin: 0 auto; overflow: hidden; padding-top: 40px;padding-bottom:17px ;}
.product-left{ width: 450px; float: left;}
.product .title{ height: 40px; background: #d90000; font-size: 20px; color: #fff; text-indent: 15px; line-height: 40px;}
.product .title span{ color: #d9d9d9;}
.product-left .icon{ padding-top: 28px;}
.product-left p{font-size: 12px; color: #666666; padding-top: 24px; text-indent: 26px; line-height: 16px;}
.product-left .bottom{ width: 100px; height: 30px; display: block; float: right; text-align: center; line-height: 30px; color: #fff; background: #cc0000; margin-top: 17px;}
.product-center{ width: 280px; float: left; padding-left: 25px;}
.product-center li{ width: 280px; height: 80px; background-color: #e6e6e6; background-position:22px center; background-repeat: no-repeat; margin-top: 28px;}
.product-center li p{ padding: 32px 0 0 72px; color:#333333}
.product-center li a{display: block; margin: 10px 10px 0 0; color: #666666; float: right;}
.product-right{ width: 320px; float: right;}
.product-right .icon{ padding-top: 28px; overflow: hidden; height: 108px;}
.product-right .icon .icon-left{ width: 281px; height: 108px; position: relative; float: left;}
.product-right .icon .icon-left .dibu{position: absolute; width: 281px; height: 20px; line-height: 20px; text-align: center; color: #FFFFFF; background:rgba(0,0,0,0.5); left: 0; bottom: 0;}
.product-right .icon-right{ width: 37px; height: 108px; color: #FFFFFF; line-height: 33px; font-weight: bold; font-size: 21px; background: #fe8d13; float: left; text-align: center;} 
.product-right .list{ width: 320px; height: 55px; overflow: hidden; margin-top: 17px;}
.product-right .list .list-left{ width: 55px; height: 55px;float: left; line-height: 55px; text-align: center; background: #cc0000;
  color: #FFFFFF; font-size: 20px; font-weight: bold;}
.product-right .list .list-right{width: 240px;float: right;}
.product-right .list .list-right p{font-size: 12px;padding-bottom:8px ;}
.product-right .list .list-right p a{color: #333333;}
.product-right .list .list-right span a{color: #666666;}
.product-right .bottom{display: block;float: right;color:#e51717;margin-top: 20px;} 
.brand{padding: 35px 0 90px 0;background: #f0f0f0;}
.brand-box{width: 1100px;margin: 0 auto;overflow: hidden;}
.brand-box .brand-left{width:550px;float:left;}
.brand-box .title{height: 50px;overflow: hidden;}
.brand-box .title .title-left{font-size: 50px;float: left;font-weight: bold;color: #cc0000;line-height: 50px;}
.brand-box .title .title-center{ float: left; padding-top: 5px; padding-left: 5px;}
.brand-box .title .title-center p{ font-size: 20px;}
.brand-box .title .title-right{ display: block; line-height: 50px; float: right; color: red; padding-right: 35px;}
.brand-leftList{width: 550px; height: 195px; padding-top: 45px;position: relative;}
.brand-leftList .next{ height: 195px; width: 25px; position: absolute; right: 0; text-align: center; line-height: 195px; font-size: 30px; color: #333333;}
.brand-leftList .prev{ height: 195px; width: 25px; position: absolute; left: 0; text-align: center; line-height: 195px; font-size: 30px; color: #333333;}
.brand .brand-leftList .bd{ width: 500px; margin: 0 auto; overflow: hidden;}
.brand .brand-leftList .bd ul{ width: 1000px; overflow: hidden;}
.brand .brand-leftList .bd li{ width: 159px; float: left; padding-right: 13px;}
.brand .brand-leftList .bd li p{ width: 159px; height: 30px; text-align: center; line-height: 30px; color: #FFFFFF; background: #cc0000; margin-top: 10px;}
.brand-center{ width: 270px; float: left; padding-left: 29px;}
.brand-center ul{ width: 280px; margin-top: 45px; background-color: #FFFFFF;}
.brand-center ul li{ height: 47px; line-height: 47px; background-color: #FFFFFF; padding-left: 39px; background:url(../imagesNew/c_22.png) 17px center no-repeat; border-bottom: 1px solid #d9d9d9;}
.brand-center ul li a{ font-size: 16px; color: #333333;}

.brand-right{ width: 220px; float: right;}
.brand-right ul{ margin-top: 45px;}
.brand-right ul li{padding-bottom: 15px;}
.brand-right ul li a{ display: block; width: 220px; height: 55px; text-align: center; line-height: 55px; color: #FFFFFF;
background: #E68011; font-size: 18px;}
.brand-bottom{ height: 62px; background: #cc0000;}
.brand-bottom .bottom-box{ width: 1100px; margin: 0 auto; line-height: 62px;}
.brand-bottom .bottom-box .bottom-boxLeft{ float: left; font-size: 30px; color: #FFFFFF; font-weight: bold;}
.brand-bottom .bottom-box .bottom-boxCenter{ float: left; font-size: 30px; color: #FFFFFF; padding-left: 170px;font-weight: bold;}
.brand-bottom .bottom-box .bottom-boxRight{ float: right; font-size: 30px; color: #d44747;font-weight: bold;}

.footer1{ height: 130px; background: #333333;}
.footer1 .footer1-box{ width: 1100px; margin: 0 auto;}
.footer1-left{ float: left; width:400px; height: 130px; background: url(../imagesNew/c_27.png) right center no-repeat;}
.friendlink{ line-height: 50px; color: #CCCCCC;}
.footer1-left ul{ width: 160px; overflow: hidden;}
.footer1-left ul li{ float: left; padding: 0 20px 10px 0;}
.footer1-left ul li a{ color: #CCCCCC;}
.footer1-right{ width: 493px; float: right; padding-top: 55px; text-align: right;}
.footer1-right p{ color: #CCCCCC; padding-bottom: 4px;}
.footer1-right span{ color: #999999; line-height: 18px;}
