* { margin: 0; padding: 0; }

html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }

body { color: #474747; margin: 0 auto; background: #ffffff; min-width: 320px; font-size: 12px; line-height: 24px; font-family: Microsoft Yahei; }

ol, ul, li { list-style: none; }

img { border: none; vertical-align: top; }

a { color: #474747; text-decoration: none; outline: none; }

a:hover { color: #323233; }

button, input, select, textarea { font-size: 100%; font-family: tahoma; margin: 0; outline: 0 none; vertical-align: baseline; *vertical-align: middle; border: none; }

input { -webkit-appearance: none; outline: none; border-radius: 0; }

input:focus, textarea:focus { outline: none; }

input:focus { -webkit-tap-highlight-color: transparent; -webkit-user-modify: read-write-plaintext-only; }

input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; }

textarea { -webkit-appearance: none; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; }

.clearfix:before, .clearfix:after { content: ''; display: table; }

.clearfix:after { clear: both; }

.clearfix { *zoom: 1; }

.none { display: none; }

em, i { font-style: normal; }

b { font-weight: normal; }

table { border-collapse: collapse; border-spacing: 0; }

td, th { padding: 0; }

button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; }

button { overflow: visible; }

button, select { text-transform: none; }

button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; }

button[disabled], html input[disabled] { cursor: default; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

input { line-height: normal; }

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; }

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }

