@charset "utf-8";
body{ margin:0 auto; font-size:12px;color:#333; font-family:"Microsoft yahei",Arial, Helvetica, sans-serif; line-height:normal;}
html,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{ padding:0; margin:0;}
h4,h5,h6{font-weight:normal;}
ul,li{ list-style:none;}
li{float: left;}
*{ margin:0px; padding:0px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;}
::before,::after{transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;}
img{border:0px;max-width: 100%;height: auto !important;}
a { color:#333; text-decoration:none;}
dd,dl,dt,em,h1,h2,h3,h4,h5,i{font-weight:normal;font-style:normal}
i,em{font-style: normal;}
a:hover {text-decoration: none;}
a:active{text-decoration:none}
a:focus{outline:none;}
.clear{ clear:both;}
.fl{float: left;}
.fr{float: right;}

img{ border: none;vertical-align: middle;}
input,select{border: none;outline: none; background:none;}
button{border: none;outline: none; background:none;}

body{ margin:0 auto; font-size:12px;color:#333; font-family:Microsoft YaHei,'微软雅黑',Arial,PingFang SC,SimSun, '宋体', Helvetica, sans-serif; line-height:normal;}

.aligncenter {clear: both;display: block;margin: 0 auto 1.75em;}
.alignleft {float: left;margin: 0.375em 1.75em 1.75em 0;}
.alignright {float: right;margin: 0.375em 0 1.75em 1.75em;}


.head {position: relative; padding: 20px 0 0;border-bottom: 1px solid #eee;}
.w {margin: 0 auto;width: 1200px;}
.logo a {font-size: 22px;color: #1a53a7;}
.logo a:first-child {padding-right: 15px;margin-right: 11.4px;border-right: 1px dashed #c5c5c5;}
.logo img {vertical-align: middle;}
.phone_nav {display: none;}

.nav > li {float: left;margin: 5px 12px 0;padding: 0 3px 25.01px;line-height: 40px;}
.nav > li > a{position: relative;display: block; color: #363434;font-size: 16px;}
.nav > li.act > a:after,.nav > li:hover > a:after{content:"";width:100%;height:2px;background:#0e9aea;position:absolute;bottom:0;left:0}
.nav.join > li{margin:5px 46px;}
.b-nav-b{display: none; position:absolute; width:100%;left:0;top:100%;}
.nav > li:hover .b-nav-b{display: block;}
.b-nav{position:relative;width:100%;height:62px;padding:12px 0 15px;text-align:center;background:url(../images/menubg.png) repeat-x}
.b-nav li{display:inline-block;*display: inline;*zoom: 1;padding:0 10px;margin:0;float:none;border-left:1px dashed #5a4519;border-radius:0}
.b-nav li a{color:#fff!important;border-radius:30px;height:30px !important;line-height:30px !important;padding: 0px 20px;display: block;font-size:16px;}
.b-nav li:hover a {color: #be1c0d !important;border-bottom: 0px !important;}
#menu {display: none !important;}

.foot{width:100%;background:#6e6e70;font-size: 16px;}
.f-t {padding: 1.6% 0;}
.f-t-l {width: 78.83333%;}
.f-t-r{width:20.7%;padding-left:5.7%;border-left:1px dashed #b7b7b8;margin-top:5px;text-align:center}
.f-t-l ul li {float: left;margin-right: 6%;}
.f-t-l ul li h3{font-size:1em;font-weight:400;color:#fff;margin:16px 0;}
.f-t-l ul li p {font-size: 0.875em; margin: 10px 0;}
.f-t-l ul li p a {color: #fff;}
.ft_feimao {text-align: center;margin-right: 3%;}
.ft_feimao p {font-size: 0.875em;color: #fff;margin: 5px 0px 0px 0;}
.ft_feimao img {margin-top: 10px;width: 116px;}
.f-t-r p {font-size: 0.875em;color: #fff;margin: 0 0 10px 7px;}
.ft-ewm {width: 151px;padding-left: 35px;}
.ft-ewm img {width: 100%;}
.ft-tp {margin-top: 10px;}
.f-t-r p {font-size: 0.875em;color: #fff;margin: 0 0 10px 7px;}
.ft-tp p span {font-size: 1em;font-weight: bold;}
.ft-tp p span i {font-size: 20px;font-weight: bold;font-style: normal;}
.sy-inp{width:178px;height:25px;border:1px solid #fff;background:0 0;padding:0 30px 0 10px;color:#fff;outline:0;appearance:none;-moz-appearance:none;-webkit-appearance:none;position:relative;background:url(../images/f-select-icon.png) 156px center no-repeat}
.sy-inp option{color:#666;line-height:35px;padding:5px 0;display:block;text-indent:1em;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}
.cp {font-size: 13px;color: #fff;text-align: center;padding: 15px 0;background: #444446;line-height: 60px;}
.cp a {color: #fff;}

.fenye{ text-align:center; clear:both;margin:50px 15px 0;}
.fenye li{float: none;display: inline-block;}
.fenye a{/*display: block;*/ padding:6px 11px; line-height: 15px; margin:0px 3px;font-size: 14px; border:#e0e0e0 1px solid; background-color:#f5f5f5; color:#474747;}
.fenye span{ display: inline-block; font-size: 14px; line-height: 15px; padding:6px 11px; margin:0px 3px;  color:#FFF; background-color:#d9331d; border:#d9331d 1px solid;}
.fenye a:hover{ color:#FFF; background-color:#d9331d; border:#d9331d 1px solid;}

@media (max-width:1280px){
    .w {width: 1024px;}
    .logo img{height:45px !important;}
    .logo a{font-size:18px;}

    .nav > li > a{font-size:14px;}
    .nav > li{margin-top:0px;}

    .ft_feimao{display: none;}
}
#menu{display: none !important;}
#menu *{-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}
#menu li{float: none;}
@media (max-width:1024px){

    .head{position:fixed;width:100%;top:0;height:60px;background:#fff;padding:0 0;z-index:9;box-shadow:1px 0 5px #ccc;z-index: 999;}
    .w {margin: 0 auto;width: 96%;}
    #menu.mm-opened{display: block !important;}
    .logo{width:auto;height:30px;margin-top:15px}
    .logo a {font-size: 18px;color: #1a53a7;}
    .logo img {width: auto;height: 100% !important;}
    .phone_nav {display: block;}
    .phone_nav a{display:block;width:28px;height:18px;position:absolute;top:21px;right:16px}
    .phone_nav a:after,.phone_nav a:before{content:'';display:block;background:#007cc9;height:2px}
    .phone_nav a span{background:#007cc9;display:block;height:2px;margin:6px 0}

    .head .nav {display: none;}

    .f-t-l {width: 100%;}
    .f-t-r,.ft_feimao{display: none;}
    .f-t-l ul {overflow: hidden;}
    .f-t-l ul li {float: left;width: 47.33%;margin-right: 2%;}
    .f-t-l ul li h3 {font-size: 0.9em;font-weight: normal;color: #fff;}

    .cp .fl {width: 100%;text-align: center;}

    .fenye{margin:20px 0 0;}

}
@media (max-width:768px){
    .cp {font-size: .75em;color: #fff;text-align: center;padding: 15px 0;background: #666666;height: auto;line-height: 30px;}
    .f-t-l ul li p {font-size: .675em;margin: 7.5px 0;}
    .sy-inp {width: 100%;min-width: 100px;height: 25px;border: 1px solid #fff;background: transparent;padding: 0 30px 0 10px;color: #fff;font-size: 12px;outline: none;appearance: none;-moz-appearance: none;-webkit-appearance: none;position: relative;background: url(../images/f-select-icon.png) 82px center no-repeat;}

    .fenye a{line-height: 13px;font-size: 12px;margin:0 1px;margin-bottom: 5px;}
    .fenye span{font-size: 12px; line-height: 13px;margin:0 1px;margin-bottom: 5px;}
}