.div1 {
	width: 100%;
	overflow: hidden;
}

.div1>.content {
	width: 100%;
}

.div1>.content>.childbg {
	width: 25%;
	float: left;
	position: relative;
}

.div1>.content>.childbg>.bigimg {
	width: 100%;
}

.div1>.content>.childbg>.bigimg>img {
	width: 100%;
	vertical-align: bottom
}

.div1>.content>.childbg>.whitebg {
	position: absolute;
	bottom: -5px;
	background: #FFFFFF;
	background-size: 100% 100%;
	width: 100%;
    opacity:0.8;
}

.div1>.content>.childbg>.whitebg>img {
	width: 100%;
}

.div1>.content>.childbg>.hiddendiv {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	display: none;
	background: url(../images/Index/zhuanyeJZRW/orangeBG.png);
	background-size: 100% 100%;
	opacity: 0.9;
	text-align: center;
}
 

.div1>.content>.childbg>.hiddendiv>.title{
	position:absolute;
    width:50%;
    left:25%;
    top:12%;
    color:white;
    letter-spacing:10px;
    font-size:30px;
}
.div1>.content>.childbg>.hiddendiv>.remark{
	position:absolute;
    width:80%;
    left:10%;
    top:35%;
    color:white;
    letter-spacing:1px;
    font-size:16px;
    text-align:left;
}

@media only screen and (max-width: 1700px)
{
    .div1 > .content > .childbg > .hiddendiv > .title
    {
        top:10%;
          font-size:26px;
    }
    .div1 > .content > .childbg > .hiddendiv > .remark
    {
        top:32%;
        font-size:15px;
    }
}


@media only screen and (max-width: 1450px)
{
    
     .div1 > .content > .childbg > .hiddendiv > .title
    {
        top:6%;
          font-size:22px;
    }
    .div1 > .content > .childbg > .hiddendiv > .remark
    {
        top:28%;
         font-size:14px;
    }
}
@media only screen and (max-width: 1280px)
{
    
      .div1 > .content > .childbg > .hiddendiv > .title
    {
        top:4%;
          font-size:22px;
    }
    .div1 > .content > .childbg > .hiddendiv > .remark
    {
        top:25%;
         font-size:13px;
    }
}


.div2 {
	width: 100%;
	 
	text-align: center;
	background: #DEDEDC;
}

.div2>.content {
	width: 70%;
	/*height: 220px;*/
	margin: 0 auto;
	position: relative;
}

.div2>.content>.parent {
	/*height: 220px;*/
	margin: 0 auto;
     
	 
}

.div2>.content>.parent>a>.child {
	float: left;
	width: 12%;
	/*height: 150px;*/
	margin:3% 6.5%;
    font-size:0px;
}

    /*.div2 > .content > .parent > a > .checkthis
    {
        width:9%;
        margin:2% 8.5%;
       
    }*/

.div2>.content>.parent>a>.child>.titlelogo {
    width:100%;
  
    font-size:0px;
	 
}
    .div2 > .content > .parent > a > .child > .titlelogo>span
    {
        height:100%;
        display:inline-block;
        vertical-align:middle;
    }
.div2>.content>.parent>a>.child>.titlelogo>img {
    width:70%;
	border-radius:50%;
    vertical-align:middle;
}

.div2>.content>.parent>a>.child>.titlelogo>.checkicon {
    
	width:80%;
    max-height:100%;
    border-radius:50%;
   
}

.div2>.content>.parent>a>.child>.titletext {
	/*width: 70%;*/
    color:#EA5504;
    font-size:1.14vw;
    width:100%;
     margin:0;
}

 
.div2>.content>.parent>a>.child>.titleline>img {
	 
    width:55%;
}

.div2>.content>.right {
	position: fixed;
	top: 70%;
	height: 180px;
	width: 50px;
	right: 10%;
    z-index:100;
}

.div2>.content>.right>a>img {
	width: 45px;
}

.div3 {
	width: 100%;
	/*height: 895px;*/
}

.div3>.content {
	position: relative;
	width: 1200px;
	margin: 30px auto;
	height: 100%;
}

.content>.title {
	 
	margin: 40px auto 10px;
   
   
    text-align:center;
}

.content>.title>.textCN 
{
    font-size:2.5vw;
     font-weight:bold;
color:#EA5504;
 
     
}

.content>.title>.textEN 
{
    color:gray;
     font-size:13px;
     letter-spacing:1px;
     font-family:Arial;
}

.div3>.content>.parent {
	width: 100%;

	/*margin-top: 40px;*/
}

.div3>.content>.parent>.child {
    /*background:url(../images/Index/taocan/whiteBG.png);
    background-size:cover;*/
	width: 46%;
	/*height: 330px;*/
	margin: 2%;
	float: left;
	position: relative;
}

.div3>.content>.parent>.child>.graybg {
	position: absolute;
	width: 50%;
	height: 90%;
	background: #DEDEDC;
	cursor: pointer;
}

 

