@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{margin:0;padding:0; border: 0;}
body{ color:#666; font-size:14px; font-family:"微软雅黑";}
section,article,aside,header,footer,nav,dialog,figure{display:block;}
ul, ol { list-style: none;} 
img,fieldset{vertical-align:top;border:0;}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;}
address,cite,code,em,th {font-weight:normal; font-style:normal;}
input,button,textarea,select{font:100% Arial,''; vertical-align:middle}
table,td,tr,th{font-size:12px;}
.nodispaly{ display:none}
.line{height:20px; line-height:20px; font-size:0px; clear:both; overflow:hidden; display:block;}
.clearfix{*zoom:1;}
.clearfix:after{display:block; overflow:hidden; clear:both; height:0px; visibility:hidden; content:".";}
a{color:#fff; text-decoration:none; transition:all 0.3s;}
a:hover {text-decoration:none;}
.layout { padding-right:15px; padding-left:15px; margin-right:auto; margin-left:auto }
.fl{float: left;}
.fr{float: right;}

.header{ height:78px; background:#232323; /*border-bottom:2px solid #1798d7; */ position:fixed; width:100%; left:0px; top:0px; z-index:100;}
.header .top{ margin:0 auto;position:relative;}
.header h1{ float:left; width:105px; margin-top:8px; margin-left:1%;}
.header h1 img{ width:100%;}
.header .top_r{ float:right; margin-right:2%}
.header .nav{ position:absolute; left:50%; margin-left: -520px; top:0;}
.header .nav ul{}
.header .nav li{ float:left; padding:0 40px; position:relative;}
.header .nav li p{ line-height:78px; font-size:15px;}
.header .nav li:hover p a{ text-decoration:none; color:#1798d7}
.header .nav li a.current{ color:#fff;}
.header .nav li dl{ position:absolute; left:0px; top:80px; min-width:100%; background:#232323; text-align:center; line-height:35px;visibility:hidden; opacity:0; transition:all 0.3s;}
.header .nav li:hover dl{ visibility:visible; opacity:1;}
.header .nav li dd{ border-bottom:1px solid #282828; padding: 0 15px; white-space: nowrap; }
.header .nav li dd a{ display:block; font-size:12px;line-height:38px;}
.header .nav li dd a:hover{ display:block; text-decoration:none;color:#1798d7;}


.header .search{ float:left; width:30px; height:30px; line-height:30px; text-align:center; margin-top:30px; margin-right:30px;}
.header .search .tb{ cursor:pointer;}
.header .search .tb i{ font-size:20px; color:#FFF;}

.search_box{ position:fixed; left:0px; top:0px; width:100%; height:70px;  display:none;}
.search_box .box{ max-width:680px; margin:0 auto; position:relative;}
.search_box .box .k_f{ margin-top:15px;}
.search_box .box .input_txt{ width:72%; padding-left:3%; float:left; height:50px; border:0 none; background:#fff; outline:medium; color:#111;}
.search_box .box .input_btn{ width:25%; float:right; height:50px; border:0 none; background:#1798d7; outline:medium; color:#FFF;}
.search_box .box .gb{ position:absolute; right:0px; top:50px; width:40px; height:40px; text-align:center; line-height:40px; background:#000;}
.search_box .box .gb i{ font-size:20px; color:#FFF;}


.menu{ display:none;}
.sub_menu{ display:none;}
.header .yuyan{ width:85px; float:right; margin-top:38px; height:18px; text-align:center; line-height:18px;}
.header .yuyan a{ float: left; margin-right:15px;}
.header .yuyan a:hover{ display:block; color:#FFF; text-decoration:none;}


.cpgg{}
.cpxqer{ max-width:1620px; margin:0 auto; padding:2% 0;}
.cpxqer ul{ padding:10px 20px;}
.cpxqer li{ margin-bottom:5px; border-bottom:1px solid #444; cursor: pointer;}
.cpxqer li p{ line-height: 40px; font-size:15px; color: #FFF;}
.cpxqer li p a{ color: #FFF;display: block;}
.cpxqer li p a:hover{ color: #FFF;display: block;text-decoration: none;}
.cpxqer li dl{ display:none; line-height:24px;margin:0px 20px;}
.cpxqer li dd{line-height:20px;padding:8px 0;}
.cpxqer li dd a{ color:#FFF; font-size:12px;}
.cpxqer li dd a:hover{ color:#1798d7; text-decoration:none;}


.foot{ background:#111; padding-top:40px;}
.foot .box{ padding:0 7%;margin:0 auto;}
.foot_t{}
.foot_t.lines{border-top:1px solid #222; margin-top:10px; }
.foot_t .t_l{ float:left; width:90%; margin-bottom: 2%}
.foot_t .t_l dl{ float:left; width:15%; color:#FFF;}
.foot_t .t_l dt{ font-size:18px; margin-bottom:15px;}
.foot_t .t_l dd{ line-height:24px; font-size:12px;}
.foot_t .t_l dd a{ color:#999;}
.foot_t .t_l dd a:hover{ color:#FFF; text-decoration:none;}

.foot_t .t_r{ float:right; }
.foot_t .t_r .r_t{}
.footer-icon-top {margin-top:0; text-align: left; font-size: 16px;color: #ccc;}
.foot_t .code{text-align: left; width: 110px;padding-bottom:8px; }
.foot_t .code img{width: 110px;}
.foot_t .right { display: table; text-align: right; vertical-align: top; padding-top:15px; }
.foot_t .t_r span{text-align: left;  font-size: 16px; color: #ccc;}
.foot_t .right ul li { display:inline-block; margin-right:15px; line-height:50px }
.foot_t .right a {display: block;}

.foot_t .right .facebook:before, .foot_t .right .google:before, .foot_t .right .habrahabr:before, .foot_t .right .in:before, .foot_t .right .instagram:before, .foot_t .right .twitter:before, .foot_t .right .vk:before, .foot_t .right .weibo:before, .foot_t .right .youtube:before { content:""; width:32px; height:32px; background:url(../images/hw1_sprite.png) no-repeat; display:block; }
.foot_t .right .weibo:before { background-position:2px -450px }
.foot_t .right .in:before { background-position:-36px -450px }
.foot_t .right .facebook:before { background-position:-78px -450px }
.foot_t .right .youtube:before { background-position:-158px -450px }
.foot_t .right .google:before { background-position:-158px -409px }
.foot_t .right .twitter:before { background-position:-118px -448px }
.foot_t .right .vk:before { background-position:-114px -734px }
.foot_t .right .habrahabr:before { background-position:-72px -734px }
.foot_t .right .instagram:before { background-position:-155px -734px }

.foot_b{ padding:2% 0; color:#ccc; font-size:13px; line-height: 24px;width: 50%; float: left;}

.foot_cc{ padding: 0;margin-top:20px; color:#ccc; font-size:13px; line-height: 24px;width: 50%; float: left;}