*
{
    margin: 0;
    padding: 0;
}
img
{
    border: 0;
    margin: 0;
    padding: 0;
}
ul, li, ol, h1, h2, h3, dl, dt, dd, form, p, b, u, s, i
{
    list-style: none;
    margin: 0;
    padding: 0;
    font-weight: normal;
}
.clearfix
{
    display: inline-table;
}
* html .clearfix
{
    height: 1%;/*ie6*/
}
*+html .clearfix
{
    min-height: 1px;
}
.clearfix:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    font-size: 0;
}
.clearfix
{
    display: inline-block;
}
* html .clearfix
{
    height: 1%;
}
.clearfix
{
    display: block;
}
input, textarea
{
    outline: none;
    border: 0;
}/*去掉输入框得到焦点时边框会出现阴影效果----例如360 火狐*/
a
{
    blr: expression(this.onFocus=this.blur());/* IE Opera */
    outline: none;/* FF Opera */
}
a:focus
{
    -moz-outline-style: none;/* FF */
}/*去掉a标签超链接的虚线框*/
.clearboth
{
    clear: both;
}
a:link
{
    text-decoration: none;
    color: #404040;
}
a:visited
{
    text-decoration: none;
    color: #404040;
}
a:hover
{
    text-decoration: none;
    color: #313131;
    transition: all .3s ease-out 0s;
}
a:active
{
    text-decoration: none;
    color: #404040;
}
em
{
    font-style: normal;
}
.mainall
{
    width: 1180px;
    margin: 0 auto;
    overflow: hidden;
}
.container
{
    width: 1180px;
    margin: 0 auto;
}
.mainall1
{
    width: 1180px;
    margin: 0 auto;
}
.tnr
{
    font-family: times new roman;
}
.fl
{
    float: left;
}
.fr
{
    float: right;
}
.tc
{
    text-align: center;
}
.re
{
    position: relative;
}
.ab
{
    position: absolute;
}
body
{
    margin: 0;
    color: #404040;
    background: #fff;
    font-size: 14px;
    font-family: "Microsoft YaHei","微软雅黑",宋体,Arial,Helvetica,sans-serif;
    background: #fff;
}/*<!--top-->*/
.top_bg
{
    height: 32px;
    line-height: 32px;
    background: #fafafa;
    font-size: 13px;
    color: #545454;
    background: #eee;
    border-bottom: 1px solid #e1e1e1;
}
.top_con
{
    float: right;
    display: inline;
    background: url(../image/ss.png) no-repeat left center;
    padding-left: 10px;
}
.top_con a
{
    padding: 0 18px 0 20px;
}/*<!--logo-->*/
.top_bgk
{
    height: 137px;
    overflow: hidden;
    background: #f9f9f9;
}
.biaoyu
{
    float: left;
    display: block;
    margin: 30px 0 0 40px;
    font-size: 24px;
    line-height: 30px;
    color: #da0001;
    border-left: 1px solid #c2c2c2;
    padding: 6px 0 0 40px;
    font-weight: bold;
}
.biaoyu p
{
    color: #313131;
    margin-top: 5px;
    font-size: 18px;
}
.logo_title
{
    margin: 30px 0 0 0;
}/*.logo_title a{font-size: 38px;font-weight: bold;color: #1d1c1c;letter-spacing: 9px;}*/
.logo_title
{
    margin: 30px 0 0 0;
}
.logo_title a
{
    font-size: 38px;
    font-weight: bold;
    color: #1d1c1c;
    letter-spacing: 9px;
}
.logo_title p
{
    font-size: 12px;
    text-transform: uppercase;
    color: #5d5d5d;
    letter-spacing: .6px;
    margin-top: 4px;
}
.iphone
{
    margin: 25px 0 0 0;
    overflow: hidden;
    display: block;
    line-height: 30px;
    width: 200px;
    background: url(../image/header_icon04.png) no-repeat left;
    padding-left: 50px;
    height: 84px;
    color: #da0001;
}
.iphone p
{
    padding: 10px 0 0 0;
    display: block;
}
.iphone span
{
    font-size: 26px;
    display: block;
    font-family: arial;
}
.nav
{
    line-height: 55px;
    height: 55px;
    width: 100%;
    background: #313131;
}
.nav .navlist
{
    width: 1200px;
}
.nav li
{
    float: left;
    display: inline-block;
    list-style: none;
    font-size: 16px;
    text-align: center;
    position: relative;
    line-height: 55px;
    height: 55px;
}
.nav li a
{
    display: block;
    text-align: center;
    position: relative;
    color: #fff;
    height: 55px;
    line-height: 55px;
    padding: 0 34px;
    background: url(../image/line_nav.jpg) no-repeat right center;
}
.nav li.hover a, .nav li:hover a
{
    color: #fff;
    background: #da0001;
}
.nav li .subnav
{
    background: #fff;
    box-shadow: 0 13px 42px 11px rgba(0,0,0,.05);
    height: auto;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: 199;
}
.nav li .subnav
{
    visibility: hidden;
}
.nav li:hover .subnav
{
    opacity: 1;
    visibility: visible;
}
.nav li .subnav a
{
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    color: #666;
    display: block;
    font-size: 13px;
    font-weight: 500;
    line-height: 50px;
    height: 50px;
    padding: 0;
    width: 100%;
    border-bottom: 1px solid #eee;
    background: #fff;
    border-left: none;
}
.nav li .subnav a:hover
{
    color: #da0001;
}
.fixedNav
{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100000;
    _position: absolute;
    _top: expression(eval(document.documentElement.scrollTop));
}
.end_dbg
{
    background: url(../image/end_x.jpg) no-repeat top center #181818;
    height: 312px;
}
.end_left
{
    width: 950px;
    margin: 80px 0 0 0;
    background: url(../image/end_tag.png) no-repeat left 10px;
    padding-left: 38px;
}
.end_left
{
    color: #dedede;
    line-height: 32px;
}
.end_left a
{
    color: #dedede;
}
.end_left h2
{
    font-size: 14px;
    display: inline;
}
.end_ewm
{
    width: 153px;
    height: 153px;
    margin: 80px 0 0 0;
}
.end_ewm img
{
    width: 153px;
    height: 153px;
}
.end_char
{
    background: url(../image/end_tx.jpg) no-repeat top center #f7f7f7;
    height: 108px;
    margin-top: 20px;
    line-height: 118px;
    overflow: hidden;
}
.end_char li
{
    font-size: 16px;
    color: #222;
    float: left;
    width: 238px;
    text-align: center;
    text-indent: 40px;
}
.end_char ul
{
    width: 105%;
}
::selection
{
    background-color: #313131;
    color: #fff;
}
::-moz-selection
{
    background-color: #313131;
    color: #fff;
}
::-webkit-selection
{
    background-color: #313131;
    color: #fff;
}/*Title*/
.Title
{
    width: 100%;
    text-align: center;
    padding-top: 58px;
}
.Title h3
{
    font-size: 35px;
    color: #333;
    font-weight: normal;
}
.Title h3 a
{
    color: #333;
    text-decoration: none;
}
.Title i
{
    display: block;
    margin: 10px auto 0;
    width: 131px;
    height: 22px;
}
.Title i img
{
    display: block;
}
.Title1
{
    width: 100%;
    text-align: center;
    padding-top: 58px;
}
.Title1 h3
{
    font-size: 35px;
    color: #fff;
    font-weight: normal;
}
.Title1 h3 a
{
    color: #fff;
    text-decoration: none;
}
.Title1 i
{
    display: block;
    margin: 10px auto 0;
    width: 131px;
    height: 22px;
}
.Title1 i img
{
    display: block;
}/*reason*/
.reason
{
    width: 100%;
    height: 553px;
    background: url(../image/ys_dbg.jpg) no-repeat center;
    margin-top: 60px;
    padding-bottom: 20px;
}
.reason .Title h3
{
    color: #fff;
}
.reason .mainCon
{
    width: 100%;
    margin-top: 28px;
}
.reason .mainCon ul
{
    width: 105%;
}
.reason .mainCon li
{
    width: 292px;
    height: 360px;
    background: #fff;
    float: left;
    margin-right: 11px;
}
.reason .mainCon li span
{
    display: block;
    width: 292px;
    height: 180px;
    position: relative;
}
.reason .mainCon li img
{
    display: block;
}
.reason .mainCon li em
{
    display: block;
    font-size: 18px;
    color: #fff;
    font-weight: bold;
    width: 100%;
    height: 48px;
    line-height: 48px;
    text-align: center;
    background: url(../image/reasonbg02.png);
    bottom: 0;
    left: 0;
    position: absolute;
}
.reason .mainCon li p
{
    font-size: 14px;
    color: #666;
    padding: 10px 26px;
    line-height: 25px;
    text-align: left;
}/*about*/
.about
{
    width: 100%;
    padding-bottom: 55px;
    background: #f5f5f5;
}
.about .mainCon
{
    width: 100%;
    margin-top: 32px;
}
.about .mainCon dl
{
    width: 100%;
    height: 379px;
    position: relative;
}
.about .mainCon dt
{
    width: 642px;
    height: 379px;
}
.about .mainCon dd
{
    width: 632px;
    height: 252px;
    border: 2px solid #da0001;
    position: absolute;
    top: 35px;
    right: 0;
    background: #fff;
    padding: 46px 56px 0 60px;
}
.about .mainCon dd h3
{
    font-size: 18px;
    color: #333;
    font-weight: bold;
}
.about .mainCon dd h3 a
{
    color: #333;
}
.about .mainCon dd p
{
    font-size: 14px;
    color: #666;
    line-height: 25px;
    margin-top: 30px;
}
.about .mainCon dd .more
{
    display: block;
    width: 129px;
    height: 79px;
    text-align: center;
    line-height: 79px;
    font-size: 14px;
    color: #fff;
    text-decoration: none;
    position: absolute;
    left: 267px;
    bottom: -44px;
    background: #da0001;
    text-transform: uppercase;
}
.about .mainCon i
{
    display: block;
    border-top: 1px dotted #f3f3f3;
    border-bottom: 1px dotted #d9d9d9;
    margin: 30px 0;
}
.about .mainCon ul
{
    width: 100%;
}
.about .mainCon li
{
    float: left;
    width: 285px;
    height: 191px;
    position: relative;
    margin-left: 12px;
}
.about .mainCon li:last-child
{
    margin-left: 0;
    float: right;
}
.about .mainCon li img
{
    display: block;
}
.about .mainCon li span
{
    display: block;
    width: 100%;
    height: 44px;
    line-height: 44px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    background: url(../image/reasonbg02.png);
}
.about .mainCon li:first-child
{
    margin-left: 0;
}/*footer*/
.footer
{
    width: 100%;
}
.footerTop
{
    width: 100%;
    background: #212d3a;
    padding-top: 50px;
    padding-bottom: 52px;
}
.footerTop .footerMenu
{
    width: 100%;
    padding-bottom: 34px;
    border-bottom: 1px solid #1c2632;
}
.footerTop .footerMenu li
{
    float: left;
    font-size: 16px;
    color: #999;
    padding: 0 35px;
}
.footerTop .footerMenu li:first-child
{
    border-left: none;
    padding-left: 0;
}
.footerTop .footerMenu li.last
{
    padding-right: 0;
    border-right: none;
}
.footerTop .footerMenu li a
{
    color: #999;
}
.footerTop .conBox
{
    width: 100%;
    border-top: 1px solid #2c3946;
    padding-top: 34px;
}
.footerTop .conBox .conL
{
    float: left;
}
.footerTop .conBox .conL dl
{
    float: left;/*background: url(../images/footer_xian.png) no-repeat left top;*/
    padding-left: 20px;
}
.footerTop .conBox .conL dt
{
    font-size: 16px;
    color: #fff;
    margin-bottom: 20px;
}
.footerTop .conBox .conL dd a
{
    display: block;
    font-size: 14px;
    color: #999;
    margin-bottom: 12px;
}
.footerTop .conBox .conL dd p
{
    display: block;
    font-size: 14px;
    color: #999;
    margin-bottom: 12px;
}
.footerTop .conBox .conL dd p span
{
    color: #fff;
    font-weight: bold;
}
.footerTop .conBox .conL dl.dl1
{
    width: 168px;
}
.footerTop .conBox .conL dl.dl2
{
    width: 168px;
}
.footerTop .conBox .conL dl.dl3
{
    width: 168px;
}
.footerTop .conBox .conL dl.dl4
{
    width: 198px;
}
.footerTop .conBox .conL dl.dl5
{
    width: 260px;
}
.footerTop .conBox .conR
{
    float: right;
    width: 200px;
}
.footerTop .conBox .conR p
{
    float: left;
    width: 122px;
    text-align: center;
}
.footerTop .conBox .conR p span
{
    display: block;
    font-size: 13px;
    color: #999;
    margin-top: 7px;
}
.footerTop .conBox .conR p:first-child
{
    margin-right: 20px;
}
.footerBottom
{
    width: 100%;
    height: 84px;
    line-height: 84px;
    background: #1d2936;
}
.footerBottom p
{
    font-size: 13px;
    color: #999;
    text-align: center;
}
.footerBottom p a
{
    color: #999;
}