.products  .title{ width: 100%; border-bottom: 2px solid #c10d23; overflow: hidden; margin-top: 45px;}
.products .title strong{ display: block; float: left; font-weight: normal; font-size: 28px; color: #29282d; line-height: 58px; height: 58px;}
.products .title strong span{ font-size: 30px; text-transform: uppercase; padding-left: 20px; line-height: 62px; font-family: 'NotoSansHansDemiLight'; float: right;}
.products .title a{ display: block; color: #29282d; text-transform: uppercase; opacity: .5; float: right; list-style: 38px; margin-top: 28px; transition: all ease-in-out .2s;}
.products .title a:hover{ opacity: 1;}
.product ul{ overflow: hidden; margin-top: 52px;}
.product ul li{ float: left; width: 50%; height: 199px; margin-bottom: 2px; background-size: 100% 100%; position: relative;}
.product ul li img{ margin-left: 1px;}
.product ul li:nth-child(odd) img{ float: right; margin-right: 1px;}
.product-wen{ width: 346px; position: absolute; left: 0; top: 30px; z-index: 10; transition: all ease-in-out .2s;}
.num{ width: 40px; height: 40px; text-align: center; line-height: 40px; border: 1px solid #ddd; font-size: 18px; color: #999; float: right; transition: all ease-in-out .2s;}
.product-bg{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 9; display: none;}
.product-con{ margin-right: 62px;}
.product-tit{ border-bottom: 1px solid #ddd; line-height: 38px; font-size: 24px; color: #29282d; text-align: right; position: relative; transition: all ease-in-out .2s;}
.product-tit:after{ content: ""; position: absolute; width: 29px; height: 2px; background-color: #bbb; left: 0; bottom: -1px; transition: all ease-in-out .2s;}
.product-con p{ font-size: 14px; color: #777; line-height: 30px; height: 90px; margin-top: 13px; text-align: right;}
.product-con a.pro-more{ float: left; position: absolute; left: 0; bottom: 0; width: 67px; height: 20px; text-align: center; line-height: 20px; color: #fff; text-transform: uppercase; font-size: 10px; background-color: #c10d23; border-radius: 10px; display: none;}
.product-wen2{ width: 346px; position: absolute; right: 0; top: 30px; z-index: 10; transition: all ease-in-out .2s;}
.num2{ float: left;}
.product-con2{ margin-right: 0; margin-left: 62px;}
.product-tit2{ text-align: left;}
.product-tit2:after{ left: auto; right: 0;}
.product-con2 p{ text-align: left;}
.product-con2 a.pro-more{ left: auto; right: 0;}
.product ul li:hover .product-wen{ left: 48px; width: 506px;}
.product ul li:hover .num{ border: 1px solid #c10d23; color: #c10d23;}
.product ul li:hover .product-tit{ color: #c10d23;}
.product ul li:hover .product-tit:after{ background-color: #c10d23;}
.product ul li:hover .product-wen2{  right: 48px; width: 506px;}

.pc-pro{ margin-top: 34px;}
	.pc-pro1{ width: 35.58%; height: 568px; background: url("../img/probg1.jpg")/*tpa=http://www.shjinsou.com/img/probg1.jpg*/ no-repeat;}
	.pc-pro2{ width: 35.58%; height: 568px; background: url("../img/probg2.jpg")/*tpa=http://www.shjinsou.com/img/probg2.jpg*/ no-repeat;}
	.pc-pro3{ width: 28.83%; height: 568px; background: url("../img/probg3.jpg")/*tpa=http://www.shjinsou.com/img/probg3.jpg*/ no-repeat;}
	.pc-pro-tit{ width: 108px; height: 40px; background-color: #B70B0B; font-size: 20px; color: #fff; line-height: 40px; text-align: center; transition: all linear .2s;}
	.pc-pro ul li{ margin-top: 62px; overflow: hidden;}
	.pc-pro-ico{ width: 90px; height: 90px; position: relative;}
	.pc-pro-xz{ position: absolute; width: 90px; height: 90px; left: 0; top: 0; background: url("../img/xz.png")/*tpa=http://www.shjinsou.com/img/xz.png*/ no-repeat; transition: all linear 3s;}
	.pc-pro-co1{ position: absolute; width: 90px; height: 90px; left: 0; top: 0; background: url("../img/co1.png")/*tpa=http://www.shjinsou.com/img/co1.png*/ no-repeat;transition: all .3s;}
	.pc-pro-co2{ position: absolute; width: 90px; height: 90px; left: 0; top: 0; background: url("../img/co2.png")/*tpa=http://www.shjinsou.com/img/co2.png*/ no-repeat;transition: all .3s;}
	.pc-pro-co3{ position: absolute; width: 90px; height: 90px; left: 0; top: 0; background: url("../img/co3.png")/*tpa=http://www.shjinsou.com/img/co3.png*/ no-repeat;transition: all .3s;}
	.pc-pro-co4{ position: absolute; width: 90px; height: 90px; left: 0; top: 0; background: url("../img/co4.png")/*tpa=http://www.shjinsou.com/img/co4.png*/ no-repeat;transition: all .3s;}
	.pc-pro-co5{ position: absolute; width: 90px; height: 90px; left: 0; top: 0; background: url("../img/co5.png")/*tpa=http://www.shjinsou.com/img/co5.png*/ no-repeat;transition: all .3s;}
	.pc-pro-co6{ position: absolute; width: 90px; height: 90px; left: 0; top: 0; background: url("../img/co6.png")/*tpa=http://www.shjinsou.com/img/co6.png*/ no-repeat;transition: all .3s;}
	.pc-pro-co7{ position: absolute; width: 90px; height: 90px; left: 0; top: 0; background: url("../img/co14.png")/*tpa=http://www.shjinsou.com/img/co14.png*/ no-repeat;transition: all .3s;}
	.pc-pro-wen{ width: 212px; margin-left: 52px; position: relative;}
	.pc-pro-wen:after{ content: ""; position: absolute; width: 3px; height: 15px; background-color: #ddd; left: -34px; top: 9px; transition: all linear .2s;}
	.pc-pro-wen strong{ font-weight: normal; font-size: 20px; color: #29282d; line-height: 34px; padding-right: 33px;background: url("../img/xg_17.png")/*tpa=http://www.shjinsou.com/img/xg_17.png*/ no-repeat -999px center; transition: all .3s;}
	.pc-pro-wen p{ font-size: 14px; color: #777; line-height: 24px;}
	.pc-pro3 .pc-pro-wen{ width: 202px;}
	.pc-pro1:hover .pc-pro-tit, .pc-pro2:hover .pc-pro-tit, .pc-pro3:hover .pc-pro-tit{ background-color: #2F2C2C;}
	.pc-pro ul li:hover .pc-pro-wen strong{ background: url("../img/xg_17.png")/*tpa=http://www.shjinsou.com/img/xg_17.png*/ no-repeat right center; transition: all .2s;}
	.pc-pro ul li:hover .pc-pro-wen:after{ height: 72px; background-color: #c10d23;}
	.pc-pro ul li:hover .pc-pro-xz{ /*background: url(/img/xz2.png) no-repeat;*/}
	.pc-pro ul li:hover .pc-pro-co1{ background: url("../img/co7.png")/*tpa=http://www.shjinsou.com/img/co7.png*/ no-repeat;}
	.pc-pro ul li:hover .pc-pro-co2{ background: url("../img/co8.png")/*tpa=http://www.shjinsou.com/img/co8.png*/ no-repeat;}
	.pc-pro ul li:hover .pc-pro-co3{ background: url("../img/co9.png")/*tpa=http://www.shjinsou.com/img/co9.png*/ no-repeat;}
	.pc-pro ul li:hover .pc-pro-co4{ background: url("../img/co10.png")/*tpa=http://www.shjinsou.com/img/co10.png*/ no-repeat;}
	.pc-pro ul li:hover .pc-pro-co5{ background: url("../img/co11.png")/*tpa=http://www.shjinsou.com/img/co11.png*/ no-repeat;}
	.pc-pro ul li:hover .pc-pro-co6{ background: url("../img/co12.png")/*tpa=http://www.shjinsou.com/img/co12.png*/ no-repeat;}
	.pc-pro ul li:hover .pc-pro-co7{ background: url("../img/co13.png")/*tpa=http://www.shjinsou.com/img/co13.png*/ no-repeat;}
	.pc-pro ul li.zhuan .pc-pro-xz{ animation: circle2 2s linear infinite; }
	 @keyframes circle2 {
        0% { transform:rotate(0);}
        100% { transform:rotate(360deg);}
      }

.zh-right{position: relative; background: url("../img/zline_07.png")/*tpa=http://www.shjinsou.com/img/zline_07.png*/ no-repeat left 90px;height: 349px; padding-bottom: 98px; }
.zh-left{ position: absolute; top:0; right:0; }
.strategy{ height: 349px; margin-bottom: 175px; position: relative; }
.strategy-tit{ padding-top: 59px;}
.strategy-tit strong{ font-weight: normal; font-size: 30px; color: #29282d; line-height: 58px; height: 58px; float: left;}
.strategy-tit strong span{ font-size: 36px; text-transform: uppercase; padding-left: 20px; line-height: 54px; float: right; font-family: 'NotoSansHansDemiLight'; transform: translateY(2px);}
.strategy-con{ margin-left: 72px; width: 692px; margin-top: 58px; float: left;}
.strategy-con p{ font-size: 16px; color: #333; line-height: 30px;}
.strategy-con span{ display: block; color: #ccc; line-height: 24px;}
.strategy a.cl-more{ display: block; width: 130px; height: 37px; line-height: 37px; text-align: center; color: #fff; text-transform: uppercase; font-size: 18px; left: 21.4%; position: absolute; bottom: 8px;}

.customer{ height: 442px; background: url("../img/khbg_02.jpg")/*tpa=http://www.shjinsou.com/img/khbg_02.jpg*/ no-repeat center top; position: relative;}
.customer .container{ position: relative;}
.customer ul{ overflow: hidden; height: 442px;}
.customer ul li{ float: left; width: 199px; height: 144px; margin-right: 1px; margin-top: 1px; text-align: center;}
.customer ul li img{ margin-top: 39px; display: inline-block; }
a.kh-more{ display: block; width: 92px; height: 25px; text-align: center; line-height: 25px; border: 1px solid #29282d; text-transform: uppercase; position: absolute; right: 50px; bottom: 62px; color: #29282d;}
.customer-shadow{ position: absolute; left: 0; top: 0; width: 100%; height: 436px;  filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=82);}
.customer-wen{ width: 352px; height: 124px; background: url("../img/khbg_03.png")/*tpa=http://www.shjinsou.com/img/khbg_03.png*/ no-repeat; margin: 163px auto 0;}
.customer-wen strong{ font-weight: normal; font-size: 32px; color: #fff; display: block; text-align: center; transform: translateY(-22px);}
.customer-wen i{ display: block; width: 50px; height: 2px; background-color: #c10d23; margin: 0 auto 0;}
.customer-wen span{ display: block; text-align: center; color: #fff; text-transform: uppercase; font-size: 24px; margin-top: 22px}

.customer:hover .customer-shadow{
	display: none !important;
}


.view{padding: 45px 0; position: relative;}

.view .title{ width: 100%; border-bottom: 2px solid #c10d23; overflow: hidden; margin-top: 45px;}
.view .title strong{ display: block; float: left; font-weight: normal; font-size: 28px; color: #29282d; line-height: 58px; height: 58px;}
.view .title strong span{ font-size: 30px; text-transform: uppercase; padding-left: 20px; line-height: 62px; font-family: 'NotoSansHansDemiLight'; float: right;}
.view .title a{ display: block; color: #29282d; text-transform: uppercase; opacity: .5; float: right; list-style: 38px; margin-top: 28px; transition: all ease-in-out .2s;}
.view .title a:hover{ opacity: 1;}

/*清浮*/  
.g-cf:after { content:""; clear:both; display:table; }  
.g-cf { zoom:1; }  
/*浮动*/  
.g-f-l { float:left; _display:inline; }  
.g-f-r { float:right; _display:inline; } 
.view-con ul li{ float: left; width: 47.5%; margin-top: 38px;}
.view-con ul li:nth-child(2n){ float: right;}
.view-pic{ width: 42.45%;}
.view-wen{ width: 53.33%;}
.view-date{ font-size: 14px; color: #999; margin-top: 13px;}
.view-date span{ display: inline-block; width: 37px; text-align: right; border-bottom: 1px solid #d7d7d7; margin-right: 20px; transition: all linear .2s;}
.view-wen strong{ display: block; font-weight: normal; font-size: 16px; color: #29282d; height: 30px; overflow: hidden; line-height: 30px; margin-top: 22px; transition: all linear .2s;}
.view-wen p{ font-size: 14px; color: #999; line-height: 24px; height: 48px; overflow: hidden; margin-top: 16px;}
.view-con ul li:hover .view-date span{ width: 100px;}
.view-con ul li:hover .view-wen strong{ color: #c10d23;}

@media only screen and (min-width: 320px) and (max-width: 1200px) {
	.products {
		padding: 15px 1%;
	}
	.products .title,
	.view .title{
		margin-top: 0;
	}
	.products .title strong,
	.view .title strong{
		font-size: 20px;
		line-height: 40px;
		height: 40px;
	}
	.products .title strong span,
	.view .title strong span{
		display: none;
	}
	.products .title a,
	.view .title a{
		margin-top: 0;
		line-height: 40px;
		font-size: 14px;
	}
	.pc-pro-tit{
		display: none;
	}
	.pc-pro1,
	.pc-pro2,
	.pc-pro3{
		width: 100%;
		height: auto;
		background: none;
	}
	.pc-pro ul li{
		margin-top: 10px;
	}
	.strategy{
		display: none;
	}
	.customer{
		height: auto;
	}
	.customer ul li{
		width: 48%;
		margin: 1%;
		height: auto;
	}
	.customer ul{
		height: auto;
	}
	.view{
		padding: 15px 1%;
	}
	.view-con ul li{
		width: 100%;
		margin-top: 10px;
	}
	.view-wen{
		width: 62.333%;
	}
	.view-date{
		margin-top: 0;
	}
	.join_in{
		background: #b70b0b;
	}
	.all_button{
		background: #fff;
		border: 1px solid #fff;
		color: #B7031C;
	}
	.header .logo a{
		width: 290px !important;
	}
	.join_in_title span{
		color: #fff;
	}
	.view-wen strong{
		margin-top: 0;
	}
	.main_qwyxwb_syjz .box ul li .ico{
		background: #fff;
	}
	.main_qwyxwb_syjz .common_tit{
		margin-bottom: 15px;
	}
	.view-wen p{
		margin-top: 0;
	}
	.view-con ul li{
		padding-bottom: 5px;
		border-bottom: 1px solid #999;
	}
	.mb-k2-con p{
		font-size: 1rem;
		line-height: 1.8rem;
	}
	.mb-k2-con ul.mb-qy li span{
		font-size: 1.2rem;
	}
	.mb-title2 strong{
		font-size: 1.8rem;
	}
	.mb-k2-con ul.mb-jr li{
		font-size: 1.6rem;
	}
	.mb-title2 span{
		font-size: 1rem;
	}
	.mb-k2-con ul.mb-mf li div strong{
		font-size: 2rem;
	}
	.mb-k2-con ul.mb-mf li div span{
		font-size: 1.2rem;
	}
	.mb-k2-con ul.mb-mf li div strong{
		margin-top: 0;
		margin-left: 1rem;
	}
	.mb-k2-con ul.mb-mf li div span{
		margin-left: 1rem;
	}
	.mb-k2-con ul.mb-tz li strong{
		font-size: 1.5rem;
	}
	.mb-k2-con ul.mb-tz li span{
		font-size: 1rem;
	}	
	.z_banner{
		padding: 30px 1%;
	}
	.platform_advantage_bg_z{
		display: none;
	}
	.mb-k2-con ul.mb-ll li span{
		font-size: 1.2rem;
	}
	.mb-k2-con ul.mb-ll li div{
		font-size: 1rem;
	}
	.mb-k2-con ul.mb-ll li{
		margin-bottom: .5rem;
	}
	.mb-k2-con ul.mb-jk li strong{
		font-size: 1.5rem;
	}
	.mb-k2-con ul.mb-jk li span{
		font-size: 1rem;
		line-height: 1.2rem;
	}
	.mb-k2-con ul.mb-jk li{
		padding-bottom: 1rem;
		height: 250px !important;
	}
	.mb-k2-con ul.mb-ch li div strong{
		font-size: 1.5rem;
	}
	.mb-k2-con ul.mb-ch li div span{
		font-size: 1rem;
	}
	.mb-k2-con ul.mb-ch li{
		margin-bottom: 1.5rem;
	}
	.z_banner_title{
		font-size: 24px;
	}
	.z_banner_text{
		font-size: 13px;
	}
	.kuajiehezuo .box .b{
		height: auto;
		position: inherit;
	}
	.kuajiehezuo .box .b ul{
		width: 100%;
	}
	.kuajiehezuo .box .b ul li{
		width: 98%;
		margin: 0 1% 10px 1%;
	}
	.kuajiehezuo{
		height: auto;
	}
	.kuajiehezuo .box .b ul li .text{
		width: 100%;
		padding: 25px 15px 0;
	}
	.customer-shadow{
		height: 100%;
	}
	.customer-wen{
		width: 100%;
		margin: 0;
		margin-top: -62px;
    position: absolute;
    top: 50%;
    text-align: center;
    background-position-x: center;
	}
	.customer ul li{
		display: none;
	}
	.customer ul li:nth-of-type(1),
	.customer ul li:nth-of-type(2),
	.customer ul li:nth-of-type(3),
	.customer ul li:nth-of-type(4),
	.customer ul li:nth-of-type(5),
	.customer ul li:nth-of-type(6){
		display: block;
	}
}