/*# sourceMappingURL=style.css.map */

.pro,.proinfor{
	max-width: 1200px;
	margin: 0 auto;
	padding-left: 30px;
	padding-right: 30px;
}
.pro.on,.proinfor.on{
	/*margin-top: 76px;*/
}
.pro .row .mt40 a{
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	cursor: pointer;
}

.pro .row .pic img{
	display: block;
	width: 100%;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}

.mt40{margin-bottom: 40px;}
.pro .row .mt40:hover .pic img{
	transform:scale(1.05);
    -webkit-transform:scale(1.05);
    -moz-transform:scale(1.05);
    -o-transform:scale(1.05);
    -ms-transform:scale(1.05);
}
.pro .row .mt40:hover .fa{
	color: #006cb8
}

.proinfor .row .details img{max-width: 100%;margin: 10px 0}








@media (min-width:320px){
	.proinfor .row h2{
    	font-size: 20px;
    	line-height: 26px;
		font-weight: bold;
		color: #333333;
		margin: 0 0 10px;
	}
	.proinfor .row .details,.proinfor .row .details p{
		font-size: 14px;
    	line-height: 22px;
		color: #888888;
	}
	.proinfor .row .details{
		padding-bottom:20px;
		border-bottom: 1px solid #e1e1e1;
		margin-bottom: 10px;
	}
	.proinfor .row .left{
		width:100%;
		font-size: 14px;
		line-height: 20px;
		color: #888888;
	}
	.proinfor .row .btns{
		display: block;
	    width: 130px;
	    height: 36px;
	    background-color: #0471cc;
	    color: #fff;
	    text-align: center;
	    font-size: 15px;
	    line-height: 36px;
	    border-radius: 10px;
	    margin-top: 30px;
	}
	.proinfor .row .left p a{
		color: #888888;
		cursor: pointer;
		transition: all 0.5s;
		-webkit-transition: all 0.5s;
	}
	.proinfor .row .left p .fa{
		margin-left: 10px;
	}
	.proinfor .row .left p:nth-child(1){
		background: url(../../img/img23.png) left 1px/auto 18px no-repeat;
	}
	.proinfor .row .left p:nth-child(2){
		background: url(../../img/img26.png) left 1px/auto 18px no-repeat;
	}
	.proinfor .row .left p{
		padding-left: 25px;
		font-size:14px;
		line-height:20px;
		color: #888888;
	}
	.pro .row .pic{
		margin-bottom: 15px;
		width: 100%;
		overflow: hidden;
	}
	.pro .row .fa{
		font-size: 14px;
		line-height: 24px;
		color: #333333;
		text-align: center;
	}

	.pro .row .titl{margin-bottom: 10px;}
	.pro .row .titl p{
		margin-bottom: 0;
		font-size: 16px;
	    line-height: 24px;
	    color: #888888;
	    cursor: pointer;
	    padding: 0 0 5px 30px;
		border-bottom: 2px solid #f5f7f9;
		-webkit-transition: all 0.5s;
            transition: all 0.5s;
	}
	.pro .row .titl.on p{
		color: #0372cd;
		border-bottom: 2px solid #0372cd;
	}
	.pro .mt60{
		margin-bottom:30px;
	}
	.pro .row .row-box{
		position: relative;
		top: 50px;
		left: 0;
		-webkit-transition: all 0.4s;
            transition: all 0.4s;
            opacity: 0;
            filter: alpha(opacity=0);
	}
	.pro .row .row-box.on{
		opacity:1;
        filter: alpha(opacity=100);
        top:0px;
	}

}
@media (min-width:320px) and (max-width:767px){
	.pro,.proinfor{
		padding-left:4.5%;
    	padding-right:4.5%;
	}
	.pro.on,.proinfor.on{margin-top:30px;}
}

@media (min-width:768px){
	.pro .row .titl{margin-bottom: 0;}
	.pro .row .titl.on p{border-bottom: 3px solid #0372cd;}
	.pro .row .titl p{
		font-size: 20px;
		padding:0 0 20px 10px;
		border-bottom: 3px solid #f5f7f9;
	}
	.pro .mt60{
		margin-bottom:60px;
	}
}



@media (min-width:768px) and (max-width:992px){
	.pro,.proinfor{
		padding-left: 30px;
    	padding-right: 30px;
	}
	.pro.on,.proinfor.on{margin-top:30px;}
	.proinfor .row h2{
		font-size: 26px;
    	line-height: 34px;
		margin: 0 0 20px;
	}
	.proinfor .row .details,.proinfor .row .details p{
		font-size: 16px;
    	line-height: 30px;
	}
	.proinfor .row .btns{
	    width: 160px;
	    height: 46px;
	    font-size: 16px;
	    line-height: 46px;
	}
	.proinfor .row .left p{
		padding-left: 30px;
	    font-size: 16px;
	    line-height:24px;
	}
	.proinfor .row .details{
		padding-bottom:30px;
		margin-bottom: 20px;
	}
	.proinfor .row .left p:nth-child(1){
		background: url(../../img/img23.png) left 1px/auto no-repeat;
	}
	.proinfor .row .left p:nth-child(2){
		background: url(../../img/img26.png) left 1px/auto no-repeat;
	}
	.pro .row .fa{
		font-size: 16px;
	}
}
@media (min-width:992px){
	.proinfor .row h2{
		font-size: 36px;
		line-height: 40px;
		font-weight: bold;
		color: #333333;
		margin: 0 0 20px;
	}
	.proinfor .row .details,.proinfor .row .details p{
		font-size: 16px;
		line-height: 36px;
		color: #888888;
	}
	.proinfor .row .details{
		padding-bottom: 80px;
		margin-bottom: 20px;
	}
	.proinfor .row .left{width: 70%;float: left;}
	.proinfor .row .left p:nth-child(1){
		background: url(../../img/img23.png) left 7px/auto no-repeat;
	}
	.proinfor .row .left p:nth-child(2){
		background: url(../../img/img26.png) left 7px/auto no-repeat;
	}
	.proinfor .row .left p:nth-child(1):hover{
		background: url(../../img/img24.png) left 7px no-repeat;
	}
	.proinfor .row .left p:nth-child(2):hover{
		background: url(../../img/img25.png) left 7px no-repeat;
	}
	.proinfor .row .left p:hover a{
		color: #0471cc;
	}
	.proinfor .row .left p{
		padding-left: 30px;
		font-size: 18px;
		line-height: 36px;
		color: #888888;
		transition: all 0.5s;
		-webkit-transition: all 0.5s;
	}
	.proinfor .row .btns{
		float: right;
		width: 169px;
		height: 51px;
		line-height: 51px;
		font-size: 18px;
		margin-top: 0;
	}
	.pro .row .pic{margin-bottom: 25px;}
	.pro .row .fa{
		font-size: 16px;
		transition: all 0.5s;
		-webkit-transition: all 0.5s;
	}
}