/*
* @Author: sww
* @Date:   2019-06-18 15:05:13
* @Last Modified by:   小米
* @Last Modified time: 2019-10-25 14:17:35
*/

/* 产品详情重构 */
@media screen and (max-width: 500px) {
    .fu-centent-top .fu-bgimg-wrap p {
      font-size: 14px;
      padding: 15px;
      text-align: left;
      line-height: 21px;
    }
}

/*device-width: >= 1000px*/
@media screen and (min-width: 768px) {
	.cp-title > h1{
	   width: 39%;
	   font-size: 24px;
	 }
	.cp-title > h1 >span{
	    left: 38.5%;
	}
	.current-analysis-wrap{
		height: 3.26rem;
	}
	.current-analysis-img{
		height: 3.2rem;
	}
	.f-f-b{
		margin-top: .2rem;
	}
	.functions-features-wrap .functions-list{
		height: 1.6rem;
		font-size: .16rem;
		color: #666D78;
	    padding: .5rem 1.5rem .5rem 1.6rem;
	    text-align: left;
	    box-sizing: border-box;
	}
	.f-c-b{
		margin-top: .2rem;
	}
	.functional-characteristics-wrap .functions-list{
		height: 1.6rem;
		font-size: .16rem;
		color: #666D78;
	    padding: .27rem 2rem 0 .3rem;
	    text-align: left;
	    box-sizing: border-box;
	}
	.functional-characteristics-wrap .functions-list >p{
		padding-top: .15rem; 
		font-size: .14rem;
		line-height: .2rem;
	}	

	.construction-basis-wrap .list{
		flex: 1;
		margin-left: .2rem;
		position: relative;
		width: 2rem;
		height: 2rem;
		border: 1px solid #1F88E5;
	}
	.construction-basis-wrap .list:first-child{
		margin-left: 0;
	}
	.construction-basis-wrap .list > p{
		width: 100%;
		position: absolute;
		text-align: center;
		padding: 0 .15rem;
		bottom: .25rem;
		font-size: .2rem;
		color: #444446;
	}
	.construction-basis-wrap .list:nth-child(1){
		background: url(../images/product-details/cky.png)no-repeat center .3rem;
	}
	.construction-basis-wrap .list:nth-child(2){
		background: url(../images/product-details/whp.png)no-repeat center .3rem;
	}
	.construction-basis-wrap .list:nth-child(3){
		background: url(../images/product-details/dljt.png)no-repeat center .58rem;
	}
	.construction-basis-wrap .list:nth-child(4){
		background: url(../images/product-details/yj.png)no-repeat center .3rem;
	}
	.construction-basis-wrap .list:nth-child(5){
		background: url(../images/product-details/qt.png)no-repeat center .3rem;
	}
	.construction-basis-wrap .list:nth-child(5) > p{
		bottom: .12rem;
	}

	.construction-basis-wrap.zhhb .list:nth-child(1){
		background: url(../images/product-details/hb-cky.png)no-repeat center .3rem;
	}
	.construction-basis-wrap.zhhb .list:nth-child(2){
		background: url(../images/product-details/hb-whp.png)no-repeat center .3rem;
	}
	.construction-basis-wrap.zhhb .list:nth-child(3){
		background: url(../images/product-details/hb-yj.png)no-repeat center .3rem;
	}
	.construction-basis-wrap.zhhb .list:nth-child(4){
		background: url(../images/product-details/hb-qy.png)no-repeat center .3rem;
	}
	.construction-basis-wrap.zhhb .list:nth-child(5){
		background: url(../images/product-details/hb-zf.png)no-repeat center .3rem;
	}
	.construction-basis-wrap.zhhb .list:nth-child(5) > p{
		bottom: .25rem;
	}

 }
