.cpfw_head{
	box-shadow: 0 7px 3px -1px #f3f3f3;
    z-index: 1;
}
.qmthjzx_header_js{
    line-height: 45px;
	font-family: "Source Han Sans CN Regular";
	font-size: 21px;
	color: #F7F8F9;
    letter-spacing: 2px;
    margin-top: 8px;
}
#qmt{
	margin: 4% 10%;
    background-color: #40acfe;
    border-radius: 11px;
    line-height: 54px;
    color: #FFFFFF;
    display: block;
    text-align: center;
}
.cpfw_head_li{
	width: 25%;
	line-height: 72px;
	display: inline;
	float: left;
	text-align: center;
	font-family: "Source Han Sans CN Regular";
	font-size: 18px;
	color: #333333;
}
.cpfw_head_li a{
	color: #333333;
}
.qmthjzx_jt{
	padding-bottom: 2%;
	text-align: center;
}
.qmthjzx_jt img{
	width: 100%;
}
.qmthjzx_container_one{
	width: 49%;
	height: 150px;
	float: left;
	margin-right: 2%;
	margin-bottom: 2%;
	padding: 3% 3% 0 3%;
	box-shadow: 0 0 17px #d2d3d4;
    border-radius: 11px;
}
.qmthjzx_container_one:hover{
	background-color: #55a2ee;
}
.qmthjzx_container_one:hover .qmthjzx_container_one_pt_head{
	color: #FFFFFF;
}
.qmthjzx_container_one:hover .qmthjzx_container_one_pt_js{
	color: #FFFFFF;
}
.qmthjzx_container_two:hover{
	background-color: #55a2ee;
}
.qmthjzx_container_two:hover .qmthjzx_container_one_pt_head{
	color: #FFFFFF;
}
.qmthjzx_container_two:hover .qmthjzx_container_one_pt_js{
	color: #FFFFFF;
}
.qmthjzx_container_two{
	width: 49%;
	height: 150px;
	float: left;
	margin-bottom: 2%;
	padding: 3% 3% 0 3%;
	box-shadow: 0 0 17px #d2d3d4;
    border-radius: 11px;
}
.qmthjzx_container_img{
	width: 13%;
	float: left;
	margin-right: 2%;
	padding-top: 1%;
}
.qmthjzx_container_img_one{
	width: 13%;
	float: left;
	margin-right: 2%;
	padding-top: 3%;
}
.qmthjzx_container_img_two{
	width: 13%;
	float: left;
	margin-right: 2%;
	padding-top: 1%;
}
.gd_container_img_two{
	width: 13%;
	float: left;
	margin-right: 2%;
	padding-top: 4%;
}
.qmthjzx_container_imgone_three{
	width: 13%;
	float: left;
	margin-right: 2%;
	padding-top: 3%;
}
.qmthjzx_container_one_pt{
	width: 85%;
	float: left;
}
.qmthjzx_container_imgone{
	width: 13%;
	float: left;
	margin-right: 2%;
	padding-top: 4%;
}
.qmthjzx_container_one_ptone{
	width: 85%;
	float: left;
}
.qmthjzx_container_one_pt_head{
	font-family: "Source Han Sans CN Regular";
	font-size: 18px;
	color: #333333;
}
.qmthjzx_container_one_pt_js{
	font-family: "Source Han Sans CN Normal";
	font-size: 14px;
	color: #888888;
}
.qmthjzx_container_threecp{
	width: 90%;
	float: left;
}
.qmthjzx_container_threeimg{
	width: 9%;
	float: left;
	margin-right: 1%;
	padding-top: 1%;
}
.qmthjzx_container_three{
	/*padding: 2% 0;*/
	background-color: #F7F8F9;
}
.qmthjzx_container_threecp_head{
	font-family: "Source Han Sans CN Normal";
	font-size: 20px;
	/*color: #2E8CEB;*/
}
.qmthjzx_container_threecp_cont{
	font-family: "Source Han Sans CN Light";
	font-size: 14px;
	color: #818181;
}
.qmthjzx_container_threeall{
	padding: 3% 5%;
	border-bottom: 1px solid #e7e9ea;
}
#qmthjzx_container_threeall{
	border-bottom: 1px dashed #e7e9ea;
}
#qmthjzx_container_threeall_one{
	border-bottom: none;
}
.qmthjzx_container_four{
	width: 30%;
	height: 380px;
	float: left;
	box-shadow: 0 0 17px #d2d3d4;
    border-radius: 2px;
    position: relative;
    cursor: pointer;
    transition: all 0.6s ease-in;
    -webkit-transition: all 0.6s ease-in;
}
.znwh_container_four{
	width: 34%;
	height: 410px;
	float: left;
	box-shadow: 0 0 17px #d2d3d4;
    border-radius: 11px;
    position: relative;
    cursor: pointer;
    transition: all 0.6s ease-in;
    -webkit-transition: all 0.6s ease-in;
}
.qmthjzx_container_four:hover{
	transform: scale(1.05);
}
.znwh_container_four:hover{
	transform: scale(1.05);
}
.qmthjzx_container_four img{
	width: 100%;
}
.znwh_container_four img{
	width: 100%;
}
.qmthjzx_container_four_cont{
	padding: 5%;
}
#qmthjzx_container_four_container{
	margin-right: 5%;
}
#znwh_container_four_container{
	margin: 0 2% 0 15%;
}
.qmthjzx_container_four_cont_head{
	padding: 0 0 2% 0;
	font-family: "Source Han Sans CN Normal";
	font-size: 20px;
	color: #333333;
	border-bottom: 1px dashed #8c8c8c;
}
.qmthjzx_container_four_cont_js{
	line-height: 28px;
	font-family: "Source Han Sans CN Normal";
	font-size: 13px;
	color: #818181;
}
.qmthjzx_jt{
	margin-top: 7%;
}
#container {
	width: 100%;
	height: 500px;
  display:block;
  
}
#cpfw_container{
	margin-top: 7%;
}

  #itemlist {
  	height: 450px;
    display:block;
    position:relative;
   
  }
  
  #itemlist img {
  	width: 55%;
  	height: 100%;
    position:absolute;
    cursor:pointer;

   
  }
  
    #busby:hover {
      z-index: 5;
    }
    #Gridly:hover {
      z-index: 5;
    }
    #Reco:hover {
      z-index: 5;
    }
    #theblog:hover {
      z-index: 5;
    }
  #busby {
    z-index:4;
	left:0
    
  }
  
  #Gridly {
    z-index:3;
    margin-left:14%;
    
  }
  
  #Reco {
    z-index:2;
    margin-left:28%;
    
  }
  
  #theblog {
    z-index:1;
    margin-left:42%;
   
  }
  
