.banner{width: 100%;height: 513px;overflow: hidden;position:relative;display:block;}
.banner .pic{position: relative;width: 100%;height: auto;overflow: hidden;}
.banner .pic li{width: 100%;height: 513px;display: block;}
.banner .prev,.banner .next{width: 60px;height: 90px;margin: -60px 0 0;display: none;opacity: 0.2;filter:alpha(opacity=20);-moz-opacity:0.2;-khtml-opacity:0.2;position: absolute;top: 50%;z-index: 10;background: url("../images/qh.png") no-repeat 0 0;}
.banner .next{background-position: 0 -90px;right: 0; }
.banner .prev:hover,.banner .next:hover{opacity: 0.5!important;filter:alpha(opacity=50)!important;-moz-opacity:0.5!important;-khtml-opacity:0.5!important;}
.container{width: 100%;height: auto;overflow: hidden;background:#fff;}
.banner .hd{position: absolute;bottom:20px;text-align: center;z-index: 1;font-size: 0;width:100%;height: 13px;left: 0;right:0;display:block;}
.banner .hd li{display:inline-block;width: 14px;height: 14px;background: url("../images/on_1.png") no-repeat center top 100%;margin-left: 20px;cursor: pointer;border-radius: 100%;}
.banner .hd li:first-child{margin-left:0;}
.banner .hd li.on{background: url("../images/on_2.png") no-repeat center top 100%;}
/*con-line*/
.con-line{height:auto;margin-bottom: 40px;}
.con-line h2{margin-top:20px;font-size: 18px;color: #333;font-weight: bold;margin-bottom: 26px;}
.con-line-list {width: 100%;height: 260px;overflow: hidden;}
.con-line-list .con-line-fl{width: 538px;height: 260px;overflow: hidden;}
.con-line-list .con-line-fl .con-line-fl-img{width: 250px;height: 190px;overflow: hidden;float: left}
.con-line-list .con-line-fl .con-line-fl-img a{width: 250px;height: 90px;overflow: hidden;display: block;}
.con-line-list .con-line-fl .con-line-fl-img img{width: 250px;height: 90px;overflow: hidden;}
.con-line-list .con-line-fl .con-line-fl-img a:first-child{margin-bottom: 10px;}
.con-line-list .con-line-fl .con-line-fl-txt{width: 268px;height: 190px;margin-left: 20px;float: right;}
.con-line-list .con-line-fl .con-line-fl-txt ul li{float: left;padding: 13px 0;width: 124px;height:20px;margin-right:10px;}
.con-line-list .con-line-fl .con-line-fl-txt ul li a{font-size: 14px;font-weight: bold;color: #333;}
.con-line-list .con-line-fl .con-line-fl-txt ul li a:hover{color: #cc313d;}
.con-line-list .con-line-fl .con-line-fl-txt ul li a img{width: 7px;height: 9px;display: inline-block; float: left; padding-top: 4px;padding-right:4px;}
/*news*/
.news{width:auto;height:260px;overflow: hidden;margin-left: 39px;}
.news h2{margin-top:20px;font-size: 18px;color: #333;font-weight: bold;margin-bottom: 26px;float: left;width: 100%;position: relative;}
.news h2 a{float: right;font-size: 12px;color: #cc313d;position: absolute;display: inline-block;right: 0;top: 4px;}
.news .news-txt{height: auto;}
.news .news-txt .txt{width:443px;height: auto;overflow: hidden;padding-left:18px;padding-right: 20px; border-right: 1px dashed #d9d9d9;}
.news .news-txt .txt h3{font-size: 15px;font-weight: bold;color: #333;padding-bottom: 13px;}
.news .news-txt .txt p{font-size: 13px;color: #777;line-height: 20px;}
.news .news-txt .date{width: 57px;height: 47px;text-align: center;padding-top:8px;}
.news .news-txt .date p:first-child{color: #333;font-size: 24px;}
.news .news-txt .date p{font-size: 14px;color: #333;}
.news .news-txt ul{width: 100%;height: auto;overflow: hidden;}
.news .news-txt ul li{overflow: hidden;padding-right: 17px;padding-top: 13px;padding-bottom: 13px;cursor: pointer;}
.news .news-txt ul li a{display: block;height: auto;overflow: hidden;}
.news .news-txt ul li:hover{background: #eeeeee;}
.news .news-txt ul li:hover h3{color: #cc313d;}
/*con-product*/
.con-product{margin-top: 38px;height:auto;margin-bottom: 20px; }
.con-product .con-title{height: 24px;overflow: hidden;}
.con-product .con-title  .title-fl{float: left;}
.con-product .con-title  .title-fl h2{display: inline-block;font-size: 18px;color: #333;font-weight: bold;}
.con-product .con-title  .title-fl p{display: inline-block;}
.con-product .con-title  .title-fl p span{padding:0 10px;}
.con-product .con-title  .title-fr{float: right;margin-right: 24px;}
.con-product .con-title  .title-fr a{width: 27px;height: 24px;border: 1px solid #e3e3e3;}
.con-product .product-list{height: 213px;overflow: hidden;}
.con-product .product-list ul{width: 1120px;height: 213px;overflow: hidden;}
.con-product .product-list ul li{float: left;width: 248px;height: 186px;margin-top: 25px;border: 1px solid #e3e3e3;text-align: center;margin-left: 40px;position: relative;overflow: hidden;}
.con-product .product-list ul li:first-child{margin-left: 0;}
.con-product .product-list ul li h2 a{ width:100%; height: 20px;font-size: 18px;font-weight:bold; color: #fff;position: absolute;top: 25%;left: 0;right: 0;bottom: 0;line-height: 100%;text-align: center;cursor: pointer}
.con-product .product-list ul li .pro-img{width: 248px;height: 186px;overflow: hidden;transition: all 0.5s ease-in-out 0s;}
.con-product .product-list ul li:hover  .pro-img{transform: scale(1.2)}
.con-product .product-list ul li .zhezhao{position: absolute;left: 0;top: 0;right: 0;bottom: 0; background: #000;display: none;z-index: 40;}
.con-product .product-list ul li:hover  .zhezhao{display: block;transition: all 0.5s; -moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;-ms-transition:all 0.5s;filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity: 0.7;opacity: 0.7;}
.con-product .product-list ul li .pro-text{position: absolute;left: 0;top: 0;right: 0;bottom: 0; z-index:50; display: none;}
.con-product .product-list ul li:hover .pro-text{ display: block;transition: all 0.5s; -moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;-ms-transition:all 0.5s;}
.con-product .product-list ul li .pro-text .pro-l{position: absolute;top: 40%;left: 0;right: 0;opacity: 1!important;}
.con-product .product-list ul li .pro-text .pro-l a{color: #fff;font-size: 13px;line-height: 24px;text-align: center;display: block;}
.con-product .product-list ul li .pro-text .pro-l a:hover{color:#d41121;font-size: 14px;line-height: 24px;}
/*con-about*/
.con-about{background: #eeeeee;height: auto;text-align: center;}
.con-about h2{margin-top:24px;font-size: 18px;color: #333;font-weight: bold;}
.con-about  ul{width: 100%;height: auto;overflow: hidden;}
.con-about  ul li{float: left;width: 240px;height:184px;margin-top: 20px;margin-left: 92px; margin-right: 104px; }
.con-about  ul li:first-child{margin-left: 0;}
.con-about  ul li:last-child{margin-right: 0}
.con-about  ul li em{width: 2px;height: 80px;display: block; color: #000;float: left;}
.con-about  ul li h3{color: #333;font-size: 14px;padding-bottom: 10px;}
.con-about  ul li p{font-size:12px;color: #a5a5a5;line-height: 18px;}
.con-about  ul li .about-img{width: 58px;height: 58px;overflow: hidden;margin: 0 auto;}
.fg{width: 1px;height: 74px;background: #d9d9d9;float: right;position: relative;left: 94px;top:-74px; }
/*con-case*/
.con-case{width: 100%;height: auto;overflow: hidden;}
.con-case h2{margin-top:38px;font-size: 18px;color: #333;font-weight: bold;}
.case-list .hd {float: right;position: relative;top:-54px;margin-right: 34px;}
.case-list .hd ul li{float: left;margin-right:20px;font-size: 13px;color: #757575;width: 56px;height: 30px;line-height: 30px;text-align: center;cursor: pointer; }
.case-list .hd ul li.on {border-bottom: 1px solid #cc313d; }
.case-list .hd ul li.on h5{color:#cc313d;}
.case-list .bd{margin-top: 28px;}
.case-list .bd .mine .mine-list{width: 100%;height: 162px;overflow: hidden;}
.case-list .bd .mine .mine-list li{float: left;}
.case-list .bd .mine ul li {width: 270px;height: 162px;overflow: hidden; margin-left: 11px;position: relative;cursor: pointer;}
.case-list .bd .mine ul li:first-child{margin-left: 0}
.mine-txt{position: absolute;left: 0;top: 0;width: 100%;height: 138px;padding-top: 40px;line-height: 20px;text-align: center;color: #fff; background: rgba(0,0,0,0.3);display: none;}
.mine-txt h3{color: #fff;font-size: 15px;}
.mine-txt span{width: 102px;height: 28px;background: #cc313d;color: #fff;display: block;line-height: 28px;font-size:12px;margin-top:10px;}
/*con-customer-news*/
.con-customer-news{width: 100%;height: auto;overflow: hidden;margin-bottom: 40px;}
/*customer 合作伙伴*/
.customer{width:100%;height:auto; float:left;}
.customer h2{margin-top:20px;font-size: 18px;color: #333;font-weight: bold;}
.customer .customer-list{width: 100%;height: auto;margin-top: 10px;}
.customer .customer-list .bd ul li{float: left;width: 134px;height: 54px;border: 1px solid #eeeeee;margin-left:4px;margin-bottom: 10px;}
.customer .customer-list .bd ul li:first-child{margin-left: 0;}
/*友情链接*/
.yqlj{width: 100%;height: auto;margin-bottom: 40px;}
.yqlj h4{font-size: 13px;color: #999;display: block;float: left;line-height: 30px;}
.yqlj ul{height: auto;overflow: hidden;}
.yqlj ul li{float: left;display: block;height:30px;padding: 0 10px;border: 1px solid #ccc;margin-bottom: 10px;line-height: 30px;text-align: center;margin-left: 10px;cursor:pointer;
transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s; /* Firefox 4 */
-webkit-transition: all 0.3s ease-in-out 0s; /* Safari 和 Chrome */
-o-transition: all 0.3s ease-in-out 0s; /* Opera */ }
.yqlj ul li a{color: #ccc;}
.yqlj ul li:hover {border: 1px solid #999;cursor: pointer;}
.yqlj ul li:hover a{color: #999;}