/*I_BANNER*/
.i_banner{width: 100%;}

.positionn {height: 42px;border-bottom: 1px solid #dedede;line-height: 40px;margin: 20px 0 40px;}
.positionn .poscatname {font-size: 20px;color: #3c3c3c;border-bottom: 2px solid #ff6300;float: left;}
.about p{font-size: 14px;color:#666666;line-height: 28px;letter-spacing: 0.6px;}

.pro_box .fl{width: 15.5%;}
.pro_box .fl li {background-color: #999999;color: #fff;padding: 10px 0;text-align: center;margin-bottom: 4px;transition: all 0.3s;}
.pro_box .fl li a{color: #fff;}
.pro_box .fl li:hover,.pro_box .fl li.on{background-color: #ff6300;}


.pro_box .fr{width: 80%;}
.pro_box .fr ul{padding: 0 0 20px 0;min-height: 400px;}
.pro_box .fr ul li {width: 23%;padding-top: 2%;margin:0 1% 1%;float: left;transition: all .4s ease-in-out;}
.pro_box .fr ul li:hover{box-shadow: 0 8px 18px rgba(0,0,0,.2);    transform: scale(1.02);}
.item {display: inline-block;vertical-align: top;width: 100%;padding: 0 1rem;opacity: 1;animation-delay: 0.3s;}
.item .pic {width: 100%;margin-bottom: 10px;overflow: hidden;}
.item .pic img{width: 100%;height:100px;}
.item .info{position: relative;padding-left: 15px;}
.item .info .title {margin: 0;font-weight: bold;font-size: 1rem;margin-bottom: 1rem;color: #333;}

.page_desc{margin: 50px auto;text-align: center; font-size: 14px;}
.page_desc li{display:inline-block;margin: 0 5px;}
.page_desc li>span,.page_desc li a{padding: 4px 10px;display: inline-block; border: 1px solid #d8d8d8;color: #555; background: #fff;}
.page_desc li span.current,.page_desc li a:hover{background:#555; color: #fff;border: 1px solid #555}

.contact .fl,.contact .fr{width: 47%;margin-bottom: 40px;}
.contact p{font-size: 14px;color:#666666;line-height: 28px;letter-spacing: 0.6px;}
.contact .p img{margin-right: 12px;
    vertical-align: middle;
    max-width: 100%;}