@charset "utf-8";
html{color:#000;background:#FFF; }
body { color:#666;font:12px/1.231 arial,helvetica,clean,sans-serif,"宋体";overflow-x: hidden;} /*网站字体颜色*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;font-family: "Microsoft YaHei"}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var,optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
li{list-style:none;}
caption,th{text-align:left;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;} 

button,input,optgroup,select,textarea{line-height:1.42857143;margin:0;outline: none;}
body, button, input, select, textarea {text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;-moz-font-feature-settings: "liga","kern";}
button,input{overflow:visible;}
i,em{ font-style:normal;}
select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%; border-collapse:collapse;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
/*title*/
h1 { font-size:32px;}
h2 { font-size:26px;font-family: "Microsoft YaHei"}
h3 { font-size:20px;font-family: "Microsoft YaHei"}
h4 { font-size:14px;font-family: "Microsoft YaHei"}
h5 { font-size:12px;}
h6 { font-size:10px;}

img, input {
border: none;
vertical-align: middle;
}
button,input,optgroup,select,textarea{line-height:1.42857143;margin:0;outline:none}

body,button,input,select,textarea{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga","kern"}

button,input{overflow:visible}

a { color:#666; text-decoration:none;}  /*for ie f6n.net*/
a:hover{text-decoration:none;}
a:focus{outline:0;} /*for ff f6n.net*/
.vam { vertical-align:middle;}
.clear{ clear:both; height:0; line-height:0; font-size:0;}
.clearfix:after{ content:""; clear:both; height:0; visibility:hidden; display:block;}
.clearfix{*zoom:1}
p{ word-spacing:-1.5px;font-family: "Microsoft YaHei";}
.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl{float: left;}
.fr{float: right;}
.pr{position: relative;}
.trans { -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.trans8 { -webkit-transition: all 0.8s ease;-moz-transition: all 0.8s ease;-ms-transition: all 0.8s ease;-o-transition: all 0.8s ease;transition: all 0.8s ease;}
.clearfix:before, .clearfix:after {
display: table;
line-height: 0;
content: "";
}
.pa{position: absolute;}
.img-center{text-align:center;font-size:0}
.img-center img{display:inline-block;width:auto;height:auto;max-width:100%;max-height:100%;vertical-align:middle;transition:all 0.5s}
.img-cover{overflow:hidden;position:relative}
.img-cover span{display:block;width:100%;background:no-repeat center / cover;transition:all 0.5s;height:100%;position:absolute;left:0;top:0}

.content{width: 1200px;margin: 0 auto;}

.header {height: 130px;background: #fff;position: relative;}
.header .content {width: 1200px !important;}
.header .h_tel { height: 31px; border-bottom: 1px solid #e5e5e5;}
.h_tel .fl { font-size: 15px; line-height: 31px; color: #808080;}
.h_tel .fr { font-size: 16px; line-height: 31px; color: #4d4d4d; padding-left: 22px; background: url(../images/h_tel.png) no-repeat left center; font-weight: bold;}
.header .logo { float: left; padding-top: 9px;}
.header .logo img { width: 449px;}
.header .menu { height: 98px; position: relative;z-index: 99}
.header .menu li {position: relative;float: left;text-align: center;/*overflow: hidden;*/margin-left: 28px;}
.header .menu li > a { display: block; font-size: 16px; color: #4d4d4d; line-height: 98px; position: relative; z-index: 2; box-sizing: border-box; height: 98px; -o-transition: color 0.5s ease; transition: color 0.5s ease;}
.header .menu li > a:after {position: absolute;content: "";width: 0;height: 2px;background: #e1131e;left: 0;bottom: 24px;-o-transition: all 0.5s ease;transition: all 0.5s ease;z-index: 3;}
.header .menu li.cur > a,
.header .menu li:hover > a { color: #e1131e;}

.header .menu li.cur > a:after,
.header .menu li:hover > a:after {width: 100%;}
.header .menu li p{ display:none;position:absolute;left:50%;top:98px; transform: translateX(-50%); background:rgba(36,98,174,.75);background:rgba(255,255,255,.85);z-index:10;}
.header .menu li p a{display:block;font-size:14px;line-height:48px;text-align:center;color:#333;border-bottom:1px solid #eee;white-space: nowrap; padding: 0 20px;}
.header .menu li p a:hover{background:#e1131e;color:#fff;}
.header .menu li p a:last-child{border-bottom:none;}


.fullSlide {
    position: relative;
    z-index: 1;
    clear: both;
    width: 100%
}

.fullSlide .tempWrap {
    margin: 0 auto
}

.fullSlide .bd {
    position: relative;
    z-index: 1;
    overflow: hidden;
    margin: 0 auto
}

.fullSlide .bd .li img {
    display: block;
    width: 100%;
    height: auto !important
}

.fullSlide .hd {
    position: absolute;
    bottom: 20px;
    width: 100%;
    height: 2px;
    cursor: pointer;
    text-align: center;
    z-index: 9;
    font-size: 0
}

.fullSlide .hd li {
    display: inline-block;
    width: 43px;
    height: 2px;
    background: rgb(255 255 255 / 50%);
    margin: 0 4px;
    opacity: 1;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.fullSlide .hd li.on {
    background:rgb(0 89 169)
}

.fullSlide p {
    position: absolute;
    top: 50%;
    z-index: 99;
    opacity: 1;
    text-align: center;
    margin-top: -26px;
    width: 53px;
    height: 53px;
    background: rgba(27, 27, 27, .3);
    cursor: pointer
}

.fullSlide .prev2 {
    left: 0
}

.fullSlide .next2 {
    right: 0
}


h2.main_title a {
    display: block;
    text-align: center;
    position: relative;
    padding-bottom: 26px
}

h2.main_title a:after {
    position: absolute;
    content: "";
    width: 46px;
    height: 4px;
    background:#e1131e;
    bottom: 0;
    left: 50%;
    margin-left: -23px
}

h2.main_title strong {
    display: block;
    font-size: 38px;
    line-height: 100%;
    color: #4d4d4d;
    letter-spacing: 1px
}

h2.main_title span {
    display: block;
    font-size: 18px;
    line-height: 100%;
    color: grey;
    font-weight: 400;
    margin-top: 12px
}

.cp_nav{width: 1200px;margin:0 auto 26px;height: 157px; box-sizing: border-box;background: #fff;box-shadow:0 4px 12px #e8f4ff;border-top-left-radius: 55px;border-bottom-right-radius: 55px;    margin-top: -66px;z-index: 999; position: relative;}
.cp_nav li{width:171px;float: left;text-align: center;height: 168px;}
.cp_nav li a{text-decoration:none;}
.cp_nav li em{width:117px;height:95px;margin:10px auto; display: block;overflow: hidden;position: relative;}
.cp_nav li img{width:117px;display: block;position: absolute;left:0;top:-95px;}
.cp_nav li h3{font-size: 18px; color: #333333; font-weight: normal; }
.cp_nav li h3 i{display: block;font-size: 12px;color:rgba(0,0,0,0.3);}
.cp_nav li:nth-child(1){border-top-left-radius: 55px;}

.cp_nav span{width:174px;float: left;text-align: center;height: 168px;border-bottom-right-radius: 55px;}
.cp_nav span a{text-decoration:none;}
.cp_nav span em{width:117px;height:95px;margin:10px auto; display: block;overflow: hidden;position: relative;}
.cp_nav span img{width:117px;display: block;position: absolute;left:0;top:-95px;}
.cp_nav span h3{font-size: 18px; color: #333333; font-weight: normal; }
.cp_nav span h3 i{display: block;font-size: 12px;color:rgba(0,0,0,0.3);}


.cp_nav li:hover{    background: #0059a9;}
.cp_nav li:hover h3{color:#fff;font-weight: bold;}
.cp_nav li:hover h3 i{color:rgba(255, 255, 255, 0.3);font-weight: normal;}
.cp_nav li:hover em img{top:0;}

.cp_nav span:hover{background: #0059a9;}
.cp_nav span:hover h3{color:#fff;font-weight: bold;}
.cp_nav span:hover h3 i{color:rgba(255, 255, 255, 0.3);font-weight: normal;}
.cp_nav span:hover em img{top:0;}


.luom{ overflow: hidden; box-sizing: border-box; padding-top: 50px; padding-bottom: 33px;}
.luom h3{ height: 72px; border-bottom: 1px solid #d7d7d7; margin-bottom: 21px;background: url(../images/pro_icon.png)  10px 20px no-repeat; padding-left: 60px; line-height: 81px;}


.luom h3 span{ display: inline-block; float: right;line-height: 60px;}
.luom h3 a{ font-size: 26px; color: #333; letter-spacing: 3px;}
.luom h3 span a{ display: inline-block; margin-right: 25px; padding-left: 37px;font-weight: normal; font-size: 16px; color: #333;background: url(../images/l_m.png) no-repeat 0 17px; margin-top: 12px;}
.l_nav{ overflow: hidden; height: 81px;}
.l_nav ul li{    float: left; width: 101px; line-height: 100%; margin-bottom: 20px; height: 35px;line-height: 35px;background: #0059a9;text-align: center;margin: 0 4px;}
.l_nav ul li a{ display: inline-block; line-height: 100%; font-size: 16px; color: #ffffff;}
.l_nav ul li a:hover{ color: #bf1d2a; text-decoration: underline;}
.l_on ul li{ float: left; background: #fff; width: 276px;  margin-bottom: 44px; margin-right: 32px; box-shadow: 0 0 20px rgba(0,0,0,0.15); overflow: hidden;}
.l_on ul li:nth-child(4n){ margin-right: 0;}
.l_on ul li img{ width: 276px;}
.l_on ul li i{ display: block; text-align: center; line-height: 56px; border-top: 1px solid #e3e3e3; font-size: 16px; color: #333;}

/**/
.yos1{ overflow: hidden;background: url(../images/yos1.jpg) no-repeat center 0; height:1030px;}
.yos1 h2{ padding-top: 52px;}
.yos1 h2 i{ font-size: 0; line-height: 0;}
.yos1 h2 span{ color: #fff; padding-top: 23px; letter-spacing: 6px; padding-bottom: 200px;text-align: center;}
.yos1 dl{ overflow: hidden;}
.yos1 dl dt{ float: right; margin: 36px 2px 0 0;}
.yos1 dl dd{ float:left; width: 425px;}
.yos1 dl dd h3{ padding: 25px 0 0 102px;background: url(../images/y_dt1.jpg) no-repeat; font-size: 42px; color: #0059a9; line-height: 100%; height: 105px; margin-bottom: 42px;}
.yos1 dl dd p{ margin-left: 18px; padding-left: 14px; color: #4c4c4c; font-size: 16px; line-height: 32px; margin-bottom: 15px;background: url(../images/y_ico.jpg) no-repeat 0 15px;}
.yos1 dl dd em{ display: block; margin-left:32px; margin-top: 24px; width: 148px; height: 40px; line-height: 40px; border: 1px solid #1b386f;}
.yos1 dl dd em a{ display: block; padding-left: 33px; font-size: 15px; color: #0059a9;background: url(../images/y_m.jpg) no-repeat 103px 14px;}
/**/
.yos2{overflow: hidden;background: url(../images/yos2.jpg) no-repeat center 0; height:539px;}
.yos2 h3{ margin-left: 665px; padding: 23px 0 0 105px;background: url(../images/y_dt2.jpg) no-repeat;font-size: 42px; color: #0059a9; line-height: 100%; height: 132px;}
.yos2 p{ margin-left: 670px; color: #4c4c4c; font-size: 16px; line-height: 32px;}
.yos2 p b{ color: #0059a9; font-size: 16px; padding: 0 5px;}
.yos2 ul{ overflow: hidden; padding: 23px 0 0 376px;}
.yos2 ul li{ float: left; font-size: 0; line-height: 0; margin-right: 10px; overflow: hidden;}
.yos2 ul li:last-child{ margin-right: 0;}
/**/
.yos3{overflow: hidden;background: url(../images/yos3.jpg) no-repeat center 0; height:573px; padding-top: 1px;}
.yos3 h3{ padding: 25px 0 0 102px;background: url(../images/y_dt3.jpg) no-repeat; font-size: 42px; color: #0059a9; line-height: 100%; height: 105px; margin-bottom: 42px; margin-top: 178px;}
.yos3 p{ padding-left: 14px; color: #4c4c4c; font-size: 16px; line-height: 32px; margin-bottom: 15px;background: url(../images/y_ico.jpg) no-repeat 0 15px;}


.intro {
    background: url(../images/intro_bg.png) no-repeat center 364px;
    padding-top: 75px;
    padding-bottom: 68px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.intro_con {
    width: 760px;
    padding-top: 36px
}

.intro_con h2 a {
    display: block;
    padding-bottom: 44px;
    position: relative
}

.intro_con h2 a:after {
    position: absolute;
    content: "";
    width: 46px;
    height: 4px;
    background: #ccc;
    left: 0;
    bottom: 0
}

.intro_con h2 strong {
    display: block;
    font-size: 38px;
    line-height: 100%;
    color: #4d4d4d
}

.intro_con h2 span {
    display: block;
    font-size: 18px;
    line-height: 100%;
    color: grey;
    font-weight: 400;
    margin-top: 12px
}

.intro_con p {
    font-size: 15px;
    color: #666;
    line-height: 30px;
    margin-top: 46px
}

.intro_pic {
    width: 386px;
    padding-top: 46px;
    padding-right: 66px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: url(../images/intro_pic_bg.png) no-repeat right top;
    margin-right: -18px;
    line-height: 0
}

.history {
    padding-top: 60px;
    background: url(../images/history_bg.jpg) no-repeat center top;
    height: 661px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden
}

.history h2 a {

}

.history h2 a:after {
    background: #ccc
}

.history h2 strong {
    color: #fdfdfd
}

.history h2 span {
    color: #dadada
}

.history .history_con {
    margin-top: 48px;
    position: relative
}

.history .history_con:after {
    position: absolute;
    content: "";
    width: 1920px;
    height: 1px;
    background: #fff;
    left: 50%;
    margin-left: -960px;
    background: url(../images/h_line.png) no-repeat center;
    top: 193px
}

.history .history_list {
    position: relative;
    z-index: 2
}

.history .history_list li {
    width: 290px;
    
    float: left;
    position: relative;
    margin-right: 13px;
}

.history .history_list .bg {
 line-height: 0;
    overflow: hidden;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    position: relative
}

.history .history_list .bg img {
    width: 100%;

}

.history .history_list .bg:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    left: 0;
    top: 0
}

.history .his_next,
.history .his_prev {
    position: absolute;
    width: 39px;
    height: 39px;
    cursor: pointer;
    top: 173px;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    background: #eee;
    z-index: 2
}

.history .his_next:hover,
.history .his_prev:hover {
    background: #fff
}

.history .his_prev {
    left: -60px
}

.history .his_next {
    right: -60px;
    background: #e3e4dc
}
.news {
    padding-top: 60px;
    padding-bottom: 60px
}

.news h2 {
    margin-bottom: 44px
}

.news h3 a {
    display: block;
    padding-bottom: 12px;
    border-bottom: 1px solid #dcdcdc
}

.news h3 strong {
    display: inline-block;
    font-size: 18px;
    line-height: 100%;
    color: #333;
    font-weight: 400
}

.news h3 span {
    float: right;
    width: 17px;
    height: 17px;
    background: url(../images/more1.png) no-repeat center;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.news h3:hover span {
    background-image: url(../images/more2.png)
}

.faq {
    width: 354px
}

.faq h3 a {
    border-bottom: none
}

.faq_list {
    overflow: hidden;
    padding: 42px 40px 42px 26px;
    width: 354px;
    height: 383px;
    background: #eee;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    margin-bottom: 17px
}

.faq_list:before {
    position: absolute;
    content: "";
    width: 1px;
    height: 353px;
    background: #b3b3b3;
    left: 40px;
    top: 15px
}

.faq_list li {
    margin-bottom: 30px
}

.faq_list li h4 {
    font-size: 16px;
    line-height: 26px;
    color: #333;
    max-height: 52px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-bottom: 7px;
    font-weight: 400;
    padding-left: 43px;
    position: relative;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.faq_list li h4:before {
    position: absolute;
    width: 17px;
    height: 17px;
    padding: 6px;
    background: #eee url(../images/ni.png) no-repeat center;
    content: "";
    left: 0;
    top: -1px;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.faq_list li:hover h4 {
    font-weight: 700
}

.faq_list li:hover h4:before {
    background-image: url(../images/ni1.png)
}

.news_tel {
    width: 354px;
    height: 80px;
    background: url(../images/n_tel_bg.jpg) no-repeat center top;
    /*display: flex;*/
    /*display: -webkit-flex;*/
    /*justify-content: center;*/
    /*-webkit-justify-content: center;*/
    /*align-items: center;*/
    /*-webkit-align-items: center;*/
    /*display: table;*/
    text-align: center;
    padding-top:18px;
    box-sizing: border-box;
}

.news_tel .news_logo {
    width: 43px;
    height: 43px;
    background: #fff;
    border-radius: 19px;
    margin-right: 18px;
    display: inline-block;
    vertical-align: middle;
}
.news_tel p{
    display: inline-block;
    vertical-align: middle;
    text-align: left;
}
.news_tel p span {
    display: inline-block;
    font-size: 14px;
    line-height: 100%;
    color: #fff;
    font-weight: 400;
    padding-right: 16px;
    background: url(../images/n_tel.png) no-repeat right center
}

.news_tel p strong {
    display: block;
    font-size: 20px;
    line-height: 100%;
    color: #fff;
    letter-spacing: 1px
}

.company {
    width: 764px
}

.company .news_con {
    height: 152px;
    border-bottom: 1px solid #dcdcdc;
    position: relative;
    padding-top: 33px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 34px
}

.company .news_nav {
    position: absolute;
    right: 0;
    background: #fff;
    height: 7px;
    bottom: -3.5px;
    padding-left: 3px
}

.company .news_nav li {
    width: 7px;
    height: 7px;
    background: #aaa;
    border-radius: 50%;
    float: left;
    margin-left: 5px;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    cursor: pointer
}

.company .news_nav li.on {
    background: #e61212
}

.company li a {
    display: block;
    position: relative
}

.company li h4 {
    font-size: 20px;
    font-weight: 400;
    line-height: 22px;
    color: #4d4d4d;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    padding-left: 48px;
    position: relative;
    padding-right: 100px
}

.company li h4:before {
    position: absolute;
    content: "头条";
    width: 37px;
    height: 22px;
    background: #e1131e;
    border-radius: 5px;
    font-size: 14px;
    font-family: Source Han Sans CN;
    font-weight: 700;
    color: #fff;
    line-height: 22px;
    text-align: center;
    left: 1px;
    top: 0
}

.company li span {
    display: block;
    position: absolute;
    font-size: 17px;
    line-height: 22px;
    color: #ccc;
    right: 0;
    top: 0;
    font-family: Century Gothic;
    font-weight: 700
}

.company li p {
    font-size: 15px;
    line-height: 30px;
    color: grey;
    margin-top: 11px
}

.company li p:after {
    content: "<详情+>";
    color: #333
}

.company li:hover h4 {
    color: #000
}

.company dl {
    width: 764px;
    height: 139px
}

.company dt {
    width: 279px;
    height: 139px;
    float: left;
    overflow: hidden;
    line-height: 0
}

.company dt a {
    display: block;
    width: 279px;
    height: 139px;
    position: relative
}

.company dt img {
    width: 279px;
    height: 139px
}

.company dt a:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(27, 27, 27, .3) url(../images/ni2.png) no-repeat center;
    left: 0;
    bottom: 0;
    opacity: 0;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.company dd {
    width: 484px;
    height: 139px;
    background: #eee;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    padding: 30px 40px 0 30px;
    float: right
}

.company dd h4 {
    font-size: 16px;
    line-height: 20px;
    color: #333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: 400;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    margin-bottom: 7px
}

.company dd p {
    font-size: 15px;
    line-height: 30px;
    color: grey
}

.company dd span {
    display: block;
    position: absolute;
    font-size: 17px;
    line-height: 100%;
    color: #ccc;
    font-family: Century Gothic;
    font-weight: 700;
    right: 17px;
    top: 17px
}

.company dl:hover dt a:after {
    opacity: 1
}

.company dl:hover dd h4 {
    font-weight: 700
}

.company dl:last-child {
    margin-top: 16px
}
      .footer {
   background: #011321;
   height: 528px;
 }

 .f_con {
   padding-top: 90px;

   height: 478px;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
 }
 .footer h4 {
   border-bottom: 1px solid #626262;
   margin-bottom: 33px;
 }
 .footer h4 strong {
   display: block;
   font-size: 20px;
   line-height: 100%;
   color: #fff;
   font-weight: 400;
 }
 .footer h4 span {
   display: block;
   font-size: 16px;
   line-height: 100%;
   color: #808080;
   font-family: arial;
   font-weight: 400;
   padding: 9px 0 20px;
 }
 .f_contact {
   width: 360px;

 }
 .f_contact p {
   font-size: 15px;
   line-height: 36px;
   color: #999;
 }
  .f_contact p a{background: #d3090f;
    display: block;
    width: 129px;
    height: 40px;
    line-height: 38px;
    color: #ffffff;
    text-align: center;
    font-size: 16px;
    border-radius: 10px;
    margin-top: 20px;    float: left;
    margin-right: 14px;}
 .f_contact h4 + p {
   font-size: 18px;
 }
 .f_menu {
   width: 360px;
   margin-left: 158px;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
 }
 .f_nav a {
   display: block;
   font-size: 16px;
   line-height: 36px;
   color: #999;
   width: 151px;
   float: left;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
 }
 .f_nav a:hover {
   color: #fff;
 }
 .f_nav a:nth-child(odd) {
   margin-right: 58px;
 }
 .f_qr {
   width: 165px;
   line-height: 0;
 }

 .f_qr img {
   width: 165px;
   height: 165px;
 }
 .f_qr span {
   display: block;
   font-size: 15px;
   color: #999;
   line-height: 1;
   text-align: center;
   margin-top: 20px;
 }
 .f_info {
   height: 49px;
   line-height: 0;
   font-size: 0;
   border-top: 1px solid #626262;
 }
 .f_info span {
   display: inline-block;
   font-size: 16px;
   color: #808080;
   line-height: 49px;
   margin-right: 20px;
 }
 .f_info a {
   color: #808080;
 }
 
 .clearfix:after {
   content: ".";
   height: 0;
   display: block;
   visibility: hidden;
   clear: both;
 }
 .f_contact{
     width: 320px;
 }
 .f_menu{
     margin-left: 94px;
 }
 .f_qr{
     width: 360px;
 }
  .f_qr p{
     float: left;
     margin-left: 20px;
 }
 .f_qr p img{
     width: 160px;
     height: 160px;
 }

.links {
    width: 100%;
    height: 54px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
}

.links a,
.links em {
    display: inline-block;
    font-size: 16px;
    line-height: 54px;
    color: grey;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    margin-right: 20px
}

.links em {
    font-style: normal;
    font-weight: 700
}

.links a:hover {
    color: rgba(255, 255, 255, .8)
} 

.drift{ width:50px; height:auto; position:fixed; bottom:3%; right:2px; z-index:999;_position: absolute;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));-margin-top:350px;}
.drift li{ width:50px; height:49px; margin-bottom:3px;position: relative;}
.drift li a{ display:block;width:50px; height:49px; background:#ccc; overflow:hidden;}
.drift li a:hover{ background:#0059a9;}
.drift #rolls a{background:#0059a9;}
.drift li a:hover span{display:block;}
.drift li span{width:166px; right:51px;top: 0;height: 49px;line-height: 49px; background: #0059a9;color: #fff;text-align: center;font-family:Arial;position: absolute;font-size: 22px;font-weight: bold;display: none;}
.drift li .ewm{background:#fff;height:203px;border:1px solid #EEEFF1;}
.drift li .ewm img{width:146px;display:block;overflow:hidden;padding:10px;width:146px;}
.drift li .ewm em{height:40px;line-height:18px;overflow:hidden;  font-family: "Microsoft YaHei";font-size:12px;font-weight:normal;color:#000;font-style:normal;}