﻿/*-----------------[初始化]--------------*/
*,*:before,*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
body{color: #333;line-height: 1.5;font-family: 'Microsoft Yahei';font-size: 14px;}
img{max-width: 100%;}
a,img,button,input,textarea,div{-webkit-tap-highlight-color:rgba(255,255,255,0);}
input,textarea,select{font-size: 12px;color: #444;font-family: 'Microsoft Yahei';outline: 0;
}
input[type='submit'],input[type='reset'],input[type='button'],select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
select::-ms-expand {display: none;}
input[type='submit'],input[type='reset'],input[type='button']{cursor: pointer;}
::-webkit-input-placeholder {color: #999;}
::-moz-placeholder {color: #999; }
::-ms-input-placeholder {color: #999;}

.ani{
    transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
}
.ani1{
    transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
}
a {color: #333;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
}
a:hover {color: #bc0013;}

/*布局*/
.wp{margin: 0 auto;width: 100%;max-width: 1100px;}
/*******************************
  -------[=头部]-------
********************************/
.bd-index {padding-top: 147px;}
#hd {position: fixed;top: 0;right: 0;left: 0;z-index: 10;}
#hd .top {height: 43px;line-height: 43px;background-color: #4f5458;font-size: 13px;color: #fff;}
#hd .top .tel {padding-left: 34px;float: right;font-size: 13px;background: url(../images/ico-phone.png) left center no-repeat;}

#hd .hd-cont {position: relative;height: 104px;background-color: #fff;}
#hd .logo {padding: 15px 134px 0 0;float: left;display: inline-block;}
#hd .logo img {display: inline-block;}
.box-search {margin-top: 39px;float: left;width: 164px;margin-left: 10px;}
.box-search .inp-search {float: left;display: block;width: 124px;height: 33px;line-height: 31px;border: 1px solid #d1d1c4;outline: none;}
.box-search .btn-search {float: right;display: block;width: 40px;height: 33px;background: url(../images/bg-btn-search.png) center center no-repeat;border: none;outline: none;}
/*******************************
    -------[=导航]-------
********************************/
#nav {float: left;}
#nav li {position: relative;float: left;}
#nav a.par {padding: 0 11px;display: inline-block;height: 104px;line-height: 104px;font-size: 15px;
}
#nav a.par:hover,#nav .on a.par {color: #fff;background-color: #bc0013;}
#nav .sub {position: absolute;top: 124px;left: 0;width: 100%;z-index: 10;opacity: 0;visibility: hidden;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
}
#nav .sub a {display: block;width: 100%;height: 52px;line-height: 51px;text-align: center;background-color: #919191;color: #fff;border-bottom: 1px solid #2b2b2b;}
#nav .sub a:hover {color: #bc0013;}
#nav .sub a:last-child {border-bottom: none;}
#nav li:hover .sub {top: 104px;opacity: 1;visibility: visible;}
.menuBtn {position: absolute;top: 50%;right: 20px;width: 30px;height: 20px;display: none;cursor: pointer;z-index: 99;
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);}
.menuBtn em {margin-bottom: 10px;display: block;height: 2px;background-color: #bc0013;}
.menuBtn.on em {display: none;margin: -2px 0 0;position: absolute;left: 5px;top: 50%;width: 24px;background-color: #bc0013;}
.menuBtn.on em:first-child {display: block;
    transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
}
.menuBtn.on em:last-child {display: block;
    transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);}

#aside {position: fixed;top: 0;left: -240px;bottom: 0;width: 240px;
    background-color: #000;z-index: 98;overflow-y: auto;}
#aside.open {left: 0;}
#aside .logo img {margin: 10px auto;display: block;height: 40px;}
#aside .menu {margin-top: 40px;}
#aside .menu .v1 {padding-left: 30px;display: block;width: 100%;height: 41px;line-height:40px;font-size: 16px;color: #fff;border-bottom: 1px solid #191919;}
#aside .menu .v1:hover,#aside .menu .v1.on {color: #bc0013;background-color: #1c1c1c;}
#aside .menu .v1 img {margin-left: 8px;display: inline-block;vertical-align: super;}
#aside .menu .v1.child {background: url(../images/ico-open.png) right 30px center no-repeat;}
#aside .menu .v1:hover {color: #bc0013;background-color: #1c1c1c;}
#aside .menu .v1.on {background-image: url(../images/ico-close.png);}
#aside .menu .sub {display: none;}
#aside .menu .sub a {padding-left: 30px;display: block;width: 100%;height: 36px;line-height: 36px;font-size: 12px;color: #fff;border-bottom: 1px solid #191919;background-color: #141414;}
#aside .menu .sub a:hover {color: #fff;}
#aside .box-search {margin: 39px auto 0;float: none;width: 200px;}
#aside .box-search .inp-search {width: 160px;}
/*******************************
  -------[=底部]-------
********************************/
#fd {margin-top: 0px;padding: 30px 0;background-color: #4f5458;overflow: hidden;}
#fd .col-l,#fd .col-r {width: 100%;text-align: center;}
#fd .fd-menu {padding-bottom: 10px;line-height: 1;}
#fd a {padding-right: 12px;display: inline-block;color: #a8a8ab;}
#fd a:hover {color: #bc0013;}
#fd .copyright {line-height: 24px;color: #a8a8ab;}
#fd img {display: inline-block;}
#fd .col-r {text-align: right;}
#fd .col-r img {vertical-align: middle;}
#fd .fd-tel {margin-top: 30px;padding: 0 26px 0 50px;/*display: inline-block;background: url(../images/ico-phone-2.jpg) left center no-repeat;*/text-align: left;}
#fd .fd-tel .p1 {color: #a8a8ab;}
#fd .fd-tel .p2 {color: #fff;font-size: 20px;}
/*******************************
    -------[=正文]-------
********************************/
/*侧边*/
.box-side {position: fixed;right: 0;top: 50%;margin-top: -108px;width: 52px;}
.box-side li {padding-bottom: 2px;}
.box-side a {position: relative;display: block;width: 52px;height: 52px;border-radius: 2px;background-position: center center;background-repeat: no-repeat;background-color: #c6142e;z-index: 10;}
.box-side .li1 a {background-image: url(../images/ico-qq.png);}
.box-side .li2 a {background-image: url(../images/ico-phone.png);}
.box-side .li3 a {background-image: url(../images/ico-wx.png);}
.box-side .li4 a {background-image: url(../images/ico-wb.png);background-repeat: no-repeat;}

.box-side .tel {position: absolute;top: 54px;left: 100%;padding-left: 10px;width: 200px;height: 52px;line-height: 52px;background-color: #c6142e;color: #fff;font-size: 24px;font-weight: bold;white-space: nowrap;z-index: 9;}
.box-side .tel.on {left: -200px;}
/************微博************/
.box-side .tel1 {position: absolute;top: 162px;left: 100%;padding-left: 10px;width: 120px;height: 52px;line-height: 52px;background-color: #c6142e;color: #fff;font-size: 24px;font-weight: bold;white-space: nowrap;z-index: 9;}
.box-side .tel1.on {left: -120px;}
/*微信二维码*/
.pop_weixin{display: none;position: fixed;top: 59%;left: 96%;z-index: 9999;margin-left: -150px;margin-top: -180px;
width: 150px;height: 180px;border: 1px solid rgba(0,0,0,.3);box-shadow: 0 3px 7px rgba(0,0,0,.3);
border-radius: 6px;background-color: #fff;overflow: hidden;}
.pop_weixin .tit{padding: 9px 15px;border-bottom: 1px solid #eee;}
.pop_weixin .close{float: right;margin-top: 2px;font-size: 20px;font-weight: bold;line-height: 20px;color: #000;
opacity: .2;text-shadow: 0px 1px 0 #fff;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=20);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=20)';}
.pop_weixin h3{line-height: 30px;font-weight: normal;}
.pop_weixin .img{height: 250px;text-align: center;}
.pop_weixin .img img{margin-top: 15px;display: inline-block;width: 200px;}
.pop_weixin .txt{padding: 10px 10px 0;font-size: 12px;color: #444;border-top: 1px solid #ddd;box-shadow: 0 1px 0 #fff inset;}
/*标题*/
.g-tit-1 {height: 50px;border-bottom: 1px solid #f0f0f0;}
.g-tit-1 span {padding: 0 14px;display: inline-block;border-bottom: 2px solid #bc0013;height: 49px;line-height: 47px;color: #bc0013;font-size: 16px;font-weight: bold;}
/*更多*/
.more {float: right;display: inline-block;color: #bc0013;font-size: 12px;height: 49px;line-height: 49px;font-weight: normal;}
