/***产品库公用***/

/*nav*/
.nav{background: #0063c9!important; min-width: 1190px; width: 100%; height: 45px!important;}
.nav ul li{height: 45px; line-height: 45px; color: #fff;font-size: 16px;float: left;
transition: background 0.2s;
-moz-transition: background 0.2s; 
-webkit-transition: background 0.2s; 
-o-transition: background 0.2s; 
}
.nav ul li a{color: #fff;padding: 0 25px 0 35px;display: block;height: 45px;}
.nav ul li:hover,.nav ul li a.selected{background: #0059b3;}

/***产品库公用END***/

/***产品库***/

/*procategory*/
.w558 { width: 658px;}
.w228 { width: 228px;}
.w225{width: 225px;}
.w710{width: 710px;padding-left: 245px;position: relative;z-index: 1;}
.menubg .procategory .categorytit{height: 45px;background: #0059b3; width: 210px;left: 0;}
.menubg .procategory{width: 235px;height: 45px;}
.menubg .procategory a{color: #333;}

/*slide*/
.slide{position: relative;height: 330px;width: 710px;overflow: hidden;margin-bottom: 10px;}
.slide .i-ico{width: 39px; height: 70px;position: absolute;top: 135px; display: none;}
.slide:hover .i-ico{display: inline-block;}
.slide .prev{left: 0;background-position: 0 -21px;}
.slide .next{right: 0;background-position: -50px -21px;}
.slide .prev:hover{background-position: 0 -102px;}
.slide .next:hover{background-position: -50px -102px;}
.slide .hd{text-align: center; width: 710px;position: absolute;left: 0;bottom: 15px;}
.slide .hd ul{display: inline-block;*display:inline;*zoom:1;}
.slide .hd ul li{display: inline-block;*display:inline;*zoom:1;width: 12px;margin: 0 4.5px; line-height: 34px;overflow: hidden; height: 12px;border: 1px solid #000;-webkit-border-radius:12px; -moz-border-radius:12px; border-radius: 12px;opacity: 0.5; filter:alpha(opacity=50);background: #000;}
.slide .hd ul li.on{background: #fff;}

/*recommend-enterprise*/
.recommend-enterprise{ width:711px;}
.recommend-enterprise dl{float: left;width: 121px;height: 135px;padding:  0 10px; text-align: center; border-right: 1px solid #efefef;border-bottom: 1px solid #efefef;}
.recommend-enterprise dl:last-child{ border-right:0;}
.recommend-enterprise dl dt{height: 93px;width: 93px;border: 1px solid #e9e9e9;margin: 0 auto;}
.recommend-enterprise dl dt a{display: table-cell;vertical-align: middle;text-align: center;width: 93px; height: 93px;}
.recommend-enterprise dl dt img{max-width: 93px;max-height: 93px;}
.recommend-enterprise dl dd{line-height: 33px; }
.recommend-enterprise dl dd a{color: #272727;
transition: color 0.2s;
-moz-transition: color 0.2s; 
-webkit-transition: color 0.2s; 
-o-transition: color 0.2s; 
}
.recommend-enterprise dl dd a:hover{color: #0059b3;}

/*productLogin*/
.productLogin{margin-bottom: 9px;border: 1px solid #e9e9e9;overflow: hidden;padding-bottom: 8px;}
.productLogin .login-state{padding: 13px 0 18px 11px;}
.productLogin .login-state .welcome{padding: 8px 0 0 63px; position: relative;height: 47px;}
.productLogin .login-state .welcome p{line-height: 22px;color: #505050;}
.productLogin .login-state .welcome p span{color: #999;}
.productLogin .login-state .welcome .login-tx{text-align: center; position: absolute;left: 0;top: 0;width: 50px; height: 50px;border: 2px solid #e0e0e0; overflow: hidden;-webkit-border-radius:50px; -moz-border-radius:50px; border-radius: 50px;}
.productLogin .login-state .welcome .login-tx img{width: 50px; height: 50px;-webkit-border-radius:50px; -moz-border-radius:50px; border-radius: 50px;}
.productLogin .login-state .login-btn{margin: 10px 0 0px 0;}
.productLogin .login-state .login-btn a{display: inline-block;width: 63px; height: 28px; margin-right: 5px;float: left; line-height: 28px;text-align: center; color: #fff;font-weight: bold;background: #df0012;
transition: background 0.3s;
-moz-transition: background 0.3s;
-webkit-transition: background 0.3s; 
-o-transition: background 0.3s; 
}
.productLogin .login-state .login-btn a:hover{background: #fe182b;}

.productLogin .login-after .welcome p a{color: #000;}
.productLogin .login-after .welcome p a:hover{color: #0059b3;}
.productLogin .login-after .i-mf{float: left;margin-top: 1px;width: 19px ;height: 18px;}
.productLogin .login-after .gold-medal{float: left;margin-top: 1px;width: 15px ;height: 18px;}
.productLogin .login-after .vip{float: left;margin-top: 4px;width: 26px ;height: 11px;}
.productLogin .login-after .vip02{float: left;margin-top: 4px;width: 26px ;height: 11px;}
.productLogin .login-after .i-zhizhun{float: left;margin-top: 1px;width: 20px ;height: 18px;}
.productLogin .login-after em{margin: 0 4px 0 7px;position: relative;top: -1px;}
.productLogin .login-after strong{color: #cf0000; margin-right: 3px;}
.productLogin .login-after .login-btn a{width: 97px;}

.prolevel{padding-left: 11px;width: 216px;}
.prolevel dl{float: left;width: 56px;margin-right: 16px;}
.prolevel dl dt{border: 1px solid #d9d9d9;width: 54px;height: 54px;text-align: center;display: table-cell;vertical-align: middle;}
.prolevel dl dd{line-height: 28px;color: #313131;text-align: center;}
.prolevel dl dd:hover{color: #0070ce;}

/*newProduct*/
.newProduct{padding: 4px 10px 10px 10px;border: 1px solid #e9e9e9;}
.newProduct h3{line-height: 26px; height: 26px;color: #333;font-size: 14px;}
.newProduct ul li{height: 26px;line-height: 26px;}
.newProduct ul li a{color: #333;
transition: color 0.2s;
-moz-transition: color 0.2s; 
-webkit-transition: color 0.2s; 
-o-transition: color 0.2s; 
}
.newProduct ul li a:hover{color: #0059b3;}
.newProduct ul li i{background: #cbcac7;display: inline-block;width: 3px;height: 3px;float: left;margin: 12px 6px 0 0;}

/*item*/
.item h2{line-height: 50px;height: 50px;position: relative;padding-left: 3px;}
.item h2 span{display: inline-block;width: 5px; height: 17px;background: #0070ce;float: left;margin: 17px 7px 0 0;}
.item h2 p{position: absolute;right: 0;top: 17px;font-size: 12px;font-weight: normal;color: #7d7d7d;height: 33px;line-height: 33px;}
.item h2 p a{color: #959595;}
.item h2 p a:hover{color: #0070ce;}
.item h2 p a i{display: inline-block;width: 12px;height: 12px;background-position:-158px -443px;float: right;margin: 10px 14px 0 2px;}
.item h2 p a:hover i{background-position:-177px -443px; }


/*item-box*/
.item-box-left{border: 1px solid #e9e9e9;width: 248px; height: 435px;}
.item-box-left h4{font-size: 16px; color: #262626;line-height: 39px; height: 39px;background: #f7f7f7;padding-left: 14px;}
.item-box-left ul{padding: 4px 8px 15px 8px;}
.item-box-left ul li{line-height: 29px; height: 29px;font-size: 14px;}
.item-box-left ul li a{color: #333;
transition: color 0.2s;
-moz-transition: color 0.2s; 
-webkit-transition: color 0.2s; 
-o-transition: color 0.2s; 
}
.item-box-left ul li a:hover{color: #0059b3;}
.item-box-left ul li a i{display: inline-block;width: 3px; height: 3px;background: #bebdb9;float: left;margin: 13px 5px 0 0px;}
.item-box-right{position: relative;border: 1px solid #e9e9e9;border-top: 1px solid #0070ce;padding: 17px 0 4px 14px;width: 916px;}

.item-box-right .J_tabli{position: absolute;right: 73px;top: -35px;height:32px;line-height: 32px; border: 1px solid #dbdbdb;border-bottom: 0;}
.item-box-right .J_tabli li{float: left;height: 32px;}
.item-box-right .J_tabli li a{padding: 0 16px;color: #707070;font-size: 14px;}
.item-box-right .J_tabli li a:hover{text-decoration: underline;}
.item-box-right .J_tabli .selected{border: 1px solid #0070ce;position: relative;top: -1px;left: -1px;border-bottom: 1px solid #fff;height: 33px;}
.item-box-right .J_tabli .selected a{color: #0070ce;}
.item-box-right .J_tabbox{width: 925px;display: none;}
.item-box-right .J_tabbox.block{display: block;}
.item-box-right dl{float: left;width: 165px;height: 200px;margin: 0 20px 7px 0;}
.item-box-right dl dt{width: 163px;height: 163px;border: 1px solid #e9e9e9;}
.item-box-right dl dt a{display: table-cell;vertical-align: middle;text-align: center;width: 163px; height: 163px;}
.item-box-right dl dt img{max-width: 163px;max-height: 163px;}
.item-box-right dl dd{line-height: 35px;height: 35px;text-align: center;}
.item-box-right dl dd a{color: #434343;}
.item-box-right dl dd a:hover{color: #0070ce;}

/*news*/
.news{border: 1px solid #e9e9e9;}
.news-item{padding-bottom: 17px;}
.news-item div{padding: 17px 0 0 213px;position: relative; height: 100px;width: 520px;}
.news-item .news-img{position: absolute;left: 13px; top: 17px;}
.news-item h3{font-weight: normal;font-size: 16px; color: #333;line-height: 30px;margin-top: 10px;
transition: color 0.2s;
-moz-transition: color 0.2s; 
-webkit-transition: color 0.2s; 
-o-transition: color 0.2s; 
}
.news-item h3:hover{color: #0059b3;}
.news-item p{line-height: 20px;color: #999; width: 520px;font-size: 14px; max-height: 60px; overflow: hidden;}
.newest{border-left: 1px solid #e9e9e9;width: 386px; height: 349px; padding: 10px 10px 9px 23px;}
.newest h2{ color: #262626;line-height: 24px; height: 24px;margin-bottom: 6px;}
.newest ul li{line-height: 29px; height: 29px;overflow: hidden;font-size: 14px;}
.newest ul li a{color: #333;
transition: color 0.2s;
-moz-transition: color 0.2s; 
-webkit-transition: color 0.2s; 
-o-transition: color 0.2s; 
}
.newest ul li a:hover{color: #0059b3;}
.newest ul li a i{display: inline-block;width: 3px; height: 3px;background: #4a5068;float: left;margin: 13px 12px 0 2px;}

/***产品库END***/

/***优势产品***/
.advantage{border-top: 1px solid #eee;}
.advantageList{background: #f8f8f8;border-bottom: 1px solid #eee;padding: 6px 15px 18px 15px;}
.advantageList:nth-child(2n){background: #fff;}
.advantageList h2{line-height: 35px;height: 35px;}
.advantageList h2 a{color: #000;font-size: 16px;}
.advantageList h2 span{margin: 8px 0 0 11px;float: left;}
.advantageList h2 a:hover{color: #0066cc;}
.advantageList .briefing{line-height: 17px;color: #787878;margin-bottom: 16px;}
.advantageList .briefing a{color: #0066cc;}
.advantageList .briefing a:hover{text-decoration: underline;}
.advantageList ul{width: 1190px;}
.advantageList ul li{float: left;width: 140px;margin-right: 30px;}
.advantageList ul li div{border: 1px solid #e8e8e8;width: 138px;height: 138px;background: #fff;}
.advantageList ul li div a{display: table-cell;width: 138px;height: 138px;text-align: center;vertical-align: middle;}
.advantageList ul li div a img{max-height: 138px;max-width: 138px;}
.advantageList ul li p{line-height: 17px;margin-top: 9px;max-height: 34px;overflow: hidden;}
.advantageList ul li p a{color: #626262;}
.advantageList ul li p a:hover{color: #0066cc;}

.info-item h4{padding-left: 18px; height: 34px;line-height: 34px;font-size: 14px;background: #f7f7f7;color: #272727;position: relative;}
.info-item ul{border: 1px solid #e7e7e7;}
/*多行列表*/
.dh-list ul{padding: 9px 0 9px 17px;}
.dh-list ul li{ float: left;line-height: 28px;height: 28px;width: 234px;}
.dh-list ul li a{color: #434343;
transition: color 0.3s;
-moz-transition: color 0.3s; 
-webkit-transition: color 0.3s; 
-o-transition: color 0.3s; 
}
.dh-list ul li a:hover{color: #1057a7;}