@charset "utf-8";
/*common*/
html { overflow: auto; overflow-x: hidden;}
body,html { height: 100%; width: 100%; margin: 0; padding: 0; position: relative; border: none;}
body{ margin:0 auto; color:#333; font-family: "微软雅黑",Arial,Verdana,sans-serif; position: relative; top: 0; left: 0;}

div,form,ul,ol,li,span,p,caption{padding:0; border:0; margin: 0;}
img,a {margin:0; padding:0; border:none;}
ul,ol,li{list-style:none; }
table,td,th,input,textarea{font-size:12px; border: 0; padding: 0; margin: 0;}
h1,h2,h3,h4,h5{margin: 0;padding: 0;}
h1 {font-size:28px;}
h2 {font-size:22px;}
h3 {font-size:16px;}
h4 {font-size:12px;}
h5 {font-size:14px;}
h6 {font-size:14px;}
a{text-decoration:none; color: #888;}
textarea { overflow: hidden;}
.clear{width:100%;margin:0 auto;float:left;}
#clear { clear: both;}

.menubar { width: 1100px; margin: 0 auto;}
.footer_main { width: 1100px; margin: 0 auto;}
.service_main { width: 1100px; margin: 0 auto;}
.case_main { width: 1100px; margin: 0 auto;}
.content_main { width: 1100px; margin: 0 auto;}
.clearBoth:after { content: ""; display: table; clear: both;}
.left { float: left;}
.right { float: right;}
.none { display: none;}
.hidden { visibility: hidden;}

.top_address { padding: 20px 0 40px; text-align: left;}
.top_address a { color: #000; font-size: 16px;}
.top_address a:hover { color: #00abeb;}


/* 头部 */
.header_top { padding: 15px 0; background:whitesmoke;}
.header_top .left a { display: inline-block; *display: inline; *zoom:1; position: relative; vertical-align: middle; margin: 0 10px 0 0;}
.header_top .left .header_top_img { display: block; width: 18px;}
.header_top .left .hide_img { display: none; position: absolute; top: 30px; left: 50%; margin-left: -50px; z-index: 22; }
.header_top .center { display: inline-block;padding: 0 20px;float:left;color:#fff;font-size:22px;text-align:center}
.header_top .right>* { display: inline-block; *display: inline; *zoom:1; vertical-align: middle;}
.header_top .loginView { display: inline-block; *display: inline; *zoom:1;}
.header_top .loginView li { display: inline-block; *display: inline; *zoom:1; color: #fff;}
.header_top .loginView li a { display: block; font-size: 13px; color: #fff; padding: 0 10px;}
.header_top .loginView li a:hover{ text-decoration: underline;}
.header_top .phone { padding: 0 20px;color:white;font-size:18px}
.header_top .phone img { display: inline-block; *display: inline; *zoom:1;  vertical-align: middle;}
.header_top .phone span { font-size: 12px; color: #fff; padding-left: 10px;}
.header_top .news{ padding-left:20px; height:18px;overflow: hidden;}
.header_top .news a{display:block;line-height:18px; color: #fff; font-size: 12px;}
/* 头部导航 */
.header_nav { position: fixed;width:100%; top:0px;left:0px; background: #fff; border-bottom: 1px solid #ccc; box-shadow: 1px 1px 4px #ccc;z-index:1;
_position: absolute;
_left: expression(eval(document.documentElement.scrollLeft));
_top: expression(eval(document.documentElement.scrollTop));
}
.header_nav  .logo { display: inline-block; *display: inline; *zoom:1; padding: 10px 20px; vertical-align: top;}
.header_nav  .menu { display: inline-block; *display: inline; *zoom:1;text-align:center;}
.header_nav  .right>* { display: inline-block; *display: inline; *zoom:1; vertical-align: middle;}
.header_nav  .menu>li { display: inline-block; *display: inline; *zoom:1; padding: 10px 5px; vertical-align: top;text-align:center}
.header_nav  .menu>li>a { display: block; padding: 5px 5px; font-size: 20px; color: #000; border-bottom: 2px solid #fff;}
.header_nav  .menu>li>a>b { position: absolute; bottom: 0; left: 0; height: 3px; background: #00abeb; width: 0; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.header_nav .menu>li .hide_nav { position: absolute; top: 65px; left: 50%; border: 1px solid #ccc; text-align: center; padding: 10px 0 30px; z-index: 11; background: #fff;}
.header_nav .menu>li .hide_nav_wide { margin-left: -425px; width: 850px; opacity: 0; filter: alpha(opacity= 0); }
.header_nav .menu>li .hide_nav_wide>div { display: inline-block; *display: inline; *zoom: 1; width: 16%; vertical-align: top; text-align: left; margin: 0 4%; letter-spacing: 1px;}
.header_nav .menu>li .hide_nav_wide h3 { font-size: 18px; color: #01aef0; font-weight: normal; padding: 5px 0;}
.header_nav .menu>li .hide_nav_wide h4 a { display: block; font-size: 16px; color: #000; font-weight: bold; padding: 10px 0;}
.header_nav .menu>li .hide_nav_wide h4 a:hover { text-decoration: underline;}
.header_nav .menu>li .hide_nav_wide ul li a { display: block; padding: 5px 0; color: #000; font-size: 16px;}
.header_nav .menu>li .hide_nav_wide ul li a .radio { border-radius: 8px; width: 8px; height: 8px; margin-right: 5px; background: #ccc; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle;}
.header_nav .menu>li .hide_nav_wide ul li a:hover { color: #00abeb;}
.header_nav .menu>li .nav_btn_focus{ color:#C30;font-weight:bold}
.header_nav .menu>li:hover .nav_btn{ color: #01aef0;}
.header_nav .menu>li:hover .nav_btn>b { width: 100%;}
.header_nav .menu>.narrow_wrap { position: relative; top: 0; left: 0;}
.header_nav .menu>li .hide_nav_narrow {  margin-left: -70px; width: 140px;}
.header_nav .menu>li .hide_nav_narrow ul li a { display: block; padding: 5px 0; font-size: 16px; color: #000;}
.header_nav .menu>li .hide_nav_narrow ul li a:hover { color: #00abeb;}


.slide_tool { position: fixed; right: 0; top: 280px; width:110px; z-index: 12;height:300px}
.slide_tool a { display: block; position: relative; height: 40px; width: 40px; padding: 10px; margin-bottom: 10px; }
.slide_tool .none { display: none;}
.slide_tool a img { position: absolute; top: 10px; left: 10px; width: 40px; height: 40px;}
.slide_tool a .slide_tool_bg_hover { top: 0; left: 0; width: 60px; height: 60px; opacity: 0; filter: alpha(opacity=0);}
.slide_tool .return_top img { width: 60px; height: 60px; left: 0; top: 0;}
.slide_tool .show_phone:hover>.phone_box { left: -170px; opacity: 1; filter: alpha(opacity=100);}
.phone_box { position: absolute; top: 9px; left: 0; opacity: 0; filter: alpha(opacity=0); background: #fff; padding: 10px 20px; width: 115px; z-index: 8;transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s;	}
.phone_box::after { display: table; content: ""; position: absolute; top: 50%; left: 100%; margin-top: -6px; border-left: 6px solid #fff; border-top: 6px solid transparent; border-bottom: 6px solid transparent;}
.phone_box span { display: block; color: #00abeb; font-size: 16px; text-align: center;}

/* 底部 */
.footer { padding: 50px 0 30px; background: #313131; text-align: center;}
.footer .footer_column { display: inline-block; *display: inline; *zoom: 1; width: 30%; margin: 0 1.4%; vertical-align: top; color: #fff; text-align: left; }
.footer .footer_column h4 { font-size: 18px; font-weight: normal; padding: 5px 0 15px;}
.footer .footer_column ul li { line-height: 15px; padding-bottom: 20px;}
.footer .footer_column ul li i { display: inline-block; *display: inline; *zoom: 1; width: 8px; height: 8px; border-radius: 8px; background: #fff; vertical-align: top; margin-top: 5px; margin-right: 5px;}
.footer .footer_column ul li p { display: inline-block; *display: inline; *zoom: 1; font-size: 12px; width: 265px; line-height: 1.5;}
.footer .footer_column .row { padding: 5px 0;}
.footer .footer_column .row img { width: 18px; margin-right: 5px; display: inline-block; *display: inline; *zoom: 1; }
.footer .footer_column .row span { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; font-size: 12px; width: 265px; line-height: 1.5;}
.footer .footer_column>img { width: 130px; height: 130px; display: inline-block; *display: inline; *zoom: 1; margin: 10px auto;}
.footer .copyright_info { text-align: center; letter-spacing: .2px; padding: 50px 0 0; font-size: 12px;}
.footer .copyright_info p { color: #fff;}
.footer .copyright_info span { display: block; color: #bbb;}

/* 分类导航 */
.category_nav { padding: 30px 0; text-align: center;}
.category_nav a { display: inline-block; *display: inline; *zoom: 1; width: 180px; padding: 15px 0; color: #fff; background: #bfbfbf; margin: 0 5px;}
.category_nav .category_nav_choiced,.category_nav a:hover { background: #393939}

/* 登陆注册 */
.window { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 100;}
.window .cover { width: 100%; height: 100%; background: rgba(0,0,0,0.5)!important; background: #000; filter: alpha(opacity=50);}
.window .window_main { position: absolute; top: 50%; left: 50%; background: #fff; margin-left: -275px; margin-top: -300px; width: 550px; height: 600px; border-radius: 5px; overflow: hidden;}
.window .window_title { text-align: center;}
.window .window_title a { display: inline-block; *display: inline; *zoom: 1; width: 49.5%; background: #eee; color: #000; text-align: center; padding: 15px 0; position: relative; font-size: 18px;	}
.window .window_title .close_btn { position: absolute; right: 0; top: 0; width: 34px; height: 34px; padding:10px; background: transparent;}
.window .window_title .close_btn img { display: block; width: 100%;}
.window .window_title .window_title_choiced { background: #fff;}
.window .window_main h4 { text-align: center; font-size: 14px; font-weight: normal; padding: 15px 0;}
.window .window_edit_view { width: 430px; margin: 0 auto; border: 1px solid #ccc; border-radius: 5px;}
.window .window_edit_view .row { padding: 15px 0; border-bottom: 1px solid #ccc; position: relative;}
.window .window_edit_view input { width: 200px; border: none; font-size: 14px; padding: 5px 0 5px 10px;}
.window .window_edit_view span { display: inline-block; position: relative; width: 70px; padding-left: 27px; font-size: 16px;}
.window .window_edit_view span b { position: absolute; top: 0; left: 10px; color: #f80505; padding: 0 5px;}
.window .login p { width: 430px; margin: -40px auto 5px; font-size: 14px; padding: 5px 0; text-align: right;}
.window .window_confirm_btn { display: block; width: 430px; padding: 10px 0; text-align: center; color: #fff; background: #00abeb; border-radius: 5px; margin: 20px auto;}
.get_code_btn { position: absolute; top: 7px; right: 10px;  padding: 10px; text-align: center; width: 80px; background: #00abeb; color: #fff; border-radius: 5px;}
.window .login .window_edit_view { margin: 90px auto 50px;}
.window .find .window_edit_view { margin: 60px auto 50px;}

/* 视频播放 */
.video_play { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 100;}
.video_play .cover { width: 100%; height: 100%; background: rgba(0,0,0,0.5)!important; background: #000; filter: alpha(opacity=50);}
.video_play video { position: absolute; width: 700px; height: 500px; left: 50%; top: 50%; margin-left: -350px; margin-top: -250px;}