/* CSS Document */

.container {
	display: block;
	width: 100%;
	margin: 0 auto;
	margin-top: 50px;
}

.container .products {
	display: block;
	width: 1103px;
	margin: 0 auto;
}

.container .products .list {
	width: 220px;
}

.container .products .show {
	width: 853px;
}

.container .products .list .title {
	display: block;
	width: 220px;
	height: 63px;
	background: #f0f0f0;
	border-bottom: 4px solid #fff;
}

.container .products .list .title h4 {
	display: block;
	height: 63px;
	line-height: 63px;
	padding-left: 50px;
	background: url(../images/fan.jpg) no-repeat 20px center;
	font-size: 23px;
	color: #01274e;
}

.container .products .list .con {
	display: block;
	background: #f0f0f0;
	padding: 20px;
}

.container .products .list .con ul {
	display: block;
	width: 180px;
}

.container .products .list .con ul li {
	display: block;
	line-height: 32px;
}

.container .products .list .con ul li a {
	display: block;
	height: 32px;
	line-height: 32px;
	font-size: 15px;
	color: #444;
	background: url(../images/art.jpg) no-repeat left center;
	padding-left: 15px;
}

.container .products .list .con ul li a:hover {
	color: #01274e;
}

.container .products .list .con ul li dd {
	display: block;
	height: 34px;
	line-height: 34px;
}

.container .products .list .con ul li dd a {
	display: block;
	height: 34px;
	line-height: 34px;
	color: #01274e;
	font-size: 13px;
	padding-left: 30px;
	background: url(../images/xian.jpg) repeat-x left bottom;
}

.container .products .list .con ul li dd a:hover {
	background: #01274e;
	font-size: 14px;
	color: #fff;
	line-height: 34px;
}

.container .products .show .title {
	display: block;
	width: 853px;
	height: 60px;
	border-bottom: 1px solid #e1e1e1;
}

.container .products .show .title h4 {
	display: block;
	font-size: 24px;
	height: 60px;
	color: #01274e;
	padding-left: 15px;
	background: url(../images/biao.jpg) no-repeat left center;
	font-weight: normal;
}

.container .products .show .title h4 .red {
	color: #cb0101;
	height: 60px;
	line-height: 60px;
	font-size: 24px;
}

.container .products .show .title .more {
	float: right;
	height: 60px;
	line-height: 60px;
	font-size: 14px;
}

.container .products .show .con {
	display: block;
	padding-top: 20px;
	width: 853px;
	overflow: hidden;
}

.container .products .show .con ul {
	display: block;
	width: 863px;
}

.container .products .show .con li {
	float: left;
	width: 205px;
	height: 194px;
	border: 1px solid #e1e1e1;
	box-shadow: 0px 0px 2px #ccc;
	margin-right: 8px;
	margin-bottom: 18px;
}

.container .products .show .con li .pic {
	display: block;
	width: 205px;
	height: 154px;
	overflow: hidden;
}

.container .products .show .con li .pic img {
	display: block;
	width: 205px;
	height: 154px;
	transition: all .7s linear 0s;
	-webkit-transition: all .7s linear 0s;
	-moz-transition: all .7s linear 0s;
	-o-transition: all .7s linear 0s;
}

.container .products .show .con li .pic:hover img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
}

.container .products .show .con li .tit {
	display: block;
	height: 34px;
	line-height: 34px;
	font-size: 13px;
	text-align: center;
}

.container .products .show .con li:hover {
	box-shadow: 0px 0px 2px #003f7e;
}

.container .case {
	display: block;
	width: 100%;
	height: 480px;
	background: url(../images/casebg.jpg) no-repeat center top;
	margin-top: 50px;
}

.container .case .inner {
	display: block;
	width: 1103px;
	margin: 0 auto;
}

.container .case .inner .fl {
	width: 353px;
	height: 481px;
}

.container .case .inner .fr {
	width: 741px;
	overflow: hidden;
	padding-top: 20px;
}

.container .case .inner .fl .f_in {
	display: block;
	padding: 30px;
}

.container .case .inner .fl .f_in .title {
	display: block;
}

.container .case .inner .fl .f_in .title h4 {
	display: block;
	height: 30px;
	line-height: 30px;
	font-size: 23px;
	color: #fff;
}

.container .case .inner .fl .f_in .title .en {
	display: block;
	height: 40px;
	line-height: 40px;
	font-size: 27px;
	color: #8093a7;
	text-transform: uppercase;
	font-weight: bold;
	padding-bottom: 20px;
	background: url(../images/xian2.jpg) no-repeat left bottom;
}

