*{margin: 0 auto;padding: 0;}
ul,li{list-style: none;}
a,a:hover{text-decoration: none;}

.fl{float:left;}
.fr{float: right;}
.clear{clear: both;}
.blue{color: #005fc0}
.wrap{width: 1200px;height: auto;margin: 0 auto;}
i{font-style: normal}

.q_banner a{width: 100%;height: 507px;background: url(../img/banner.png) no-repeat center;display: block;}
.q_title{text-align: center;padding: 80px 0px 30px;}
.q_title1{font-size: 30px;color: #333;font-weight: 600;}
.q_title2{font-size: 16px;color: #999;margin: 10px 0px}

.liyi{margin-bottom: 30px;}
.liyi_l{padding: 60px 30px 30px;box-sizing: border-box;width: 50%;}
.liyi_r{width: 50%;}
.liyi_r img{display: block;margin: 0 auto;}
.liyi_l1{font-size: 26px;}
.liyi_l2{font-size: 14px;color: #666;padding: 10px 0px 20px;}
.liyi_l3 p{font-size: 16px;color: #666;line-height:32px;}
.liyi_l3 p i{padding-right: 10px;font-weight: bold;font-size:24px;}

.youshi{width: 100%;height: 598px;background: url(../img/youshi.png) no-repeat center;padding: 60px 0px;box-sizing: border-box;}
.youshi_l{width: 36%;}
.youshi_r{width: 62%;}
.youshi_l img{display: block;float: left;}
.youshi_c{margin-bottom: 20px;}
.sideMenu p{ height:48px; line-height:48px; background:#fff; cursor:pointer;font:normal 16px/48px "Microsoft YaHei";color: #000;padding-left: 30px;}
.sideMenu p em{ float:right; display:block; width:48px; height:48px;   background:url(../img/icoAdd.png) 16px 18px no-repeat; cursor:pointer; }
.sideMenu p.on em{ background-position:16px -57px; }
.sideMenu ul{ padding:0px 25px; color:#999; display:none; /* 默认都隐藏 */padding-left: 30px;background: #fff}
.sideMenu ul li{font-size: 14px;line-height: 30px;}
.sideMenu ul li span{display: inline-block;padding-left: 20px;background: url(../img/site_nav_duigou.png) no-repeat left center;margin-right: 10px;}


.hengtiao{width: 100%;height: 280px;background: url(../img/heng1.png) no-repeat center;}
.hengtiao p{text-align: center;font-size: 26px;color: #fff;padding-top: 90px;line-height: 50px;}

.q_cases{padding-bottom: 60px;}
.q_cases_timg{float: left;display: block;}
.q_cases1{width: 720px;}
.q_cases1 li{width: 240px;border: 1px solid #e7e7e7;border-left: none;height: 133px;float: left;background:#fff;position: relative;cursor: pointer;box-sizing: border-box;}
.q_cases1 li img{display: block;margin: /*calc((132px - 80px) / 2)*/0 auto;opacity: 0.6;filter: grayscale(100%);transition: 0.3s;}
.q_cases1 li:after {content: '';display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;box-shadow: inset 0 0 0 0 #eee;-webkit-transition: 0.2s;-moz-transition: 0.2s;transition: 0.2s;}
.q_cases1 li:hover:after {box-shadow: inset 0 0 0 10px #f6f6f6;}
.q_cases1 li:hover img {opacity: 1;-webkit-filter: grayscale(0);-moz-filter: grayscale(0);-ms-filter: grayscale(0);-o-filter: grayscale(0);filter: grayscale(0);filter: none;-webkit-transform: scale(0.9) translateY(-8px);-moz-transform: scale(0.9) translateY(-8px);transform: scale(0.9) translateY(-8px);}
.q_cases2{width: 1200px;}
.q_cases1 li:nth-child(4),.q_cases1 li:nth-child(5),.q_cases1 li:nth-child(6),.q_cases2 li:nth-child(3){border-top:none;}
.q_cases2 li:nth-child(1){border-left: 1px solid #e7e7e7}

div.digg span.current{border: #005fc0 1px solid;padding: 2px 5px;font-weight: bold;margin: 2px;color: #fff;background-color: #005fc0;}