﻿/* CSS Document */
/*reset*/
body,h1,h2,h3,h4,p,ul,ol,dl,dd,form{margin:0;}
input,textarea,select{color:#333;font-size:100%;font-family: inherit;}
body{font-family: "微软雅黑", "Microsoft YaHei", Helvetica, Tahoma, sans-serif;}
ul,ol{padding-left:0;list-style-type:none;}
img{border:0;width:100%;}
h1,h2,h3,h4{font-size:100%;}
a{text-decoration:none; color:#6d6c85;}
a:hover {color:royalblue}
/*reset end*/
@media only screen and (min-width: 769px) {
.mdiv{display:none !important;}
/*nav*/
.nav{
  position: absolute;
  left: 39.6%;
  width: 40%;
  top: 0;
  height: 5.2897vw;
  line-height: 5.5vw;
}
.li {
    float: left;
    width: auto;
    font-size: 1.0943199583116205vw;
    margin: 0 0.2732152162584679vw;
    padding: 0 0.3vw;
    color: #272727;
    height: 100%;
    box-sizing: border-box;
}
.li a{color:inherit;}
.li.active,.li:hover {
    color: #064685;
    border-bottom: 0.27vw solid #064685;
}
/*end_nav*/
}
@media only screen and (max-width: 768px) {
.pcdiv{display:none !important;}
/*nav*/
.m_nav {
  position: absolute;
  right: 4%;
  width: 25px;
  top: 14px;
}
.m_nav_box {
  position: fixed;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  transition: all 0.5s;
}
.m_nav_box.active{left:0px;}
.nav_back {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.m_nav_body{
  background: #fff;
  height: 100%;
  width: 42%;
  box-shadow: 1px 1px 5px #cdcdcd;
  position: relative;
  z-index: 2;
  padding-top: 20px;
}
.m_nav_body .li {
  border-bottom: 1px solid #cbcbcb;
  position: relative;
}
.m_nav_body .li:last-child{
  border-bottom: 0px solid #cbcbcb;
}
.m_nav_body .li a {
  line-height: 60px;
  padding: 0 22px;
  width: 100%;
  display: block;
  box-sizing: border-box;
  font-size: 15px;
  color: #020202;
}
.m_nav_body .li.active>a {
  color:#054896;
}
.li.xl:after {
  content: "";
  background: url(../img/m/nav1.png) no-repeat;
  width: 12px;
  height: 10px;
  display: block;
  background-size: contain;
  position: absolute;
  right: 18px;
  top: 27px;
}
.li_list {
    background: #f5f3f4;
}
.li_list .li2 {
    border-bottom: 1px solid #fff;
}
.li_list .li2:last-child{
  border-bottom: 0px solid #cbcbcb;
}
.li_list .li2 a {
  color: #777777;
  line-height: 50px;
  background: url(../img/m/nav3.png) no-repeat;
  background-position: 35px center;
  padding-left: 60px;
  padding-right: 0;
  font-size: 13px;
  background-size: 15px 15px;
}
.li_list .li2.active>a{
  background: url(../img/m/nav2.png) no-repeat;
  background-position: 35px center;
  background-size: 15px 15px;
  color:#e60034;
}
/*end_nav*/
}