input[type="search"] { -webkit-appearance: textfield; /* 1 */ box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
.clearfix:after{ display:block; visibility:hidden; clear:both; height:0; content:"";}
.clearfix{zoom:1;}
.fl{ float:left;}
.fr{ float:right;}
.auto{ margin-left:auto; margin-right:auto;}
.w1200{width: 1200px;margin: 0 auto;}
.h20 { width:100%; height:20px;}
/*文字截断*/
.TXTovehid{display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}



/*header*/
.w_1280{ width: 90%; max-width: 1280px;  margin: 0 auto; }
.header{border-top: 4px solid #046aaa; }
.header .logo{ display: block; float: left;  height: 86px;line-height: 86px; vertical-align: middle; }
.header .logo img{vertical-align: middle;  }
.m_navbtn{ }
.m_navbtn i{ }
.header_right{ }
.header_menu{float: right; }
.header_menu ul{ }
.header_menu ul li{float: left; }
.header_menu ul li a{ display: block; height: 26px; line-height: 26px; padding: 30px 26px;font-size: 15px;
color: #333333;  }
.search_btn{float: right; }
.search_btn i{ display: block;height: 26px; line-height: 26px;
 padding: 30px 0px 30px 26px;
    font-size: 24px;color: #046aaa;}

.header_menu ul li{
    position: relative;}
.header_menu ul li>a{    display: block;
    position: relative;
    -webkit-transition: all .3s ease;
    transition: all .3s ease; }


.header_menu ul li .sub_nav{    transition: all .5s ease;width: 120px; 
    z-index: 9999;
    padding: 0;
    border: 0;
    box-shadow: rgba(0,0,0,.2) 0 1px 5px 1px;
    background: #fff;
    border-top: 2px solid #046aaa;    border-color: #046aaa;    border-top-left-radius: 0;
    border-top-right-radius: 0;right: auto;
    left: 0; position: absolute;top: 86px; opacity: 0; visibility: hidden; transform:translateY(10px); -webkit-transform:translateY(10px); }

.header_menu ul li .sub_nav dd a{ font-size: 13px;color: #2a333c;
    border-bottom: 1px solid #ebebeb;    -webkit-transition: all .3s ease;
    transition: all .3s ease;    padding: 13px 8px 6px 8px;white-space: nowrap;    line-height: 1.57142857;
    display: block; text-align: center; }

.header_menu ul li:hover .sub_nav{ opacity: 1; visibility: visible; transform:translateY(0px); -webkit-transform:translateY(0px); }
.header_menu ul li .sub_nav:after{ display: inline-block;  position: absolute; left: 20%;top: -6px;
width: 0;
height: 0;
content: "";
margin-left: 2px;
vertical-align: middle;
border-right: 6px solid transparent;
border-left: 6px solid transparent;
border-bottom: 6px solid #046aaa;
transition: .25s;}

.header_menu ul li:hover>a{ color: #046aaa;}
.header_menu ul li dd a:hover{ background: #f0f0f0; }

/**/
.header_menu ul li .sub_nav2{    transition: all .5s ease;width: 140px; 
    z-index: 9999;
    padding: 0;
    border: 0;
    box-shadow: rgba(0,0,0,.2) 0 1px 5px 1px;
    background: #fff;
    border-top: 2px solid #046aaa;    border-color: #046aaa;    border-top-left-radius: 0;
    border-top-right-radius: 0;right: auto;
    left: 0; position: absolute;top: 86px; opacity: 0; visibility: hidden; transform:translateY(10px); -webkit-transform:translateY(10px); }

.header_menu ul li .sub_nav2 dd a{ font-size: 13px;color: #2a333c;
    border-bottom: 1px solid #ebebeb;    -webkit-transition: all .3s ease;
    transition: all .3s ease;    padding: 8px 15px;white-space: nowrap;    line-height: 1.57142857;
    display: block; text-align: center; }

.header_menu ul li:hover .sub_nav2{ opacity: 1; visibility: visible; transform:translateY(0px); -webkit-transform:translateY(0px); }
.header_menu ul li .sub_nav2:after{ display: inline-block;  position: absolute; left: 20%;top: -6px;
width: 0;
height: 0;
content: "";
margin-left: 2px;
vertical-align: middle;
border-right: 6px solid transparent;
border-left: 6px solid transparent;
border-bottom: 6px solid #046aaa;
transition: .25s;}
/**/

/*footer*/
.footer{ background:#333333 url(../images/botbg.jpg) repeat-x left top;}
.footer_nav{overflow: hidden;float: left;  }
.footer_nav dl{float: left;  padding-left: 10px;padding-right: 170px; padding-bottom: 999em;margin-bottom: -999em;}
.footer_nav dl dt{ margin-bottom: 15px; line-height:45px;}
.footer_nav dl dt a{font-size: 17px; color: #ffffff;}
.footer_nav dl dd{ }
.footer_nav dl dd a{ font-size: 14px;color: #9a9a9a; line-height:28px; }

.footer_right{float: right;width:380px; background:#494949; padding-bottom:15px;}
.footer_right dt{  margin-bottom: 18px; line-height:45px; margin-left:16px;font-size: 17px; color: #ffffff; }
.footer_right dd{ margin-left:16px; }
.footer_right .one{ font-size:14px; color:#fff; margin-bottom:5px; }
.footer_right .two{ font-size:37px; color:#fff; line-height:48px;}
.footer_right .thr{ font-size:14px; color:#c2c2c2; margin-bottom:5px; margin-top:15px; }
.footer_right .thr i { background:url(../images/ad.png) no-repeat 0 7px; padding:5px 12px;}

.footer_right .fou{ font-size:14px; color:#c2c2c2; margin-bottom:5px; }


.footer_bot{  background: #262626; line-height: 24px; padding: 9px 0;font-size: 12px; }
.footer_bot .left{float: left;color: #b2b2b3; }
.footer_bot .left span{  padding-right: 15px;}
.footer_bot .right{float: right;font-size: 12px;color: #b2b2b3; }
.footer_bot .left a{color: #b2b2b3; transition:all 0.3s ease 0s; }
.footer_bot .left a:hover{ color: #ef8924;}
.footer_bot .right a{color: #b2b2b3; transition:all 0.3s ease 0s; }
.footer_bot .right a:hover{ color: #ef8924;}

.footer_nav dl dt a,.footer_nav dl dd a{transition:all 0.3s ease 0s;}
.footer_nav dl dt a:hover,.footer_nav dl dd a:hover{ color: #ef8718;}





/*隐藏搜索*/
.hidden_search .text { width: 100%; height: 20px; padding: 8px 0; font-size: 14px; color: #444; }
.hidden_search .btn { display: block; background: url(../images/search_icon2.jpg) no-repeat center center; position: absolute; right: 0; top: 0; height: 36px; width: 36px; text-indent: -999em; }
.hidden_search .search_wrap { border: 1px solid #e4eaec; border-radius: 20px; position: relative; padding-right: 56px; padding-left: 20px; height: 36px; }
.hidden_search .close_btn { position: absolute; right: 0; top: 0; padding: 10px; width: 22px; height: 22px; transition: 0.5s; }
.hidden_search .close_btn:after, .hidden_search .close_btn:before { background: #cccccc; width: 20px; height: 3px; display: block; transition: all 0.3s ease 0s; content: ""; position: absolute; left: 10px; top: 11px; }
.hidden_search .close_btn:before { transform-origin: left bottom; transform: rotate(45deg); }
.hidden_search .close_btn:after { transform-origin: left top; transform: rotate(-45deg); top: 25px; }
.hidden_search .close_btn:hover { transform: rotate(360deg); }
.hidden_search .close_btn:hover:after, .hidden_search .close_btn:hover:before { background: #046aaa; }

.pop .cd-popup-close { position: absolute; right: 0; top: 0; padding: 10px; width: 22px; height: 22px; transition: 0.5s; }
.pop .cd-popup-close:after, .pop .cd-popup-close:before { background: #cccccc; width: 20px; height: 3px; display: block; transition: all 0.3s ease 0s; content: ""; position: absolute; left: 10px; top: 11px; }
.pop .cd-popup-close:before { transform-origin: left bottom; transform: rotate(45deg); }
.pop .cd-popup-close:after { transform-origin: left top; transform: rotate(-45deg); top: 25px; }
.pop .cd-popup-close:hover { transform: rotate(360deg); }
.pop .cd-popup-close:hover:after, .pop .cd-popup-close:hover:before { background: #046aaa; }

.hidden_search.on { display: block; }


.cd-popup { position: fixed; left: 0; top: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.3); opacity: 0; visibility: hidden; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s; -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s; transition: opacity 0.3s 0s, visibility 0s 0.3s; z-index: 9999; }

.cd-popup.is-visible { opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s 0s, visibility 0s 0s; -moz-transition: opacity 0.3s 0s, visibility 0s 0s; transition: opacity 0.3s 0s, visibility 0s 0s; }

.cd-popup-container { position: relative; height: 36px; padding: 40px; background: #fff; width: 60%; margin: 0 auto; top: 50%; margin-top: -58px; background: #FFF; text-align: center; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); -webkit-backface-visibility: hidden; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; transition-property: transform; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; }

.is-visible .cd-popup-container { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
/*隐藏搜索 end*/


.search_form .text {
    float: left;
    width: 70%;
    height: 20px;
    padding: 5px 2%;
}

.search_form .btn {
    float: left;
    height: 30px;
    width: 26%;
}

.m_navbtn{ display: none;}
@media only screen and (max-width: 1280px) {
.header_menu ul li a{ padding: 30px 10px;}
.w1200{width: auto;padding: 0 5%;}
.footer_nav dl{float: left;  padding-left: 10px;padding-right: 127px; padding-bottom: 999em;margin-bottom: -999em;}
}


@media only screen and (max-width: 991px) {


.footer_nav{ width: 100%; margin-bottom: 30px;}
.footer_nav dl{width: 100%; }

.footer_nav dl dt{float: left;width: 100%; }
.footer_nav dl dd{float: left;display: inline-block; margin-right: 15px; }
.footer_right{ float: left;}
.footer_bot .left,.footer_bot .right{ text-align: center;float: none;width: 100%;}
.header_right{ display: none;}
.m_navbtn{ display: block;  float: right;
display: block;
padding: 5px;
margin-top: 10px;}
.m_navbtn i{ color: #d1001a;
font-size: 26px;}
.header{ height: 60px; }
.header .logo{height: 60px;  line-height: 60px; }
/*991 end*/
}

@media only screen and (max-width: 768px) {


}

@media only screen and (max-width: 480px) {
.js_news li{width: 100%!important; margin-right: 0!important;}
.js_news li .detail{ display: none;}

}






