﻿@charset "utf-8";

/* CSS Document */

/*切图：bwh*/





ul, ol,li{ list-style-type:none;}

body, button, input, select, textarea{ font-family:'Microsoft yahei';}

code, kbd, pre, samp {font-family:'Microsoft yahei';}







li { line-height:normal; }











/*手机按钮*/

.menuph{ float:right; width:42px; height:40px; cursor: pointer; text-align: center; background:#f67b14; padding:9px 7px; margin-top:2px;}

.menuph .point {  display: inline-block;  width: 28px;  height: 22px; position: relative;}

.menuph .point:hover .navbtn,

.menuph .point:hover .navbtn::after,

.menuph .point:hover .navbtn::before {  width: 28px;  }

.menuph .navbtn {  position: absolute;  top: 10px;  right: 0;  display: inline-block;  width: 21px;  height: 2px;  -webkit-transition: all .3s ease-out 0s;  -moz-transition: all .3s ease-out 0s;  -ms-transition: all .3s ease-out 0s;  -o-transition: all .3s ease-out 0s;  transition: all .3s ease-out 0s;  background: #fff;  }

.menuph .navbtn::after,

.menuph .navbtn::before {  position: absolute;  right: 0;  display: inline-block;  width: 28px;  height: 2px;  content: '';  -webkit-transition: all .3s ease-out 0s;  -moz-transition: all .3s ease-out 0s;  -ms-transition: all .3s ease-out 0s;  -o-transition: all .3s ease-out 0s;  transition: all .3s ease-out 0s;  background: #fff;  }

.menuph .navbtn::after {  top: -11px;  }

.menuph .navbtn::before {  top: 10px;  }

.menuph .point.active .navbtn{  background: transparent;  }

.menuph .point.active .navbtn::after{  -webkit-transform: rotate(45deg);  -moz-transform: rotate(45deg);  -ms-transform: rotate(45deg);  -o-transform: rotate(45deg);  transform: rotate(45deg);  top: 0px;  }

.menuph .point.active .navbtn::before {  -webkit-transform: rotate(-45deg);  -ms-transform: rotate(-45deg);  -o-transform: rotate(-45deg);  transform: rotate(-45deg);  top: 0px;  }



/*手机下拉*/

.xialaph{ position:absolute; left:0; top:64px; float:left; width: 100%; padding-bottom:50px;  display: none;  z-index:9999; background:#fff url(images/bann_pf.html) top center no-repeat;   }

.xialaph .ul2,

.xialaph .ul3{  display: none;  }

.xialaph h4 a{  color: #000000;  font-size:15px;line-height: 55px;  }

.xialaph h4{ float:left; width:100%; position:relative;}

.xialaph li:last-child h4::before{  content: '';  position: absolute;  bottom: 0;  left: 0;  width: 100%;  height: 1px;  background-color: #e5e5e5; /*opacity: 0.1;*/  }

.xialaph h4:hover a,

.xialaph h5:hover a{  color: #f67b14; }

.xialaph h4::after{  content: '';  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 1px;  background-color: #e5e5e5; /*opacity: 0.1;*/  }

.xialaph h5 a{  color: #000000;  font-size:14px;  font-family: "微软雅黑";  line-height: 45px;  }

.xialaph h5{ float:left; width:100%; padding:0 15px;  position: relative;  }

.xialaph h5::after{  content: '';  position: absolute;  bottom: 0;  left: 0;  right: 0;  height: 1px;  background-color: #e5e5e5; /*opacity: 0.05;*/  }

.xialaph li:last-child h5::after{  display: none;  }

.xialaph h4 img{  width: 15px;  height: 8px;  float: right;  margin-top: 24px;  cursor: pointer;  }

.xialaph h5 img{  width: 11px;  height: 6px;  float: right;  margin-top: 26px;  margin-right: 18px;  cursor: pointer;  }

.xialaph h4.active img.img_s,

.xialaph h5.active img.img_s{  display: none;  }

.xialaph h4.active img.img_d,

.xialaph h5.active img.img_d{  display: block;  }

.xialaph .ul2{ float:left; width:100%; padding:0 15px;}

.xialaph .ul3{  padding-top: 12px;  padding-bottom: 18px;  padding-left: 15px;  position: relative;  }

.xialaph .ul3::after{  content: '';  position: absolute;  bottom: 0;  left: 0;  right: 0;  height: 1px;  background-color: #e5e5e5;  }

.xialaph li:last-child .ul3::after{  display: none;  }

.xialaph .ul3 li a{  color: #333;  font-size: 14px;  line-height: 35px;  display: block;  }

.xialaph .ul3 li{  padding-top: 5px;  }

.xialaph .ul3 li:first-child{  padding-top: 0;  }

.xialaph .phsou{  position: relative;  margin-top: 34px;

}

.xialaph .phsou input{  width: 100%;  height: 56px;  background-color: #fff; color: #aaa;  font-size: 14px;  padding-left: 20px;  border: 1px solid #e5e5e5;  }

.xialaph .phsou img{  cursor: pointer;  width: 21px;  height: 22px;  position: absolute;  top: 17px; right: 29px;  }

.img_d, .disno{  display: none;  }







}







/*phone底部导航*/

.q_d_m{float:left; width:100%; height:50px;}

.pf_down{width:100%; float:left; position:fixed; left:0; bottom:0; height:50px; background:#2d78bd; z-index:999; border-top:1px solid #fff;}

.pf_down li{ width:33.333333%; float:left; text-align:center; padding:7px 0 4px 0; border-right:1px solid #fff;}

.pf_down li .ico7{ width:100%; float:left; height:20px;}

.pf_down li .d_name{ width:100%; float:left; margin-top:4px; font-size:12px; color:#fff; line-height:14px;}

.pf_down li.l1 .ico7{ background:url(/static/images/btn15.png) no-repeat center; background-size:20px 20px;}

.pf_down li.l2 .ico7{ background:url(/static/images/btn16.png) no-repeat center; background-size:20px 20px;}

.pf_down li.l3 .ico7{ background:url(/static/images/btn17.png) no-repeat center; background-size:20px 20px;}

.pf_down li:nth-child(3n){ border:none;}





