.st-title{ height: auto; overflow: hidden;}
.st-title h1{ width: 100%; background: url(../images/st_tile.png) no-repeat center; font-size: 32px; color:#333333; text-align: center;}
.st-title p{ text-align: center; font-size: 16px; color:#333333; margin-top: 5px;}


.product{ height: auto; overflow: hidden; margin-top: 68px;}
.product .st-title{ margin-bottom: 40px;}
.product .pro_left{ width: 230px; float: left; border:1px solid #e5e5e5; background: #f1f1f1;}
.product .pro_left h1{ background: #0068b7; height: 50px; line-height: 50px; text-align: center; color:#fff; font-size: 18px;}
.cp_ul{ height: auto; overflow: hidden; padding:22px 6px; padding-bottom: 2px;}
.cp_ul dl{ height: auto; overflow: hidden; margin-bottom: 20px;}
.cp_ul dl dt{ background: url(../images/pro_jb.jpg) no-repeat; width: 195px; height: 31px; line-height: 31px; font-size: 16px; color:#333333; padding-left: 22px; margin-bottom: 5px;}
.cp_ul dl dd{ height: 30px; line-height: 30px; background: url(../images/dd.jpg) repeat-x left bottom;}
.cp_ul dl dd a{ display: block; color:#666666; font-size: 13px; background: url(../images/ley.jpg) no-repeat 2px center; padding-left: 14px;}
.product .pro_right{ width: 952px; float: right;border:1px solid #e5e5e5;}
.product .pro_right h1{ height: 46px; line-height: 46px; border-top:3px solid #0068b7; border-bottom:1px solid #e5e5e5; font-size: 16px; color:#333333; padding-left: 32px; padding-right: 30px; font-weight: normal;}
.product .pro_right h1 a{ float: right; font-size: 18px; color: #666666;font-weight: normal;}
.pr_ul{ height: auto; overflow: hidden; padding:22px; padding-bottom: 0;}
.pr_ul li{ float: left; width: 283px; margin-right: 26px; border:1px solid #e5e5e5; position: relative;margin-bottom: 26px;}
.pr_ul li img{ display: block; width: 283px; height: 283px;}
.pr_ul li div{ width: 100%;  position: absolute; left:0; top:0; height: 100%;overflow: hidden;background: rgba(0,0,0,0.5);    visibility: hidden;}
.pr_ul li div p{ font-size: 18px; color:#ffffff; padding:0 13px; margin-top: 95px; text-align: center; height: 96px; overflow: hidden; line-height: 30px;}
.pr_ul li div span{ display: block; text-align: center; color:#fff; font-size: 16px;}
.pr_ul li:hover div{ visibility: visible;}

.about{ height: 563px; overflow: hidden; margin-top: 68px; background:url(../images/about_bg.jpg) no-repeat center; background-size:100% auto;  }
.about h1{ text-align: center; font-size: 32px; color: #fff; padding-top: 128px;}
.about b{ display: block; width: 40px; height:3px; background: #fff; margin:0 auto; margin-top: 16px;}
.about h2{ text-align: center; font-size: 28px; color:#fff; margin-top: 47px; margin-bottom: 12px;}
.about p{ font-size: 16px; color:#fff; padding:0 37px; text-align: center; line-height:25px;}
.about a{ display: block; width: 166px; height: 37px; color: #fff; text-align: center; line-height: 37px; margin:0 auto; border:1px solid #fff; border-radius: 20px; margin-top: 66px;}


.company{ height: auto; margin-top: 68px;}
.company .st-title h1{background: url(../images/st_tile1.png) no-repeat center; }
.leftLoop2{position: relative; width:1200px; margin:0px auto; margin-top: 40px;}
.leftLoop2 .hd{position:absolute; width:100%; z-index:9;}
.leftLoop2 .hd a{position:absolute; display:block;  width:20px; height:36px; cursor:pointer;}
.leftLoop2 .hd .prev{left:-40px; top:80px;  background:url("../images/par-left.png") no-repeat left top;transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;}
.leftLoop2 .hd .next{right:-40px; top:80px;  display:block;  background:url("../images/par-right.png") no-repeat right top;transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;}
.leftLoop2 .bd{position:relative; width:100%; text-align:center; overflow:hidden; }
.leftLoop2 .bd ul{ margin:0px; padding:0; list-style:none;}
.leftLoop2 .bd ul li{ float:left; overflow:hidden; width:283px;  text-align:center;  margin-right: 20px;}
.leftLoop2 .bd ul li div{ width:283px;   margin:0 auto; height: 196px; }
.leftLoop2 .bd ul li img{width:100%;}
.leftLoop2 .bd ul li p{ margin-top:10px; font-size:14px; color:#333333; }

.quality{ height: auto; overflow: hidden; margin-top: 68px;}
.quality .st-title h1{background: url(../images/st_tile1.png) no-repeat center; }
.quality_in{ border:1px solid #cacaca; height: auto; overflow: hidden; background: #f1f1f1; padding:11px; margin-top: 50px;}
.quality_left{ float: left; width: 227px;}
.quality_left img{ width: 227px; height: 191px;}
.quality_right{ width: 865px; float: left; margin-left: 51px; }
.quality_right ul{ height: auto; background: url(../images/pay.png) no-repeat center 45px; overflow: hidden; margin-top: 15px;}
.quality_right ul li{ float: left; width: 97px; margin-right: 90px; cursor: pointer;}
.quality_right ul li img{ display: block; width: 97px; height: 97px;}
.quality_right ul li .img1{ display: block;}
.quality_right ul li .img2{ display: none;}
.quality_right ul li.cur .img2{ display: block;}
.quality_right ul li.cur .img1{ display: none;}
.quality_right ul li p{ font-size: 20px; color:#666666; text-align: center; margin-top: 30px;}
.quality_right ul li span{ display: block; width: 27px; height: 2px; background: #528ed3; margin:0 auto;}


.index_img{ width: 100%; height: 143px; background: url(../images/index_img.jpg) no-repeat center; background-size: 100% auto; margin-top: 65px;}

.partner{ height: auto; margin-top: 68px;}
.leftLoop1{position: relative; width:1200px; margin:0px auto; margin-top: 40px;}
.leftLoop1 .hd{position:absolute; width:100%; z-index:9;}
.leftLoop1 .hd a{position:absolute; display:block;  width:20px; height:36px; cursor:pointer;}
.leftLoop1 .hd .prev{left:-40px; top:38px;  background:url("../images/par-left.png") no-repeat left top;transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;}
.leftLoop1 .hd .next{right:-40px; top:38px;  display:block;  background:url("../images/par-right.png") no-repeat right top;transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;}
.leftLoop1 .bd{position:relative; width:100%; text-align:center; overflow:hidden; }
.leftLoop1 .bd ul{ margin:0px; padding:0; list-style:none;}
.leftLoop1 .bd ul li{ float:left; overflow:hidden; width:224px;  text-align:center; border:0px solid #f00; margin-right: 20px;}
.leftLoop1 .bd ul li div{ width:222px;  border:1px solid #d7d7d7; margin:0 auto; }
.leftLoop1 .bd ul li img{width:100%;}



.dongtai{ height: auto; overflow: hidden; margin-top: 68px; }
.don-le{ width: 386px; height:auto; float: left;  margin-right: 20px;}
.don-le img{ width: 386px; height: 215px;margin-top: 20px; margin-bottom: 30px}
.don-le .news_title{ height: auto; overflow: hidden; border-bottom:1px dashed #e2e2e2;}
.don-le .news_title h1{ font-size: 16px; color:#333333; font-weight: normal;}
.don-le .news_title .time{ color:#666666; font-size: 12px;}
.don-le .news_p{ font-size: 12px; color:#666; width: 292px; margin-top: 10px; height: 72px; overflow: hidden;}
.don-le a{ display: inline-block; width: 104px; height: 33px; background: url(../images/eye.png) no-repeat; padding-left: 42px; color:#fff; line-height: 33px; font-size: 13px; margin-top:28px }


/*友情链接*/