.tit { padding-bottom: 40px; text-align: center; text-transform: uppercase;}
.tit h2 { font-family: Arial; font-size: 72px; line-height: 50px; font-weight: 800; color: rgba(153, 153, 153, 0.1); position: relative;}
.tit h3 { font-size: 32px; line-height: 54px; margin-top: -38px; background: url(../img/bt.jpg) no-repeat center bottom; padding-bottom: 10px;
	font-weight: bold; color: #172a88;}
.tit p { font-size: 16px; color: #999; padding-top: 10px;}

.in_product { padding: 20px 5px 40px 5px;}
.in_product .in_proTit { font-size: 24px; font-weight: normal; text-align: center; position: relative; line-height: 60px; color: #333;}
.in_product .in_proTit:after { height: 1px; background: #e8e8e8; position: absolute; bottom: -1px; content: ""; width: 100%; left: 0;
    background: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.09) 35%, rgba(0, 0, 0, 0.09) 70%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(35%, rgba(0, 0, 0, 0.09)), color-stop(70%, rgba(0, 0, 0, 0.09)), color-stop(100%, rgba(0, 0, 0, 0)));
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.09) 35%, rgba(0, 0, 0, 0.09) 70%, rgba(0, 0, 0, 0) 100%);
    background: -o-linear-gradient(left, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.09) 35%, rgba(0, 0, 0, 0.09) 70%, rgba(0, 0, 0, 0) 100%);
    background: -ms-linear-gradient(left, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.09) 35%, rgba(0, 0, 0, 0.09) 70%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.09) 35%, rgba(0, 0, 0, 0.09) 70%, rgba(0, 0, 0, 0) 100%);}
.in_product .in_proM { margin: 0 50px;}
.in_product li { float: left; margin: 15px 15px 5px 0; width: calc((100% - 53px) / 4); border: 1px solid #f1f1f1; z-index: 99;
	position: relative;}
