.hdbanner{ height:400px; background: url(../images/hdbannerbg.jpg)  center  repeat-x   #d9e5f0; }
.hdbox1{ float:left; width:34.5%; height:283px; margin-top:60px; border-radius:5px;  background:url(../images/123bg2.png) no-repeat  left bottom; }
.hdbox1 h2{ border-bottom:1px solid #cdcdcd; padding:13px 0; text-align:center; }
.hdbox1 ul{ display:block; background:url(../images/123bg2121.png) no-repeat 330px 61px;     }
 @media screen and (max-width: 1440px){.hdbox1 ul{ display:block; background:url(../images/123bg2121.png) no-repeat 329px 87px; background-size: 130px auto;     }}
.hdbox1 ul li{ position: relative; }
.hdbox1 ul li span{ display: inline-block; line-height: 0; height: 71px; width: 340px;  background-image: url(../images/bg1235.png); background-repeat: no-repeat;  position: absolute; z-index: 0; left:-400px; top: 1px;  opacity: 0; -webkit-transition: all 1.5s;  -moz-transition: all 1s;  -ms-transition: all 1s;  -o-transition: all 1s;  transition: all 1s;}
 .hdbox1 ul li a:hover{ color: #333 }
.hdbox1  ul li:nth-child(1){ padding-left: 97px;  }
.hdbox1  ul li:nth-child(1) span{ background-position:right 0; }
.hdbox1  ul li:nth-child(2) span{ background-position:right -71px; }
.hdbox1  ul li:nth-child(3) span{ background-position:right -142px; }
.hdbox1 ul li:hover span{ left:0px; top: 1px;  opacity: 1;}
.hdbox1  ul li:nth-child(1) div{ background-image: url(../images/123_1.png); background-repeat: no-repeat;  background-position:10px center; padding-left: 60px;   transition:  background-position .5s ease-in-out;}
.hdbox1  ul li:nth-child(2){ padding-left: 56px;    }
.hdbox1  ul li:nth-child(2) div{ background-image: url(../images/123_2.png); background-repeat: no-repeat;  background-position:10px center; padding-left: 60px;  transition:  background-position .5s ease-in-out;}
.hdbox1  ul li:nth-child(3){ padding-left: 30px;   }
.hdbox1  ul li:nth-child(3) div{ background-image: url(../images/123_3.png); background-repeat: no-repeat;  background-position:18px center; padding-left: 60px;  transition:  background-position .5s ease-in-out;}
.hdbox211{ width: 175px; position: relative; z-index: 1; padding: 6px 0;}
 .hdbox1 ul li:hover div{ background-position: 0px center; transition:  background-position .5s ease-in-out;}
 .hdbox211 i{ color: #845c01; display: inline-block; background:url(../images/gotoii.png) no-repeat left center; padding-left: 20px; }
 
.hdbox211 p{ line-height:18px; }

.hdbox2{ float:left; width:34.5%; background:rgba(255,255,255,0.7); height:283px; margin-top:60px; border-radius:5px; margin-left:2.3%}
.hdbox3{ float:right; width:26.3%; height:280px; margin-top:60px; color:#845c01}
.hdbox3 a{color:#845c01}
.hdcontact{ background:rgba(255,255,255,0.7);  border-radius:5px; padding:20px 0; }
.hdcontact i{ display:block; height:40px; line-height:40px; padding-left:50px; font-size:14px;}
.hdcontact i:nth-child(1){ background:url(../images/jbtel.png) 25px center no-repeat;}
.hdcontact i:nth-child(2){ background:url(../images/tsemail.png) 25px center no-repeat;}
.ywbox{ margin-top:25px;}
.ywbox span{ display: inline-block; width:46%; height:135px; border-radius:5px;  background-color:rgba(255,255,255,0.7); background-position:center 30px; background-repeat:no-repeat; background-size:45px auto; transition: background-size .2s ease-in-out;}
.ywbox span:hover{transition: background-size .2s ease-in-out;  background-size:50px auto;}
.ywbox span:nth-child(1){ background-image:url(../images/wenicon.png) ;}
.ywbox span:nth-child(2){ background-image: url(/image/ai_jqr_icon.png) ;}
.ywbox span a{ display:block; text-align:center; padding-top:90px;}

.hdbox2p{ padding:20px 5%;}
.hdbox2p h2{ border-bottom:1px solid #cdcdcd; padding-bottom:10px; text-align:center;}
.hdbox2p p{ padding-top:10px; text-indent:24px;}
.hdbox2p ul{ padding-top:10px;}
.hdbox2p ul li{ float:left; width:48%; height:40px; line-height:40px; margin-right:4%; margin-top:20px;}
.hdbox2p ul li:nth-child(2n){ margin-right:0;}
.hdbox2p ul li a{ text-align:center; display:block; border:1px solid #cdcdcd; border-radius:5px; color:#845c01}
.hdbox2p ul li a:hover{ background-color:#845c01; border:1px solid #845c01; color: #fff;   }

.online{ width:26.3%; margin-top:50px;}
.online h2{  border-bottom:1px solid #e9eaec; padding-bottom:10px;}
.online h2 span.f-fl{ font-size:18px;}
.online h2 span.f-fr a{ font-size:14px; color:#464545; padding:0 8px; font-weight:normal;}
.ftboxt{ margin-top:30px; position:relative; font-size:0; line-height: 0;}
.ftboxt img{ width:100%; height:253px;}
.ftboxt p{ position:absolute; z-index:99; bottom:0; left:0; background:rgba(0,0,0,0.6); font-size:14px; color:#fff; width:100%; padding:10px 0;}
.ftboxt p i{ display:block; padding:3px 5px 3px 15px; line-height: 22px;}
.ftboxt p a{color:#ffffff;}
.diaoc{ margin-top:50px; width:71.3%;}

.diaoc h2{ border-bottom:1px solid #e9eaec; padding-bottom:10px; font-size:18px;}
.diaoc h2 span.f-fr a{ display: inline-block; background: url(../images/more.png) no-repeat  right top; text-indent: -200px; font-size: 0; width: 100px; height: 30px }
.diaoc ul{ padding-top:30px;}
.diaoc ul li{ float:left; width:48%; margin-right:4%; margin-bottom:20px;}
.diaoc ul li:hover .dclist{ border:1px solid #845c01;}
.diaoc ul li:nth-child(2n){ margin-right:0;}
.dclist{ border:1px solid #e2d7be; padding:15px 20px; border-radius:8px; font-size:14px; padding-left:60px; position:relative}
.diaoc ul li .on{ border:1px solid #845c01;}
.diaoc ul li .on p , .diaoc ul li .on span{ color:#845c01;  }
.diaoc ul li .on p:nth-child(2){min-height: 50px;}
.diaoc ul li .on  .timebox{color:#b3282b; }
.dclist span{ display:inline-block; width:20px; position: absolute; left:10px; top:20px; text-align: center; line-height:18px;  border-right:1px solid #bea979; padding:25px 10px 0 5px; background-position: 7px top; background-repeat: no-repeat; }
.dclist span.hd_end{ background-image: url(../images/endicon.png);  }
.dclist span.hd_ing{ background-image: url(../images/ingicon_2.png);   }

.timebox{ padding-top:13px; text-align:right;}
.timebox i{ display:inline-block; }
.timebox i.timeico{ background: url(../images/timeicon_2.png) no-repeat left center; padding-left:25px; padding-right:20px;    }
.timebox i.seeico{ background: url(../images/seeicon.png) no-repeat left center; padding-left:25px;   }
.timebox i.zling{ background: url(../images/ingicon.png) no-repeat left center; padding-left:25px;   }
 .timebox i.timeico2{ background: url(../images/timeicon_1.png) no-repeat left center; padding-left:25px; padding-right:20px;    }
 .timebox i.inputy{ background: url(../images/write_icon.png) no-repeat left center; padding-left:25px;   }


.social{ background:#F6F6F6; padding:80px 0;}
.social ul { display:block; text-align:center;}
.social ul li{ display:inline-block; margin-right:10%; position: relative;}
.social ul li i{ display: inline-block; position: absolute; left: 22px; top: 22px; z-index: 99; opacity: 0; transition: all .4s ease-in-out; }
.social ul li:hover i{ opacity: 1; }
.social ul li:nth-child(5){  margin-right:0;} .social ul li p{ padding-top:10px;}
.social ul li span{ display:block; border:1px solid #ccc; width:128px; height:128px; border-radius:15px; background-repeat:no-repeat; background-position:center; margin:0 auto;}
.social ul li:hover span{ background-color: #fff; }
.social ul li:nth-child(1) span{ border:1px solid #D62B2A; background-image:url(../images/hd_weibo.png)}
.social ul li:nth-child(2) span{ border:1px solid #5ac43a; background-image:url(../images/hd_weixin.png)}
.social ul li:nth-child(3) span{ border:1px solid #211916; background-image:url(../images/hd_douy.png)}
.social ul li:nth-child(4) span{ border:1px solid #075deb; background-image:url(../images/hd_fda.png)}
.social ul li:nth-child(5) span{ border:1px solid #845c01; background-image:url(../images/hd_buy.png);}

@media screen and (max-width: 1400px) and (min-width: 1000px){
    .hdbox2p ul {
        padding-top: 0px;
    }

    .hdcontact i.i1{background:none;}
    .hdcontact i.i2{ background:none;}
    .hdcontact i{
        line-height: 20px;
        padding-left: 5px;
    }
    .hdbox2p ul li {
        margin-top: 15px;
    }

    .diaoc ul li.item_3,.diaoc ul li.item_4{
        display:none;
    }

    .ftboxt p {
        font-size: 12px;
        padding: 0;
    }
    .social ul li {
        margin-right: 5%;
    }
    .hdbox1 ul li:nth-child(3) {
        padding-left: 0px;
    }

}


@media screen and (max-width: 960px){

.hdbanner{ height:400px; height:auto; background: url(../images/hdbannerbg.jpg)  center  repeat  #d9e5f0; padding-bottom: 40px; }
.hdbox1{ float:left; width:100%; height:280px; height:auto; margin-top:30px; border-radius:5px;}
.hdbox1 h2{ border-bottom:1px solid #cdcdcd; padding:13px 0; text-align:center; background:rgba(255,255,255,0.7); }
.hdbox1 ul{ display:block; background:url(../images/123bg2.png) no-repeat  left top; background: none; background-color: #fff; padding-top: 5px;   }
.hdbox1  ul li{ padding:10px 0; border-bottom:1px solid #ececec; }
.hdbox1  ul li:nth-child(1){ padding-left:20px; height: 68px; height: auto; }
.hdbox1  ul li:nth-child(1) div{ background: url(../images/123_1.png) no-repeat left center; padding-left: 50px; }
.hdbox1  ul li:nth-child(2){ padding-left: 20px;  height: 68px; height: auto;  }
.hdbox1  ul li:nth-child(2) div{ background: url(../images/123_2.png) no-repeat left center; padding-left: 50px; }
.hdbox1  ul li:nth-child(3){ padding-left: 20px;  height: 68px;  height: auto;}
.hdbox1  ul li:nth-child(3) div{ background: url(../images/123_3.png) no-repeat left center; padding-left: 50px; }
.hdbox211{ width: 175px; width: auto;} .hdbox211 i{ color: #845c01; display: inline-block; background:url(../images/gotoii.png) no-repeat left center; padding-left: 20px; }
.hdbox211 p{ line-height:18px; }

.hdbox2{ float:left; width:100%; background:rgba(255,255,255,0.7); height:280px; height: auto; padding-bottom: 20px; margin-top:15px; border-radius:5px; margin-left:0%}
.hdbox3{ float:right; width:100%; height:280px; height: auto; margin-top:15px; color:#845c01}
.hdbox3 a{color:#845c01}
.hdcontact{ background:rgba(255,255,255,0.7);  border-radius:5px; padding:20px 0; }
.hdcontact i{ display:block; height:40px; line-height:40px; padding-left:10px; font-size:12px;}
.hdcontact i:nth-child(1){ background:none;}
.hdcontact i:nth-child(2){ background:none;}
.ywbox{ margin-top:10px;}
.ywbox span{ display: inline-block; width:48%; height:135px; border-radius:5px;  background-color:rgba(255,255,255,0.7); background-position:center 30px; background-repeat:no-repeat;}
.ywbox span:nth-child(1){ background-image:url(../images/wenicon.png) ;}
.ywbox span a{ display:block; text-align:center; padding-top:90px;}

.hdbox2p{ padding:20px 5%;}
.hdbox2p h2{ border-bottom:1px solid #cdcdcd; padding-bottom:10px; text-align:center;}
.hdbox2p p{ padding-top:10px; text-indent:24px;}
.hdbox2p ul{ padding-top:0px;}
.hdbox2p ul li{ float:left; width:48%; height:40px; line-height:40px; margin-right:4%; margin-top:20px;}
.hdbox2p ul li:nth-child(2n){ margin-right:0;}
.hdbox2p ul li a{ text-align:center; display:block; border:1px solid #cdcdcd; border-radius:5px; color:#845c01}

.online{ width:100%; margin-top:50px;}
.online h2{  border-bottom:1px solid #e9eaec; padding-bottom:10px;}
.online h2 span.f-fl{ font-size:18px;}
.online h2 span.f-fr a{ font-size:14px; color:#464545; padding:0 8px; font-weight:normal;}
.ftboxt{ margin-top:30px; position:relative; font-size:0; line-height: 0;}
.ftboxt img{ width:100%; height:253px;}
.ftboxt p{ position:absolute; z-index:99; bottom:0; left:0; background:rgba(0,0,0,0.6); font-size:14px; color:#fff; width:100%; padding:10px 0;}
.ftboxt p i{ display:block; padding:3px 5px 3px 15px; line-height: 22px;}

.diaoc{ margin-top:50px; width:100%;}
.diaoc h2{ border-bottom:1px solid #e9eaec; padding-bottom:10px; font-size:18px;}
.diaoc ul{ padding-top:30px;}
.diaoc ul li{ float:left; width:100%; margin-right:4%; margin-bottom:20px;}
.diaoc ul li:nth-child(2n){ margin-right:0;}
.dclist{ border:1px solid #e2d7be; padding:15px 20px; border-radius:8px; font-size:14px; padding-left:60px; position:relative}
.diaoc ul li .on{ border:1px solid #845c01;}
.diaoc ul li .on p , .diaoc ul li .on span{ color:#845c01;  }
.diaoc ul li .on  .timebox{color:#b3282b; }
.dclist span{ display:inline-block; width:20px; position: absolute; left:10px; top:20px; text-align: center; line-height:18px;  border-right:1px solid #bea979; padding:25px 10px 0 5px; background-position: 7px top; background-repeat: no-repeat; }
.dclist span.hd_end{ background-image: url(../images/endicon.png);  }
.dclist span.hd_ing{ background-image: url(../images/ingicon_2.png);   }

.timebox{ padding-top:13px; text-align:left;}
.timebox i{ display:inline-block; }
.timebox i.timeico{ background: url(../images/timeicon_2.png) no-repeat left center; padding-left:25px; padding-right:20px;    }
.timebox i.seeico{ background: url(../images/seeicon.png) no-repeat left center; padding-left:25px;   }
.timebox i.zling{ background: url(../images/ingicon.png) no-repeat left center; padding-left:25px;   }
 .timebox i.timeico2{ background: url(../images/timeicon_1.png) no-repeat left center; padding-left:25px; padding-right:0px;    }
 .timebox i.inputy{ background: url(../images/write_icon.png) no-repeat left center; padding-left:25px;   }


.social{ background:#F6F6F6; padding:40px 20px;}
.social ul { display:block; text-align:center;}
.social ul li{ display:inline-block; margin-right:0;  float: left; width: 50%; margin-bottom: 15px;}
.social ul li:nth-child(5){  margin-right:0;} .social ul li p{ padding-top:10px;}
.social ul li span{ display:  block; border:1px solid #ccc;  width:80px; height:80px; border-radius:10px; background-repeat:no-repeat; background-position:center; margin:0 auto; background-size:40px auto;}
.social ul li:nth-child(1) span{ border:1px solid #D62B2A; background-image:url(../images/hd_weibo.png)}
.social ul li:nth-child(2) span{ border:1px solid #5ac43a; background-image:url(../images/hd_weixin.png)}
.social ul li:nth-child(3) span{ border:1px solid #211916; background-image:url(../images/hd_douy.png)}
.social ul li:nth-child(4) span{ border:1px solid #075deb; background-image:url(../images/hd_fda.png)}
.social ul li:nth-child(5) span{ border:1px solid #845c01; background-image:url(../images/hd_buy.png);  }    
   
}