.container .case .inner .fl .f_in .tip {
	display: block;
	margin-top: 20px;
	font-size: 13px;
	color: #99a9b8;
	line-height: 22px;
}

.container .case .inner .fl .f_in .con {
	display: block;
	padding-top: 12px;
}

.container .case .inner .fl .f_in .con li {
	display: block;
}

.container .case .inner .fl .f_in .con li a {
	display: block;
	height: 37px;
	line-height: 37px;
	font-size: 13px;
	color: #fff;
	border-bottom: 1px dashed #fff;
}

.container .case .inner .fl .f_in .con .ct {
	display: block;
	margin-top: 45px;
}

.container .case .inner .fl .f_in .con .more {
	float: left;
	width: 115px;
	height: 39px;
	background: #cb0101;
	line-height: 39px;
	font-size: 14px;
	color: #fff;
	text-align: center;
}

.container .case .inner .fl .f_in .con .Consultation {
	float: left;
	width: 115px;
	height: 39px;
	background: #fff;
	line-height: 39px;
	font-size: 14px;
	margin-left: 10px;
	text-align: center;
}

.container .case .inner .fr .rescommend {
	display: block;
	width: 741px;
	height: 320px;
	position: relative;
	left: 0;
	top: 0;
	z-index: 2;
	overflow: hidden;
}

.container .case .inner .fr .rescommend img {
	display: block;
	width: 741px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 3;
	transition: all .7s linear 0s;
	-webkit-transition: all .7s linear 0s;
	-moz-transition: all .7s linear 0s;
	-o-transition: all .7s linear 0s;
}

.container .case .inner .fr .rescommend:hover img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
}

.container .case .inner .fr .rescommend .tit {
	display: block;
	width: 731px;
	height: 43px;
	font-size: 17px;
	line-height: 43px;
	padding: 0px 5px;
	color: #fff;
	background: url(../images/ze.png) repeat left top;
	position: absolute;
	left: 0;
	bottom: 0px;
	z-index: 4;
}

.container .case .inner .fr ul {
	display: block;
	width: 756px;
	margin-top: 12px;
}

.container .case .inner .fr li {
	float: left;
	width: 365px;
	height: 131px;
	margin-right: 13px;
	margin-bottom:12px ;
}

.container .case .inner .fr li a {
	display: Block;
	width: 365px;
	height: 131px;
	position: relative;
	left: 0;
	top: 0;
	z-index: 8;
}

.container .case .inner .fr li a img {
	width: 175px;
	height: 131px;
	float: left;
	transition: all .7s linear 0s;
	-webkit-transition: all .7s linear 0s;
	-moz-transition: all .7s linear 0s;
	-o-transition: all .7s linear 0s;
}

.container .case .inner .fr li a .tit {
	font-size: 13px;
	line-height: 27px;
	font-weight: bold;
	float: left;
	margin-left: 15px;
	color: #333;
}

.container .case .inner .fr li a:hover img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
}

.container .case .inner .fr p{
	display: block;
    float: left;
    width: 165px;
    margin-left: 15px;
}

.container .advantage {
	display: block;
	width: 1103px;
	margin: 0 auto;
	margin-top: 50px;
}

.container .advantage .fl {
	width: 305px;
}

.container .advantage .fr {
	width: 742px;
	overflow: hidden;
}

.container .advantage .fl .title {
	display: block;
	height: 75px;
}

.container .advantage .fl h4 {
	display: block;
	height: 30px;
	line-height: 30px;
	font-size: 23px;
	color: #01274e;
}

.container .advantage .fl .en {
	display: block;
	height: 30px;
	line-height: 30px;
	font-size: 23px;
	color: #d2d2d2;
	padding-bottom: 15px;
	background: url(../images/xian3.jpg) no-repeat left bottom;
	text-transform: uppercase;
	font-weight: bold;
}

.container .advantage .fl .con {
	display: block;
	padding-top: 25px;
}

.container .advantage .fr ul {
	display: block;
	width: 764px;
}

.container .advantage .fr li {
	float: left;
	width: 270px;
	height: 134px;
	border: 1px solid #e1e1e1;
	margin-right: 16px;
	padding-left: 91px;
	margin-bottom: 18px;
}

.container .advantage .fr li .tit {
	display: block;
	height: 30px;
	line-height: 30px;
	font-size: 24px;
	color: #cb0101;
	padding-top: 30px;
}

