.pageName_box{position: absolute;left: 0;top:0;width: 100%;height: 100%;color: #fff;}
.pageName_box2{height: 100%;}
.pageName_box h1{position: absolute;left: 0;top:35%;font-size: 3rem;}
.pageName_box h1:after{content: '';display: block;position: absolute;width: 100%;left: 0;bottom: -0.3125rem;height: 0.25rem;background: #fff;}
.pageName_box h1:before{content: '';display: block;position: absolute;width: 50%;left: 0;bottom: -0.3125rem;height: 0.25rem;background: #2272de;z-index: 1;}
.zqyw{width:100%;background:url(/uiFramework/commonResource/image/zqywBg.png) no-repeat;  background-position:right;overflow: hidden;}
.zqyw_con{ margin: 0 auto;}
.zqyw_title{width:100%; margin: 0 auto;}
.zqyw_title p,.tyyw_title p{line-height: 5.625rem; padding-top: 5.625rem;font-weight:bold ;
    width: 12.25rem;
    color: #333333;
    font-size: 3rem;
    border-bottom: 0.175rem solid #3774d7; }
.zqyw_text,.tyyw_text{ width: 56%; margin-top: 1.875rem;}
.zqyw_text p{line-height: 2.5rem;color: #333333;
    font-size: 1.5rem;
    }
.zqmm{ width: 56%; margin-top: 2.5rem;margin-bottom: 5rem;}


.zqmm-box {
	width: 100%;
	overflow: hidden;
	margin-top: 1.875rem;
}

.whjq-box {
	width: 100%;
	overflow: hidden;
	margin-top: 1.875rem;
}
.zqmm-box a,.whjq-box a{font-weight: bold;
	display: block;
	width: 100%;
	overflow: hidden;
	font-size: 1.25rem;
	color: #333;
	border-bottom: 0.0625rem solid #ececec;
}

.zqmm-num,.whjq-num {
	float: left;
	font-size: 1.75rem;
	color: #3774d7;
	height: 5rem;
	line-height: 5.375rem;
	padding: 0 1.4375rem;
}

.zqmm-txt,.whjq-txt {
	float: left;
	margin-left: 1.1875rem;
	font-size: 1.25rem;
	color: #333;
	height: 5rem;
	line-height: 5rem;
}

.zqmm-right-arrow,.whjq-right-arrow {
	float: right;
	margin-right: 2.375rem;
	font-size: 1.25rem;
	font-weight: bold;
	color: #333;
	height: 5rem;
	line-height: 5rem;
}

.zqmm-act,.whjq-act {
	border-bottom: none;
	background-color: #3774d7;
}
.whjq-act .whjq-num,
.whjq-act .whjq-txt,
.whjq-act .whjq-right-arrow {
	color: #FFF !important;
}
  


.zqmm-act .zqmm-num,
.zqmm-act .zqmm-txt,
.zqmm-act .zqmm-right-arrow {
	color: #FFF !important;
}


.zjyw_con,.tyyw_con{ margin: 0 auto;}
.zjyw_title,.tyyw_title{width:100%; margin: 0 auto;}
.zjyw_title p{line-height: 5.625rem; padding-top: 2.5rem;font-weight:bold ;
    width: 12.5rem;
    color: #333333;
    font-size: 3rem;
    border-bottom: 0.175rem solid #3774d7; }
.zjyw_text,.tyyw_text{ width: 56%; margin-top: 1.875rem;}
.tyyw_text{  margin-bottom: 3.75rem;}
.zjyw_text p,.tyyw_text p{line-height: 2.5rem;color: #333333;
    font-size: 1.5rem;
    }

.zjyw{height: 62.5rem;width:100%;background:url(/uiFramework/commonResource/image/zjywBg.jpg);background-size:cover;overflow: hidden;}
.zjyw_tab .pro_up{ margin-top: 3.75rem;}
.zjyw_tab .pro_up ul{height: 3.75rem;border-bottom: 0.125rem solid #fff;}
.zjyw_tab .pro_up ul li{width: 20%; float:left;height: 3.75rem;line-height: 3.75rem;font-size: 1.5rem;text-align: center;cursor: pointer;color: #333333;}
.zjyw_tab .pro_up ul li.onL{border-bottom: 0.125rem solid #3774d7;}
.zjyw_tab .pro_up ul li:hover{border-bottom: 0.125rem solid #3774d7;}
.pro_down{display: none;}
.pro_down.active{display: block;}
.zjyw_tab .pro_down {padding-top: 6.875rem; }
.zjyw_tab .pro_down .pro_downL {width: 44%;}
.zjyw_tab .pro_down .pro_downL img {width: 100%;}
.zjyw_tab .pro_down ul li {float: left;}
.zjyw_tab .pro_down .pro_downR {width: 50%;height: 24.375rem;
    margin-left: 5rem;}
.zjyw_tab .pro_down .pro_downR p a{height: 3.75rem;
    line-height: 3.75rem;
    font-size: 2.25rem;
    cursor: pointer;
    color: #333333;}
.zjyw_tab .pro_down .pro_downR p{ font-size: 1.125rem;
    margin-top: 1.25rem;
    
    cursor: pointer;
    color: #333333;
    line-height: 2.5rem;}
.zjyw_tab .pro_down .pro_downR .ljmore{margin-top: 10rem;} 
.zjyw_tab .pro_down .pro_downR .ljxq{font-weight: 600;
    font-size: 1.25rem;
    cursor: pointer;
    color: #4774d7;
    border: 0.0625rem solid #4774d7;
    padding: 0.625rem 1.875rem;
    border-radius: 0.3rem}
.tyyw{width: 100%; height: 47.5rem;}
.tyyw_tab{ width: 100%;}
.tyyw .tyyw_tab ul li:hover{transform: scale(1.05);}
.tyyw .tyyw_tab ul li:first-child {transition: all 1s;
    background:url(/uiFramework/commonResource/image/gmBg.png) no-repeat;
    background-size: 100%;
}
.tyyw .tyyw_tab ul li:first-child+li {transition: all 1s;
    background:url(/uiFramework/commonResource/image/dyBg.png) no-repeat;
    background-size: 100%;margin-right: 0rem;
}
.tyyw_tab li{position: relative; border: 0.0625rem solid #efefef;
    float: left;
    width: 46%;
    height: 19.5rem;
    margin-right: 6%;
    margin-bottom: 4rem;
    border-radius: 0.3rem;
}
.tyyw_tab li img{position: absolute; width:8%;
    left: 10%;
    top: 10%;}
.tyyw_tab li p{position: absolute;
    left: 10%;
    top: 40%;
    height: 0.8rem;
    font-size: 1.8rem;
    color: #333333;
    line-height: 0.8rem;}
.tyyw_tab li span{    position: absolute;
    left: 10%;
    top: 54%;width: 78%;
    line-height: 1.875rem;
    color: #333333;
    font-size: 1rem;
    letter-spacing: 0.0625rem;}
    
.whyw{width:100%;background:url(/uiFramework/commonResource/image/whBg.jpg) no-repeat;  background-position:right;overflow: hidden;}
.whyw_con{ margin: 0 auto;}
.whyw_title{width:100%; margin: 0 auto;}
.whyw_title p{line-height: 5.625rem; padding-top: 5.625rem;font-weight:bold ;
    width: 12.5rem;
    color: #333333;
    font-size: 3rem;
    border-bottom: 0.175rem solid #3774d7; }
.whyw_text{ width: 56%; margin-top: 1.875rem;}
.whyw_text p{line-height: 2.5rem;color: #333333;
    font-size: 1.5rem;
    }
.whjq{ width: 56%; margin-top: 2.5rem;margin-bottom: 5rem;}

@media screen and (max-width: 48rem) {
.zqyw{    background-size: 100% 100%;}
.zqyw_con {
    width: 96%;
    margin: 0 auto;
}
.zqyw_title p, .tyyw_title p {
    line-height: 3.625rem;
    padding-top: 1.5rem;
    width: 5.65rem;
    color: #333333;
    font-size: 1.25rem;
    border-bottom: 0.125rem solid #3774d7;
}
.zqyw_text {
    width: 100%;
    margin-top: 1rem;
}
.zqyw_text  p {
    line-height: 1.5rem;
    color: #333333;
    font-size: 1rem;
}

.zqmm-box a,.whjq-box a {
    height: 3rem;
    line-height: 3rem;
    list-style: none;
    font-size: 1rem;
    font-weight: bold;
    color: #333;
    border-bottom: 0.125rem solid #ccc;
}

.zqmm-num,.whjq-num {font-size: 1rem;    height: 3rem;
    line-height: 3rem;
    float: left;
    color: #3774d7;
}
.zqmm-txt,.whjq-txt {font-size: 1rem;    height: 3rem;
    line-height: 3rem;
    float: left;
    margin-left: 0;
    color: #333;
}
.zqmm-right-arrow,.whjq-right-arrow{font-size: 1rem;    height: 3rem;
    line-height: 3rem;
    float: right;
    margin-right: 1.375rem;
    font-weight: bold;
    color: #333;
 
}


.zqmm {
    width: 100%;
    margin-top: 1.5rem;
    margin-bottom: 2.5rem;
}
 .zjyw_con, .tyyw_con {
    width: 96%;
    margin: 0 auto;
}
.zjyw_title p {
    line-height: 3.625rem;
    padding-top: 1.5rem;
    width: 5.65rem;
    color: #333333;
    font-size: 1.25rem;
    border-bottom: 0.125rem solid #3774d7;
}
.zjyw_text, .tyyw_text {
    width: 100%;
    margin-top: 1rem;
}
 .zjyw_text p, .tyyw_text p {
      line-height: 1.5rem;
    color: #333333;
    font-size: 1rem;
}

.zjyw {    background-size: 100% 100%;
    height: auto;}
.zjyw_tab .pro_up {
    margin-top: 1.25rem;
}
.zjyw_tab .pro_up ul {
    height: 3.5rem;
   
}
.zjyw_tab .pro_up ul li {
    width: 20%;
    float: left;
    line-height: initial;
    height: 3.5rem;
    font-size: 0.875rem;
    text-align: center;
    cursor: pointer;
    color: #333333;
}
.zjyw_tab .pro_down {
    padding-top: 1.875rem;
}
.zjyw_tab .pro_down .pro_downL {
    width: 100%;
    text-align: center;
}
.zjyw_tab .pro_down .pro_downR {
    width: 100%;
    height: auto;
    margin-left: auto;
}
.zjyw_tab .pro_down .pro_downR p {    margin-top: 0rem !important;
    font-size: 0.875rem;
    cursor: pointer;
    color: #333333;
    line-height: 1.5rem;
}
.zjyw_tab .pro_down .pro_downR p a {
    height: 3.75rem;
    font-size: 1rem;
    cursor: pointer;
    color: #333333;
}
.zjyw_tab .pro_down .pro_downR .ljxq {
    font-size: 0.875rem;
    padding: 0.325rem 1.175rem;
}
.tyyw_tab li img {width:8%;left:5%;
    top: 5%;
}
.tyyw_tab li p {
 top: 30%;
    font-size: 1rem;
    left: 5%;
}
.tyyw_tab li {
    width: 100%;}
.tyyw_tab li span {left:5%;
    top: 44%;
    width: 90%;
    line-height: 1.25rem;
    font-size: 0.875rem;
}
.tyyw_text {
    margin-bottom: 1rem;
}
.tyyw_tab li {height:10.5rem; margin-bottom:1rem;}
.tyyw {
    width: 100%;
    height: auto;
}
.whyw {
    width: 100%;    background-size: 100% 100%;
   
    background-position: left;*/
    overflow: hidden;
}
.whyw_con {
    width: 96%;
    margin: 0 auto;
}
.whyw_title p {
    line-height: 3.625rem;
    padding-top: 1.5rem;
    width: 5.65rem;
    color: #333333;
    font-size: 1.25rem;
    border-bottom: 0.175rem solid #3774d7;
}
.whyw_text {
    width: 100%;
    margin-top: 1rem;
}
.whyw_text  p {
    line-height: 1.5rem;
    color: #333333;
    font-size: 1rem;
}
.whyw_con .whjq ul li {
    height: 3rem;
    line-height: 3rem;
    list-style: none;
    font-size: 1rem;
    font-weight: bold;
    color: #333;
    border-bottom: 0.125rem solid #ccc;
}



.whjq {
    width: 100%;
    margin-top: 1.5rem;
    margin-bottom: 2.5rem;
}
.pageName_box h1{font-size: 1.25rem;}
 .pageName_box h1:before,.pageName_box h1:after{height: 0.05rem;}


}

@media screen and (max-width: 992px) and (min-width: 768px){
.zjyw_tab .pro_down .pro_downR .ljmore {
    margin-top: 12rem;
}
.tyyw_tab li span { line-height:2.2rem;}

}
@media screen and (max-width: 1202px) and (min-width: 992px){
.zjyw_tab .pro_down .pro_downR .ljmore {
    margin-top: 14rem;
}
.tyyw_tab li span { line-height:2.2rem;}

}