/*device-width:400px-1000px*/
@media screen and (max-width: 767px) {
    .cp-title > h1{
        width: 100%;
        font-size: 18px;
    }
	.current-analysis-wrap{
		height: 6.26rem;
	}
	.current-analysis-img{
		height: 6.2rem;
		padding-top: .28rem;
	}
	.functions-features-wrap .functions-list{
		margin-bottom: .4rem;
		height: 2.6rem;
	    line-height: .5rem;
	    font-size: .12rem;
	    color: #666D78;
	    padding: .5rem 3rem .5rem 3.4rem;
	    text-align: left;
	    box-sizing: border-box;
	}
	.functional-characteristics-wrap .functions-list{
		margin-bottom: .4rem;
	    height: 4rem;
	    line-height: .46rem;
	    font-size: .12rem;
	    color: #666D78;
	    padding: .62rem 4.5rem 0 .7rem;
	    box-sizing: border-box;
	}
	.functional-characteristics-wrap .functions-list >p{
		padding-top: .3rem; 
	}	


	.construction-basis-wrap .list{
		flex: 1;
		margin-left: .2rem;
		position: relative;
		width: 2rem;
		height: 2.5rem;
		border: 1px solid #1F88E5;
	}
	.construction-basis-wrap .list:first-child{
		margin-left: 0;
	}
	.construction-basis-wrap .list > p{
		width: 100%;
		line-height: 0.4rem;
		position: absolute;
		text-align: center;
		padding: 0 .15rem;
		bottom: .2rem;
		font-size: .2rem;
		color: #444446;
	}
	.construction-basis-wrap .list:nth-child(1){
		background: url(../images/product-details/cky.png)no-repeat center .4rem;
		background-size: 26%;
	}
	.construction-basis-wrap .list:nth-child(2){
		background: url(../images/product-details/whp.png)no-repeat center .4rem;
		background-size: 26%;
	}
	.construction-basis-wrap .list:nth-child(3){
		background: url(../images/product-details/dljt.png)no-repeat center .68rem;
		background-size: 26%;
	}
	.construction-basis-wrap .list:nth-child(4){
		background: url(../images/product-details/yj.png)no-repeat center .4rem;
		background-size: 26%;
	}
	.construction-basis-wrap .list:nth-child(5){
		background: url(../images/product-details/qt.png)no-repeat center .4rem;
		background-size: 26%;
	}
	.construction-basis-wrap .list:nth-child(5) > p{
		bottom: -.04rem;
	}


	.construction-basis-wrap.zhhb .list:nth-child(1){
		background: url(../images/product-details/hb-cky.png)no-repeat center .4rem;
		background-size: 50%;
	}
	.construction-basis-wrap.zhhb .list:nth-child(2){
		background: url(../images/product-details/hb-whp.png)no-repeat center .4rem;
		background-size: 50%;
	}
	.construction-basis-wrap.zhhb .list:nth-child(3){
		background: url(../images/product-details/hb-yj.png)no-repeat center .4rem;
		background-size: 50%;
	}
	.construction-basis-wrap.zhhb .list:nth-child(4){
		background: url(../images/product-details/hb-qy.png)no-repeat center .4rem;
		background-size: 61%;
	}
	.construction-basis-wrap.zhhb .list:nth-child(5){
		background: url(../images/product-details/hb-zf.png)no-repeat center .4rem;
		background-size: 45%;
	}
	.construction-basis-wrap.zhhb .list:nth-child(5) > p{
		bottom: .2rem;
	}
}

 .cp-title{
    text-align: center;   
 }
.cp-title > h1{
  display: inline-block;
  height: 120px;
  line-height: 18px;
  padding-top: 51px;
  text-align: center;
  color: #333333;
  background: url(../images/product-details/BG4.png)no-repeat left center, url(../images/product-details/BG5.png)no-repeat right center;
  background-size: 36%;
}
.cp-title > h1 >span{
    font-size: 12px;
    font-weight: 500;
    color: #9B9EA4;
}
.wq-wrap-top .xqlc{
    width: 100%;
    height: 5.96rem;
    background: url(../images/product-details/xqlc.png)no-repeat center;
    background-size: contain;
}

