@charset "utf-8";


body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin:0; padding:0;font-family:"微软雅黑";font-size:14px;}

table { border-collapse:collapse; border-spacing:0; margin:0; padding:0;}

textarea{resize:none;}

fieldset, img { border:0; }

img{ vertical-align:bottom;}

address, caption, cite, code, dfn, th, var { font-style:normal; font-weight:normal; }
/*公共部分*/
.container-fluid{width:100%;overflow: hidden;}
.container{ width:1200px; margin:0 auto; position: relative;}
ol, ul { list-style:none; }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; }
abbr, acronym { border:0; }
em,i{font-style: normal;}
.clear{zoom:1;}
ul, ol, li {list-style: none;}
.clear:after{ content:""; display:block; clear:both;}
a {color: #2d374b;text-decoration: none;}
a:hover{ text-decoration:none; cursor:pointer; }
a:focus { outline-style:none;}
body{min-width: 1200px;}
.base {width: 1200px;margin: 0 auto;    overflow: hidden;}
/*头部*/
.top{ background:#262829; height:40px; width:100%;    min-width: 1200px;}
.top_nr{ width:1200px; margin:0 auto; height:39px;}
.top_det{ font-size:12px; color:#ffffff; line-height:40px; float: left;}
.top_tel{ font-size:12px; color:#ffaf36; line-height:40px; margin-right:3px; float: right;}
.top_tel img{ vertical-align:sub; margin-right:6px;}
.header {height: 89px;width: 100%;background: #ffffff;border-bottom: 1px solid #cccccc;}
.header .logo{float: left;line-height: 75px;}
.header .nav {color: #4e4e4e;float: right;font-weight: bold;}
.header .nav  li {height: 89px;float: left;padding: 0 20px; text-align: center;position: relative;}
.header .nav  li:nth-child(2):after {content: url(../images/hot.gif);position: absolute;top: 20px;right: 0px;}
.header .nav  li a{font-size: 16px;line-height: 89px;}
.header .nav  li a:hover{color: #ff0000;}
.header .nav  li:nth-child(2) a{color: #ff0000;}
.fixed{position: fixed; top: 0;z-index: 999;}
/*left*/
.base_fixed{background:rgba(0,0,0,0);width:65px;font-family:微软雅黑;position:absolute;z-index:100000;left:0;}.base_fixed a{display:block;width:65px;height:28px;border:1px solid #e3e3e3;border-top:none;text-align:center;padding-top:40px;font-size:12px;line-height:20px;background:#fff url(../images/b_f_ico.png) no-repeat 20px 15px;color:#000000;text-decoration:none;}.base_fixed .f_a1{background:#f1801b url(../images/b_f_ico.png) no-repeat 20px 15px;color:#fff;border-color:#f1801b;border-bottom:1px solid #e3e3e3;}.base_fixed .f_a2{background:#fff url(../images/b_f_ico.png) no-repeat 20px -49px;}.base_fixed .f_a3{background:#fff url(../images/b_f_ico.png) no-repeat 20px -108px;}.base_fixed .f_a4{background:#fff url(../images/b_f_ico.png) no-repeat 20px -168px;}.base_fixed .f_a7{background:#fff url(../images/b_f_ico.png) no-repeat 20px -368px;}.base_fixed .f_a7:hover{background:#f1801b url(../images/b_f_ico.png) no-repeat -47px -368px;color:#fff;border-color:#f1801b;}.base_fixed .f_a5{background:#fff url(../images/b_f_ico.png) no-repeat 20px -228px;}.base_fixed .f_a6{background:#fff url(../images/b_f_ico.png) no-repeat 20px -288px;position:relative;-webkit-transition:0.3s;}.base_fixed .f_a2:hover{background:#f1801b url(../images/b_f_ico.png) no-repeat -44px -49px;color:#fff;border-color:#f1801b;}.base_fixed .f_a3:hover{background:#f1801b url(../images/b_f_ico.png) no-repeat -44px -108px;color:#fff;border-color:#f1801b;}.base_fixed .f_a4:hover{background:#f1801b url(../images/b_f_ico.png) no-repeat -44px -168px;color:#fff;border-color:#f1801b;}.base_fixed .f_a5:hover{background:#f1801b url(../images/b_f_ico.png) no-repeat -44px -228px;color:#fff;border-color:#f1801b;}.base_fixed .f_a6:hover{background:#f1801b url(../images/b_f_ico.png) no-repeat -44px -288px;color:#fff;border-color:#f1801b;}.base_fixed .f_a6:hover i{width:150px;}.base_fixed i{display:inline-block;background:#f1801b;position:absolute;font-size:14px;font-weight:bold;width:150px;text-align:center;height:69px;line-height:69px;left:70px;top:0;color:#fff;font-style:normal;overflow:hidden;width:0;-webkit-transition:0.3s;width:0;}
/*底部*/
.footer-w{width: 100%; height: 430px;}
.footer-w .w{width: 1200px; margin: auto;}
.f-part-up{ height: 430px; background-color: #222;}
.f-part-up .b-logo{ display: block;text-align: center}
.f-part-up .b-logo img{width: 130px!important;height: 116px;}
.f-part-up .spacer{ float: left; display: block; width: 1px; height: 260px;  background-color: #444; margin: 110px 20px; }
.f-part-up dl{float: left;}
.f-part-up dt{font-size: 16px; margin: 0 20px; color: #fff;  line-height: 40px; }
.f-part-up dd{float: left;}
.f-part-up .dizhi{width: 900px;text-align: center;margin-top: 40px;}
.f-part-up .dizhi h2{color: #ffffff;text-align: center; font-weight: normal;font-size: 32px;}
.f-part-up .dizhi h3{color: #ffffff;text-align: center;  font-weight: normal;font-size: 28px;margin-top: 10px;}
.f-part-up .dizhi  h4{line-height: 40px;color: #fff;font-size: 20px; font-weight: normal;}
.f-part-up .dizhi .er{margin-top: 20px;}
.f-part-up .dizhi .er li{float: left;margin-left: 30px;width: 140px;}
.f-part-up .dizhi .er img{width: 120px;}
.f-part-up .dizhi .er p{font-size: 14px;color: #ffffff;margin-top: 10px;}


.f-part-up .focus{width: 240px; margin-top: 60px; text-align: center;}
.f-part-up .focus img{width:200px;}
.f-part-up .focus p{color: #fff;text-align: center;font-size: 16px;margin-top: 10px;}
.f-part-up dd a{color: #fff; font-size: 16px; margin: 0 20px; display: block; line-height: 40px; -webkit-transition:.3s; transition: .3s;}
.f-part-up .end{width: 220px; margin-top: 73px;}
.f-part-up .end dt{margin-right: 0; margin-left: 18px;  color: #fff;}
.f-part-up h6{font-size: 28px; color: #fff; line-height: 30px; display: block; font-weight: normal; white-space: nowrap;}
.f-part-up em{ font-style: normal; font-size: 14px; color: #fff; display: block; line-height: 30px; white-space: nowrap; letter-spacing: 1px;}
.f-part-up .bdsharebuttonbox{margin-left: 18px; margin-top: 15px;}
.f-part-up .bdsharebuttonbox a{width: 33px; height: 33px; display: block; float: left; padding: 0; margin-right: 8px; margin-left: 0;}
.f-part-up .bdsharebuttonbox .wx{margin-right: 0;}
.f-part-down{height: 50px; background-color: #161616;}
.f-part-down p{font-size: 12px; color: #fff; line-height: 40px; text-align: center; padding: 5px 0;}
.f-part-down a{color: #fff; -webkit-transition:.3s; transition: .3s;}
.f-part-down a:hover{color: #fff;}
/*微信二维码弹窗*/
#Qr_Code_Weixin{position: fixed;top: 0;left: 0;height: 100%;width: 100%;z-index: 5000;background: url(../images/qr_code_bg.png);display: none;}
#Qr_Code_Window{position: fixed; left: 50%; top: 50%;  margin:-175px 0 0 -155px ;background: white;height: 350px;width: 310px;}
#Qr_Code_Window_Title{height: 40px;width: 300px;background: #F5F5F5;line-height: 40px;padding-left: 10px;}
#Qr_Code_Window_Title p{float: left;}
#Qr_Code_Window_Close{background: url(../images/qr_code_window_close.png) no-repeat;height: 40px;width: 35px;float: right;cursor: pointer;}
#Qr_Code_Window img{ width: 270px; height: 270px; margin: 20px 20px;}


/*头部表单*/
.banner_wrap{ position: absolute;width: 260px;height: 408px;background: url(../images/banner_img1.png) no-repeat center top;top: 0;left: 50%;margin-left: -600px;padding: 72px 10px 20px;}
.banner_head {width: 260px;height: 65px;margin: 0 auto 45px;}
.banner_bg {background: #f3f3f3;width: 260px;height: 200px;margin-bottom: 20px;}
.banner_bg span {font-size: 14px;color: #8e9a9d;line-height: 20px;display: block;padding: 5px;}
.banner_form {width: 258px;border: 1px solid #cccccc;border-radius: 10px;}
.banner_form p {height: 48px;border-bottom: 1px solid #cccccc;padding-left: 42px;background: #fff url(../images/banner_ico3.png) no-repeat 15px center;}
.banner_form p:nth-child(1) {border-radius: 10px 10px 0 0;background: #fff url(../images/banner_ico2.png) no-repeat 15px center;}
.banner_form p:nth-child(3) {border: 0;border-radius: 0 0 10px 10px;background: #fff url(../images/banner_ico4.png) no-repeat 15px center;}
.banner_form p input {
    font-size: 14px;
    line-height: 48px;
    color: #333;
    border: 0;
    outline: none;
    width: 205px;
    height: 48px;
    box-sizing: border-box;
}
.banner_wrap button {
    display: block;
    border: 0;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    color: #fff;
    width: 260px;
    height: 46px;
    background: #f65a51;
    border-radius: 23px;
    margin-bottom: 10px;
    outline: none;
    cursor: pointer;
}
.banner_wrap .banner_mf {text-align: center;font-size: 14px;color: #8e9a9d;}
.banner_wrap .banner_mf span {color: #ea523b;font-weight: bold;}