/*通用样式*/
*{ padding:0; margin:0}
body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, table, td, th, form, fieldset, img, dl, dt, dd { margin:0; padding:0;word-wrap:break-word; }
textarea, input, select, body { font-size:12px; }
select, input { vertical-align:middle; }
fieldset, img { border:0; }
ul, ol { list-style:none; }
img,input { border:0;border:none;  }
a { text-decoration:none; color:#000; font-family:"微软雅黑" }
a:hover { color:#0085ff; }
.fl { float:left; display:inline; }
.fr { float:right; display:inline; }
.cb { clear:both; display:block; height:1px; overflow:hidden; width:100%; }
.mt20{ margin-top:20px; }
.ml20{ margin-left:20px;}
.ml50{ margin-left:50px;}
.mt10{ margin-top:10px; }
.mt15{ margin-top:15px; }
.mt30{ margin-top:30px; }
.mt5{ margin-top:5px; }
.red{ color:#f00}
*::-moz-placeholder,placeholder{ color:#a6a3a3}
a,input{outline:none;}
.clearfix{zoom:1}
.clearfix:after{clear:both;content:'.';display:block;font-size:0;line-height:0;visibility:hidden;height:0; }
/*重构样式*/

/*修改*/
.person_r{width: 75%;}
.person_top{ height:160px; background:#ecfffb;}
.per_topenter{ float:right; margin-top:60px; padding:9px 11px; background:#deb85e;  text-align:center ; color:#fff; font-size:15px;font-family: "Microsoft YaHei";border-radius: 4px;}
.person_name h2{ height:25px; margin:15px 0 10px; line-height:25px; color:#08a98b; overflow:hidden}
.per_topenter{ float:right; margin-top:60px; padding:9px 11px; background:#deb85e;  text-align:center ; color:#fff; font-size:15px;font-family: "Microsoft YaHei";border-radius: 4px;}
.per_topenter:hover{ background:#e8c36c; color:#fff;}
.person_l h2{height:60px;  padding-left:20px;  background:#08a98b; line-height:60px;  color:#fff;}
.person_l ul li li.pli_sel a,.person_l ul li li:hover a{border-left:3px solid #08a98b}
.person_l ul li li a{ width:195px; padding-left:25px;  border:none; border-left:3px solid #fff; color:#999; font-size:14px;}
.person_l ul li li a:hover{ color:#33b4d4 }
.per-mess form{ width:100%; margin:30px auto}
.per-mess form div {display:inline-block; width:100%;  margin-bottom:15px;color: #666;}
.per-mess form div label{float:left; width:100px;  margin-right:15px;  line-height:40px; text-align:right; font-size:15px; color:#666;font-weight: bold;}
.per-mess  .perupdate input,.per-mess  .perupdate a{display:inline-block; background:#08a98b; font-size:15px;color:#fff; font-family:"Microsoft YaHei";padding: 6px 20px;width: auto;
line-height: initial;height: auto;border: none;border-radius: 4px;letter-spacing: 2px;}
.per-mess  .perupdate input:hover,.per-mess  .perupdate a:hover{ background:#12b496}
@media handheld,only screen and (max-width:1230px){.person_r{width: 74%;}}
@media handheld,only screen and (max-width:1085px){.person_r{width: 72%;}}
@media handheld,only screen and (max-width:1010px){.person_r{width: 70%;}}
/*布局*/
.logo {
    margin: 0;
}
.main{ min-height:700px;}
.main:before{display:block; clear:both; height:0; visibility:hidden;  content:"."; } 
.main:after{display: block; clear: both; height: 0; line-height: 0; font-size: 0; visibility: hidden; content: "."; }
.w1120{ width:1120px; margin:0 auto}
.fl{ float:left}
.fr{ float:right} 
.logo img{ width:253px; height:62px;}
.header-wrap{ background:#33b4d4}
.error{ color:#f00}
body{ background:#f5f5f5}
body.registbg{ background:#ecfbff}
.ind_white{ width:100%;}
.ind_white,.white{ float:left; padding:15px 0; background:#fff;}
a,abbr,address,blockquote,body,caption,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,form,h1,h2,h3,h4,h5,h6,h7,html,iframe,img,ins,label,legend,li,object,ol,p,pre,q,small,span,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,ul{border:0;margin:0;padding:0}
a img{border:0}
figure{position:relative}
figure img{width:100%}
.row{width:100%;max-width:1260px;min-width:320px;margin:0 auto;overflow:hidden}
.col,.eightcol,.elevencol,.fifteencol,.fivecol,.fourcol,.fourteencol,.ninecol,.onecol,.sevencol,.sixcol,.tencol,.thirteencol,.threecol,.twelvecol,.twocol{margin-right:1%;float:left}
.footer-nav,.search,.sixcol{width:36%}
.middle-column-home{width:78%;margin-right:0;padding:12px 20px;border:1px solid #eaeaea;background-color:#fff;border-radius:4px}
.logo,.tencol{width:61.6%}
.nav,.nav-sub,.profile-bar,.row-login-desktop,.row-login-mobile,.sixteencol{width:100%;float:left}
.last{margin-right:0}
embed,img,object{max-width:100%}
img{height:auto}
.btn{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.428571429;text-align:center;white-space:nowrap;vertical-align:middle;cursor:pointer;background-image:none;border:1px solid transparent;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}
.example-btn{color:#fff;background-color:#5cb85c;border-color:#4cae4c}
.example-btn:hover{color:#fff;background-color:#47a447;border-color:#398439}
.example-btn:active{background-image:none}
pre{margin:15px auto;font:12px/20px Menlo,Monaco,Consolas,"'icrosoft Yahei",monospace;white-space:pre-wrap;word-break:break-all;word-wrap:break-word;border:1px solid #ddd;border-left-width:4px;background:#fbfbfb url(/images/codecolorer_bg.gif) top;padding:10px 15px}
.right-list button{top:24px!important;margin-top:12px;display:none;background-color:#08a98b;float:right; margin-right: 10px;}
html{font-size:62.5%}
body{margin:0;font-size:1.2em;font-family: 'Microsoft Yahei';-webkit-font-smoothing:antialiased;color:#333}
button,input,select,textarea{font-family:'Microsoft Yahei';-webkit-font-smoothing:antialiased}
input[type=radio]{-webkit-appearance:radio}
h1,h2,h3,h4{font-size:1em}
.mobile-nav{display:none}
button,input,select,td,textarea,th{font-size:13px}
button,input,select,textarea{outline:0}
button:hover{cursor:pointer}
.clearfix:after,.clearfix:before{visibility:hidden;display:block;font-size:0;content:".";clear:both;height:0}
h1{margin:0 0 10px 0;font-size:2.1em;color:#64854c;text-decoration:none; }
.logo h1{background-repeat:no-repeat; width:258px;height:65px; margin-left:20px;display:block}
.logo a{width:258px;height:65px;display:block}
a{color:#333;text-decoration:none;-o-transition-duration:.2s;-o-transition-property:opacity;-webkit-transition-duration:.2s;-webkit-transition-property:opacity}
table a{text-decoration:underline}
a:hover{opacity:.8;color:#08a98b; text-decoration:none;} 
li,ol,p,ul{line-height:1.5em}
input[type=submit]{cursor:pointer;color:#fff;padding:7px 10px 7px 10px;-webkit-appearance:none;width:80px;margin:10px 0 0 0;font-weight:700;text-shadow:0 1px 0 rgba(0,0,0,.2);border:1px solid rgba(87,121,63,.8);-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;background-color:#90b575;-moz-box-shadow:0 1px 2px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.25);-webkit-box-shadow:0 1px 2px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.25);box-shadow:0 1px 2px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.25);background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMTclIiB4Mj0iNTAlIiB5Mj0iLTE3JSI+CjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMwMDAiIHN0b3Atb3BhY2l0eT0iMC4xNSIvPgo8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmYiIHN0b3Atb3BhY2l0eT0iMC4xNSIvPgogICA8L2xpbmVhckdyYWRpZW50PgoKPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiIGZpbGw9InVybCgjaGF0MCkiIC8+Cjwvc3ZnPg==);background-image:-moz-linear-gradient(bottom,rgba(0,0,0,.15) -17%,rgba(255,255,255,.15) 117%);background-image:-o-linear-gradient(bottom,rgba(0,0,0,.15) -17%,rgba(255,255,255,.15) 117%);background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.15) -17%,rgba(255,255,255,.15) 117%);background-image:linear-gradient(bottom,rgba(0,0,0,.15) -17%,rgba(255,255,255,.15) 117%)}

/*首页样式*/
.fakeimg{width: 300px\9; height: 169px\9;}
.skimg { width: 410px\9; height: 245px\9;}
.nav,.nav-sub,.profile-bar{padding:0 0 0 20px;height:40px; line-height:40px; font-size:1.2em;font-family:'Microsoft Yahei'}
.nav{text-transform:uppercase}
.nav ul,.nav-sub ul{list-style:none;white-space:nowrap}
.nav li,.nav-sub li{display:inline;margin:0 35px 0 0}
.nav-user a.loginBtn i {margin-right: 5px;}
.nav li a,.nav-sub li a{ text-decoration:none}
.nav li a{color:#fff; line-height:40px;}
.nav li a:hover{color:#e3efd9}
.nav-sub li a{color:#333}
.nav-sub li a:hover{color:#777}
.qimo8{ overflow:hidden; width:90%;}
.qimo8 .qimo {/*width:99999999px;*/width:8000%; height:30px;}
.qimo8 .qimo div{ float:left;}
.qimo8 .qimo ul{float:left; height:30px; overflow:hidden; zoom:1; }
.qimo8 .qimo ul li{float:left; line-height:30px; list-style:none;}
.qimo8 li a{margin-right:20px;color:#444444;}
.qimo8 li a:hover{ color:#08a98b}
.message{background: #ebebeb; border-bottom: 1px solid #ddd;padding:10px;vertical-align:middle;}
.message span{float: left; font-size: 1.5em; width:105px; text-align: initial; white-space: nowrap;line-height:30px;display:block;height:30px; padding-left: 15px;}

.news{margin-top: 30px;padding-bottom: 30px;}
.news h2{ position: absolute; bottom: 0; width: 100%; box-sizing: border-box; background:#333; padding:15px 20px;}
.news h2 a{ color:#fff; font-size:1.3em;}
.news_pic{ padding-right:0;}
.news_list{ height: 290px; background:#f8f8f8; border:1px solid #eee; border-left:none;}
.news_list ul{ padding:10px 0px 10px 20px;}
.news_list ul li{ line-height:2.8em; list-style: disc;}
.news_list ul li span{ color:#bbbbbb; float:right;}

.nav_part {padding: 30px;}
.nav_part .nav li a {color: #333;}
.nav_part.gray{ background-color:#f7f7f7;} 
.nav_menu{text-transform: uppercase; display:inline-block; border-bottom: 1px solid #e8e8e8; width: 91%; }
.nav_menu-item{display: inline-block; margin-right: 10px;line-height: 3rem;}
.nav_menu-item:hover .nav_submenu{display: block;}
nav ul{list-style: none; padding-left: 0; margin-top: 0; margin-bottom: 0;}
.nav_menu a{display: block; padding: 0 10px; line-height: inherit; cursor: pointer; margin-bottom: 5px;}
.nav_menu-item:hover{border-bottom:1px solid #08a98b; margin-bottom:-1px;}
.nav_menu-item:hover .nav_submenu{display: block;}
.nav_submenu{text-transform: none; display: none; position: absolute; background-color: #fff;filter:Alpha(opacity=50);/* 只支持IE6、7、8、9 */*zoom:1; /* 激活IE6、7的haslayout属性，让它读懂Alpha */background-color: rgba(255,255,255,0.5); margin-top: 1px; padding:10px; max-width:280px; z-index:1000;}
.nav_submenu-item{display:inline-block; line-height: 2.3em;}
.nav_part a.more{float:right;line-height:1.5em;}
.nav_part a.more:hover{ color:#f00;}
.nav_part .title{ margin-bottom:30px;}
.nav_part h2 a{ font-size:1.3em; padding:10px 0; display:block;}
.nav_part p{ font-size:14px; color:#929292; line-height:2em; clear: both;}
.nav_part p i{font-style:normal;}
.nav_part p.orange{ color:#ce9200;}
.nav_part p span{  font-size:14px; display:inline-block; font-weight:normal;padding-left:0; top:0;}
.nav_part a.coming{background-color: #deb85e; border-radius:4px; border:none; width:80px; height:30px; display: inline-block; color: #fff; line-height:30px; text-align:center; cursor:pointer; margin-top:5px;	} 
.nav_part a.coming::-webkit-input-placeholder{color:#fff}
.nav_part a.coming:-moz-placeholder{color:#fff}
.nav_part a.coming::-moz-placeholder{color:#fff}
.nav_part a.coming:-ms-input-placeholder{color:#fff}
#owl-demo .item{margin: 0 15px 15px 15px;}
.owl-item a{ display:inline-block;}
.owl-pagination{ display:none;}
h5{ font-size:1.7em; text-align:center; line-height:2em;}
h6{ font-size:1.5em; text-align:center; line-height:2em;}
h7{ font-size:2em; text-align:center;display: block; margin:20px 0;}
.nav_part .owl-item p{ text-align:center; color:#333;}
.search-reveal{display:none}

/* 头部搜索框 */
.searchBtn button,.searchTxt .searchMenu .searchSelected{background-image:url(../images/researchbg.png);background-repeat:no-repeat;}
.searchTxt{position:relative;float:left;width:265px;height:30px;border-right:0;background:#fff;z-index:100;}
.searchTxtHover{position:relative;float:left;width:265px;height:30px;border-right:0;background:#fff;z-index:9999;}
.searchTxtHover .radius{position:absolute;top:-2px;left:-2px;width:1px;height:1px;background:#cce5f5;overflow:hidden;}
.searchTxt .searchMenu{float:left;}
.searchTxt .searchMenu .searchSelected{width:48px;height:30px;padding:0 10px;background-position:0px -54px; line-height:30px; font-size:14px; color:#333;cursor:pointer;}
.searchTxt .searchMenu .searchOpen{background-position:0px -104px;}
.searchTxt .searchMenu .searchTab{display:none; position:absolute;top:30px;left:-2px;width:58px;border:2px solid #3297d8;border-top:0;background:#fff; z-index:10000;}
.searchTxt .searchMenu .searchTab li{width:58px;height:28px;line-height:28px;color:#a8a8a8;font-size:14px;font-weight:bold;text-indent:10px;cursor:pointer;}
.searchTxt .searchMenu .searchTab li.selected{background:#edf3fc;color:#6994c1;}
.searchTxt input{float:left;width:185px;height:22px;margin:0;padding:4px;border:0;background:#fff;color:#333;font:14px/22px '宋体',verdana,tahoma,arial,'SimSun',sans-serif;outline:medium none;}
.searchTxt .sosoLogo{display:inline;float:right;margin:8px 6px 0 0;}
.searchBtn{float:left;}
.searchBtn button{float:left;width:55px;height:30px;border:0;background:url(../images/researchbg.png) no-repeat 0 0 #fff;color:#fff;cursor:pointer;font-size:16px;text-indent:-9999px;}

/* head */
.head{float:left;  width:100%;  min-height:102px;background:#33b4d4;}
.head-help{ margin-top:40px; color:#fff}
.head-help a{ color:#fff; line-height:35px;}
.head-help a span.headtxpic{display:inline-block;  float:left; height:35px; width:35px; border-radius:17px; margin-right:10px;overflow:hidden; }
.head-help a span.headtxpic img{ width:35px; height:35px;}
.tk_login{ margin: 0 10px;}
/* nav */
.nav{  display:inline-block; position:relative; width:100%;  z-index:99}
.m_nav{ width:100%; height:45px; background:#fff; overflow:hidden } 
.m_nav ul li,.s_nav ul li{ float:left; margin:0 5px;}
.m_nav ul li a{ padding:0 15px; line-height:45px; display:inline-block; color:#666666;font:15px/45px 'Microsoft YaHei',verdana,tahoma,arial,'SimSun',sans-serif;}
.m_nav ul li a:hover,.m_nav ul li.nav-sel a,.m_nav ul li:hover{ background:#ff8265; color:#fff}
.s_nav{ display:none; position:absolute; top:45px;float:left;  width:100%; padding:10px 0; background:#eee; z-index:999; border-bottom:1px solid #ccc;}
.s_nav a{ color:#767676; padding:0 10px; line-height:25px; }
.s_nav ul li{ margin-left:20px; margin-right:0}
.s_nav a:hover{ color:#069}
.m_nav ul li.nav-sel{ background:#fff}

/*foot*/
.foot{  width:100%; background:#303440 }
.foot p{ text-align:center}
.friendship{ width:100%;padding:15px 0; background:#33b4d4; }
.friend_mid span{display:inline-block; height:35px; padding-left:60px; background:url(../images/friendship.png) no-repeat; line-height:35px; color:#fff; }
.friend_mid{ width:1100px; margin:0 auto;}
.friendship span{ font-size:20px; margin-right:15px;}
.friendship span i{display:inline-block; width:8px; height:8px; margin-left:15px;  background:url(../images/arrow.png) no-repeat;}
.friendship a{ display:inline-block; color:#fff; margin:5px 15px 5px 0;}
.footcopy{ text-align:center; padding:15px 0; color:#999999}
.footcopy span{ float:left}
.footcopy span.fr{ float:right}



.container{padding-left:10px;padding-right:10px}
.main{margin-top:20px}
.footer{background:#303440;padding-top:20px;padding-bottom:20px;margin-top:20px;-moz-box-shadow:0 -1px 1px #ececec;box-shadow:0 -1px 1px #ececec; color: #eee; line-height: 22px;}
.logo-search{margin-top:17px;margin-bottom:10px}
.navigation{background:#08a98b}
.logo img{padding:10px 0 0 20px}
.row-search-mobile{display:none}
.search{text-align:right}
.search form{padding:0;margin:0;padding:5px;margin:5px 0 0 0;text-align:center; position:relative;}
.search input{height: 38px\9;line-height:34px;left:9px;top:0;text-align:initial;white-space:nowrap;right:9px;width:80%;padding:0 3% 0 3%;background-color:#fff;border:2px solid #08a98b;color:#ccc;font-weight:400;font-size:1.2em;float: left;}
.search input:focus{color:#333;opacity:.8}
.search button{width:20%; height: 38px; border: none; background-color: #08a98b;color:#fff;float:left;}
i.fa.fa-search{position: absolute; top: 22%; left: 7%; color: #999;}
.nav-sub .current-cat a{color:#6a6a6a;background:#efefef;padding-right:8px;padding-left:8px;opacity:.7;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;background-color:#f2f2f2;background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMTclIiB4Mj0iNTAlIiB5Mj0iLTE3JSI+CjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMwMDAiIHN0b3Atb3BhY2l0eT0iMC4wNSIvPgo8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmYiIHN0b3Atb3BhY2l0eT0iMC4wNSIvPgogICA8L2xpbmVhckdyYWRpZW50PgoKPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiIGZpbGw9InVybCgjaGF0MCkiIC8+Cjwvc3ZnPg==);background-image:-moz-linear-gradient(bottom,rgba(0,0,0,.05) -17%,rgba(255,255,255,.05) 117%);background-image:-o-linear-gradient(bottom,rgba(0,0,0,.05) -17%,rgba(255,255,255,.05) 117%);background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.05) -17%,rgba(255,255,255,.05) 117%);background-image:linear-gradient(bottom,rgba(0,0,0,.05) -17%,rgba(255,255,255,.05) 117%)}
/* 头部 */
.header{position:fixed; z-index: 10000; left:0; top:0; width:100%; height:65px; background-color:#3b8cff}
.header .main{position:relative; margin:0 auto; min-height: 0;}
.nav li.nav-user{position:relative; top: 0; right:0; float:right; margin-right:20px; color: #fff}
.nav li.nav-user a{ margin-right: 5px; }
.nav-user span, 
.nav-user .unlogin, 
.out-login,
.avatar,
.avatar *,
.nav-user .nav{display:inline-block; vertical-align: middle; *display: inline; *zoom:1;}
.nav-user .unlogin{margin-right: 10px; margin-top: 8px;}
.nav-user span{position: relative;}
.nav-user span a{padding:0 10px; color:#A9B7B7}
.nav-user span a:hover{color:#fff;}
.nav-user .nav{position:relative; top: -2px; left: auto; right: 0; margin-left: 30px;}
.nav-user .nav a{padding: 0 10px;}
.nav-user .unlogin i{margin-bottom: 12px;}
.nav-user a{ color: #fff; margin-right: 20px; margin-left: 3px; }
.out-login{margin-left:20px; text-align:center}
.out-login a{color:#A9B7B7; font-size:30px; padding:0 10px;}
.out-login a:hover{color:#fff;}
.avatar{ color:#A9B7B7; font-size:14px;}
.avatar img{ width: 42px; height: 42px; border-radius:100%;}
.avatar cite, .avatar i{margin-left: 10px}
.avatar i{line-height: 20px; color: #FF7200;}
@media handheld,only screen and (min-width: 992px){
.col-md-17 {width: 94%;}
}

@media handheld,only screen and (max-width:1500px){
.qimo8 {width:90%;}
.message span{ width:105px;}
}
@media handheld,only screen and (max-width:1280px){
.nav_menu{width:90%;}
}
@media handheld,only screen and (max-width:1180px){
.nav_menu{width:88%;}
.kecf2{ width:94%;}
.col-md-17 {width: 94%;}
.news_box .fakeimg{ margin-right: 2% }
.owl-item a{position: relative; display: block; width: 100%;}
.owl-item a:before{content: ''; position: relative; display: block; width: 100%; padding-bottom: 56.29%;}
.owl-item a img{position: absolute; top: 0; left: 0; width: 100%; height: 100%;} 
}
@media handheld,only screen and (max-width:1090px){
.nav_menu{width:87%;}
}
@media handheld,only screen and (max-width:1085px){
.qimo8 {width:88%;}
.message span{ width:105px;}
.nav_menu{width:88%;}
}
@media handheld,only screen and (max-width:980px){
.nav_menu{width:85%;}
}

@media handheld,only screen and (max-width:975px){
.qimo8 {width:85%;}
.message span{ width:105px;}
}
@media handheld,only screen and (max-width:1024px){.right-column{display:none}
.pc-nav{display:none}
.message span{ width:105px;font-size: 16px;}
.mobile-nav{display:inline-block;width:100%}
.nav li,.nav-sub li{display:inline;margin:0 28px 0 0}
}
@media handheld,only screen and (max-width:768px){body{-webkit-text-size-adjust:none;-webkit-appearance:none}
.qimo8 {width: 70%;}
.right-list button,.nav ul.mobile-nav li.nav-user{display:block}
.nav ul.mobile-nav li{display: none;}
.right-list button i{ color:#fff;}
.logo-search{ margin-bottom:0;}
.message{ padding:5px;}
.news {margin-top: 10px; padding-bottom:10px;}
.news_pic {position: relative; padding: 0;}
.nav_part .txt{ padding-left:15px; padding-right:15px;}
.nav_part .mb10{ margin-bottom:10px;}
.nav_part{ padding-top:20px;border-top: 1px solid #eee;}
.live .nav_part{border-top:none; } 
.nav_menu{ width:100%; border:none;}
.nav_menu-item{ margin-left:8px; margin-right:0;line-height: 2.5em;}
.nav_part a.more{ position: relative;top: -31px; right: 8px;}
.nav_part .title{ margin-bottom: 10px;}
.nav_menu01{ height:0;}
.nav_part .style01 a.more{top: -20px;}
.nav_part .style01 ul{ height:0;} 
.nav_part .style01 span{ margin-bottom:0;}
.caidan{margin-left: 0;}
.location a.home{ margin-left:15px;}
.kecfl{ display:none;}
.kecf2{ width:100%;}
.row.location { padding-left: 15px;}
.previous-design-link,.next-design-link{ width:100%; float:none; text-align:left;}
h7{ font-size:1.5em;}
.pagination{ display:none;}
#owl-demo .item{ margin:0;}
input[type=radio]{-webkit-appearance:"radio"}
.shortcuts .shortcut{width:22.4%}
.container,.row,body{min-width:0;margin-left:0;margin-right:0;padding-left:0;padding-right:0}
.col,.eightcol,.elevencol,.fifteencol,.fivecol,.fourcol,.fourteencol,.ninecol,.onecol,.sevencol,.sixcol,.sixteencol,.tencol,.thirteencol,.threecol,.twelvecol,.twocol{width:auto;float:none;margin-left:0;margin-right:0}
.ad-336280{display:none}
.archive-options{display:none}
.left-column{display:none}
.right-column{display:none}
.search button{ width:33%;}
.search input{ width:67%;}
.middle-column,.middle-column-home{width:100%}
.ad-box{margin:0;padding:10px}
.small-ads{margin:0;padding:10px}
.small-ads .bsap a{border:4px solid #ededed}
.small-ads .bsap .odd{margin:0 8px 8px 0}
.small-ads .bsap .even{margin:0 0 8px 0}
.small-ads .bsap a,.small-ads .bsap a img{width:88px}
.search{width:30%;float:right}
.logo{width:40%;float:left}
.codelist a.item-top strong{text-align:left}
.right-column{display:none}
.xk_parent{ min-height: 50px; }
.col-md-17 {width: 89%;}
.news_box .fakeimg,.news_box .txt{width: 100%}
.nav{float: right;}
#downlaod_ewm{display: none;}
.nav_part.gray{ padding: 0 }
.nav_part{ padding-top: 10px; }
}
@media handheld,only screen and (max-width:640px){.col-md-17 {width: 85%;}}
@media handheld,only screen and (max-width:480px){div.example_code{width:96%}
.codelist-mobile{display:block}
.search-reveal{background-image:url(../img/search.png);background-size:15px 15px;background-repeat:no-repeat;text-indent:-9999px;display:inline-block;width:20px;margin:0;float:right}
.search{width: 100%; float: none;}
.search form{background: #eeefed; padding: 0; margin: 0; padding: 5px; margin: 5px 0 0 0; text-align: left;}
.search input{line-height: 34px; left: 9px; top: 0;text-align: left; white-space: nowrap; right: 9px; height: 35px; width: 100%; padding: 0 3% 0 3%; background-color: #fff; border: 1px solid #c8c8c8; color: #ccc; font-weight: 400; font-size: 1.2em;float:none;}
.search input::-webkit-input-placeholder{text-align:left;}
.logo{width:80%;float:left}
.logo h1{background-size:140px 40px}
.logo img,.logo a,.logo h1{width:140px;  height:40px}
.sub-navigation{display:none}
.sub-navigation-mobile{display:block;width:90%;margin:0 auto}
.nav-sub-mobile{font-size:1.1em;font-family:'Microsoft Yahei';padding:0}
.mobile-nav-hidden{display:none;padding:10px 0 0 0;background:#fff;border-right:1px solid #efefef;border-left:1px solid #efefef}
.nav-sub-mobile ul{list-style:none}
.nav-sub-mobile li a{padding:5px 0 5px 20px;display:block;text-decoration:none}
.nav-sub-mobile li a:hover,.nav-sub-mobile li.current-cat a{background:#f1f1f1}
.nav-sub-mobile li a{color:#333}
.nav-sub-mobile li a:hover{color:#777}
.archive-list-item img.wp-post-image{float:right!important;margin:0 0 10px 20px}
.nav-submit{display:none}
.left-column{display:none}
.right-column{display:none}
.nav li,.nav-sub li{margin:0 20px 0 0}
.logo,.search{text-align:center}
.row-search-mobile{margin:0 0 10px 0}
.search input{height:30px}
.search-desktop{display:none}
.logo img{padding:5px 0 0 0}
.tab{margin:0 auto}
.kecf2{ width:100%;}
.login-box{ margin: 60px auto;}
.login-main{ min-height:inherit;} 
.col-md-17 {width: 76%;}
.col-sm-2{ width: 20% }
.col-sm-10{ width: 80% }
}
@media handheld,only screen and (max-width:480px){.footer p{ padding:0 15px;}.kecf2{ width:100%;}.row-search-mobile{ display:block;}}
@media handheld,only screen and (max-width:400px){.nav-user a{ margin-right:10px;}.message span{ font-size:1.5em; padding-left: 10px;}.qimo8 {width:67%;}.kecf2{ width:100%;}.col-md-17 {width: 80%;}.p15 {padding: 15px 0 15px 0 !important;}}
    .carousel-control .fa {position: absolute;top: 40%;z-index: 5;display: inline-block;}

@media(min-width:1200px) and (max-width:1920px){
.fakeimg{width:300px; height: 169px;}  
.wkzx .fakeimg{width: auto;height: auto;}
.owl-item a{ width: 300px;  height: 169px;}
.skimg{width:410px; height: 245px;}  
}
 
@media(min-width:990px) and (max-width:1250px) {
.fakeimg{width:273px; height: 153px;} 
.wkzx .fakeimg{width: auto;height: auto;}
.skimg{width:385px; height: 215px;}  
}

@media handheld,only screen and (max-width:1180px){
.fakeimg{
    position: relative;
    display: block;
    width: 100%; }
.fakeimg:before {
    content: '';
    position: relative;
    display: block;
    width: 100%;
    padding-bottom: 56.29%;
}
.fakeimg img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
}
.fakeimg img {width: 100%; height: 100%;}

 .indnews_pic{height: 290px;}



@media(min-width:680px) and (max-width:870px) {
.indnews_pic{ height: 180px; }
.news_list{ height: 180px; } 
.news_list ul{ height: 200px; }
.news h2 a,.nav_part h2 a{font-size: 14px;}
}

@media(min-width:870px) and (max-width:1120px) {
.indnews_pic{ height: 235px; }
.news_list{ height: 235px; } 
.news_list ul{ height: 225px; overflow: hidden; }
.news_list ul li{ line-height: 2.3rem }
}
@media handheld,only screen and (max-width:750px){
.indimg{ position: relative; display: block;    width: 100%;} 
.indimg:before {
    content: '';
    position: relative;
    display: block;
    width: 100%;
    padding-bottom: 56.29%;
}
.indimg img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.news h2 a,.nav_part h2 a{font-size: 14px;}
.news_pic,.news_list,.news_list ul{ height: auto; }
}

@media (max-width: 1920px) and (min-width: 1200px){
.fakeimguser {
    width: auto;
    height: 255px;
}
}

@media handheld, only screen and (max-width: 1180px){
.fakeimguser:before {
    content: '';
    position: relative;
    display: block;
    width: auto;
    height: 13rem; 
    padding-bottom: 0;
}

}
.nav_part  h2.skh2 a{height: 25px; line-height: 25px; overflow: hidden; padding: 0 } 
@media handheld,only screen and (max-width:990px){
 .entstep{width: 100%}
 .entlc_r{ width: 100%; margin-left: 0 }
 }