.wrap{ width:100%; overflow:hidden;}
.content{ width:95%; max-width:1620px; margin:0 auto;}

/*top*/
.top{ border-top:1px solid #bfbfbf; background:#fff;}
#logo{ float:left; margin:1.42% 0;}
.navbox{ float:right;position:relative;}
.navbox .nav{ float:right; margin-right:200px; margin-top:5.38%;}
.navbox .nav ul li{ float:left; padding:0 20px;}
.navbox .nav ul li a.fir{ font-family:"微软雅黑"; font-size:16px; color:#000; transition:all .4s; -moz-transition:all .4s; -webkit-transition:all .4s; -ms-transition:all .4s; -o-transition:all .4s;}
.navbox .nav ul li a.fir:hover{ color:#565656; transition:all .4s; -moz-transition:all .4s; -webkit-transition:all .4s; -ms-transition:all .4s; -o-transition:all .4s;}
.topright{ float:right;position:absolute;right:0;}
.rukouqu{ background:#bfbfbf; color:#fff; font-size:12px; line-height:2.16667; border-radius:0 0 5px 5px;}
.rukouqu a{ color:#fff; padding:0 10px;}
.rukouqu a:hover{ text-decoration:underline;}
.tubiaoqu{ margin-top:20px;}
.tubiaoqu a{ display:inline-block; line-height:1; font-size:12px; width:35px; margin:0 8px 0 8px; text-align:center;}
.tubiaoqu div{ float:left; width:35px; margin:0 8px 0 8px; line-height:1; font-size:12px; text-align:center; position:relative;}
.tubiaoqu em{ display:inline-block; line-height:1; padding-top:5px;}
.tubiaoqu span{ display:block; border-radius:50%; width:35px; height:35px; transition:all .4s; -moz-transition:all .4s; -webkit-transition:all .4s; -ms-transition:all .4s; -o-transition:all .4s;}

.tubiaoqu a.yuyan{ color:#eb1f00; transition:all .4s; -moz-transition:all .4s; -webkit-transition:all .4s; -ms-transition:all .4s; -o-transition:all .4s;}
.tubiaoqu .sousuo{ color:#ee7700; transition:all .4s; -moz-transition:all .4s; -webkit-transition:all .4s; -ms-transition:all .4s; -o-transition:all .4s;}
.tubiaoqu .sousuo .sexT{ width:0px; height:35px; border-radius:17px 0 0 17px; position:absolute; right:35px; top:0; color:#333; border:none; outline:medium; transition:all .4s; -moz-transition:all .4s; -webkit-transition:all .4s; -ms-transition:all .4s; -o-transition:all .4s; text-indent:5px;}
.tubiaoqu .sousuo .sexB{ width:35px; height:35px; border:none; background:url(../images/common/tubiao_25.png) #ee7700 no-repeat center center; border-radius:50%; cursor:pointer; outline:medium;}
.tubiaoqu a.lianxi{ color:#033692; transition:all .4s; -moz-transition:all .4s; -webkit-transition:all .4s; -ms-transition:all .4s; -o-transition:all .4s;}
.tubiaoqu a.yuyan span{ background:#eb1f00; transition:all .4s; -moz-transition:all .4s; -webkit-transition:all .4s; -ms-transition:all .4s; -o-transition:all .4s;}
/*.tubiaoqu a.sousuo span{ background:#ee7700; transition:all .4s; -moz-transition:all .4s; -webkit-transition:all .4s; -ms-transition:all .4s; -o-transition:all .4s;}*/
.tubiaoqu a.lianxi span{ background:#033692; transition:all .4s; -moz-transition:all .4s; -webkit-transition:all .4s; -ms-transition:all .4s; -o-transition:all .4s;}

.tubiaoqu a.yuyan:hover{ color:#bababa; transition:all .4s; -moz-transition:all .4s; -webkit-transition:all .4s; -ms-transition:all .4s; -o-transition:all .4s;}
/*.tubiaoqu a.sousuo:hover{ color:#bababa; transition:all .4s; -moz-transition:all .4s; -webkit-transition:all .4s; -ms-transition:all .4s; -o-transition:all .4s;}*/
.tubiaoqu a.lianxi:hover{ color:#bababa; transition:all .4s; -moz-transition:all .4s; -webkit-transition:all .4s; -ms-transition:all .4s; -o-transition:all .4s;}
.tubiaoqu a.yuyan:hover span{ background:#bababa; transition:all .4s; -moz-transition:all .4s; -webkit-transition:all .4s; -ms-transition:all .4s; -o-transition:all .4s;}
/*.tubiaoqu a.sousuo:hover span{ background:#bababa; transition:all .4s; -moz-transition:all .4s; -webkit-transition:all .4s; -ms-transition:all .4s; -o-transition:all .4s;}*/
.tubiaoqu a.lianxi:hover span{ background:#bababa; transition:all .4s; -moz-transition:all .4s; -webkit-transition:all .4s; -ms-transition:all .4s; -o-transition:all .4s;}

/*footer*/
.footer{ background:#e5e5e5;}
.footer .content{ position:relative;padding:4.94% 0 3.09%;}
.gotop{ position:absolute; right:0; top:0; z-index:5; background:#ee7700; text-align:center; width:70px; cursor:pointer;}
.gotop span{ display:inline-block; color:#fff; font-size:12px; line-height:40px; padding-left:10px; transition:all .4s; -moz-transition:all .4s; -webkit-transition:all .4s; -ms-transition:all .4s; -o-transition:all .4s; background:url(../images/common/top_03.png) no-repeat left center;}
.gotop:hover span{ padding-left:15px; transition:all .4s; -moz-transition:all .4s; -webkit-transition:all .4s; -ms-transition:all .4s; -o-transition:all .4s;}
.dinav{ width:77.7778%; float:left;}
.dinav ul li{ float:left; width:14.285%; opacity:0;}
.dinav ul li span{ font-family:"微软雅黑"; font-size:16px; color:#262626; display:block; margin-bottom:20px;}
.dinav ul li dl dd{ color:#4c4c4c; font-family:"微软雅黑"; font-size:14px; line-height:2;}
.dinav ul li dl dd a{ color:#4c4c4c;transition:all .4s; -moz-transition:all .4s; -webkit-transition:all .4s; -ms-transition:all .4s; -o-transition:all .4s;}
.dinav ul li dl dd a:hover{ color:#B0B0B0;transition:all .4s; -moz-transition:all .4s; -webkit-transition:all .4s; -ms-transition:all .4s; -o-transition:all .4s;}
.erweiqu{ float:right; width:18.642%;}
.erweiqu ul{ width:100%;}
.erweiqu ul li{ width:40%; float:left; margin-left:10%; text-align:center; font-size:14px; color:#4c4c4c; font-family:"微软雅黑"; line-height:4.286;transition:all .4s; -moz-transition:all .4s; -webkit-transition:all .4s; -ms-transition:all .4s; -o-transition:all .4s;}
.erweiqu ul li:hover{ color:#B0B0B0;transition:all .4s; -moz-transition:all .4s; -webkit-transition:all .4s; -ms-transition:all .4s; -o-transition:all .4s;}
.erweiqu ul li img{transform:translateY(0); -moz-transform:translateY(0); -webkit-transform:translateY(0); -ms-transform:translateY(0); -o-transform:translateY(0); transition:all .4s; -moz-transition:all .4s; -webkit-transition:all .4s; -ms-transition:all .4s; -o-transition:all .4s;}
.erweiqu ul li:hover img{transform:translateY(-10px); -moz-transform:translateY(-10px); -webkit-transform:translateY(-10px); -ms-transform:translateY(-10px); -o-transform:translateY(-10px); transition:all .4s; -moz-transition:all .4s; -webkit-transition:all .4s; -ms-transition:all .4s; -o-transition:all .4s;}
.banquan{background:#e5e5e5; line-height:1.79; font-size:14px; font-family:"微软雅黑"; padding:1% 0; color:#666; border-top:1px solid #c4c4c4;}
.banquan span{ float:right;}
.banquan span i{ color:#033692; font-style:normal;}
.banquan a{ color:#666;transition:all .4s; -moz-transition:all .4s; -webkit-transition:all .4s; -ms-transition:all .4s; -o-transition:all .4s;}
.banquan a:hover{ color:#B0B0B0;transition:all .4s; -moz-transition:all .4s; -webkit-transition:all .4s; -ms-transition:all .4s; -o-transition:all .4s;}
.banquan em{ display:inline-block; padding-left:2.16%; background:url(../images/common/yuyan_44.jpg) no-repeat left center; background-size:21.74% auto;}
@media(min-width:769px){
  .tubiaoqu .sousuo:hover{ margin-left:35px; transition:all .4s; -moz-transition:all .4s; -webkit-transition:all .4s; -ms-transition:all .4s; -o-transition:all .4s;}
  .tubiaoqu .sousuo:hover span{ border-radius:0 50% 50% 0; border:1px solid #ee7700; border-left:none; transition:all .4s; -moz-transition:all .4s; -webkit-transition:all .4s; -ms-transition:all .4s; -o-transition:all .4s;}
  .tubiaoqu .sousuo:hover .sexT{ width:100px; border:1px solid #ee7700; border-right:none; transition:all .4s; -moz-transition:all .4s; -webkit-transition:all .4s; -ms-transition:all .4s; -o-transition:all .4s;}
  .tubiaoqu .sousuo:hover em{ visibility:hidden;}
}
@media(max-width:1600px){
	.navbox .nav ul li{ padding:0 15px;}
	.navbox .nav{ margin-right:100px;}
}
@media(max-width:1280px){
	.navbox .nav ul li{ padding:0 12px;}
	.navbox .nav{ margin-right:100px;}
}
@media(max-width:1200px){
	.rukouqu a{ padding:0 4px;}
	.navbox .nav ul li{ padding:0 5px;}
	.navbox .nav{ margin-right:100px;}
}
@media(max-width:768px){
  #logo{ width:30%;}
  .erweiqu{ width:100%; float:none;}
  .dinav{ display:none;}
  .top{ position:relative;}
  .navanniu{ display:block; width:30px; height:30px; position:absolute; right:0; top:50%; margin-top:-15px; background:url(../images/common/lead.png) no-repeat center center; background-size:100% 100%;}
  .erweiqu ul li{ margin:0 5%; line-height:inherit;}
  .navbox{ float:none; position:fixed; z-index:10000; width:80%; height:100%; left:-80%; top:0; background:#fff; transition:all .4s; -moz-transition:all .4s; -webkit-transition:all .4s; -ms-transition:all .4s; -o-transition:all .4s;}
  .navbox.on{ left:0; transition:all .4s; -moz-transition:all .4s; -webkit-transition:all .4s; -ms-transition:all .4s; -o-transition:all .4s;}
  .topright{ width:80%; margin:0 auto; float:none;}
  .rukouqu{ text-align:center;}
  .tubiaoqu .sousuo{ margin-left:100px;}
  .tubiaoqu .sousuo span{ border-radius:0 50% 50% 0; border:1px solid #ee7700; border-left:none;}
  .tubiaoqu .sousuo .sexT{ width:100px; border:1px solid #ee7700; border-right:none;}
  .tubiaoqu .sousuo em{ visibility:hidden;}
  .navbox .nav{ width:100%; float:none; margin-right:0;}
  .navbox .nav ul li{ float:none; width:100%; padding:0;}
  .navbox .nav ul li a.fir{ display:block; text-align:center; line-height:3;}
  .navbg{ position:fixed; z-index:9999; width:100%; height:100%; left:-100%; top:0; background:rgba(0,0,0,0.8); transition:all .4s; -moz-transition:all .4s; -webkit-transition:all .4s; -ms-transition:all .4s; -o-transition:all .4s;}
  .navbg.on{ left:0; transition:all .4s; -moz-transition:all .4s; -webkit-transition:all .4s; -ms-transition:all .4s; -o-transition:all .4s;}
  .footer .content{ padding-top:50px;}
}