.div3>.content>.parent>.child>.graybg>.buy {
	 
	float:right;
     
    background:none;
    border:1px solid #EA5504;
    padding:2px 4%;
    font-size:1vw;
    color:#EA5504;
    border-radius:3px;
    position:absolute;
    left:59%;
    top:84%;
    cursor:pointer;

}

    .div3 > .content > .parent > .child > .graybg > .hover
    {
        background:#ef5504 !important;
        color:white !important;
    }


.div3>.content>.parent>.child>.graybg>.title {
	font-size: 1.4vw;
    /*line-height:20px;*/
	margin-top: 5%;
	font-weight: 700;
	text-align: left;
	color: #E15518;
    padding:0 10%;
     
    max-height:26%;
     /*overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;*/
}

.div3>.content>.parent>.child>.graybg>.imageline {
	width: 80%;
	margin: 5px 10%;
}

.div3>.content>.parent>.child>.graybg>.remark{
	margin: 1% auto;
	width: 80%;
	padding:0 5px;
    font-size:1vw;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    max-height:45%;
    color:#423C46;
     
}

/*.div3>.content>.parent>.child>img {
	position: absolute;
	left: 50%;
	width: 50%;
	height: 85%;
}*/

.div3>.content>.parent>.child>.bottom {
	position: absolute;
	bottom: 0px;
	width: 100%;
	height: 11%;
	background: #E15518;
}

.div3>.content {
	position: relative;
	width: 70%;
    /*min-width:1000px;*/
	margin: 0px auto;
	height: 100%;
    overflow:hidden;
}

.div4>.content {
	width: 70%;
	margin: 0px auto;
}

.div4>.content>.line {
	text-align: center;
	width: 100%;
	margin: 0 auto;
}

.div4>.content>.parent {
	margin-top: 20px;
    margin-bottom:10px;
	width: 100%;
	overflow: hidden;
    position:relative;
}

.div4>.content>.parent>div>img {
	width: 100%;
}


    .div4>.content>.parent>.detail{
        float:left;
        width:76%;
        display:none;
         font-size:0;
    }

.div4>.content>.parent>.detail>.left {
	width: 28.4%;
	float: left;
    height:100%;
	 
    background:#EFEFEF;
}

.div4>.content>.parent>.detail>.left>.logo {
	 
	width: 40%;
	 margin:0 auto;
     margin-top:20%;
}
    .div4 > .content > .parent > .detail > .left > .text>strong>h2
    {
        margin:5px 0;
        font-size:1vw;
    }
.div4>.content>.parent>.detail>.left>.text {
	 
	 
	width: 73%;
	 
	font-size: 0.9vw;
    color:gray;
}
.div4 > .content > .parent > .detail > .left img{
     width:101.8%;
}

.div4>.content>.parent>.detail>.left>.text {
	margin: 10% auto;
    
}

.div4>.content>.parent>.detail>.left>.text>strong>h4 {
	margin: 3px 0;
}

.div4>.content>.parent>.detail>.left>.text>p {
	margin: 2px 0;
    font-size:0.9vw;
    text-align:justify;
}

.div4>.content>.parent>.detail>.left>.logo>img {
	width: 100%;
}

.div4>.content>.parent>.detail>.center {
	float: right;
	width: 72%;
	margin-left: -23px;
   
}
.div4 > .content > .parent > .detail > .center img{
     width:100%;
}

.div4>.content>.parent>.right {
	float: right;
	width: 23%;
	 
     
    position:relative;
    overflow:auto;
}
 
    /*.div4 > .content > .parent > .right>.btn
    {
        display:none;
        width:94%;
        text-align:center;
        background:white;
        opacity:0.5;
        border:0;
        position:absolute;
        cursor:pointer;
        outline-style:none;
    }
    .div4 > .content > .parent > .right > .btn>img
    {
        border:0px;
    }*/
     


.hideBall
{
    height:100%;
    width:20px;
    position:absolute;
    right:-20px;
    z-index:100;
    top:0;
    background:white;
}
.div4 > .content > .parent > .right >.child
{
    width: 96%;
    padding-left: 4%;
    text-align: left;
    font-size: 1vw;
    height: 57px;
    line-height: 57px;
    background: #EFEEEE;
    margin-bottom: 7.6px;
}
 .div4 > .content > .parent > .right > .showthis
    {
        background:#E15616 !important;
        color:white;
    }
@media only screen and (max-width: 1681px)
{

    .div4>.content>.parent>.right>.child {
 
	/*font-size: 16px;*/
	height: 57px;
	line-height: 57px;
	 
     
}
   

}
@media only screen and (max-width: 1450px)
{

    .div4>.content>.parent>.right>.child {
 
	/*font-size: 14px;*/
	height: 40px;
	line-height: 40px;
	 
     
}
    @media only screen and (max-width: 1024px)
    {

        .div4 > .content > .parent > .right > .child
        {
            /*font-size: 11px;*/
            height: 30px;
            line-height: 30px;
        }
    }
}