.qmthjzx_container_threeall:hover .qmthjzx_img_hover{
	
	-webkit-transform: rotateY(360deg);
    -webkit-transform-style: preserve-3d;
    /*-webkit-backface-visibility: hidden;*/
    -moz-transform: rotateY(360deg);
    -moz-transform-style: preserve-3d;
    /*-moz-backface-visibility: hidden;*/
    -o-transition: all 2s ease-in-out;
    -ms-transition: all 2s ease-in-out;
    -moz-transition: all 2s ease-in-out;
    -webkit-transition: all 2s ease-in-out;
    transition: all 2s ease-in-out;
	
}
#cpgn_fontcolor1{
	color: #2E8CEB;
}
#cpgn_fontcolor2{
	color: #ED9B5D;
}
#cpgn_fontcolor3{
	color: #64C980;
}
#cpgn_fontcolor4{
	color: #9A9AF7;
}
#cpgn_fontcolor5{
	color: #CDC451;
}
#cpgn_fontcolor6{
	color: #EE8D8D;
}
#cpgn_fontcolor7{
	color: #51BBA8;
}
#cpgn_fontcolor8{
	color: #B4A032;
}
#cpgn_fontcolor9{
	color: #72AAFF;
}
#cpgn_fontcolor10{
	color: #CD7E66;
}
.gd_cpimg{
	margin-top: 7%;
}
.gd_cpimg1{
	float: left;
	width: 65%;
	height: 345px;
	margin-right: 5%;
}
.gd_cpimg1 img{
	width: 100%;
	height: 100%;
}
.gd_cpimg2{
	width: 30%;
	float: left;
	display: block;
	position: relative;
}
.gd_cpimg2 img{
	width: 59%;
    height: 244px;
    position: absolute;
    cursor: pointer;
}
/*.gd_cpimg2_1{
	z-index: 1;
}*/
.gd_cpimg2_2{
	top: 100px;
    left: 80px;
    z-index: 1;
}
.gd_cpimg2_1:hover{
	z-index: 2;
}