.in_product li .bg { background: #fff; z-index: 99;}
.in_product li:nth-child(4n) { margin-right: 0;}
.in_product li a.pic { position: relative; width: 100%; padding: 50% 0; display: block; overflow: hidden;}
.in_product li a.pic img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block;}
.in_product li:hover a.pic img { transform: scale(1.1); transition: all .5s;}
.in_product li:after{ content: ""; position: absolute; height: 50%; width: 96%; left: 50%; bottom: 2px; margin-left: -48%; z-index: -1;
    -webkit-box-shadow: 0 5px 7px #999; box-shadow: 0 5px 7px #999; border-radius: 10%; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;}
.in_product li a.txt { font-size: 15px; line-height: 80px; text-align: center; display: block; color: #333;}

.in_qua { background: url(../img/ab_b1.png) no-repeat; padding: 40px 0;}
.in_qua .in_quaM { position: relative;}
.in_qua .bd { overflow: hidden;}
.in_qua .bd li { float: left; margin-right: 10px; background: #fff; padding: 5px; width: calc((100% - 110px) / 6);}
.in_qua .bd li a.pic { position: relative; width: 100%; padding: 73.3% 0; display: block; overflow: hidden;}
.in_qua .bd li a.pic img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block;}
.in_qua .bd li a.txt { display: block; font-size: 14px; color: #333; overflow: hidden; text-align: center; line-height: 40px;}
.in_qua .in_quaM a.prev, .in_qua .in_quaM a.next { position: absolute; top: calc(50% - 24px);}
.in_qua .in_quaM a.prev { left: -4%;}
.in_qua .in_quaM a.next { right: -4%;}
.in_qua .more { width: 150px; height: 45px; line-height: 45px; background: #172a88; border-radius: 30px; color: #fff; font-size: 16px; text-align: center;
    margin: 40px auto 0 auto; height: auto; transition: all 0.6s;}
.in_qua .more a { color: #fff;}
.in_qua .more:hover { transform: translateY(-10px); color: #fff; transition: all 0.6s;}
.nobg { background: none;}

.in_new { padding: 40px 0;}
.in_new .in_newL { width: 46.9%; box-sizing: border-box; box-shadow: 0 0 15px #eee;}
.in_new .in_newL span { font-size: 30px; color: #888; display: block;}
.in_new .in_newL h3 { margin-top: 10px; color: #333; font-size: 16px; font-weight: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.in_new .in_newL p { font-size: 14px; line-height: 25px; color: #888; margin-top: 10px; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical;
-webkit-line-clamp: 2;}
.in_new .in_newL .pic { position: relative; width: calc(100% - 20px); padding: 32.3% 0; display: block; overflow: hidden; margin: 10px; overflow: hidden;}
.in_new .in_newL .pic img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block;}
.in_new .in_newL .pic:hover img { transform: scale(1.1); transition: all .5s;}
.in_new .in_newR { width: calc(100% - 46.9% - 50px); border-top: #d7dce4 1px solid;}
.in_new .in_newR li { padding: 45px 20px; border-bottom: #d7dce4 1px solid; overflow: hidden;}
.in_new .in_newR li:hover { transition: all 0.3s; -wbkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; box-shadow: 0 0 15px #d7dce4;
	background: #fff;}
.in_new .in_newR li:hover .nr h3 { color: #172a88;}
.in_new .in_newR li .dian { width: 36px; height: 18px; background: url(../img/dian.png) center center no-repeat; float: left; margin-top: 3px;}
.in_new .in_newR li .nr { width: 68.9%; float: left;}
.in_new .in_newR li .nr h3 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 16px; color:#333; font-weight: normal;}
.in_new .in_newR li .nr p { font-size: 14px; line-height: 22px; color: #888; margin-top: 10px; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical;
-webkit-line-clamp: 2;}
.in_new .in_newR li .ri { height: 72px; float: right; background: url(../img/jt.png) right bottom no-repeat; font-size: 30px; color: #999; text-align: right;
	transition: all 0.3s; -wbkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s;}
.in_new .in_newR li:hover .ri { background: url(../img/jts.png) right bottom no-repeat; transition: all 0.3s; -wbkit-transition: all 0.3s;
	-o-transition: all 0.3s; -moz-transition: all 0.3s;}
.news .more { margin-top: 70px; text-align: center;}

@media screen and ( max-width: 1920px ) {}
@media screen and ( max-width: 1697px ) {}
@media screen and ( max-width: 1680px ) {}
@media screen and ( max-width: 1660px ) {}
@media screen and ( max-width: 1600px )  and ( min-width: 1280px ) {}
@media screen and ( max-width: 1518px ) {}
@media screen and ( max-width: 1440px ) and ( min-width: 1280px ) {}
@media screen and ( max-width: 1399px ) {}
@media screen and ( max-width: 1377px ) {}
@media screen and ( max-width: 1366px ) {}
@media screen and ( max-width: 1323px ) {}
@media screen and ( max-width: 1280px ) {}
@media screen and ( max-width: 1024px ) {}
@media screen and ( max-width: 768px ) {
	.tit { padding-bottom: 40px; text-align: center; text-transform: uppercase;}
	.tit h2 { font-family: Arial; font-size: 72px; line-height: 50px; font-weight: 800; color: rgba(153, 153, 153, 0.1); position: relative;}
	.tit h3 { font-size: 32px; line-height: 54px; margin-top: -38px; background: url(../img/bt.jpg) no-repeat center bottom; padding-bottom: 10px;
		font-weight: bold; color: #172a88;}
	.tit p { font-size: 16px; color: #999; padding-top: 10px;}

	.in_product { padding: 1em 0;}
	.in_product .in_proM { margin: 0;}
	.in_product li { margin: .5em .5em 0 0; width: calc((100% - .5em - 4px) / 2);}
	.in_product li:nth-child(2n) { margin-right: 0;}

	.in_qua { padding: 1em 0;}
	.in_qua .bd li { margin-right: .5em; padding: 5px; width: calc((100% - 1em) / 2);}
	.in_qua .in_quaM a.prev, .in_qua .in_quaM a.next { display: none;}

	.in_new { padding: 1em 0;}
	.in_new .in_newL { display: block; width: 97%; box-shadow: 0 0 15px #eee; margin: 0 auto;}
	.in_new .in_newR { display: block; width: 100%; margin-top: 2em;}
	.in_new .in_newR li { padding: 1em .2em;}
	.in_new .in_newR li .dian { width: 30px; height: 18px; margin-top: 0;}
	.in_new .in_newR li .ri { font-size: 24px;}
}
@media screen and ( max-width: 414px ) {}
@media screen and ( max-width: 400px ) {}
@media screen and ( max-width: 393px ) {}
@media screen and ( max-width: 375px ) {}
@media screen and ( max-width: 360px ) {}
@media screen and ( max-width: 320px ) {}