@font-face {font-family: "iconfont";
  src: url('//at.alicdn.com/t/font_550913_8zexymitksu1sjor.eot?t=1516672940226'); /* IE9*/
  src: url('//at.alicdn.com/t/font_550913_8zexymitksu1sjor.eot?t=1516672940226#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('data:application/x-font-woff;charset=utf-8;base64,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') format('woff'),
  url('//at.alicdn.com/t/font_550913_8zexymitksu1sjor.ttf?t=1516672940226') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('//at.alicdn.com/t/font_550913_8zexymitksu1sjor.svg?t=1516672940226#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-search:before { content: "\e625"; }

.icon-menu:before { content: "\e692"; }

.icon-menu1:before { content: "\e615"; }


* { 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; padding-top:96px;}

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; }

/*header*/
.w_1280{ width: 1200px; max-width: 1200px;  margin: 0 auto; }
.header{ background:#fff url(../images/top_bg.jpg) no-repeat right; position:fixed; width:100%; top:0; left:0; z-index:100;border-bottom: 5px solid #11a8ed;}
.header .logo{ display: block; float: left;  height: 96px;line-height: 96px; 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: 35px 20px 25px;font-size: 16px;
color: #333;
overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;  }
.search_btn{float: right; }
.search_btn i{ display: block;height: 26px; line-height: 26px;
 padding: 35px 0px 25px 26px;
    font-size: 24px;color: #d5362f;}

.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: #11a8ed;
    border-top: 2px solid #11a8ed;    border-color: #11a8ed;    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: 12px;color: #fff;
    border-bottom: 1px solid #1cb5fb;    -webkit-transition: all .3s ease;
    transition: all .3s ease;    padding: 7px 7px;white-space: nowrap;    line-height: 1.97142857;
    display: block; text-align: left; }
.header_menu ul li .sub_nav dd a:hover{ background:#1cb5fb;}

.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 #11a8ed;
transition: .25s;}

.header_menu ul li:hover>a, .header_menu ul li a.cur{ color: #11a8ed;}
.header_menu ul li dd a:hover{ background: #11a8ed; }



/*footer*/
.footer{ padding:42px 0 20px 0; border-top: 5px solid #11a8ed; background:#FFF; clear:both;  }
.footer_nav{overflow: hidden;float: left;  }
.footer_nav dl{float: left; padding-right:110px; padding-bottom: 999em;margin-bottom: -999em; line-height:28px;}
.footer_nav dl dt{ margin-bottom: 24px;}
.footer_nav dl dt a{font-size: 18px; color: #343434;}
.footer_nav dl dd{ }
.footer_nav dl dd a{ font-size: 14px;color: #999999; }
.footer_right{float: right;text-align: center;width: 297px; }
.footer_right dt{ margin-bottom: 8px; }
.footer_right dt img{width: 297px;  }
.footer_right dd{ }
.footer_right dd span{height: 28px; line-height: 28px;display: block; color:#888888; font-size:14px; text-align:right; }

.footer_bot{  background: #eeeeee; line-height: 28px; padding: 5px 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 .right a{color: #b2b2b3; transition:all 0.3s ease 0s; }
.footer_bot .right a:hover{ color: #d1001a;}

.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: #d1001a;}





/*隐藏搜索*/
.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: 13px; top: 12px; }
.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: 27px; }
.hidden_search .close_btn:hover { transform: rotate(360deg); }
.hidden_search .close_btn:hover:after, .hidden_search .close_btn:hover:before { background: #295d37; }

.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: 13px; top: 12px; }
.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: 27px; }
.pop .cd-popup-close:hover { transform: rotate(360deg); }
.pop .cd-popup-close:hover:after, .pop .cd-popup-close:hover:before { background: #295d37; }

.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;}

}


@media only screen and (max-width: 768px) {
body{ padding-top:60px;}
.header{ height: 60px; }
.header .logo{ display: block; float: left; line-height: 43px; vertical-align: middle; }
.header .logo img{vertical-align: middle;width:240px;  height: 43px; margin-top:9px; }
.w_1280{width:90%;}
/*.header .logo{ display: block; float: left;  height: 76px;line-height: 76px; vertical-align: middle; }*/
.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;}
.header .logo{ display: block; float: left; line-height: 43px; vertical-align: middle; }
.header .logo img{vertical-align: middle;width:200px;  height: auto; margin-top:9px; }
.footer_nav dl dt{ margin-bottom: 14px;}
.mob_jia { margin-top: 14px;}
.footer_right dd span{height: 28px; line-height: 28px;display: block; color:#888888; font-size:14px; text-align:left; }
}