.wqfa{
	width: 100%;
    height: 5.25rem;
    background: url(../images/product-details/wqfa.png)no-repeat center;
    background-size: contain;
}
.cpyy{
	width: 100%;
    height: 4.32rem;
    background: url(../images/product-details/cpyy.png)no-repeat center;
    background-size: contain;
}
.s-jmhz-box{
    width: 100%;
    padding-bottom: .7rem;
    background: url(../images/product-details/BG_League.png)no-repeat 0 -.56rem;
    background-size: cover;
}
.product-pricing, .load-trial {
	padding-top: .76rem;
}
.product-pricing  h3,
.product-pricing .phone > h3,
.load-trial .trial-title{
	font-size: .24rem;
	color: #212121;
	font-weight: 500;
}
.product-pricing .dj-title{
	font-size: .24rem;
	color: #212121;
	font-weight: 500;
}
.dj-content{
	font-size: .16rem;
	color: #313131;
	margin-top: .16rem;
	padding-right: .9rem;
}
.product-pricing .phone{
	margin-top: .4rem;
}
.product-pricing .phone > span{
	display: inline-block;
	font-size: 20px;
	color: #313131;
	margin-top: .12rem;
}
.load-trial .trial-wrap .qr-code{
	font-size: .16rem;
	color: #313131;
	margin-top: .16rem;
}
.load-trial .trial-wrap .qr-code-img{
	width: 1.6rem;
	height: 1.6rem;
	margin-top: .12rem;
}
.product-solution-img{
	height: 7.58rem;
	background: url(../images/product-details/BG_picture2.png)no-repeat center;
	background-size: contain;
}
.f-f-t .functions-features-wrap:nth-child(1) .functions-list{
	background: url(../images/product-details/BG_question1.png)no-repeat;
	background-size: 100% 100%;
}
.f-f-t .functions-features-wrap:nth-child(2) .functions-list{
	background: url(../images/product-details/BG_question2.png)no-repeat;
	background-size: 100% 100%;
}
.f-f-b .functions-features-wrap:nth-child(1) .functions-list{
	background: url(../images/product-details/BG_question3.png)no-repeat;
	background-size: 100% 100%;
}
.f-f-b .functions-features-wrap:nth-child(2) .functions-list{
	background: url(../images/product-details/BG_question4.png)no-repeat;
	background-size: 100% 100%;
}
.solution-wrap{
	height: 6.16rem;
	background: url(../images/product-details/jjfa.png)no-repeat center;
	background-size: cover;
}


.f-c-t .functional-characteristics-wrap:nth-child(1) .functions-list{
	background: url(../images/product-details/function01.png)no-repeat;
	background-size: 100% 100%;
}
.f-c-t .functional-characteristics-wrap:nth-child(2) .functions-list{
	background: url(../images/product-details/function02.png)no-repeat;
	background-size: 100% 100%;
}
.f-c-b .functional-characteristics-wrap:nth-child(1) .functions-list{
	background: url(../images/product-details/function03.png)no-repeat;
	background-size: 100% 100%;
}
.f-c-b .functional-characteristics-wrap:nth-child(2) .functions-list{
	background: url(../images/product-details/function04.png)no-repeat;
	background-size: 100% 100%;
}

.f-c-t .functional-characteristics-wrap:nth-child(1) .functions-list >h5{
	color: #3289f1;
}
.f-c-t .functional-characteristics-wrap:nth-child(2) .functions-list >h5{
	color: #639125;
}
.f-c-b .functional-characteristics-wrap:nth-child(1) .functions-list >h5{
	color: #5d63d1;
}
.f-c-b .functional-characteristics-wrap:nth-child(2) .functions-list >h5{
	color: #eb9a3e;
}

.construction-basis-wrap{
	width: 100%;
	display: flex;
}

.policy-mt .mt{
	margin-top: 15px;
}

.policy-wrap .policy-list > h5{
	font-size: 24px;
	color: #313131;
}
.policy-wrap .policy-list .icon_line{
	height: 4px;
	margin-top: 8px;
	background: url(../images/product-details/icons_line.png)no-repeat;
}
.policy-wrap .policy-list .center{
	margin-top: 35px;
	font-size: 16px;
	color: #444446;
	text-align: justify;
	line-height: 26px;
}

.s-ptgh-box{
	padding-bottom: .6rem;
	background: url(../images/product-details/ptgh_bg.png)no-repeat;
	background-size: cover;
}
.s-ptgh-box .ptgh-center{
	width: 100%;
	height: 8rem;
	background: url(../images/product-details/ptgh.png)no-repeat center;
	background-size: contain;
}