.container .advantage .fr li .detail {
	display: block;
	font-size: 13px;
	line-height: 22px;
	color: #999;
	padding-top: 10px;
}

.container .advantage .fr li.first {
	background: url(../images/icon1.jpg) no-repeat 5px center;
}

.container .advantage .fr li.second {
	background: url(../images/icon2.jpg) no-repeat 3px center;
}

.container .advantage .fr li.third {
	background: url(../images/icon3.jpg) no-repeat 5px center;
}

.container .advantage .fr li.fourth {
	background: url(../images/icon4.jpg) no-repeat 5px center;
}

.container .wrap {
	display: block;
	width: 1103px;
	margin: 0 auto;
	margin-top: 50px;
}

.container .wrap .company {
	width: 353px;
	height: 510px;
	background: #01274e;
}

.container .wrap .company .title {
	display: block;
	padding-left: 30px;
	padding-top: 30px;
}

.container .wrap .company .title h4 {
	display: block;
	height: 30px;
	line-height: 30px;
	font-size: 23px;
	color: #fff;
}

.container .wrap .company .title .en {
	display: block;
	font-size: 27px;
	line-height: 40px;
	height: 40px;
	color: #8093a7;
	padding-bottom: 15px;
	background: url(../images/xian2.jpg) no-repeat left bottom;
	text-transform: uppercase;
	font-weight: bold;
}

.container .wrap .company .gs {
	display: block;
	margin-top: 10px;
}

.container .wrap .company .con {
	display: block;
	padding: 15px 30px;
	font-size: 13px;
	color: #99a9b8;
}

.container .wrap .company .more {
	display: block;
	width: 115px;
	height: 39px;
	color: #fff;
	font-size: 14px;
	line-height: 39px;
	text-align: center;
	background: #cb0101;
	margin-left: 30px;
	margin-top: 10px;
}

.container .wrap .news {
	width: 720px;
}

.container .wrap .news .title {
	display: block;
	width: 720px;
	height: 42px;
	border-bottom: 1px solid #e1e1e1;
}

.container .wrap .news .title li {
	float: left;
	width: 121px;
	height: 42px;
	margin-right: 5px;
}

.container .wrap .news .title li a {
	display: block;
	width: 121px;
	height: 42px;
	font-size: 22px;
	line-height: 42px;
	text-align: center;
	background: url(../images/n_bg.jpg) repeat-x left top;
	color: #fff;
}

.container .wrap .news .title li a:hover {
	background: url(../images/n_h.jpg) repeat-x left top;
	color: #fff;
}

.container .wrap .news .title li a.current {
	background: url(../images/n_h.jpg) repeat-x left top;
	color: #fff;
}

.container .wrap .news .title .more {
	float: right;
	height: 42px;
	line-height: 42px;
	font-size: 13px;
}

.container .wrap .news .con {
	display: block;
	width: 720px;
	padding-top: 20px;
	overflow: hidden;
}

.container .wrap .news .con dl .rescommend {
	display: block;
	width: 720px;
}

.container .wrap .news .con dl .rescommend .pic {
	float: left;
	width: 176px;
	height: 123px;
}

.container .wrap .news .con dl .rescommend .pic img {
	display: block;
	width: 176px;
	height: 123px;
}

.container .wrap .news .con dl .rescommend .wz {
	float: right;
	width: 530px;
}

.container .wrap .news .con dl .rescommend .wz .tit {
	display: block;
	height: 30px;
	line-height: 30px;
	font-size: 18px;
	color: #ce1212;
	font-weight: bold;
}

.container .wrap .news .con dl .rescommend .wz .time {
	display: block;
	height: 20px;
	line-height: 20px;
	color: #999;
}

.container .wrap .news .con dl .rescommend .wz .detail {
	display: block;
	font-size: 12px;
	color: #999;
	padding-top: 5px;
	line-height: 20px;
}

.container .wrap .news .con dl dd {
	display: none;
}

.container .wrap .news .con dl ul {
	display: block;
	width: 740px;
	margin-top: 20px;
}

.container .wrap .news .con dl ul li {
	float: left;
	width: 350px;
	height: 30px;
	margin-right: 20px;
}

.container .wrap .news .con dl ul li a {
	display: block;
	height: 30px;
	line-height: 30px;
	font-size: 13px;
	padding-left: 15px;
	background: url(../images/ar3.jpg) no-repeat left center;
}

.container .wrap .news .con dl ul li .time {
	float: right;
	height: 30px;
	line-height: 30px;
	font-size: 13px;
	color: #999;
}