/********************
	主色： 427ccc	
 ********************/
@charset "utf-8";

/*product*/
.sect-prod{background: url(../images/bg-prod.jpg) center no-repeat;}
.prod{width: 880px;float: right;}
.prod .tit{background: #427ccc;padding: 10px 20px;font-size: 24px;line-height: 30px;color: #fff;}
.prod .tit a{float: right;font-size: 14px;}
.prod .tit a:hover{}
.prod .box{padding-top: 30px;}
.prod .box ul li{float: left;margin-right: 11px;width: 286px;}
.prod .box ul li a{display: block;position: relative;overflow: hidden;}
.prod .box ul li a .img{border: #fff 1px solid;background: #fff;}
.prod .box ul li a p{font-size: 16px;line-height: 40px;color: #fff;text-align: center;background: #6595d6}
.prod .box ul li a:hover p{background: #427ccc;}

/*title*/
.title-style{font-size: 24px;line-height: 40px;color: #333;padding-bottom: 10px;position: relative;z-index: 9;border-bottom: #d0d0d0 2px solid;}
.title-style:after{content: '';display: block;width: 138px;height: 8px;position: absolute;left: 0;bottom: -2px;z-index: -10;background: url(../images/bg-tit.png) left bottom no-repeat;}
.title-style em{color: #427ccc}

/*about*/
.sect-about{background: #f3f3f3;}
.about{width: 775px;float: left;}
.about .img{margin-top: 20px;}
.about .name{font-size: 18px;line-height: 48px;color: #333;}
.about .content{font-size: 14px;line-height: 24px;color: #333;}
.about .more{display: inline-block;font-size: 14px;line-height: 28px;color: #fff;background: #ed9434;padding: 0 18px;}
.about .more:hover{background: #427ccc}

.news{width: 384px;float: right;background: #fff;min-height: 365px;}
.news .tit{margin: 18px 18px 0;padding-left: 36px;background: url(../images/icon-news.png) left center no-repeat;font-size: 24px;line-height: 36px;color: #333;}
.news .tit a{float: right;font-size: 16px;}
.news .tit a:hover{color: #427ccc}
.news ul{margin: 18px;}
.news ul li{border-bottom: #ddd 1px solid;padding: 4px 0;list-style: inside;}
.news ul li a{font-size: 14px;}
.news ul li a:hover{color: #427ccc}

.case{padding-top: 30px;}
.case ul li{float: left;margin-right: 20px;width: 224px;}
.case ul li a{display: block;position: relative;overflow: hidden;}
.case ul li a .img{}
.case ul li a p{font-size: 16px;line-height: 40px;color: #333;text-align: center;}
.case ul li a:hover p{color: #427ccc;}